:root{color-scheme:dark;--gold:#d6b773;--muted:#97988a;--ink:#181b18}*{box-sizing:border-box}body{margin:0;background:#111512;color:#f5eedc;font:14px Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #635a42;background:transparent;color:inherit;padding:12px 20px;font:700 10px Arial;letter-spacing:1.5px}button:hover,button:focus-visible{background:#d6b773;color:#171816;outline:2px solid #f6e0a5;outline-offset:3px}header,footer{display:flex;justify-content:space-between;align-items:center;padding:23px 5%;border-bottom:1px solid #34392f;font-size:10px;letter-spacing:2px}header a{color:var(--gold);font:24px Georgia;text-decoration:none}header a span{font:10px Arial;letter-spacing:2px;margin-left:20px}.edition{color:var(--muted)}main{max-width:1320px;margin:auto;padding:35px 5%}.mast{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:4px;color:var(--gold)}h1{font:clamp(40px,6vw,76px)/1 Georgia;margin:14px 0;letter-spacing:-3px}h1 em{color:var(--gold);font-weight:normal}.subtitle{font:italic 18px Georgia;color:#adae9c}.seal{border:1px solid #82714a;border-radius:50%;padding:20px;text-align:center;font-size:9px;letter-spacing:3px;transform:rotate(-12deg);color:var(--gold)}.seal b{font-size:26px}.game-shell{border:1px solid #665b40;box-shadow:0 20px 80px #0005}.hud{display:flex;align-items:center;gap:28px;padding:17px 22px;background:#20251e}.hud>div:first-child{flex:1}.hud small{display:block;font-size:9px;letter-spacing:1.7px;color:var(--gold);margin-bottom:6px}.hud strong{font:19px Georgia}.meters{width:155px}.meters label{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;margin:7px 0}progress{width:102px;height:5px;accent-color:#ceab60}progress::-webkit-progress-bar{background:#454939}progress::-webkit-progress-value{background:#d6b773}#health::-webkit-progress-value{background:#c46956}.stage{position:relative;overflow:hidden;background:#b2884b}canvas{display:block;width:100%;height:auto}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(90deg,#111b17e8,#111b1790 50%,#111b1730)}.overlay:empty{display:none}.panel{max-width:560px;padding:24px}.panel h2{font:clamp(28px,4vw,49px) Georgia;margin:12px 0;color:#f8e8bc}.panel p{line-height:1.7;color:#e3ddca}.panel .eyebrow{color:var(--gold)}.panel button{margin:5px}.panel .primary{background:var(--gold);color:#1e2118;border-color:var(--gold);padding:17px 28px}.panel label{display:block;margin:20px}.panel input{accent-color:var(--gold);vertical-align:middle;margin-left:15px}.panel kbd{color:var(--gold)}.arena-label{position:absolute;bottom:14px;width:100%;text-align:center;font-size:8px;letter-spacing:3px;color:#fff9;pointer-events:none}.arena-label span{color:#e8c584;margin:0 12px}.status{display:flex;justify-content:space-between;gap:10px;background:#20251e;padding:14px 22px;font-size:10px;color:#babea7;letter-spacing:1px}.status b{color:var(--gold)}#toast{position:absolute;left:0;top:18%;width:100%;text-align:center;pointer-events:none;color:#fff3b6;font:bold 28px Georgia;text-shadow:0 2px 6px #392908}.guide{display:flex;gap:35px;align-items:center;margin-top:30px}.guide div{flex:1}.guide b{font-size:10px;letter-spacing:2px;color:var(--gold)}.guide p{font-size:12px;line-height:1.6;color:var(--muted)}footer{border-top:1px solid #34392f;border-bottom:0;color:var(--muted)}.touch,.rotate{display:none}@media(pointer:coarse){.touch{display:flex;justify-content:space-between;align-items:center;padding:16px 5px;touch-action:none}#joystick{width:106px;height:106px;border:1px solid #8c7950;border-radius:50%;position:relative;background:#d6b77312;touch-action:none}#joystick i{position:absolute;width:40px;height:40px;left:32px;top:32px;border-radius:50%;background:#d6b77377;pointer-events:none}.touch-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.touch-actions button{min-height:45px;touch-action:none}}@media(max-width:650px){main{padding:20px 3%}.edition,.seal,header a span{display:none}header{padding:15px 4%}.hud{gap:12px;padding:10px}.hud strong{font-size:12px}.hud small{font-size:7px}.meters{width:83px}.meters label{font-size:6px}progress{width:48px}.hud>div:nth-child(3){display:none}.hud button{padding:10px}.status{font-size:8px;padding:10px;letter-spacing:0}.guide{gap:15px;flex-wrap:wrap}.guide div{min-width:90px}.guide p{font-size:10px}.guide button{width:100%}.panel{padding:10px}.panel h2{font-size:25px}.panel p{font-size:11px;margin:6px}.panel button{padding:10px;font-size:8px;margin:3px}.panel .primary{padding:12px}.arena-label{display:none}footer{font-size:7px;letter-spacing:1px}.panel label{margin:9px}}@media(orientation:portrait) and (pointer:coarse){.rotate{display:block;text-align:center;color:var(--muted);font-size:11px}}@media(max-height:540px) and (orientation:landscape){header,.mast,.guide,footer{display:none}main{max-width:900px;padding:8px 120px}.touch{position:fixed;inset:auto 12px 18px;pointer-events:none}.touch>*{pointer-events:auto}.touch-actions{grid-template-columns:1fr}.touch-actions button{padding:8px;min-height:38px}}

/* Keep the victory procession visible above the result on every screen. */
#victory-celebration{width:min(100%,480px);height:auto;max-height:clamp(75px,16vw,190px);object-fit:contain;margin:0 auto;flex-shrink:0}.victory-overlay .panel{width:100%;max-height:100%;overflow:auto;padding:10px 16px}.victory-overlay .panel h2{font-size:clamp(20px,3.3vw,39px);margin:6px 0}.victory-overlay .panel .eyebrow{margin:4px 0}.victory-overlay .panel p{margin:6px 0}.victory-overlay .panel button{padding:10px 18px}
@media(max-width:650px){.victory-overlay .panel{padding:5px}.victory-overlay .panel p{font-size:9px;line-height:1.3}.victory-overlay .panel .eyebrow{font-size:8px;letter-spacing:2px}.victory-overlay .panel h2{font-size:20px}.victory-overlay .panel button{padding:8px 12px}}