*{box-sizing:border-box}body{margin:0;background:#080f1d;color:#e6edf8;font:14px/1.5 'Malgun Gothic',system-ui;overflow:hidden}#stage{position:fixed;inset:0;width:100%;height:100%;border:0}header{position:fixed;top:20px;left:26px;right:26px;display:flex;gap:20px;align-items:center;justify-content:space-between;text-shadow:0 2px 8px #000}header b{letter-spacing:3px;color:#dec38e}header>div{display:flex;gap:12px;align-items:center}button,input,select{font:inherit;color:inherit;border:1px solid #657488;background:#111f32e8;border-radius:5px;padding:9px 13px}button{cursor:pointer}button:hover:not(:disabled){border-color:#dcc18a}button:disabled{opacity:.5;cursor:default}input::placeholder{color:#a2acbb}#lobby{position:absolute;left:7%;top:20%;max-width:530px;background:#0a1526eb;border:1px solid #354963;padding:28px;border-radius:10px}h1{font-size:34px;margin:0 0 15px}.lobby-actions{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}.lobby-actions input{max-width:180px}small{color:#abb9cb}#lobby small{display:block;margin-top:20px}#health{position:fixed;top:100px;left:30px;right:30px;display:flex;justify-content:space-between;pointer-events:none}#health>div{display:flex;flex-direction:column;max-width:200px;text-shadow:0 2px 10px #000}#health>div:last-child{text-align:right}strong{font-size:36px;color:#e9d1a2}#round-info{position:fixed;top:15%;left:25%;right:25%;text-align:center;text-shadow:0 2px 8px #000}#round-info h2{font-size:24px}#coverage{background:#0b1423b3;padding:3px 8px}#selection{position:fixed;bottom:18px;left:5%;right:5%;padding:13px 20px;background:linear-gradient(0deg,#0a1426f5,#0a1426d9);border:1px solid #354b68;border-radius:10px}#cards{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}#cards button{min-width:85px;padding:10px 12px}#cards button.selected{border-color:#e6c580;background:#58472d}#cards small{display:block}#selection-status{text-align:center;margin:0 0 10px}#confirm{display:block;margin:12px auto 0;min-width:190px;border-color:#ac905b}body.cinematic #selection{transform:translateY(80%);opacity:.15;pointer-events:none}#history-panel{position:fixed;top:210px;left:26px;width:230px;background:#0b1727d9;padding:10px;max-height:38vh;overflow:auto}#history-panel summary{cursor:pointer;color:#d7c293}#history-panel li{margin:7px 0;font-size:12px}#error{position:fixed;bottom:7px;left:10px;color:#ffd39f;background:#351e12d9;z-index:10}#error:empty{display:none}[hidden]{display:none!important}@media(max-width:850px){header{top:9px;left:12px;right:12px;font-size:11px;gap:8px}header>div{gap:4px}header label{font-size:10px}header button,header select{padding:5px}#lobby{top:18%;left:5%;right:5%;padding:16px}h1{font-size:25px}#health{top:60px;left:15px;right:15px}#round-info{top:20%;left:24%;right:24%;font-size:11px}#round-info h2{font-size:16px}#history-panel{top:155px;left:12px;width:155px;font-size:11px;max-height:25vh}#selection{padding:8px;bottom:8px;left:3%;right:3%}#cards{gap:5px}#cards button{min-width:58px;font-size:11px;padding:5px}#confirm{margin:5px auto 0;padding:5px}#selection-status{margin-bottom:5px;font-size:11px}}

#profile-panel{position:fixed;top:62px;right:24px;background:#0b1727e8;padding:6px 10px;font-size:12px}#profile-dialog{max-width:530px;width:92%;background:#101e31;color:#edf2fa;border:1px solid #b5a173;border-radius:10px;padding:24px}#profile-dialog::backdrop{background:#030914ce}#profile-dialog section{margin:18px 0}#profile-dialog input{max-width:95%}#recovery-key{display:block;overflow-wrap:anywhere;font:14px monospace;padding:12px;background:#060c17}#profile-error{color:#ffcb9d}.profile-needed #lobby button,.profile-needed #lobby input{pointer-events:none;opacity:.4}#policy-status{text-align:center;margin:0 0 4px}#policy-status.warning{color:#ffd095}#forfeit{margin-left:8px;font-size:12px}#profile-dialog button{margin:5px}@media(max-width:850px){#profile-panel{top:48px;right:10px;font-size:10px;padding:3px}#profile-panel button{padding:3px}}

#health{top:125px}@media(max-width:850px){#health{top:95px}}

#appearance-intro{color:#f1d5a0;font-size:19px;padding:8px;background:#101c30da;border:1px solid #9b855b}body[data-appearance-context="intro"] #reveal{font-size:18px}

#forfeit{position:fixed;left:26px;top:265px;margin:0}#new-game{position:fixed;right:28px;bottom:28px}@media(max-width:850px){#forfeit{left:12px;top:210px;padding:5px}#new-game{right:12px;bottom:12px}}

@media(max-height:500px) and (orientation:landscape){#round-info{top:64px;font-size:10px;left:28%;right:28%}#round-info h2{font-size:13px;margin:3px 0}#round-info p{margin:3px 0}#appearance-intro{font-size:12px;padding:4px}body:not(.cinematic):not([data-appearance-context='result']) #resolution{display:none}#health{top:90px}#history-panel{top:156px}#forfeit{top:206px}#selection{padding:7px}#confirm{margin:5px auto 0}}

#inspect-opponent{position:fixed;right:26px;top:210px;font-size:12px}#opponent-inspector{width:min(900px,94vw);max-height:92vh;overflow:auto;background:#101722;color:#eee;border:1px solid #8f7c57;border-radius:10px}#opponent-inspector::backdrop{background:#030711dc}#opponent-inspector h2{margin:0}#opponent-inspector iframe{display:block;width:100%;height:48vh;border:0;margin-top:12px}#opponent-inspector ul{display:grid;grid-template-columns:repeat(2,1fr);padding-left:20px}#opponent-inspector button{margin-right:7px}@media(max-width:850px){#inspect-opponent{right:12px;top:175px;padding:5px}#opponent-inspector ul{grid-template-columns:1fr}}
@media(max-width:600px){header{flex-wrap:wrap;gap:6px}header b{white-space:nowrap;font-size:10px;letter-spacing:1px}header>a{white-space:nowrap}header #connection{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header>div{width:100%;justify-content:space-between;gap:4px}header label{display:flex;align-items:center;gap:2px;white-space:nowrap}header select,header button{padding:4px;font-size:10px;white-space:nowrap}#profile-panel{top:86px}#health{top:121px}#history-panel{top:182px}#inspect-opponent{top:195px}}
#state-chips{width:230px;max-width:44vw;font-size:12px;line-height:1.35;pointer-events:auto}.state-chip{display:block;padding:4px 7px;margin:3px 0;border-left:2px solid #536478;background:#091524da;color:#abb7c4}.state-chip.active{border-color:#e1c27e;color:#ffe0a1}.state-chip small{display:block;font-size:10px;color:#bdc9d6}.state-change{font-size:11px;color:#e1c27e}#health>div{max-width:240px}#history-panel{top:350px}#forfeit{top:410px}#spell-detail{max-height:150px;overflow:auto;overscroll-behavior:contain;border:1px solid #b6a070;border-radius:6px;background:#102036;padding:10px 14px;margin-bottom:8px;line-height:1.5}#spell-detail b{color:#f2d69b}#spell-detail button{float:right;padding:2px 10px}#spell-detail p{margin:4px 0;font-size:12px}#selected-spell-help{position:absolute;right:12px;bottom:12px;font-size:11px;padding:5px}#impact-readout{position:fixed;top:40%;left:23%;right:23%;text-align:center;font-size:24px;font-weight:bold;color:#f2d18e;text-shadow:0 2px 12px #05060a;pointer-events:none}#impact-readout[data-hit=true]{color:#ffddb6}#ending-overlay{position:fixed;top:24%;left:27%;right:27%;text-align:center;pointer-events:none;text-shadow:0 3px 20px #000}#ending-overlay h2{font-size:54px;letter-spacing:10px;color:#edce92;margin:0}#ending-overlay p{background:#0b1423d9;padding:10px;border-top:1px solid #8f7952}#ending-overlay button{pointer-events:auto}#ending-overlay.settled{top:25%}#ending-overlay.settled h2{font-size:34px}body.ending-active #round-info{visibility:hidden}body.ending-active #new-game{visibility:visible}button:focus-visible{outline:2px solid #f4d58d;outline-offset:3px}
@media(max-width:850px){#state-chips{font-size:10px;width:190px}.state-chip{padding:2px 4px;margin:2px 0}.state-chip small{font-size:9px}#history-panel{top:288px}#forfeit{top:330px}#spell-detail{max-height:120px;padding:6px 9px}#spell-detail p{font-size:11px}#impact-readout{font-size:17px;left:22%;right:22%}#ending-overlay{left:22%;right:22%;top:30%}#ending-overlay h2{font-size:36px}#selected-spell-help{right:8px;bottom:8px}}
@media(pointer:coarse){#selection.help-open #cards{display:none}#spell-detail{max-height:115px}#selected-spell-help{position:static;display:block;margin:4px auto}#selection.help-open #selected-spell-help{display:none}}
@media(max-height:500px) and (orientation:landscape){#health{top:72px}#state-chips{width:195px}.state-chip small{display:none}#history-panel{top:205px;width:145px;padding:4px}#forfeit{top:240px}#spell-detail{max-height:100px}#impact-readout{top:41%;font-size:18px}#ending-overlay{top:28%}#ending-overlay h2{font-size:34px}#selected-spell-help{padding:2px 5px;margin:2px auto}#selection{max-height:48vh;overflow:auto}}
@media(prefers-reduced-motion:reduce){#impact-readout,#ending-overlay{animation:none;transition:none}}
@media(max-height:500px) and (orientation:landscape){#selection.help-open #spell-detail{max-height:80px}#selection.help-open #selection-status{display:none}#selection.help-open #confirm{margin:3px auto 0}}
body.ending-present #round-info{visibility:hidden}
body.ending-present #new-game{visibility:visible}