@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@600;700;800&family=Playfair+Display:wght@700;800&display=swap');
*{box-sizing:border-box}html,body,#app,#stage{margin:0;width:100%;height:100%;overflow:hidden}body{background:#06131e;color:#fff;font-family:Manrope,system-ui,sans-serif}canvas{display:block;width:100%;height:100%}.panel{position:fixed;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,90vw);padding:42px;text-align:center;border:1px solid #66e8d5;border-radius:28px;background:linear-gradient(145deg,#0b2030f4,#07131df7);box-shadow:0 28px 100px #000b,0 0 55px #2be5cf30}.eyebrow{color:#71e8d8;letter-spacing:.18em;font-size:12px}.panel h1{margin:8px 0 18px;font:800 clamp(44px,8vw,76px)/1 Playfair Display,serif}.panel h1 span{color:#f2c766}.panel p{line-height:1.6;color:#cfe1e6}.panel button{margin-top:18px;padding:16px 32px;border:0;border-radius:14px;background:linear-gradient(#f7d980,#d49d36);color:#10202a;font:800 18px Manrope;cursor:pointer;box-shadow:0 0 30px #e7bd5570}#hud{position:fixed;z-index:5;inset:20px 20px auto;display:grid;grid-template-columns:1fr minmax(300px,680px) 1fr;align-items:start;pointer-events:none}.lives,.score,.question{border:1px solid #ffffff36;background:#071827dd;box-shadow:0 12px 42px #0008;backdrop-filter:blur(10px)}.lives{justify-self:start;padding:18px 26px;border-radius:18px;color:#ff6472;font-size:27px;letter-spacing:6px}.question{justify-self:center;width:100%;padding:14px 24px;text-align:center;border-radius:22px}.question small,.score small{display:block;color:#72dfd2;font-size:11px;letter-spacing:.15em}.question strong{display:block;margin-top:3px;font-size:clamp(24px,3vw,38px)}.score{justify-self:end;display:flex;gap:28px;padding:13px 22px;border-radius:18px;text-align:center}.score strong{font-size:25px;color:#f1c767}.controls{position:fixed;z-index:6;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:12px}.controls button{width:76px;height:64px;border:1px solid #ffffff40;border-radius:16px;background:#0a1a29df;color:#fff;font-size:30px;box-shadow:0 10px 30px #0008;cursor:pointer}.speed{position:fixed;z-index:6;right:24px;bottom:28px;display:flex;align-items:center;gap:6px;padding:8px;border:1px solid #ffffff30;border-radius:14px;background:#071827d9}.speed span{padding:0 8px;color:#71dfd1;font-size:10px}.speed button{border:0;border-radius:9px;padding:9px;background:transparent;color:#a8bbc2;font:700 10px Manrope;cursor:pointer}.speed button.active{background:#d8aa49;color:#0b1b26}#feedback{position:fixed;z-index:8;left:50%;top:25%;transform:translateX(-50%);padding:18px 30px;border:1px solid #73efdc;border-radius:18px;background:#071827e8;font:800 23px Manrope;box-shadow:0 0 45px #4fe9d464}#loading{position:fixed;z-index:20;inset:0;display:grid;place-items:center;background:#06131e;color:#78e8d8;font-weight:800;letter-spacing:.14em}body.playing #start-panel{display:none}@media(max-width:700px){#hud{inset:10px 10px auto;grid-template-columns:auto 1fr auto;gap:8px}.lives{padding:12px;font-size:18px;letter-spacing:1px}.score{padding:9px;gap:9px}.score strong{font-size:18px}.question{padding:10px}.question strong{font-size:23px}.speed{right:8px;bottom:100px;flex-direction:column}.speed span{display:none}.speed button{padding:7px}.controls button{width:68px;height:58px}}

#stage{touch-action:none}body.hurt #app:after{content:"";position:fixed;inset:0;box-shadow:inset 0 0 80px #ff394e99;pointer-events:none;z-index:9}

