:root{--ink:#262820;--paper:#f4f0e5;--white:#fffcf4;--red:#c9412e;--red-dark:#a93424;--gold:#d6ad54;--muted:#6d7266;--line:#d7d8c9;--green:#627764;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-text-size-adjust:100%;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible,.carousel:focus-visible{outline:3px solid var(--red);outline-offset:3px}h1,h2,h3,p{margin-top:0}button svg{flex-shrink:0}a{color:inherit}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;max-width:1040px;margin:auto;padding:20px 28px;display:flex}.brand{align-items:center;gap:9px;text-decoration:none;display:flex}.brand-mark{background:var(--red);color:var(--white);letter-spacing:-2px;justify-content:center;align-items:center;width:38px;height:38px;font-size:26px;font-weight:900;display:flex;transform:rotate(-3deg)}.brand-mark span{letter-spacing:-1px;align-self:flex-end;margin:0 0 6px 2px;font-size:10px}.brand-word{letter-spacing:-.8px;font-size:21px;font-weight:900;line-height:1.1}.brand-word>span{letter-spacing:1px;margin-top:4px;font-size:6px;display:block}.header-edition{letter-spacing:1px;color:var(--muted);align-items:center;gap:8px;font-size:8px;display:flex}.live-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.edition-rule{background:var(--line);width:18px;height:1px}.header-room{color:var(--muted);letter-spacing:1px;font-size:8px}.header-room b{color:var(--ink);letter-spacing:2px;margin-top:2px;font-size:14px;display:block}#app{max-width:1040px;margin:auto;padding:36px 28px}.site-footer{border-top:1px solid var(--line);max-width:1040px;color:var(--muted);justify-content:space-between;gap:15px;margin:auto;padding:24px 28px;font-size:10px;display:flex}.eyebrow{letter-spacing:1.2px;color:var(--red);font-size:9px;font-weight:800;line-height:1.5}.primary,.secondary,.icon-button,.waiting-button{border-radius:7px;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:13px 17px;font-size:15px;font-weight:700;line-height:1.3;display:flex}.primary{width:100%;color:var(--white);background:var(--red);border:1px solid var(--red)}.primary:hover:not(:disabled){background:var(--red-dark)}.primary.chosen{background:var(--green);border-color:var(--green);opacity:1}.primary:active:not(:disabled),.secondary:active:not(:disabled){transform:translateY(1px)}.secondary,.icon-button{color:var(--ink);background:0 0;border:1px solid #b9bfad}.secondary:hover:not(:disabled){background:#e7e9dc}.icon-button{flex-shrink:0;justify-content:center;width:48px;padding:10px}.text-button{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:12px 0;font-size:13px;text-decoration:underline}.error{color:#95311f;background:#fae5dd;border:1px solid #dfb1a2;border-radius:6px;margin:0 0 14px;padding:12px 14px;font-size:13px;line-height:1.5}.loading{min-height:60vh;color:var(--muted);justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.small-note{color:var(--muted);font-size:12px;line-height:1.5}.welcome{grid-template-columns:1.2fr 1fr;align-items:center;gap:32px 48px;display:grid}.welcome-intro{grid-template-columns:minmax(0,1fr) 135px;align-items:center;gap:0 12px;display:grid}.welcome-intro h1{letter-spacing:-1.8px;margin:13px 0 17px;font-size:clamp(33px,4vw,48px);font-weight:900;line-height:1.02}.welcome-intro h1 span{color:var(--red)}.welcome-intro>svg{width:145px;height:150px}.welcome-intro>p{color:var(--muted);grid-column:1/-1;margin-bottom:18px;font-size:16px;line-height:1.5}.hero-facts{grid-column:1/-1;gap:25px;font-size:12px;font-weight:700;display:flex}.hero-facts>span{align-items:center;gap:7px;display:flex}.hero-facts svg{color:var(--red);width:17px;height:17px}.join-card{background:var(--white);border:1px solid #b8bdae;border-radius:10px;padding:23px;box-shadow:4px 4px #dedfd0}.mode-switch{background:#eaeade;border-radius:7px;gap:4px;padding:4px;display:flex}.mode-switch button{width:50%;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:5px;padding:10px 7px;font-size:13px;font-weight:700}.mode-switch .active{color:var(--ink);background:var(--white);box-shadow:0 1px 4px #26282012}.form-intro{color:var(--muted);margin:15px 0;font-size:12px;line-height:1.5}.field{margin:17px 0;display:block}.field>span{margin-bottom:8px;font-size:12px;font-weight:700;display:block}input{border:1px solid var(--line);width:100%;min-width:0;min-height:48px;color:var(--ink);background:#f8f6ee;border-radius:6px;outline:none;padding:14px;font-size:16px}input:focus{border-color:var(--red);box-shadow:0 0 0 2px #c9412e1a}input::placeholder{color:#8b8f83}.code-input{letter-spacing:5px;font-weight:700}.form-footnote{text-align:center;color:var(--muted);margin-top:14px;font-size:11px}.resume-button{width:100%;min-height:44px;color:var(--green);background:0 0;border:0;justify-content:space-between;align-items:center;padding:12px 0 0;font-size:12px;font-weight:700;display:flex}.welcome-rules{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-column:1/-1}.welcome-rules>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:15px;min-height:52px;padding:16px 0;font-size:14px;font-weight:700;list-style:none;display:flex}.welcome-rules>summary>span{color:var(--muted);font-size:11px;font-weight:400}.welcome-rules>p{color:var(--muted);font-size:13px;line-height:1.6}.in-room .site-header{max-width:560px;padding:12px 16px}.in-room .header-edition,.in-room .brand-word>span{display:none}.in-room .brand-mark{width:30px;height:30px;font-size:22px}.in-room .brand-mark span{margin-bottom:5px;font-size:8px}.in-room .brand-word{font-size:18px}.in-room #app{max-width:560px;padding:14px 16px 0}.game-shell{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.game-shell.with-action{padding-bottom:calc(190px + env(safe-area-inset-bottom,0px))}.round-heading{justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;display:flex}.round-heading h1{letter-spacing:-.8px;margin:5px 0 0;font-size:26px;line-height:1.1}.round-heading .eyebrow{font-size:8px}.player-chip{max-width:115px;color:var(--muted);text-align:right;overflow-wrap:anywhere;flex-shrink:0;font-size:11px}.player-chip small{color:var(--red);margin-top:4px;font-size:9px;display:block}.turn-instruction{color:var(--muted);margin-bottom:12px;font-size:13px;line-height:1.45}.quiet-note{color:var(--green);align-items:center;gap:6px;margin:-1px 0 12px;font-size:11px;display:flex}.crisis{background:#eee5d7;border:1px solid #d6bca6;border-radius:6px;margin-bottom:12px}.crisis>summary{cursor:pointer;padding:10px 13px;list-style:none;position:relative}.crisis summary>span{letter-spacing:1px;color:var(--red);margin-bottom:4px;font-size:7px;font-weight:800;display:block}.crisis summary>b{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-right:9px;font-size:13px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.crisis summary>small{display:none}.crisis summary:after{content:"⌄";color:var(--red);position:absolute;top:7px;right:8px}.crisis[open] summary>b{display:block}.crisis[open] summary:after{transform:rotate(180deg)}.crisis>p{color:var(--muted);margin:0;padding:0 13px 12px;font-size:12px;line-height:1.5}.carousel{outline:none;min-width:0}.carousel-window{touch-action:pan-y;width:100%;padding:0 4px 4px 0;overflow:hidden}.slide-content{animation:.2s ease-out slide-in}@keyframes slide-in{0%{opacity:.6;transform:translateX(calc(var(--slide-direction) * 18px))}to{opacity:1;transform:translate(0)}}.playing-card{--card-accent:var(--red);--card-tint:#e7e7d8;background:var(--white);border:1px solid #8d9581;border-radius:10px;min-width:0;overflow:hidden;box-shadow:3px 3px #d4d8c7}.kind-knowledge{--card-accent:#55716a;--card-tint:#e0e7df}.kind-skill{--card-accent:#886d35;--card-tint:#eee5ce}.kind-quality{--card-accent:#c9412e;--card-tint:#efe1d6}.kind-item{--card-accent:#627764;--card-tint:#e0e5d7}.kind-hobby{--card-accent:#9c563e;--card-tint:#eee1d2}.kind-connection{--card-accent:#536d76;--card-tint:#dce4df}.card-topline{background:var(--card-accent);color:var(--white);justify-content:space-between;align-items:center;gap:8px;padding:10px 15px;font-size:11px;font-weight:700;line-height:1.4;display:flex}.card-topline>span:first-child{overflow-wrap:anywhere}.card-topline>span:last-child{white-space:nowrap;font-size:9px;font-weight:400}.card-art{background:var(--card-tint);justify-content:center;align-items:center;height:clamp(88px,16svh,150px);display:flex}.card-art svg{width:100%;height:100%}.card-copy{min-width:0;padding:16px 19px 20px}.card-category{color:var(--card-accent);letter-spacing:1.1px;text-transform:uppercase;font-size:9px;font-weight:800}.card-copy h2{letter-spacing:-.55px;overflow-wrap:anywhere;margin:9px 0 0;font-size:23px;line-height:1.17}.playing-card.selected{border-color:var(--green);box-shadow:3px 3px #bccbb6}.carousel-controls{justify-content:space-between;align-items:center;gap:15px;padding:9px 3px 0 0;display:flex}.arrow-button{width:48px;height:46px;color:var(--ink);background:0 0;border:1px solid #b6bdab;border-radius:7px;flex-shrink:0;place-items:center;display:grid}.arrow-button:hover:not(:disabled){background:#e5e8d9}.arrow-button.previous svg{transform:rotate(180deg)}.arrow-button:disabled{opacity:.25}.slide-pagination{text-align:center;grid-template-columns:auto auto;align-items:center;gap:4px 9px;display:grid}.slide-pagination>span{font-size:12px;font-weight:700}.slide-pagination small{color:var(--muted);font-size:10px;font-weight:400}.slide-pagination>small{grid-column:1/-1}.slide-dots{gap:5px;display:flex}.slide-dots i{background:#bec3b2;border-radius:4px;width:4px;height:4px}.slide-dots i.active{background:var(--red);width:14px}.revealed-traits{border-top:1px solid var(--line);padding:0 16px}.revealed-traits>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;font-size:12px;font-weight:700;list-style:none;display:flex}.revealed-traits>summary>span{color:var(--card-accent)}.revealed-traits p,.roster-details p{color:var(--muted);margin-bottom:14px;font-size:13px;line-height:1.5}.revealed-traits b,.roster-details b{letter-spacing:.8px;color:var(--red);text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:800;display:block}.narrator{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);margin-top:15px}.narrator summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:11px;list-style:none;display:flex}.narrator summary>span{margin-left:auto}.narrator p{margin:0;padding-bottom:14px;font-size:13px;line-height:1.5}.undo-ready{text-align:center;width:100%;font-size:11px}.bottom-dock{background:var(--paper);z-index:20;width:100%;max-width:560px;padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid #ccd0c0;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 22px #26282008}.turn-action{padding:9px 16px 10px}.action-status{min-height:21px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:6px;margin-bottom:5px;font-size:11px;line-height:1.4;display:flex}.turn-action .primary{min-height:50px}.game-tabs{border-top:1px solid var(--line);padding:2px 12px;display:flex}.game-tabs button{color:#7c8273;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:54px;font-size:10px;font-weight:700;display:flex;position:relative}.game-tabs button.active{color:var(--red)}.game-tabs button.active:before{content:"";background:var(--red);border-radius:2px;width:26px;height:2px;position:absolute;top:-3px}.game-tabs button small{color:var(--green);background:#e5e9da;border-radius:4px;padding:2px 4px;font-size:8px;position:absolute;top:5px;left:calc(50% + 12px)}.company-summary{color:var(--muted);justify-content:space-between;margin:20px 0 15px;font-size:12px;display:flex}.company-summary b{color:var(--ink)}.avatar{color:#8f6c39;background:#e1d8c4;border-radius:7px;flex-shrink:0;place-items:center;width:37px;height:37px;font-size:27px;display:grid}.avatar-1{color:#567069;background:#dce3d8}.avatar-2{color:#b94a37;background:#eddbcc}.avatar-3{color:#65727c;background:#dde3e2}.roster-item{border-bottom:1px solid var(--line)}.roster-item>summary{cursor:pointer;align-items:center;gap:12px;padding:14px 0;list-style:none;display:flex}.roster-item summary>div{flex:1;min-width:0}.roster-item b{overflow-wrap:anywhere;font-size:14px;line-height:1.35;display:block}.roster-item b small{color:var(--red);font-size:10px}.roster-item summary>div>span{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.4;display:block}.roster-expand{color:var(--muted);font-size:20px}.roster-item[open] .roster-expand{transform:rotate(45deg)}.roster-details{padding:0 0 5px 49px}.eliminated .avatar{filter:grayscale()}.eliminated summary>div>b{color:var(--muted)}.host-controls{border:1px solid var(--line);border-radius:7px;margin-top:24px;padding:0 14px}.host-controls>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:48px;font-size:12px;font-weight:700;list-style:none;display:flex}.host-controls>p{color:var(--muted);font-size:12px;line-height:1.5}.host-controls .secondary{width:100%;margin-bottom:15px;font-size:13px}.home-button{text-align:center;margin:24px auto 0;display:block}.home-button+.small-note{text-align:center;font-size:11px}.rules-lead{letter-spacing:-.3px;margin:20px 0 26px;font-size:18px;font-weight:700;line-height:1.4}.rules-content ol{gap:22px;margin:0;padding:0;list-style:none;display:grid}.rules-content li{gap:13px;display:flex}.rules-content li>span{width:28px;height:28px;color:var(--red);background:#e8e5d7;border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:800;display:grid}.rules-content h3{margin:4px 0 6px;font-size:15px}.rules-content li p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.welcome-rules .rules-content{padding-bottom:24px}.legend{border-top:1px solid var(--line);margin:28px 0;padding-top:22px}.legend p{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.6}.privacy-note{color:var(--green);background:#e8ebde;border-radius:7px;margin-top:25px;padding:16px;font-size:12px;line-height:1.6}.winner{text-align:center}.winner>svg{width:100%;max-width:330px;height:240px}.winner .eyebrow{display:block}.winner h2{letter-spacing:-.9px;color:var(--red);overflow-wrap:anywhere;margin:15px 0;font-size:34px;line-height:1.1}.winner p{color:var(--muted);font-size:14px;line-height:1.5}.count-badge{color:var(--green);background:#e2e8d8;border-radius:6px;padding:8px 10px;font-size:13px;font-weight:700}.invite-ticket{background:var(--white);border:1px solid #bac0ad;border-radius:10px;grid-template-columns:minmax(0,1fr) 140px;align-items:center;gap:12px 10px;padding:20px;display:grid}.invite-code>span{letter-spacing:1px;color:var(--muted);font-size:8px;font-weight:700}.invite-code strong{letter-spacing:4px;margin:7px 0 9px;font-size:35px;display:block}.invite-code p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.qr-box{place-items:center;width:140px;min-height:140px;display:grid}.qr{mix-blend-mode:multiply;width:140px;height:140px;display:block}.qr-box .text-button{font-size:12px}.invite-actions{grid-column:1/-1;gap:9px;margin-top:4px;display:flex}.invite-actions .secondary{flex:1;justify-content:center;padding:12px;font-size:13px}.copy-status{color:var(--muted);text-align:center;grid-column:1/-1;margin:0;font-size:10px;line-height:1.4}.invite-link{text-align:center;color:var(--muted);overflow-wrap:anywhere;text-underline-offset:3px;grid-column:1/-1;font-size:10px}.lobby-roster{margin:23px 0}.lobby-roster h2{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:15px;display:flex}.lobby-roster h2 span{color:var(--muted);font-size:12px;font-weight:400}.lobby-player{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.lobby-player b{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px}.lobby-player b small{color:var(--muted);margin-top:4px;font-size:10px;font-weight:400;display:block}.lobby-player>svg{color:var(--green)}.lobby-dock{padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}.lobby.game-shell{padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}.waiting-button{color:var(--green);background:#e1e7d7;min-height:50px;font-size:14px}summary::-webkit-details-marker{display:none}@media (width<=700px){.site-header{padding:15px 18px}.header-edition{display:none}#app{padding:23px 18px}.welcome{grid-template-columns:1fr;gap:23px;max-width:480px;margin:auto}.welcome-intro{grid-template-columns:minmax(0,1fr) 88px;gap:0 6px}.welcome-intro .eyebrow{letter-spacing:.8px;font-size:7px}.welcome-intro h1{letter-spacing:-1.5px;margin:10px 0 13px;font-size:clamp(30px,8.5vw,40px)}.welcome-intro>svg{width:100px;height:125px;margin-left:-4px}.welcome-intro>p{margin-bottom:14px;font-size:14px}.hero-facts{gap:20px;font-size:11px}.join-card{padding:18px}.site-footer{flex-wrap:wrap;padding:21px 18px;font-size:9px}.footer-stamp{display:none}}@media (width<=370px){.in-room #app{padding:12px 12px 0}.in-room .site-header{padding:10px 12px}.round-heading h1{font-size:23px}.player-chip{max-width:88px;font-size:10px}.card-copy{padding:14px 16px 18px}.card-copy h2{font-size:21px}.invite-ticket{grid-template-columns:minmax(0,1fr) 124px;padding:15px}.qr,.qr-box{width:124px;height:124px;min-height:124px}.invite-code strong{letter-spacing:2px;font-size:30px}.invite-code p{font-size:10px}.welcome-intro{grid-template-columns:minmax(0,1fr) 70px}.welcome-intro>svg{width:85px}.welcome-intro h1{font-size:29px}}@media (height<=740px){.in-room .site-header{padding-top:8px;padding-bottom:8px}.in-room #app{padding-top:10px}.round-heading{margin-bottom:8px}.round-heading h1{font-size:24px}.turn-instruction{margin-bottom:9px;font-size:12px}.crisis{margin-bottom:9px}.crisis>summary{padding:8px 11px}.card-art{height:72px}.card-copy{padding-top:12px;padding-bottom:15px}.card-copy h2{font-size:21px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
