:root{color:#f7f1df;font-synthesis:none;--gold:#e7bd52;--gold-bright:#ffd86a;--ink:#0a0c0b;--panel:#111513f5;--panel-soft:#1b1f1df0;--line:#e7bd5242;--muted:#b8b9b0;background:#0a0c0b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#0a0c0b}body{background:#0a0c0b;min-width:320px;min-height:100vh;margin:0}button{color:#f7f1df;cursor:pointer;min-height:42px;font:inherit;background:#282d2a;border:1px solid #ffffff24;border-radius:6px;padding:.72rem .9rem;font-weight:800;transition:transform .14s,background-color .14s,border-color .14s}button:hover:not(:disabled){background:#343b36;border-color:#ffd86ab8;transform:translateY(-1px)}button:focus-visible{outline-offset:2px;outline:3px solid #5fd4bb}button:disabled{cursor:not-allowed;opacity:.46}button.primary{color:#18130a;background:var(--gold-bright);border-color:#ffe49a;box-shadow:0 8px 24px #e7bd522e}button.primary:hover:not(:disabled){background:#ffe7a6}button.selected{color:#171109;background:var(--gold);border-color:#ffe49a}.app-shell{gap:1rem;min-height:100vh;padding:1rem;display:grid}.play-table{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;gap:.85rem;min-height:calc(100vh - 3.25rem);display:grid}.play-hud{overscroll-behavior:contain;flex-direction:column;gap:.75rem;min-width:0;max-height:calc(100vh - 2rem);display:flex;overflow-y:auto}.game-panel{grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);align-items:start;gap:.75rem;min-width:0;display:grid}.secondary-panel .players-card{grid-column:1/-1}.title-card,.controls-card,.message-card,.players-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:.95rem;box-shadow:0 14px 38px #00000047}.eyebrow{color:var(--gold-bright);letter-spacing:0;text-transform:uppercase;margin:0 0 .3rem;font-size:.7rem;font-weight:900}h1{margin:0;line-height:1}h1 span{color:#f7e7b7;text-shadow:0 2px #6e4513,0 5px 18px #e7bd5233;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.25rem,4vw,3.45rem);display:block}h1 small{color:#d7aef4;margin-top:.35rem;font-family:Georgia,Times New Roman,serif;font-size:1.08rem;font-weight:700;display:block}.subtitle{color:var(--muted);margin:.6rem 0 0;font-size:.88rem;line-height:1.45}.player-select,.button-row{flex-wrap:wrap;gap:.45rem;display:flex}.control-label{color:#d7d9d2;text-transform:uppercase;margin-bottom:.5rem;font-size:.73rem;font-weight:850;display:block}.player-select button{flex:94px;min-height:36px;padding:.48rem .55rem;font-size:.78rem}.button-row button{flex:76px}.button-row .primary{flex-basis:100%;min-height:52px;font-size:1.05rem}.turn-box{background:#202522;border:2px solid #ffffff1f;border-radius:6px;justify-content:space-between;align-items:center;gap:1rem;margin:.75rem 0 .25rem;padding:.72rem .8rem;display:flex}.turn-box>div{min-width:0}.turn-box span,.dice-display>div:last-child span{color:#aeb5af;text-transform:uppercase;font-size:.72rem;font-weight:800}.turn-box div{gap:.18rem;display:grid}.turn-box small{color:#c7b97d;text-align:right;overflow-wrap:anywhere;flex:0 48%;min-width:9rem;font-size:.72rem;line-height:1.25}.online-room-strip{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:.4rem;margin:.65rem 0;display:grid}.online-room-strip span{color:#dfe5dc;text-overflow:ellipsis;white-space:nowrap;background:#202521;border:1px solid #ffffff1f;border-radius:6px;min-width:0;padding:.38rem .45rem;font-size:.72rem;font-weight:800;overflow:hidden}.online-room-strip button{min-height:34px;padding:.38rem .55rem;font-size:.72rem}.dice-display{align-items:center;gap:.85rem;margin:.65rem 0;display:flex}.dice-display>div:last-child{gap:.1rem;display:grid}.dice-display>div:last-child strong{font-size:1.35rem}.dice-face{border:3px solid var(--gold);background:#fffdf5;border-radius:8px;flex:0 0 58px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:58px;height:58px;padding:8px;display:grid;box-shadow:0 7px 18px #00000052}.pip{opacity:0;background:#111613;border-radius:50%;place-self:center;width:9px;height:9px}.pip.visible{opacity:1}.message-card p,.player-chip p{color:#c5c8c3;margin:.25rem 0 0;font-size:.84rem;line-height:1.4}.players-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;max-height:250px;display:grid;overflow-y:auto}.player-chip{background:#242925;border-left:5px solid;border-radius:6px;align-items:center;gap:.55rem;min-width:0;padding:.62rem;display:flex}.player-chip div{min-width:0}.player-chip strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;display:block;overflow:hidden}.player-chip.active{outline:2px solid var(--gold-bright);background:#39331f}.token-dot{border:2px solid #fff;border-radius:50%;flex:none;width:18px;height:18px}.board-wrap{aspect-ratio:4/3;background:#151815;border:1px solid #e7bd5257;border-radius:8px;place-items:center;width:100%;min-height:0;display:grid;overflow:hidden;box-shadow:0 20px 60px #00000061}.phaser-board{aspect-ratio:4/3;place-items:center;width:100%;height:auto;display:grid;position:relative}.phaser-board canvas{max-width:100%;max-height:100%;display:block;width:100%!important;height:auto!important}.movement-summary{background:#5fd4bb1f;border-left:4px solid #5fd4bb;border-radius:4px;padding:.55rem .65rem}.board-asset-error{z-index:10;color:#fff4f4;overflow-wrap:anywhere;background:#5c0a18f0;border:1px solid #ff8d8d;border-radius:6px;padding:.75rem;font-size:.78rem;position:absolute;inset:auto 1rem 1rem}.legal-note{color:#858b86;text-align:center;margin:0;font-size:.72rem}.setup-shell{background:#0a0c0b;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);min-height:100vh;display:grid}.setup-art{background:#101310;place-items:center;min-width:0;padding:1rem;display:grid}.setup-art img{object-fit:contain;border:1px solid #e7bd5266;border-radius:8px;width:100%;height:auto;max-height:calc(100vh - 2rem);display:block;box-shadow:0 24px 80px #00000080}.setup-panel{border-left:1px solid var(--line);background:#141815;flex-direction:column;justify-content:center;min-width:0;padding:clamp(1.25rem,4vw,3rem);display:flex}.setup-title{margin-bottom:1.3rem}.mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-bottom:1rem;display:grid}.setup-form{gap:.85rem;display:grid}.setup-heading{border-bottom:1px solid var(--line);gap:.2rem;padding-bottom:.75rem;display:grid}.setup-heading span,.setup-form label,.invite-box label{color:#c9cbc5;text-transform:uppercase;font-size:.76rem;font-weight:800}.setup-heading strong{color:#f4e3ad;font-family:Georgia,Times New Roman,serif;font-size:1.35rem}.setup-form label,.invite-box{gap:.45rem;display:grid}.setup-form input,.setup-form select,.invite-box input{color:#f7f1df;width:100%;min-height:46px;font:inherit;background:#252b27;border:1px solid #ffffff2e;border-radius:6px;padding:.75rem .8rem}.setup-form input:focus,.setup-form select:focus,.invite-box input:focus{outline-offset:1px;outline:3px solid #5fd4bb}.setup-action{width:100%;min-height:52px;margin-top:.25rem}.secondary-action{width:100%}.setup-error{color:#ffd5dc;background:#be185d24;border-left:4px solid #fb7185;margin:0;padding:.7rem .8rem;font-size:.86rem;line-height:1.4}.local-name-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;max-height:42vh;padding-right:.2rem;display:grid;overflow-y:auto}.setup-legal{color:#858b86;margin:1.2rem 0 0;font-size:.72rem}.lobby-shell{background:#0a0c0b;place-items:center;min-height:100vh;padding:1rem;display:grid}.lobby-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;width:min(680px,100%);padding:clamp(1rem,4vw,2rem);box-shadow:0 24px 80px #0000007a}.lobby-header,.lobby-section-title,.lobby-player,.invite-box>div{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.lobby-header h1 span{font-size:clamp(1.9rem,6vw,3rem)}.connection-chip,.presence,.sync-status{color:#b9beb9;text-transform:uppercase;font-size:.72rem;font-weight:800}.connection-chip{background:#262c28;border:1px solid #ffffff29;border-radius:999px;padding:.4rem .65rem}.connection-chip.connected,.presence.online,.sync-status.connected{color:#8ce4b4}.connection-chip.offline,.sync-status.offline{color:#ff9aa9}.invite-box{border:1px solid var(--line);background:#202521;border-radius:6px;margin:1.25rem 0;padding:.85rem}.invite-box input{min-width:0}.lobby-players{gap:.55rem;display:grid}.lobby-section-title{border-bottom:1px solid var(--line);padding-bottom:.45rem}.lobby-player{background:#242925;border-left:4px solid #e7bd5273;border-radius:6px;justify-content:flex-start;padding:.72rem}.lobby-player>div{flex:1;gap:.15rem;display:grid}.lobby-player small{color:#9da39e}.lobby-actions{grid-template-columns:minmax(0,1fr) auto;gap:.55rem;margin-top:1rem;display:grid}.lobby-actions .primary,.waiting-message{grid-column:1/-1}.waiting-message{color:#dbc5ef;text-align:center;background:#43275852;border:1px solid #c7a9e44d;border-radius:6px;width:100%;padding:.8rem;font-size:.86rem}.turn-announcement{color:#f4e3ad;margin:.55rem 0 0;font-weight:850}.sync-status{margin-top:.55rem;display:block}.turn-order-number{color:#d7d9d2;border:1px solid #fff3;border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;font-size:.7rem;font-weight:900;display:grid}.card-reveal{z-index:1000;background:#030504d1;place-items:center;padding:1rem;animation:.18s ease-out reveal-backdrop;display:grid;position:fixed;inset:0}.hit-card-panel{border:2px solid var(--gold);background:#111512;border-radius:8px;grid-template-columns:minmax(230px,370px) minmax(250px,330px);gap:1rem;width:min(760px,100%);max-height:calc(100vh - 2rem);padding:.85rem;animation:.22s ease-out reveal-card;display:grid;overflow:auto;box-shadow:0 26px 100px #000000b8,inset 0 0 30px #e7bd5214}.hit-card-art{aspect-ratio:2/3;background-image:var(--card-image);background-position:var(--card-x) var(--card-y);background-repeat:no-repeat;background-size:400% 200%;border:1px solid #ba8b2e;border-radius:6px;width:100%;box-shadow:0 12px 34px #0000007a}.hit-card-art-fallback{color:var(--gold-bright);background:#28153d;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:4rem;font-weight:900;display:grid}.hit-card-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:.75rem;display:flex}.hit-card-copy h2{color:#f9e4a5;margin:.4rem 0;font-family:Georgia,Times New Roman,serif;font-size:2rem;line-height:1.05}.hit-card-copy p{color:#eef0e8;margin:.35rem 0 .7rem;font-size:1.04rem;line-height:1.5}.hit-card-copy small{color:#c8a9e4;font-weight:800}.hit-result{color:#ddfff7;background:#5fd4bb1f;border-left:4px solid #5fd4bb;border-radius:4px;padding:.55rem .65rem;line-height:1.4;display:block}.hit-label{color:var(--gold-bright);text-transform:uppercase;font-size:.75rem;font-weight:900}.card-continue{width:100%;margin-top:1.25rem}.card-choice{width:100%;margin-top:1.15rem}.card-choice-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.55rem;display:grid}.card-choice-buttons button{border-width:2px;align-items:center;gap:.45rem;display:flex}@keyframes reveal-backdrop{0%{opacity:0}}@keyframes reveal-card{0%{opacity:0;transform:translateY(12px)scale(.98)}}@media (width<=980px){.setup-shell{grid-template-columns:1fr}.setup-art{padding-bottom:0}.setup-art img{max-height:none}.setup-panel{border-top:1px solid var(--line);border-left:0}.game-panel{grid-template-columns:1fr}.play-table{grid-template-columns:minmax(0,1fr) minmax(250px,300px);min-height:auto}.play-hud{max-height:none;overflow:visible}.online-room-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.app-shell{gap:.65rem;padding:.6rem}.play-table{grid-template-columns:1fr;gap:.5rem}.play-hud{gap:.5rem}.play-title{display:none}.title-card,.controls-card,.message-card,.players-card{padding:.8rem}.setup-art{padding:.6rem .6rem 0}.setup-panel{padding:1rem}.local-name-list{grid-template-columns:1fr;max-height:none}.lobby-header{align-items:flex-start}.invite-box>div{flex-direction:column;align-items:stretch}.lobby-player{flex-wrap:wrap}.lobby-player .presence{width:100%;padding-left:2.55rem}.lobby-actions{grid-template-columns:1fr}h1 span{font-size:2.35rem}.subtitle{font-size:.8rem}.players-card{grid-template-columns:1fr;max-height:none}.play-hud .controls-card{padding:.62rem;box-shadow:0 14px 34px #00000061}.play-hud .turn-box{flex-direction:row;align-items:center;gap:.55rem;margin:0;padding:.52rem .58rem}.play-hud .turn-box small{text-align:right;flex-basis:auto;min-width:0;max-width:none}.play-hud .turn-announcement{margin-top:.4rem;font-size:.88rem}.play-hud .dice-display{gap:.55rem;margin:.48rem 0}.play-hud .dice-face{flex-basis:48px;width:48px;height:48px;padding:7px}.play-hud .dice-display>div:last-child strong{font-size:1.05rem}.play-hud .button-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.38rem;display:grid}.play-hud .button-row button{min-height:38px;padding:.44rem .45rem;font-size:.74rem}.play-hud .button-row .primary{grid-column:1/-1;min-height:46px;font-size:.95rem}.play-message{padding:.62rem}.play-message p{font-size:.78rem;line-height:1.28}.online-room-strip{grid-template-columns:1fr;margin:.45rem 0}.hit-card-panel{grid-template-columns:minmax(0,1fr);width:min(390px,100%);padding:.55rem}.hit-card-art{width:min(245px,74vw);margin:0 auto}.hit-card-copy{padding:.55rem}.hit-card-copy h2{font-size:1.55rem}.hit-card-copy p{font-size:.92rem}.card-choice-buttons{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}