@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/outfit-latin-400-normal-BGsTXAXT.woff2) format("woff2"),url(/assets/outfit-latin-400-normal-DMwTpYkH.woff) format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/outfit-latin-500-normal-DKnIMDSk.woff2) format("woff2"),url(/assets/outfit-latin-500-normal-ClnHRwRh.woff) format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-600-normal-B7SfZ07L.woff2) format("woff2"),url(/assets/outfit-latin-600-normal-BEfTtDA7.woff) format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/outfit-latin-700-normal-Cu9v6i1X.woff2) format("woff2"),url(/assets/outfit-latin-700-normal-D4itBLBr.woff) format("woff")}:root{font-family:Outfit,Trebuchet MS,sans-serif;color:#213d34;background:#f7f5ed;font-synthesis:none;font-weight:400;--ink: #213d34;--green: #365f4e;--line: #dedfd2;--paper: #fffdf6}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.46}button{transition:transform .18s,background .18s}button:not(:disabled):active{transform:scale(.98)}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #bf7755;outline-offset:4px}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:clamp(38px,5vw,65px);line-height:1.05;letter-spacing:-2.5px;font-weight:650}h1 em{font-style:normal;color:#69825a;position:relative}h1 em:after{content:"";position:absolute;height:3px;border-radius:50%;background:#b5c49d;bottom:-4px;left:0;right:0;transform:rotate(-3deg)}h2{font-size:29px;letter-spacing:-1px;font-weight:600}h3{font-size:19px;font-weight:600}p{color:#657063;line-height:1.6}small{font-size:12px}button{border:0}.topbar{max-width:1360px;padding:28px 48px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.wordmark{display:flex;gap:12px;align-items:center;font-size:25px;line-height:1;font-weight:650;letter-spacing:-1px}.wordmark small{display:block;font-size:8px;letter-spacing:2px;margin-top:8px;font-weight:500}.logo-you{font-weight:400}.brand-symbol{width:43px;height:43px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:#faf4db;border-radius:13px 13px 13px 4px;font-size:24px;letter-spacing:-5px;padding-right:5px;transform:rotate(-6deg)}.brand-symbol span{color:#b4c78e}.topbar nav{display:flex;gap:24px;align-items:center}.text-button{background:none;color:var(--ink);padding:10px 0;font-size:13px;text-decoration:underline;text-underline-offset:5px}.account-name{font-size:13px;color:#6a7568;max-width:160px;overflow:hidden;text-overflow:ellipsis}main{max-width:1264px;margin:auto;padding:0 40px;min-height:calc(100dvh - 194px)}.landing,.hub{display:grid;grid-template-columns:1.35fr 1fr;gap:80px;align-items:center;padding:64px 0 58px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;display:flex;align-items:center;gap:9px;text-transform:uppercase}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#69825a}.intro h1,.hub h1{margin:22px 0}.intro>p,.hub>div>p{font-size:16px;max-width:405px}.entry-panel{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:0 12px 40px #233d3407;position:relative}.entry-panel:before{content:"";position:absolute;top:-5px;right:32px;width:60px;height:12px;border:1px solid #a6b58c;background:#dbe3bb;transform:rotate(5deg)}.ticket-label{font-size:9px;letter-spacing:2px;color:#748263;margin-bottom:24px}.entry-panel>p{font-size:13px;margin:10px 0 23px}.tabs{background:#f0f0e6;border-radius:10px;padding:4px;display:grid;grid-template-columns:1fr 1fr;margin-bottom:25px}.tabs button{padding:10px;border-radius:7px;background:transparent;color:#657063;font-size:13px}.tabs .active{background:var(--paper);color:var(--ink);box-shadow:0 2px 6px #213d3410}form{display:grid;gap:19px}label{display:grid;gap:8px;font-size:13px;font-weight:500}input,textarea{width:100%;min-width:0;border:1px solid #d9ddd0;border-radius:9px;padding:13px 14px;background:#fafaf4;color:var(--ink);font-size:15px;transition:border-color .2s}input:focus,textarea:focus{border-color:#71896a}input::placeholder,textarea::placeholder{color:#929887}form small{color:#78816f;line-height:1.5}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 19px;border-radius:9px;font-size:14px;font-weight:500;min-height:48px}.primary{background:var(--ink);color:#fffdf1}.primary:not(:disabled):hover{background:#3f634f}.secondary{background:#f2f3e9;border:1px solid #d7ddca;color:var(--ink)}.secondary:not(:disabled):hover{background:#e3e9d5}.fineprint{border-top:1px dashed var(--line);margin-top:25px;padding-top:22px;display:flex;justify-content:center;align-items:center;gap:12px;color:#7f8877;font-size:11px;line-height:1.6}.hero-scene{height:285px;position:relative;margin-top:28px}.hero-character{position:absolute;bottom:15px}.first{left:8px;transform:rotate(-5deg)}.second{right:5px;bottom:5px;transform:rotate(6deg)}.avatar{width:104px;height:110px;overflow:visible;filter:drop-shadow(0 5px 3px #213d3405)}.avatar.large{width:180px;height:191px}.hero-character .avatar{animation:bob 6s ease-in-out infinite}.second .avatar{animation-delay:-3s}.bubble{display:block;padding:15px 21px;background:#fffdf6;border:1px solid #d9dccb;border-radius:16px 16px 16px 3px;font-size:13px;line-height:1.4;box-shadow:0 4px #e9ebdf;position:relative;white-space:nowrap}.second .bubble{transform:rotate(-8deg);border-radius:16px 16px 3px;margin-bottom:14px}.bubble b{font-weight:550}.scene-label{position:absolute;left:40%;bottom:0;font-size:8px;letter-spacing:1.7px;color:#8a927f;transform:rotate(-4deg)}.orbit{position:absolute;border:1px dashed #cfd6be;border-radius:50%;width:88%;height:180px;left:5%;top:90px;transform:rotate(-15deg)}.micro-rules{display:flex;gap:20px;margin-top:18px;border-top:1px solid var(--line);padding-top:21px;font-size:11px;color:#75816d}.micro-rules span:not(:first-child):before{content:"·";margin-right:20px;color:#9fa88e}footer{max-width:1264px;margin:auto;border-top:1px solid var(--line);padding:24px 40px;display:flex;justify-content:space-between;gap:20px;color:#88907f;font-size:10px}footer span:last-child{font-size:8px;letter-spacing:1.5px}.divider{display:flex;align-items:center;gap:15px;margin:27px 0;color:#8a927e;font-size:11px}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.hub-art{display:flex;align-items:center;margin-top:36px;gap:15px}.hub-art .bubble{transform:rotate(-5deg)}.code-input{letter-spacing:4px;text-transform:uppercase}.notice{display:flex;justify-content:space-between;gap:16px;padding:15px 20px;background:#e5ecd9;border:1px solid #cdd9be;color:#415b37;border-radius:10px;font-size:13px;margin:18px 0;overflow-wrap:anywhere}.notice button{background:none;color:inherit;font-size:20px}.notice.error{background:#f6e5db;color:#89432c;border-color:#eac6b6}.game{padding:35px 0 55px}.room-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.room-heading h1{font-size:38px;letter-spacing:-1px;margin-top:10px;overflow-wrap:anywhere}.room-meta{display:flex;gap:20px;align-items:center;flex-shrink:0}.connection{font-size:11px;display:flex;gap:7px;align-items:center;color:#6d7d5b}.connection.offline{color:#ae653e}.connection.offline .dot{background:#ae653e}.code-chip{display:flex;align-items:center;gap:12px;background:#ecefe0;padding:11px 14px;border:1px solid #d7ddc7;border-radius:8px;letter-spacing:1px;color:var(--ink);font-size:13px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:27px;align-items:start}.arena-wrap{border:1px solid #dce1cf;background:#fdfdf6;border-radius:18px;overflow:hidden}.phase-banner{padding:27px 28px 24px;border-bottom:1px solid #e3e7d6;display:flex;justify-content:space-between;gap:20px;align-items:center;background:#f0f3e6}.phase-banner h2{font-size:24px;letter-spacing:-.6px}.phase-banner p{font-size:12px;margin-top:6px}.timer{text-align:center;flex-shrink:0;color:#46603a}.timer b{font-family:monospace;font-size:27px;letter-spacing:-1px}.timer small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:4px}.timer.urgent{color:#ad563b}.arena{padding:29px 24px;max-height:clamp(320px,55dvh,640px);overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:27px 18px;min-height:300px;background-image:radial-gradient(#d3dccb 1px,transparent 1px);background-size:19px 19px}.player{text-align:center;min-width:0;animation:arrive .45s both}.speech{background:#f6f7ec;border:1px dashed #d8dfca;border-radius:13px 13px 13px 2px;min-height:63px;padding:12px;font-size:11px;line-height:1.5;color:#8a927e;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere;word-break:break-word;position:relative}.speech.has-opinion{background:#fffdf6;border-style:solid;color:#40513b;font-size:13px;box-shadow:0 3px #e6eadb}.avatar-button{background:transparent;display:block;position:relative;margin:13px auto 0;border-radius:50%;border:2px solid transparent;min-width:110px;padding:0;min-height:110px}.avatar-button:disabled{opacity:1}.avatar-button:not(:disabled):hover{background:#e6ecd7;transform:translateY(-4px)}.selected .avatar-button{border:2px solid #476943;background:#e0e9d1}.player>strong{display:block;font-weight:550;font-size:13px;margin-top:6px;overflow-wrap:anywhere}.player>strong small{font-size:10px;font-weight:400;color:#7b866e}.player-status{display:block;font-size:9px;color:#8a937c;margin-top:4px}.eliminated .speech{opacity:.6}.muted{filter:grayscale(1);opacity:.45}.shield-mark{position:absolute;right:0;top:3px;background:#d9e9ed;color:#447886;padding:5px;border:1px solid #82abb2;border-radius:50%;display:flex}.selection-mark{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:9px;color:#fffdf6;background:var(--green);padding:3px 7px;border-radius:5px}.empty-seat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.empty-seat>span{display:flex;width:64px;height:64px;align-items:center;justify-content:center;border-radius:50%;border:1px dashed #b8c5a9;font-size:27px;color:#b5c2a6;margin-bottom:17px}.empty-seat p{font-size:11px}.opinion-form{border-top:1px solid var(--line);padding:25px;background:#fafbf1;gap:12px}.opinion-form textarea{resize:vertical;min-height:75px;background:#fffef8}.opinion-form>div{display:flex;justify-content:space-between;align-items:center;gap:20px}.opinion-form small{font-size:10px;max-width:240px}.opinion-form .primary{font-size:12px;min-height:42px;padding:10px 14px;flex-shrink:0}.vote-bar,.host-controls{padding:20px 25px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.vote-bar p{font-size:12px}.waiting{font-size:12px;text-align:center;padding:22px;border-top:1px solid var(--line)}.scoreboard{padding:24px;background:#edeedf;border:1px solid #dce0ca;border-radius:14px}.scoreboard .eyebrow{font-size:8px;letter-spacing:1.4px}.scoreboard h3{margin-top:13px;font-size:19px}.scoreboard>p{font-size:11px;margin-top:9px}.scoreboard ol{list-style:none;max-height:320px;overflow-y:auto;padding:0;margin:20px 0 0}.scoreboard li{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #dce0cd;font-size:11px}.scoreboard li:last-child{border:0}.scoreboard li>span:nth-child(2){min-width:0;overflow-wrap:anywhere;flex:1}.scoreboard b{white-space:nowrap}.scoreboard b small{font-size:9px;font-weight:400;color:#879073}.mini-dot{width:12px;height:12px;border-radius:4px;flex-shrink:0;border:1px solid #213d3420}.mini-dot.out{filter:grayscale(1);opacity:.4}.inventory{padding:23px 4px;border-bottom:1px solid var(--line)}.inventory-title{display:flex;align-items:center;gap:8px}.inventory h3{font-size:15px}.inventory p{font-size:11px;margin-top:8px}.coin-count{display:flex;gap:8px;align-items:center;margin:18px 0 15px;color:#7c713d}.coin-count span{font-size:10px;color:#859071}.inventory .secondary{width:100%;min-height:42px;padding:10px;font-size:12px}.inventory>small{display:block;font-size:10px;color:#8a937d;line-height:1.6;margin-top:12px}.protected-label{font-size:12px;color:#467981}.history{padding:22px 4px}.history h3{font-size:14px;margin-bottom:15px}.history p{font-size:11px;border-left:2px solid #baca9e;padding-left:12px;margin:12px 0}.leave{width:100%;text-align:center;font-size:11px}.winner-strip{display:flex;justify-content:center;gap:40px;padding:25px;background:#e9efdc}.winner-strip>div{display:flex;flex-direction:column;align-items:center}.winner-strip strong{font-size:17px}.winner-strip span{font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-top:7px}.rules-modal::backdrop{background:#183c3570;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.rules-modal{margin:auto;color:var(--ink);width:calc(100% - 40px);max-width:600px;max-height:90dvh;overflow:auto;background:var(--paper);padding:36px;border-radius:18px;border:1px solid #d3dcc2}.rules-modal h2{margin:15px 0 24px}.rules-modal ol{padding-left:20px;color:#697660;font-size:13px;line-height:1.65}.rules-modal li{padding-left:5px;margin-bottom:14px}.rules-modal b{color:var(--ink);font-weight:600}.rules-modal>p{font-size:11px;border-top:1px solid var(--line);padding-top:16px;margin-bottom:23px}.rules-modal .primary{width:100%}.modal-close{position:absolute;right:17px;top:13px;font-size:28px;background:none;color:#7e8971;padding:5px}.loading{display:grid;gap:25px;max-width:600px;margin:80px auto}.loading>div{background:#e7ebdd;height:80px;border-radius:15px;animation:pulse 1s alternate infinite}@keyframes bob{50%{transform:translateY(-6px) rotate(2deg)}}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulse{to{opacity:.4}}@media(min-width:1400px){.landing{padding-top:80px}}@media(max-width:1050px){.landing,.hub{gap:35px}.entry-panel{padding:27px}.game-layout{grid-template-columns:minmax(0,1fr) 215px}.arena{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));padding:22px 18px}.scoreboard{padding:20px}.hero-character .avatar.large{width:160px;height:170px}.hero-character .bubble{font-size:11px;padding:13px}.hero-scene{height:260px}}@media(max-width:767px){.topbar{padding:20px 22px}.wordmark{font-size:22px}.brand-symbol{width:36px;height:36px;font-size:22px}.wordmark small{font-size:7px}.topbar nav{gap:17px}.text-button{font-size:11px}.account-name{display:none}main{padding:0 20px}.landing,.hub{grid-template-columns:1fr;gap:34px;padding:35px 0 42px}h1{font-size:47px;letter-spacing:-2px}.eyebrow{font-size:8px;letter-spacing:1.4px}.intro h1{margin:19px 0}.intro>p{font-size:14px;max-width:310px}.hero-scene{max-width:400px;margin-top:23px;height:265px}.first{left:5px}.second{right:3px}.hero-character .avatar.large{width:158px;height:168px}.hero-character .bubble{font-size:11px}.micro-rules{justify-content:space-between;gap:8px;padding-top:18px;margin-top:17px;font-size:10px}.micro-rules span:not(:first-child):before{margin-right:10px}.entry-panel{padding:27px 25px}.ticket-label{margin-bottom:18px}.entry-panel h2{font-size:28px}.landing .entry-panel{margin-top:0}.hub h1{font-size:43px}.hub-art{display:none}.hub>div>p{font-size:13px}.hub .entry-panel h2{margin-bottom:22px}.room-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:22px}.room-heading h1{font-size:31px}.room-meta{justify-content:space-between;width:100%;flex-direction:row-reverse}.game-layout{grid-template-columns:1fr;gap:25px}.game{padding-top:26px}.phase-banner{padding:21px 18px;gap:12px}.phase-banner h2{font-size:21px}.phase-banner p{font-size:11px}.timer b{font-size:24px}.timer small{font-size:7px}.arena{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;padding:24px 14px}.speech{font-size:10px;min-height:70px;padding:10px}.speech.has-opinion{font-size:12px}.avatar{width:94px;height:100px}.avatar-button{min-width:104px;min-height:104px}.player>strong{font-size:12px}.opinion-form{padding:20px 17px}.opinion-form>div{flex-direction:column;align-items:stretch;gap:12px}.opinion-form small{max-width:100%}.opinion-form .primary{min-height:46px}.host-controls,.vote-bar{padding:18px 16px;flex-direction:column;gap:12px}.host-controls button,.vote-bar button,.vote-bar p{width:100%}aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.scoreboard{padding:20px 16px}.scoreboard h3{font-size:17px}.scoreboard .eyebrow{font-size:7px}.inventory{padding:17px 0;border-bottom:0}.inventory-title{align-items:flex-start}.inventory h3{font-size:14px}.inventory-title svg{flex-shrink:0}.inventory p{font-size:10px}.coin-count{gap:5px;flex-wrap:wrap}.coin-count span{font-size:9px}.inventory>small{font-size:9px}.history{grid-column:1/-1;padding:10px 0;border-top:1px solid var(--line)}.leave{grid-column:1/-1}.winner-strip{gap:25px}.winner-strip strong{font-size:14px;overflow-wrap:anywhere;max-width:125px}footer{padding:24px 22px;flex-direction:column;gap:12px;font-size:9px}.rules-modal{padding:31px 23px}.rules-modal h2{font-size:25px}.rules-modal ol{font-size:12px}.notice{font-size:12px;padding:13px}.loading{margin:40px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}