@media(min-width:1600px){:root{--sidebar:360px}.home{padding-top:10vh}.home-buttons{width:320px}.home p{font-size:15px}.chat-feed{padding:23px}.message-text{font-size:12px}.game-card{width:130px;min-height:195px}.card-rule{font-size:8.5px}.card-art{height:55px}.card-name{font-size:14px}.hand{min-height:205px}}
@media(max-height:800px) and (min-width:801px){.home{padding-top:38px}.home h1{font-size:64px;margin:20px 0}.home-buttons{margin-top:22px}.home-meta{margin-top:15px}.hand-zone{padding-bottom:7px}.game-card{min-height:154px;width:105px}.card-art{height:37px}.card-name{font-size:11px}.card-rule{font-size:8px}.hand{min-height:162px}.turn-bar{padding:11px 0}.scene-note{bottom:75px}}
@media(max-width:1100px){:root{--sidebar:275px;--top:67px}.topbar{padding:0 20px;gap:10px}.top-actions{gap:5px}.room-header{gap:8px}.connection{display:none}.brand{font-size:8px;letter-spacing:1px}.brand small{font-size:6px;letter-spacing:2px}.home{padding-top:70px;max-width:470px}.home h1{font-size:68px}.home p{font-size:12px}.table-rule{display:none}.turn-actions{gap:8px}.turn-info strong{font-size:10px}.turn-actions .button{font-size:9px}.timer{font-size:17px}.hand-zone{padding-left:16px;padding-right:16px}.chat-feed{padding:18px 15px}.chat-message{gap:7px}.message-text{font-size:10px}.sidebar-title{padding:22px 17px}.top-actions>.text-button{font-size:10px}.role-badge{top:18px;right:14px}.notebook-button{right:14px}}
@media(max-width:800px){:root{--top:64px;--sidebar:0px}.topbar{padding:0 17px}.brand-mark{width:27px;height:27px}.brand-mark .icon{width:20px;height:20px}.brand{font-size:8px;gap:10px}.brand small{font-size:5.5px;letter-spacing:2px}.top-actions .text-button span:not([data-icon]){display:none}.top-actions .text-button{font-size:0}.top-actions{gap:8px}.top-actions .icon-button{width:32px;height:32px;border:0}.top-actions .icon{width:19px;height:19px}.room-header{position:absolute;top:72px;left:17px;z-index:8;gap:6px;background:#142023dd;padding:8px;border:1px solid #ffffff15;border-radius:4px;font-size:9px}.room-code{font-size:7px}.room-code b{font-size:10px;letter-spacing:1px;margin-left:5px}.room-header .divider{height:13px;margin:0 2px}.home{padding:63px 24px 0;max-width:430px}.home h1{font-size:68px}.home .eyebrow{font-size:7px;letter-spacing:2px}.home p{font-size:12px}.home-buttons{margin-top:25px;width:270px}.home-meta{font-size:8px;gap:12px}.is-home #scene{left:-10%;right:-60%;top:25%;bottom:-2%;opacity:.6}.is-home .scene-vignette{background:linear-gradient(90deg,#112022ee,#1020229d 45%,#13201e00),linear-gradient(0deg,#111b1d,transparent 50%)}#home-footer{left:25px;right:25px;bottom:22px;font-size:6px;letter-spacing:1.1px}#home-footer button{font-size:8px}.scene-note{right:25px;bottom:73px;font-size:7px;letter-spacing:1px}.scene-note small{font-size:6px}.sidebar{width:min(340px,88vw);transform:translateX(100%);transition:transform .2s;top:var(--top);z-index:40;box-shadow:-20px 0 50px #0005}.sidebar.open{transform:translateX(0)}.mobile-chat{position:fixed;z-index:41;bottom:14px;right:14px;display:flex;align-items:center;gap:7px;border:1px solid #776447;background:#1b2a24f0;border-radius:6px;padding:9px 12px;font-size:10px;color:var(--gold)}.mobile-chat .icon{width:15px;height:15px}.table-note{top:61px;left:22px;font-size:8px}.role-badge{top:12px;right:17px;max-width:140px}.role-reveal{font-size:8px;padding:8px}.role-reveal strong{font-size:10px}.notebook-button{top:72px;right:17px;font-size:8px}.notebook-button .icon{width:11px;height:11px}.hand-zone{padding:0 13px 45px}.turn-bar{padding:12px 0;gap:4px}.turn-orb{width:29px;height:29px}.turn-orb .icon{width:16px;height:16px}.turn-info{gap:8px}.turn-info strong{font-size:10px}.turn-info small{font-size:6px;letter-spacing:1px}.turn-actions .button{font-size:9px;min-height:34px;padding:7px 9px;gap:5px}.turn-actions .button .icon{width:13px;height:13px}.timer{font-size:16px}.hand-heading small{display:none}.hand-heading{font-size:7px;padding-bottom:5px}.hand{min-height:149px;gap:8px}.game-card{width:97px;min-height:141px;padding:7px 8px 5px}.card-art{height:32px}.card-art .icon{width:24px;height:24px}.card-art:before{width:28px;height:28px}.card-name{font-size:10px;padding-bottom:6px}.card-rule{font-size:6.5px;line-height:1.4;margin:6px 0 3px}.card-foot{font-size:4px;padding-top:3px}.card-top{font-size:7px}.card-top .icon{width:10px;height:10px}.seat-label{padding:5px 6px;min-width:62px}.seat-name{font-size:8px}.seat-status{font-size:7px}.seat-status em{display:none}.seat-status b{font-size:8px}.token{width:16px;height:16px}.token .icon{width:10px;height:10px}.seat-tokens{gap:2px}.seat-name small{font-size:5px}.lobby{width:calc(100% - 40px);max-width:440px;top:47%;max-height:calc(100% - 140px);padding:23px}.lobby h2{font-size:27px}.lobby-code{font-size:15px}.lobby-player{padding:8px 10px;font-size:10px}.lobby-controls .button{font-size:11px}.phase-panel{top:37%;width:calc(100% - 40px);padding:24px 19px;max-height:64%}.phase-panel h2{font-size:25px}.phase-panel p{font-size:11px}.night-card{width:53px;height:79px;gap:8px}.night-card small{font-size:7px}.night-card>.icon{width:21px;height:21px}.rules-dialog{padding:25px 20px;height:90dvh;max-height:90dvh}.rules-top{display:block;padding-right:25px}.rules-top input{width:100%;padding:8px;font-size:11px;margin-bottom:15px}.rules-top h2{font-size:29px;margin-bottom:15px}.rules-layout{grid-template-columns:1fr;height:calc(100% - 135px);gap:0}.rules-layout nav{display:none}.rules-layout article{font-size:12px}.dialog{padding:30px 24px}.action-detail{gap:16px}.action-detail>p{font-size:11px}.action-detail .game-card{width:116px}.setup-dialog h2{font-size:31px}.final-roles{grid-template-columns:1fr}}
@media(max-width:380px){.home h1{font-size:57px}.home{padding-top:42px}.home-meta{gap:8px}.home-meta b{font-size:10px}.home-buttons{width:250px}.avatar{width:45px;height:49px}.turn-actions .button{font-size:8px}.turn-actions .button .icon{display:none}.turn-info strong{font-size:9px}.timer{font-size:14px}.top-actions{gap:2px}.brand{font-size:7px}.brand small{font-size:5px}.brand-mark{width:24px;height:24px}}
@media(max-height:700px) and (max-width:800px){.home{padding-top:30px}.home h1{font-size:54px;margin:19px 0 16px}.home p{font-size:11px}.home-buttons{margin-top:18px;gap:8px}.home-buttons>.button{height:43px;min-height:43px}.watch-button{padding:8px}.home-meta{margin-top:14px}.phase-panel{top:40%;max-height:68%}.hand{min-height:132px}.game-card{min-height:128px}.card-art{height:24px}.turn-info small{display:none}.role-badge{top:9px}}