body.tnc-page{background:#071224 url('/assets/images/trust-chiikawa/camp-v1.webp') center bottom/cover fixed;color:#f4e5d2;min-height:100vh}
body.tnc-page:before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(#040b1977,#040b1922 45%,#07091499);z-index:-1}
.tnc-shell{width:min(1240px,100%);padding:26px 24px 80px;margin:auto}.tnc-shell [hidden],.tnc-toast[hidden]{display:none!important}.tnc-nav{display:flex;gap:8px;overflow:auto;padding-bottom:15px;scrollbar-width:thin}.tnc-nav a{white-space:nowrap;border:1px solid #84634b77;border-radius:10px;background:#100e16b8;color:#c8b3a2;font-size:13px;padding:10px 16px;text-decoration:none}.tnc-nav a[aria-current],.tnc-nav a:hover{background:#b74031;color:#fff0dc;border-color:#e1744a}
.tnc-hero{min-height:460px;display:flex;align-items:center;position:relative;gap:20px;padding:30px 35px 45px;border-bottom:1px solid #ba723955;margin-bottom:26px}.tnc-hero-copy{position:relative;z-index:1;max-width:720px}.tnc-eyebrow{font-size:10px;font-weight:800;letter-spacing:.13em;color:#cda774}.tnc-logo{display:block;width:min(100%,530px);height:auto;margin:10px 0 8px;filter:drop-shadow(0 10px 25px #0009)}.tnc-hero h1{font-size:clamp(28px,3.5vw,42px);font-weight:900;letter-spacing:-1.7px;color:#fff0d5;text-shadow:0 3px 18px #000;margin:0 0 5px}.tnc-subtitle{letter-spacing:.06em;font-size:13px!important;color:#bc9e88!important}.tnc-hero p{line-height:1.9;font-size:17px;color:#d5c5b6}.tnc-hero-friend{width:30%;height:auto;position:absolute;right:10px;bottom:25px;filter:drop-shadow(0 15px 35px #e86f3025);transform:rotate(7deg)}.tnc-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.tnc-chips span{font-size:11px;padding:7px 11px;border:1px solid #d7a66344;border-radius:30px;background:#0c1320bd;color:#e9ceb0}
.tnc-panel{background:linear-gradient(145deg,#18151eef,#0a101cf2);border:1px solid #a76842;border-radius:15px;padding:28px;box-shadow:inset 0 0 0 4px #1c151b, inset 0 0 0 5px #624332,0 18px 40px #0004;margin-bottom:22px;min-width:0;position:relative}.tnc-panel:before,.tnc-panel:after{content:'◆';position:absolute;color:#a56a43;font-size:10px;pointer-events:none}.tnc-panel:before{top:7px;left:8px}.tnc-panel:after{right:8px;bottom:7px}.tnc-panel h2,.tnc-panel h3{color:#f7e5cd;font-weight:800;letter-spacing:-.5px}.tnc-panel h2{font-size:25px;margin:5px 0 15px}.tnc-panel h3{font-size:19px;margin:0 0 12px}.tnc-panel p{font-size:14px;color:#beb5bb;line-height:1.9}.tnc-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:47px;border:1px solid #8a7062;border-radius:10px;background:linear-gradient(#322b31,#1b1b26);color:#eed7c5;text-decoration:none;padding:11px 18px;font-size:14px;font-weight:800;cursor:pointer;box-shadow:inset 0 1px #ffffff0d;transition:filter .15s,transform .15s}.tnc-button:hover{color:#fff6e6;filter:brightness(1.2);transform:translateY(-1px)}.tnc-button:active{transform:translateY(1px)}.tnc-button.red{background:linear-gradient(#bd483c,#7b2929);border-color:#ef7664;color:#fff2db;box-shadow:inset 0 1px #ffbf8655,0 4px 22px #a62a2a22}.tnc-button.green{background:linear-gradient(#35594b,#1c3634);border-color:#7dafa0}.tnc-button.small{font-size:12px;padding:8px 12px;min-height:40px}.tnc-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.tnc-button.active{background:#755535;border-color:#e7b76b}
.tnc-start{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 25px}.tnc-start>div{grid-row:span 2}.tnc-start p{max-width:680px;margin:0}.tnc-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tnc-step{color:#cf9c60;letter-spacing:.12em;font-size:12px;font-weight:800}.tnc-character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}.tnc-character-grid article{background:#ffffff04;border:1px solid #a17a4e33;border-radius:12px;padding:18px;min-width:0}.tnc-character-grid h3{margin:12px 0 10px;font-size:18px}.tnc-character-grid p{font-size:12px;margin-bottom:9px}.tnc-character-grid p b{color:#e1b87c;margin-right:4px}.tnc-avatar{width:53px;height:53px;display:inline-grid;place-items:center;flex-shrink:0;border-radius:50%;background:radial-gradient(at 30% 20%,#765e4e,#24212b);border:1px solid #c39363;font-size:31px;box-shadow:inset 0 1px #fff2}.tnc-goal{color:#e2bd7b!important}.tnc-panel details{border-top:1px solid #6c524533;padding:14px 0}.tnc-panel summary,.tnc-help summary{cursor:pointer;color:#dfc3a0;font-size:14px;font-weight:700}.tnc-panel li{font-size:13px;color:#c4bab9;line-height:1.95;margin:7px 0}.tnc-fan-note{font-size:11px;color:#aa9eaa;line-height:1.8;text-align:center;margin:25px 0 0;text-shadow:0 1px 5px #000}
.tnc-shell label{display:block;font-size:13px;color:#dbc4ad;font-weight:700;margin:14px 0 8px}.tnc-shell input:not([type=checkbox]),.tnc-shell select,.tnc-shell textarea{box-sizing:border-box;width:100%;border:1px solid #5c596f;border-radius:10px;background:#090e1cc9;color:#f4e9dc;padding:13px 14px;min-height:48px;font-size:16px}.tnc-shell input::placeholder,.tnc-shell textarea::placeholder{color:#7b7c90}.tnc-shell input:focus-visible,.tnc-shell select:focus-visible,.tnc-shell textarea:focus-visible,.tnc-button:focus-visible,.tnc-player-card:focus-visible,.tnc-number-card:focus-visible{outline:3px solid #e3b46b;outline-offset:3px}.tnc-lobby-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.tnc-lobby-title p{margin-bottom:0}.tnc-small-badge{border:1px solid #a27d52;padding:7px 12px;white-space:nowrap;color:#dfbd83;font-size:11px;border-radius:20px}.tnc-lobby-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 6px}.tnc-lobby-actions .tnc-button{min-height:54px;min-width:180px}.tnc-code-form{border-top:1px solid #715d4d55;padding-top:12px;margin-top:22px}.tnc-code-form>div{display:flex;gap:12px}.tnc-code-form input{max-width:300px;letter-spacing:.18em;text-transform:uppercase}.tnc-code-form button{flex-shrink:0}.tnc-room-list{margin-top:28px}.tnc-room-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #7a685533;padding:17px 0}.tnc-room-row strong{font-size:15px}.tnc-room-row small{display:block;font-size:12px;color:#a69ba3;margin-top:6px}.tnc-empty{text-align:center;color:#9b99a5!important;padding:22px 0;font-size:13px!important}.tnc-code-banner{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:25px 0;border:1px solid #866141;background:linear-gradient(90deg,#30231edd,#100f18);padding:13px 18px;border-radius:12px}.tnc-code-banner b{font-size:23px;letter-spacing:.14em;margin-left:12px}.tnc-code-banner>span{font-size:13px;color:#bda48c}.tnc-wait-players{margin:12px 0}.tnc-wait-players>div{display:flex;align-items:center;gap:16px;border-bottom:1px solid #64504c66;padding:17px 0}.tnc-wait-players strong{font-size:17px;flex:1;overflow-wrap:anywhere}.tnc-ready{border-radius:22px;background:#ffffff0a;color:#9f9195;padding:7px 12px;font-size:12px;white-space:nowrap}.tnc-ready.on{color:#86cba5;background:#5bba8e13}
.tnc-in-room .tnc-hero{display:none}.tnc-in-room #pm-meeple-floor,.tnc-in-room .pm-gc-fab,.tnc-in-room>footer{display:none!important}.tnc-room-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:5px 0 20px;padding:13px;background:#0d111ad9;border:1px solid #765039;border-radius:12px}.tnc-room-toolbar>a{color:#d4b58b;font-size:13px;text-decoration:none}.tnc-room-toolbar>span{flex:1;font-size:12px;color:#c5b3a4;min-width:120px}.tnc-phase-banner{padding:23px 26px;border-left:4px solid #b57b49;background:linear-gradient(90deg,#27202af0,#0c1823db);border-radius:12px;margin-bottom:18px}.tnc-phase-banner>span{color:#bd9b78;letter-spacing:.16em;font-size:11px;font-weight:900}.tnc-phase-banner h2{font-size:clamp(22px,3vw,30px);font-weight:900;color:#f6e3cb;margin:9px 0}.tnc-phase-banner p{color:#bab2b9;font-size:13px;margin-bottom:0;line-height:1.8}.tnc-phase-banner.your-turn{border-color:#ffc46c;background:linear-gradient(90deg,#614023ee,#161d29e6);box-shadow:0 0 35px #d2863322}.tnc-phase-banner.your-turn h2{color:#ffe0a1}
.tnc-fortifications{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:20px}.tnc-fortifications>div{display:flex;flex-direction:column;background:#0c1625ed;border:1px solid #63607188;border-radius:12px;padding:17px 20px}.tnc-fortifications span{font-size:12px;color:#b5b4c4}.tnc-fortifications strong{font-size:35px;color:#f0ce95;line-height:1.3}.tnc-fortifications strong small{font-size:15px;color:#8c8290;font-weight:400}.tnc-fortifications small{color:#9d9298;font-size:11px}.tnc-fortifications progress{width:100%;height:9px;margin-top:8px;accent-color:#cb9a5a;border:none;border-radius:10px;overflow:hidden}.tnc-fortifications progress::-webkit-progress-bar{background:#38313d}.tnc-fortifications progress::-webkit-progress-value{background:linear-gradient(90deg,#a06c36,#ecc78e)}
.tnc-my-role{display:flex;gap:20px;align-items:flex-start}.tnc-my-role p{margin:5px 0;font-size:12px}.tnc-my-role h3{margin:7px 0}.tnc-my-role h3 small{font-size:12px;color:#b0a6b0;margin-left:10px}.tnc-player-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.tnc-player-card{position:relative;display:flex;align-items:center;flex-direction:column;gap:6px;min-width:0;padding:17px 10px;border:1px solid #535569;background:#111a28eb;border-radius:13px;color:#e6d6c6;font-family:inherit;cursor:pointer}.tnc-player-card strong{max-width:100%;font-size:14px;overflow-wrap:anywhere}.tnc-player-card small{font-size:11px;color:#a79ba9;min-height:16px}.tnc-player-card.guard{border-color:#739f95;background:#19302eeb}.tnc-player-card.picked{outline:3px solid #f1c67b;outline-offset:-3px;background:#4b3528}.tnc-player-card.me:after{content:'나';position:absolute;right:8px;top:8px;padding:3px 6px;border-radius:20px;background:#dcaa62;color:#201812;font-size:10px}.tnc-player-status{font-size:11px;border-radius:20px;background:#ffffff08;padding:5px 10px}.tnc-suspicion{font-size:10px;color:#ffc288;min-height:15px}.tnc-play-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px}.tnc-play-columns>.tnc-panel{margin-bottom:0}.tnc-journal p{font-size:12px;border-bottom:1px solid #71574633;padding-bottom:10px}.tnc-journal p small{color:#cb9e6a;margin-right:5px}.tnc-decision h3{font-size:23px;line-height:1.45}.tnc-decision>.tnc-button{margin:10px 5px 0 0}.tnc-hand{display:flex;gap:9px;flex-wrap:wrap;margin:23px 0;max-height:400px;overflow:auto;padding:8px 4px}.tnc-number-card{display:flex;align-items:center;justify-content:space-around;flex-direction:column;min-width:68px;width:72px;height:108px;background:linear-gradient(145deg,#ffedcc,#c9a16f);border:2px solid #8c633d;box-shadow:0 5px 10px #0006,inset 0 0 0 3px #fff4;border-radius:10px;color:#4b3525;cursor:pointer;transition:transform .15s,box-shadow .15s}.tnc-number-card b{font-size:39px;line-height:1}.tnc-number-card span{font-size:12px}.tnc-number-card small{font-size:9px}.tnc-number-card.selected{transform:translateY(-7px);border-color:#ffe2a0;box-shadow:0 0 0 3px #b9742b,0 8px 22px #f6ab383b}.tnc-number-card.negative{background:linear-gradient(#d899b1,#7a4767);color:#fff0f4;border-color:#dd7fa9}.tnc-check{display:flex!important;align-items:center;gap:10px;background:#71323244;padding:12px;border-radius:9px}.tnc-check input{width:21px;height:21px;accent-color:#bc5448}.tnc-vote-buttons,.tnc-mode-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.tnc-vote-buttons .tnc-button{min-height:60px;flex:1}.tnc-confirm{width:100%;margin-top:22px!important;min-height:54px}.tnc-committed{border:1px solid #62826b;background:#2f57382c;color:#a7d1ad;padding:26px 20px;border-radius:12px;font-size:15px;line-height:1.9}.tnc-battle-math{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.tnc-battle-math span{padding:15px;border-radius:10px;background:#ffffff07;font-size:12px;color:#b7a6a5}.tnc-battle-math b{font-size:26px;color:#efc894;display:block}.tnc-notes{margin-top:20px}.tnc-notes p{font-size:12px}.tnc-chat-panel{margin-top:20px}.tnc-chat{height:260px;overflow:auto;background:#080e19aa;border:1px solid #534953;border-radius:10px;padding:14px;scrollbar-width:thin;overflow-wrap:anywhere}.tnc-chat p{font-size:13px;line-height:1.8;margin:5px 0}.tnc-chat strong{color:#daa879;margin-right:7px}.tnc-chat-panel form{display:flex;gap:9px;margin-top:12px}.tnc-chat-panel form input{min-width:0}.tnc-chat-panel form button{flex-shrink:0}.tnc-chat-panel .tnc-lobby-title small{font-size:11px;color:#a195a3}
.tnc-help{box-sizing:border-box;width:min(620px,calc(100% - 24px));max-height:85dvh;overflow:auto;background:#111725;color:#dfd1c3;border:1px solid #b9824f;border-radius:17px;padding:25px;box-shadow:0 20px 100px #000b}.tnc-help::backdrop{background:#020816cf;backdrop-filter:blur(6px)}.tnc-modal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.tnc-modal-heading h2{font-size:21px;margin:0}.tnc-help details{border-top:1px solid #4d4147;padding:16px 0}.tnc-help p{font-size:13px;color:#bdb1b8;line-height:1.8;margin-top:10px}.tnc-toast{position:fixed;bottom:max(30px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100vw - 30px);background:#fff0d2;color:#3d2d27;border:1px solid #d8aa6c;border-radius:12px;padding:14px 22px;z-index:100000;font-size:14px;box-shadow:0 8px 35px #0006;overflow-wrap:anywhere;text-align:center}
@media(max-width:950px){.tnc-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tnc-hero{padding:25px 10px;min-height:400px}.tnc-hero-friend{opacity:.65;right:0;width:32%}.tnc-hero-copy{max-width:75%}.tnc-start{grid-template-columns:1fr}.tnc-start>div{grid-row:auto}.tnc-play-columns{grid-template-columns:1fr}.tnc-journal{max-height:300px;overflow:auto}}
@media(max-width:600px){body.tnc-page{background-size:auto 100dvh}.tnc-shell{padding:17px 13px 45px}.tnc-nav{gap:6px;padding-bottom:12px}.tnc-nav a{font-size:12px;padding:9px 12px}.tnc-hero{min-height:420px;padding:12px 5px 25px;align-items:flex-start}.tnc-hero-copy{max-width:100%;width:100%}.tnc-eyebrow{font-size:8px;letter-spacing:.09em}.tnc-logo{margin:10px 0 17px;width:100%}.tnc-hero h1{font-size:28px;letter-spacing:-1.5px}.tnc-hero p{font-size:14px;max-width:78%}.tnc-hero-friend{width:33%;right:0;bottom:45px;opacity:.9}.tnc-chips{gap:6px;max-width:80%;margin-top:14px}.tnc-chips span{font-size:10px;padding:6px 9px}.tnc-panel{padding:23px 19px;margin-bottom:16px;border-radius:12px}.tnc-panel h2{font-size:23px}.tnc-panel p{font-size:13px}.tnc-info-grid{grid-template-columns:1fr;gap:0}.tnc-character-grid{gap:10px}.tnc-character-grid article{padding:14px 11px}.tnc-character-grid p{font-size:11px}.tnc-character-grid h3{font-size:17px}.tnc-start{gap:15px}.tnc-start .tnc-button{width:100%;min-height:52px}.tnc-small-badge{font-size:9px;padding:6px 8px}.tnc-lobby-actions{gap:9px}.tnc-lobby-actions .tnc-button{width:100%;min-height:54px}.tnc-code-form>div{gap:9px}.tnc-code-form button{padding:10px 14px}.tnc-code-banner{padding:12px;flex-wrap:wrap;gap:10px}.tnc-code-banner b{font-size:20px}.tnc-code-banner .tnc-button{min-height:40px;padding:8px 12px;font-size:12px}.tnc-wait-players>div{gap:10px;flex-wrap:wrap}.tnc-wait-players .tnc-avatar{width:44px;height:44px;font-size:26px}.tnc-wait-players strong{font-size:15px}.tnc-ready{font-size:10px;padding:6px 9px}.tnc-room-toolbar{gap:7px;padding:11px}.tnc-room-toolbar .tnc-button{font-size:10px;padding:7px 9px;min-height:38px}.tnc-room-toolbar>span{font-size:11px;min-width:100px}.tnc-phase-banner{padding:18px 17px}.tnc-phase-banner h2{font-size:22px;line-height:1.5}.tnc-phase-banner p{font-size:11px}.tnc-fortifications{gap:7px}.tnc-fortifications>div{padding:13px 10px}.tnc-fortifications strong{font-size:29px}.tnc-fortifications span{font-size:10px}.tnc-fortifications small{font-size:9px}.tnc-my-role{gap:12px}.tnc-my-role .tnc-avatar{width:43px;height:43px;font-size:28px}.tnc-my-role p{font-size:11px}.tnc-my-role h3{font-size:20px}.tnc-player-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tnc-player-card{padding:13px 9px}.tnc-player-card strong{font-size:13px}.tnc-player-card .tnc-avatar{width:45px;height:45px;font-size:29px}.tnc-decision h3{font-size:21px}.tnc-hand{gap:8px;max-height:330px}.tnc-number-card{min-width:60px;width:61px;height:94px}.tnc-number-card b{font-size:33px}.tnc-number-card small{font-size:8px}.tnc-mode-buttons .tnc-button{font-size:12px;flex:1;padding:10px 8px}.tnc-chat{height:280px;padding:12px}.tnc-chat-panel .tnc-lobby-title{display:block}.tnc-chat-panel .tnc-lobby-title small{display:block;margin:-3px 0 12px}.tnc-chat-panel form .tnc-button{padding:10px 14px}.tnc-chat p{font-size:12px}.tnc-toast{font-size:13px;width:max-content}.tnc-fan-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.tnc-button,.tnc-number-card{transition:none}}