.difficulty{display:flex;gap:6px;justify-content:center;margin:16px 0}
.difficulty button{margin:0;padding:10px 12px;font:700 12px Manrope, sans-serif;color:#cee4e8;background:#112b39;border:1px solid #476575;border-radius:10px;box-shadow:none;cursor:pointer}
.difficulty button.active{background:#f0c76a;color:#152430;border-color:#f0c76a}
.live-difficulty{display:none;position:fixed;left:16px;bottom:100px;z-index:6;margin:0;padding:6px;background:#071827dc;border-radius:13px}
body.playing .live-difficulty{display:flex}
@media(max-width:700px){.live-difficulty{bottom:14px;left:8px;right:8px;justify-content:center}.controls{bottom:70px}.controls button{width:58px;height:52px}.score{gap:6px}.score small{font-size:8px}.score strong{font-size:17px}#hud{grid-template-columns:auto 1fr auto}.question{min-width:0}.speed{bottom:140px}}

.panel{max-height:94dvh;overflow-y:auto;padding:26px 32px;width:min(670px,94vw)}.panel h1{font-size:52px}.panel .intro{margin:8px 0}.session-settings{border-top:1px solid #ffffff25;padding-top:15px;text-align:left}.settings-heading{display:flex;align-items:center;gap:6px;font-size:14px}.panel #all-words{margin:0 0 0 auto;background:none;color:#83e6d8;padding:6px;font-size:12px;box-shadow:none}#word-choices{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}#word-choices label{display:flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #ffffff30;border-radius:9px;font-size:13px;background:#12303d;cursor:pointer}#word-choices input{accent-color:#71e0ce}.target-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}#target{background:#102b39;border:1px solid #628c94;color:#fff;border-radius:10px;padding:9px;font:inherit;max-width:55%}#session-hint{font-size:11px;line-height:1.4;margin-bottom:0}.panel button:disabled{opacity:.4;cursor:default}.score{gap:13px}.score strong{font-size:20px}@media(max-width:700px){.panel{padding:20px}.panel h1{font-size:40px}.panel .intro{font-size:12px}.difficulty{margin:10px 0}.score{flex-wrap:wrap;width:96px;gap:4px 9px}.score strong{font-size:14px}.score small{font-size:7px}.score span{min-width:30px}#hud{grid-template-columns:auto 1fr auto}.target-label{font-size:12px}#word-choices label{font-size:12px;padding:6px}}

.credits{display:block;margin-top:12px;color:#8db9bc;font-size:10px;text-decoration:none}

.world-choice{padding:10px 16px;border:1px solid #65868a;border-radius:12px;text-decoration:none;color:#eae9d9;font-weight:700;background:#17343b;}

/* Menu sits on its own opaque surface; gameplay HUD appears only in a run. */
body:not(.playing) #hud,body:not(.playing) .controls,body:not(.playing) .speed{display:none}
body:not(.playing) #app::before{content:"";position:fixed;inset:0;background:rgba(3,15,22,.38);z-index:9;pointer-events:none}
#start-panel{background:linear-gradient(145deg,#18343e,#0b1e29 65%);border-color:#ac954e;box-shadow:0 24px 80px #0009;text-align:left;padding:28px 32px;scrollbar-width:thin;scrollbar-color:#6a8c88 #0b1e29}
#start-panel .eyebrow,#start-panel h1{text-align:center}#start-panel .eyebrow{font-size:10px;letter-spacing:.12em}#start-panel h1{font-size:46px;margin:10px 0 14px}
#start-panel .intro{font-size:13px;line-height:1.55;text-align:center;margin-bottom:20px;color:#becfd1}
#start-panel>.difficulty{margin:12px 0}.world-choice{flex:1;text-align:center;font-size:14px;padding:12px 14px;background:#213e47;border-color:#57747a;transition:background .15s}
.world-choice.active{background:#e7be61;color:#142b32;border-color:#f4d690;box-shadow:0 0 0 2px #e7be6120}
.session-settings{margin-top:18px;padding-top:18px;border-color:#789c9833}.setting-title{font-size:13px;color:#d9e4e2;margin-bottom:9px}
.mode-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel .mode-choices button{margin:0;padding:12px 14px;text-align:left;border:1px solid #58767b;background:#203d47;color:#e2eae6;box-shadow:none;font-size:13px;border-radius:12px}.mode-choices strong,.mode-choices small{display:block}.mode-choices small{font-size:11px;font-weight:600;margin-top:4px;color:#a9c5c5}.panel .mode-choices button.active{background:#264e50;border-color:#6ce0cc;box-shadow:inset 0 0 0 1px #6ce0cc}.mode-choices button.active small{color:#bcebe2}
#start-panel .mode-hint{font-size:11px;margin:9px 0 18px;color:#a7c1c5}.settings-heading{margin-top:10px}#start{width:100%;margin-top:20px}.credits{text-align:center}
#target{min-width:160px;background-color:#213d46;color:#f3e8c6;border-color:#6e8f91;border-radius:10px;padding:10px 12px;color-scheme:dark}#target option{background:#16323e;color:#f3e8c6}
.panel button:focus-visible,.world-choice:focus-visible,#target:focus-visible{outline:2px solid #83e5d0;outline-offset:3px}
@media(max-width:700px){#start-panel{padding:22px 20px;border-radius:22px;max-height:94dvh}#start-panel h1{font-size:38px}#start-panel .intro{font-size:12px}.world-choice{font-size:12px;padding:11px 8px}.panel .mode-choices button{padding:10px;font-size:12px}.target-label{flex-wrap:wrap}#target{min-width:140px}}

.runner-options{display:flex;justify-content:space-between;align-items:center;gap:14px}.runner-options .difficulty{margin:8px 0}.runner-options button{padding:9px 12px}#start-panel{padding-top:20px;padding-bottom:20px}#start-panel h1{font-size:42px;margin-bottom:12px}#start-panel .eyebrow{margin:6px 0}.session-settings{margin-top:12px;padding-top:12px}#start-panel .intro{margin-bottom:14px}#word-choices{margin-bottom:10px}#start{padding:13px 24px;margin-top:14px}.credits{margin-top:9px}
@media(max-width:700px){.runner-options{flex-direction:column;gap:0}.runner-options .difficulty{margin:5px 0}#start-panel h1{font-size:36px}#word-choices{max-height:95px;overflow-y:auto}}
@media(min-width:701px){#start-panel{max-height:96dvh;padding:16px 32px}#start-panel h1{font-size:36px;margin:8px 0 10px}#start-panel .intro{font-size:12px;margin-bottom:10px}#start-panel>.difficulty{margin:10px 0}.panel .mode-choices button{padding:10px 14px}#start-panel .mode-hint{margin:7px 0 12px}.settings-heading{margin-top:6px}#word-choices label{padding:6px 10px}#start{margin-top:10px;padding:12px 24px}.credits{margin-top:7px}}

.sync-error{max-width:420px;border:1px solid #71dfd1;border-radius:18px;background:#102b39;color:#fff;padding:26px;font-family:Manrope, sans-serif}.sync-error::backdrop{background:#06131ebb}.sync-error button{border:0;padding:12px 18px;border-radius:10px;background:#f0c76a;color:#152430;font:inherit;cursor:pointer}

.panel .rules-link{display:block;margin:5px auto 10px;padding:4px;background:none;color:#82dacc;font-size:11px;box-shadow:none}.rules-dialog{width:min(540px,94vw);max-height:94dvh;overflow:auto;padding:24px;border:1px solid #73cdbf;border-radius:22px;background:#102b36;color:#e9f1ed;font:13px/1.5 Manrope,system-ui}.rules-dialog::backdrop{background:#031017d9}.rules-dialog h2{color:#f0c76a;margin:8px 0}.gesture-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gesture-guide div{padding:12px;border:1px solid #557976;border-radius:12px;background:#193d44}.gesture-guide b{display:block;font-size:28px;color:#f0c76a}.gesture-guide strong,.gesture-guide span{display:block}.gesture-guide span{font-size:11px;color:#b8d0cd;margin-top:6px}.rules-dialog button{padding:12px 18px;border:0;border-radius:10px;background:#f0c76a;color:#102b36;font:700 13px Manrope;cursor:pointer;margin:8px 5px 0 0}#rules-close{background:#244851;color:#d9e7e3}.rotate-rule{color:#9edbcc}.touch-device .controls,.touch-device .live-difficulty{display:none!important}#rotate-hint{position:fixed;inset:0;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#091f2df7;text-align:center;padding:28px}#rotate-hint[hidden]{display:none}#rotate-hint>span{font-size:68px;color:#f0c76a}#rotate-hint h2{color:#f0c76a}#rotate-hint small{color:#97babd}.portrait-paused #hud,.portrait-paused .speed{visibility:hidden}.view-tools{position:fixed;z-index:13;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));display:flex;gap:6px}.view-tools button{border:1px solid #71948f;border-radius:12px;background:#102b36;color:#f0c76a;font-size:24px;width:42px;height:42px;cursor:pointer}.view-tools button[hidden]{display:none}
@media(max-height:500px) and (orientation:landscape){.controls,.live-difficulty{display:none!important}#hud{inset:8px max(8px,env(safe-area-inset-right)) auto max(8px,env(safe-area-inset-left));grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.lives{font-size:14px;letter-spacing:1px;padding:9px 12px}.question{padding:6px 12px;max-width:340px}.question strong{font-size:22px}.question small{font-size:8px}.score{padding:7px 10px;width:auto;gap:10px;flex-wrap:nowrap}.score small{font-size:7px}.score strong{font-size:15px}.speed{right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));flex-direction:row;padding:5px}.speed button{font-size:9px;padding:7px}.speed span{display:none}#feedback{top:22%;padding:8px 16px;font-size:16px}.rules-dialog{padding:14px 20px}.rules-dialog h2{font-size:20px}.rules-dialog p{margin:8px 0}.gesture-guide div{padding:8px}.gesture-guide b{font-size:22px}#start-panel{max-height:94dvh;padding:14px 24px}}

.audio-settings{width:min(440px,94vw)}.audio-toggle{display:flex;gap:10px;align-items:center;margin:18px 0 10px;font-weight:700}.audio-toggle input{accent-color:#f0c76a;width:18px;height:18px}.audio-slider{display:flex;justify-content:space-between;color:#c8e2db;margin:10px 0}.audio-slider output{color:#f0c76a;font-weight:800}.audio-settings input[type=range]{width:100%;accent-color:#e9bd5c;cursor:pointer;min-height:32px}.audio-settings p:last-of-type{color:#91b7b6;font-size:11px}.audio-settings #audio-close{width:100%}