:root{font:16px/1.5 system-ui,sans-serif;color:#e9f6f9;background:#061016;color-scheme:dark;--line:#9dc8d033}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit;background:#13262de8;border:1px solid var(--line);border-radius:8px;padding:12px 20px;min-height:48px;cursor:pointer}button:hover{background:#23404b}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a5eeff;outline-offset:4px}a{color:inherit}.primary{background:#c0f4ff;color:#07232c;border-color:#c0f4ff;font-weight:800}.primary:hover{background:#effcff}.danger{color:#ffbbb1}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}#shade{pointer-events:none;position:fixed;inset:0;background:linear-gradient(90deg,#030c14e8,transparent 85%)}.screen{position:fixed;inset:0;padding:clamp(22px,5vw,76px);overflow:auto;display:flex;flex-direction:column;justify-content:space-between}.brand{display:flex;gap:16px;align-items:center;font-weight:800;letter-spacing:.2em}.brand img{border-radius:14px}.brand small{display:block;font-size:12px;color:#99b4c1;letter-spacing:.12em;margin-top:4px}.eyebrow{font:12px monospace;letter-spacing:.2em;color:#8bdbea}.menu-body{max-width:520px;padding:26px 0}h1{font-size:clamp(56px,10vw,132px);font-weight:900;line-height:.86;letter-spacing:-.055em;margin:24px 0}h1 span{color:#c2edf5}.intro{max-width:360px;color:#b0c8d2}.menu-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:380px}.menu-buttons .primary{grid-column:1/-1}.menu-footer{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:14px}#offline-status{color:#a1c5b5;font-size:12px}#hud{position:fixed;inset:0;pointer-events:none}#hud button{pointer-events:auto}.hud-top{position:absolute;top:max(18px,env(safe-area-inset-top));left:20px;right:20px;display:flex;justify-content:space-between;gap:12px}.mission{display:grid;gap:4px;padding:12px 18px;background:#071821c9;border:1px solid var(--line);border-radius:10px;max-width:min(65vw,480px)}.mission small{font-size:12px;color:#9fdbe2;letter-spacing:.1em}.mission strong{font-size:16px}.mission span{font-size:13px;color:#bad3dc}.hud-right{display:flex;gap:10px;align-items:start}#shards{background:#071821c9;padding:12px;border-radius:8px;font:16px monospace}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff8;font:20px monospace}#prompt{position:absolute;top:59%;left:50%;transform:translateX(-50%);width:max-content;max-width:85%;text-align:center;background:#06151bd9;padding:8px 16px;border-radius:8px}#prompt:empty{display:none}#compass{position:absolute;left:50%;top:135px;width:32px;height:32px;margin-left:-16px;text-align:center;color:#b8edff}#bearing{display:block}#toast{position:absolute;bottom:150px;left:50%;transform:translateX(-50%);text-align:center;max-width:90%;width:max-content;background:#091b25e8;border:1px solid var(--line);padding:12px 20px;border-radius:10px}#toast:empty{display:none}#save-status{position:absolute;bottom:12px;right:16px;font-size:12px;color:#bad1d9}#desktop-help{position:absolute;bottom:24px;left:24px;font-size:13px;color:#d5e8ee}dialog{background:#0b1a24;color:#e9f6f9;border:1px solid #7395a0;border-radius:18px;padding:24px;max-width:min(94vw,500px);max-height:90dvh;overflow:auto}dialog::backdrop{background:#01070bbd;backdrop-filter:blur(8px)}dialog h2{margin-top:0}dialog>button{display:block;width:100%;margin-top:12px}.fields label{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 0}.fields input[type=range]{width:46%;accent-color:#b4e8f8}.fields select{max-width:50%}.fields input[type=checkbox]{width:24px;height:24px}#ending{align-items:center;justify-content:center;text-align:center;background:#031019c9;gap:10px}#ending img{border-radius:30px;box-shadow:0 0 100px #90edff50}#ending h2{font-size:clamp(34px,7vw,84px);line-height:1;margin:22px 0;letter-spacing:-.04em}#ending p{margin:4px 0;max-width:560px}#ending button{min-width:250px}#touch{display:none}body.touch #touch{display:block}body.touch #desktop-help{display:none}#look-zone{position:absolute;inset:100px 0 0 45%;pointer-events:auto;touch-action:none}#joystick{position:absolute;bottom:max(34px,env(safe-area-inset-bottom));left:30px;width:118px;height:118px;border:1px solid #d3f5ff55;background:#a7dbea10;border-radius:50%;pointer-events:auto;touch-action:none}#stick{position:absolute;left:35px;top:35px;width:46px;height:46px;border-radius:50%;background:#c7f1fc50;border:1px solid #e8faff80}#action,#run{position:absolute;bottom:44px;right:24px;border-radius:50%;width:88px;height:88px;padding:4px;background:#aecddd24;touch-action:none}#run{right:126px;width:66px;height:66px;bottom:55px;font-size:14px}#touch button.active{background:#b5edff70}[hidden]{display:none!important}@media(max-width:600px){.screen{padding:22px}.brand img{width:46px;height:46px}.brand{font-size:14px}.menu-body{padding:15px 0}.menu-footer{gap:12px}.menu-footer button{font-size:13px;padding:8px}.hud-top{left:10px;right:10px;top:12px}.mission{padding:10px;max-width:64vw}.mission strong{font-size:14px}.hud-right{gap:6px}#shards{padding:10px 6px;font-size:14px}.hud-right button{padding:8px 12px}.intro{font-size:14px}#joystick{left:20px}#toast{font-size:14px;bottom:180px}#prompt{font-size:14px}}@media(max-height:530px){.brand{display:none}.menu-body{padding:0}h1{font-size:56px;margin:10px 0}.intro{display:none}.menu-buttons{grid-template-columns:1fr 1fr}.menu-buttons .primary{grid-column:auto}.menu-footer{margin-top:12px}#compass{top:100px}.mission{padding:8px}#joystick{bottom:20px;width:100px;height:100px}#stick{left:27px;top:27px}#action{bottom:24px}#run{bottom:35px}#toast{bottom:125px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Something Is Wrong: one compact game HUD, safe-area aware landscape controls. */
:root{--ice:#b9efff;--amber:#eeb77b}button{transition:background .15s,border-color .15s,transform .15s}button:active{transform:scale(.97)}.menu-body{max-width:740px}h1{font-size:clamp(44px,7.8vw,110px);line-height:.98;letter-spacing:-.05em;margin:18px 0 24px}h1 span{color:var(--amber)}.menu-buttons{max-width:450px}.menu-footer{padding-top:12px}.brand small{font-size:12px}.intro{max-width:430px}.hud-top{right:180px}.hud-right{align-items:center}#shards{font-size:14px;white-space:nowrap}#minimap{position:absolute;right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));width:142px;height:142px;border:1px solid #a8dbed55;border-radius:18px;background:#06141dea;pointer-events:auto;cursor:pointer;box-shadow:0 12px 40px #0005}#map-open{position:absolute;right:22px;top:166px;min-height:32px;padding:4px 12px;font-size:12px}#compass{top:110px}#online-pill{position:absolute;left:max(20px,env(safe-area-inset-left));top:125px;padding:5px 12px;min-height:32px;font-size:13px;background:#102832cf}#desktop-help{font-size:12px;bottom:15px;max-width:calc(100% - 160px)}.mission{max-width:450px;backdrop-filter:blur(8px)}#chat-panel{position:absolute;bottom:55px;left:20px;width:285px;max-width:40vw;pointer-events:auto;border:1px solid #aacbda33;border-radius:12px;background:#071520bd;padding:8px;color:#e8f5fb;backdrop-filter:blur(8px);font-size:13px}.chat-heading{display:flex;justify-content:space-between}.chat-heading button,.quick-chat button{min-height:30px;padding:3px 9px;background:transparent;border:0;font-size:13px}#chat-feed{max-height:94px;overflow:auto;overflow-wrap:anywhere}#chat-feed div{padding:3px 0}#chat-feed b{color:#addef0}#chat-form{display:flex;gap:5px;margin-top:6px}input[type=text],input:not([type]),#chat-text{font:inherit;min-width:0;background:#061019;border:1px solid #789aa8;color:#e5f3f7;border-radius:8px;padding:10px;width:100%}#chat-form button{min-height:34px;font-size:12px;padding:5px 8px}#chat-text{padding:6px;font-size:14px}#chat-panel:focus-within{background:#071520f5}.quick-chat{display:flex;gap:10px}#online-dialog{width:480px}#online-entry label{display:grid;gap:8px;margin-bottom:16px}.consent{grid-template-columns:24px 1fr;font-size:14px}.consent input{width:20px;height:20px}.muted{color:#a8c1cc;font-size:14px}.join-row{display:flex;gap:8px;margin-top:18px}.room-code{display:flex;justify-content:space-between;gap:12px;align-items:center}.room-code code{font-size:20px;letter-spacing:.1em}#online-error{color:#ffb7a5}#lobby button,#create-room{width:100%;margin-top:10px}#lobby-list{padding-left:20px}#lobby-list li{padding:8px}#large-map{display:block;width:min(100%,480px);height:auto;border:1px solid #8eb6c14a;border-radius:12px}#ranking-list p{padding:8px 0;border-bottom:1px solid var(--line)}#rewards-list .earned{color:#d0f3fc}#rewards-list .locked{color:#819ba9}#realm-flash{position:fixed;inset:0;z-index:20;pointer-events:none}#realm-flash.flash{animation:realm 1.1s ease-out forwards}@keyframes realm{0%{opacity:0}20%{opacity:1}100%{opacity:0}}#rotate-hint{position:fixed;z-index:12;inset:auto 14px 200px;padding:18px;background:#0b202ded;border:1px solid #a0d6e877;border-radius:16px;text-align:center;box-shadow:0 10px 50px #0008}#rotate-hint strong{display:block;margin-bottom:10px}#rotate-hint button{padding:8px 14px;font-size:14px}#jump{position:absolute;right:30px;bottom:132px;border-radius:50%;width:68px;height:68px;padding:4px;background:#accfdd26;touch-action:none}#look-zone{inset:0 0 0 45%;z-index:0}#joystick,#action,#jump,#run{z-index:2}#joystick{background:radial-gradient(circle,#b9e5f31a,#b9e5f307);box-shadow:inset 0 0 25px #cceaff08}#action,#run,#jump{border-color:#c4e9f855;box-shadow:0 4px 25px #0002}body.touch #chat-panel{bottom:164px;left:18px;max-width:40vw;width:250px}body.touch #chat-feed{max-height:68px}body.touch #chat-form{display:none}body.touch #chat-panel:focus-within #chat-form{display:flex}body.touch #chat-panel:focus-within #chat-text{display:block}body.touch #chat-panel{background:#07152085}.touch #prompt{top:55%;font-size:14px;max-width:60%}.touch #toast{max-width:70%;padding:8px 12px}
@media(max-width:700px) and (orientation:portrait){.hud-top{right:120px;left:10px}.hud-right{position:absolute;left:0;top:108px}.mission{max-width:100%;font-size:14px}.mission strong{font-size:14px}#minimap{width:98px;height:98px;right:10px;top:12px}#map-open{top:116px;right:12px}#online-pill{top:172px;left:10px}#compass{top:165px}.menu-buttons{gap:8px}.menu-buttons button{font-size:14px}.intro{font-size:16px}body.touch #chat-panel{left:12px;width:220px;max-width:52vw;bottom:170px}#chat-feed{max-height:64px}#jump{right:30px}#run{right:124px}.menu-footer button{font-size:14px}}
@media(orientation:landscape) and (max-height:600px){.screen{padding:20px max(26px,env(safe-area-inset-right)) 18px max(26px,env(safe-area-inset-left))}.menu-body{max-width:760px;width:100%;display:grid;grid-template-columns:1.15fr 1fr;column-gap:28px;align-items:center}.menu-body .eyebrow{grid-column:1;font-size:12px}.menu-body h1{grid-column:1;font-size:clamp(36px,6vw,66px);margin:5px 0;align-self:start}.menu-buttons{grid-column:2;grid-row:1/4;gap:7px;max-width:340px}.menu-buttons button{padding:7px 10px;font-size:14px;min-height:40px}.menu-buttons .primary{grid-column:1/-1}.brand{display:none}.intro{display:none}.menu-footer{font-size:13px;gap:14px;flex-wrap:nowrap}.menu-footer button{font-size:13px;min-height:36px;padding:5px 8px}#offline-status{display:none}.hud-top{top:max(10px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:144px}.mission{padding:7px 10px;max-width:42vw;gap:2px}.mission strong{font-size:14px}.mission small{font-size:12px}.mission span{font-size:12px}.hud-right button{min-height:38px;padding:6px 12px}#shards{padding:8px;font-size:13px}#minimap{width:108px;height:108px;right:max(12px,env(safe-area-inset-right));top:10px}#map-open{top:120px;right:16px;min-height:28px}#online-pill{top:96px;left:max(16px,env(safe-area-inset-left));font-size:12px;min-height:28px}#compass{top:95px}#joystick{width:112px;height:112px;left:max(24px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom))}#stick{left:33px;top:33px}#action{width:72px;height:72px;right:max(24px,env(safe-area-inset-right));bottom:22px;font-size:14px}#run{width:60px;height:60px;right:max(110px,calc(env(safe-area-inset-right) + 86px));bottom:22px;font-size:13px}#jump{right:max(38px,env(safe-area-inset-right));bottom:108px;width:62px;height:62px;font-size:14px}.touch #prompt{top:52%}.touch #toast{bottom:95px;max-width:46%;font-size:13px}#save-status{bottom:6px;font-size:12px}body.touch #chat-panel{left:160px;bottom:15px;width:250px;max-width:33vw;font-size:12px;padding:5px}body.touch #chat-feed{max-height:43px}.quick-chat{position:absolute;right:3px;top:3px}.chat-heading{padding-right:70px}.chat-heading button,.quick-chat button{font-size:12px;min-height:26px;padding:2px 6px}#chat-panel:focus-within{z-index:8}#desktop-help{max-width:70%;font-size:12px}dialog{max-height:94dvh;padding:18px}#ending img{width:70px;height:70px}#ending h2{font-size:36px;margin:6px}#ending p{font-size:14px}#ending button{min-height:36px;padding:6px 14px}}
@media(prefers-reduced-motion:reduce){button{transition:none}#realm-flash.flash{animation-duration:.2s}}
#flashlight{position:absolute;right:114px;bottom:130px;width:60px;height:60px;min-height:44px;border-radius:50%;padding:3px;font-size:12px;background:#accfdd26;touch-action:none;z-index:2}#flashlight[aria-pressed=false]{opacity:.45}.brand img{width:76px;height:76px;border-radius:18px}.brand{font-size:16px}.menu-buttons button{min-height:44px;padding:9px 16px}.menu-buttons .primary{background:#e4b883;color:#171009;border-color:#efcda4}.menu-buttons .primary:hover{background:#f5d5aa}#minimap-toggle{width:24px;height:24px}.room-code button{width:auto!important}.touch #chat-text{font-size:16px}#next-chapter{margin-top:10px}.rank-table{width:100%;border-collapse:collapse;font-size:14px}.rank-table th,.rank-table td{text-align:left;padding:9px 5px;border-bottom:1px solid #7aa0b433}.rank-table th{color:#a8c9d8;font-size:12px}
@media(orientation:landscape) and (max-height:600px){#flashlight{right:max(120px,calc(env(safe-area-inset-right) + 96px));bottom:102px;width:54px;height:54px;font-size:12px}.menu-buttons button{min-height:37px;padding:5px 10px;font-size:13px}#ending{gap:4px}#ending img{width:56px;height:56px}#ending h2{font-size:30px}#ending button{min-height:32px;padding:4px 14px}#ending .eyebrow{display:none}}
/* Keep the live game world visible behind the title screen. */
.menu-body,.brand,.menu-footer{position:relative;z-index:1}
#shade{background:linear-gradient(90deg,#030910e0 0%,#030910b8 32%,#0309103d 65%,#03091010 100%),linear-gradient(0deg,#03091099,transparent 30%,transparent 80%,#03091055)}
#menu h1,#menu .eyebrow,#menu .intro,#menu .brand,#menu .menu-footer>a{text-shadow:0 2px 16px #000e}
#menu .intro{color:#d2e2e8}
#menu .menu-buttons button:not(.primary),#menu #install{background:#0c1b23db;border-color:#a2c2cf4d}
#menu .menu-buttons button:not(.primary):hover,#menu #install:hover{background:#223d49ee}
.brand img{width:82px;height:82px}
#menu .brand{max-width:80%}
@media(max-width:850px){
 #shade{background:linear-gradient(180deg,#03091073 0%,#03091080 35%,#03091099 75%,#030910b3 100%)}
 .brand img{width:64px;height:64px}
 #menu .brand{max-width:100%}
}
@media(orientation:landscape) and (max-height:600px){
 #shade{background:linear-gradient(90deg,#030910cc,#03091070 55%,#03091099)}
 .menu-body{max-width:100%}
}

/* Exploration tools stay beside the map, away from touch aiming controls. */
#journal-open{position:absolute;right:22px;top:210px;min-height:36px;padding:5px 12px;font-size:14px}
#location{color:#d4c4a9;font-size:12px}#location:empty{display:none}
#journal-dialog{width:560px;max-width:92vw}#journal-list article{padding:8px 0 14px;border-bottom:1px solid var(--line)}#journal-list h3{font-size:17px;color:#e4c6a2}#journal-list p{font-size:16px;color:#c3d2d9}
.dial-row{display:flex;gap:12px}.dial-row label{flex:1;min-width:0;font-size:14px;display:grid;gap:8px}.dial-row select{width:100%;padding:10px 7px;min-height:44px;font-size:14px}#dial-error{color:#ffb8a5}#dials-form>button{width:100%;margin-top:12px}
@media(max-width:700px) and (orientation:portrait){#journal-open{right:12px;top:156px;font-size:13px;min-height:34px}}
@media(orientation:landscape) and (max-height:600px){#journal-open{top:160px;right:max(16px,env(safe-area-inset-right));padding:4px 10px;min-height:32px;font-size:12px}#location{font-size:12px}}

#ammo{position:absolute;bottom:64px;left:50%;transform:translateX(-50%);font-size:12px;color:#efd4ad;text-shadow:0 1px 5px #000;pointer-events:none}#fire{position:absolute;right:205px;bottom:38px;width:60px;height:60px;min-height:44px;border-radius:50%;padding:3px;font-size:12px;background:#5a3c2866;border-color:#efbd7880;touch-action:none;z-index:2}.touch #ammo{bottom:10px}@media(orientation:landscape) and (max-height:600px){#fire{right:max(198px,calc(env(safe-area-inset-right) + 174px));bottom:25px;width:54px;height:54px}#ammo{bottom:8px;font-size:11px}}
/* Character atelier: one live model, responsive equipment rail. */
#character-dialog{width:min(1180px,96vw);max-width:1180px;padding:0;overflow:hidden;background:#10171b;border:1px solid #85979455;color:#e9eeec;border-radius:18px;max-height:96dvh}#character-dialog::backdrop{background:#030608e8;backdrop-filter:blur(9px)}.character-header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid #ffffff14}.character-header small{letter-spacing:.22em;color:#abbaaF;font-size:10px}.character-header h2{font-size:clamp(23px,3vw,34px);margin:6px 0 0}.character-layout{display:grid;grid-template-columns:150px minmax(220px,1fr) 300px;min-height:480px;height:min(63vh,610px)}#character-tabs{padding:18px 10px;display:flex;flex-direction:column;gap:9px;border-right:1px solid #ffffff12}#character-tabs button{text-align:left;padding:14px 10px;font-size:12px;background:transparent;border:1px solid transparent;border-radius:7px;color:#a4b0b4}#character-tabs button[aria-pressed=true]{color:#f7dfb9;background:#bba06b14;border-color:#bba06b55}.character-stage{position:relative;min-width:0;background:radial-gradient(ellipse at 50% 70%,#344140 0%,#192328 45%,#10171b 80%);overflow:hidden}.character-stage:after{content:'';position:absolute;width:48%;height:18px;border-radius:50%;background:#0007;filter:blur(9px);bottom:9%;left:26%;pointer-events:none}#character-preview{display:block;width:100%;height:100%;touch-action:none;position:relative;z-index:1}#character-summary{position:absolute;top:14px;left:18px;font-size:11px;letter-spacing:.12em;color:#bec9c8;pointer-events:none;z-index:2}.character-rotate{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:6px;z-index:2}.character-rotate button{width:44px;padding:5px}.character-rotate select{width:125px;font-size:12px;margin:0;background:#172327}.character-panel{padding:16px;overflow-y:auto;background:#131d22}#character-section{font-size:16px;margin:0 0 12px}#character-options fieldset{border:0;padding:0;margin:0 0 18px}#character-options legend{color:#a5b8bb;font-size:11px;letter-spacing:.1em;margin-bottom:8px}.character-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.character-choice{min-height:65px;padding:8px 5px;border-radius:8px;font-size:11px;background:#24313855;border:1px solid #63767935;display:flex;flex-direction:column;align-items:center;gap:5px}.character-choice[aria-pressed=true]{border-color:#e7bd80;box-shadow:inset 0 0 0 1px #e7bd8044;background:#7a643b28}.character-swatch{display:block;width:29px;height:29px;border-radius:50%;border:1px solid #ffffff44}.character-thumb{height:37px;display:block}.character-thumb svg{width:48px;height:37px;fill:#97a9ad;stroke:#dbe4df;stroke-width:1.5}.character-choice[aria-pressed=true] svg{fill:#c1a57b}.character-footer{border-top:1px solid #ffffff14;padding:15px 24px;display:flex;gap:18px;align-items:center;justify-content:space-between}.character-footer p{font-size:11px;color:#aebec0;max-width:480px;margin:4px 0}#character-save{background:#d7b17b;color:#171a1a;border-color:#e6c495;padding:12px 26px;white-space:nowrap}#character-error{color:#ffc1a8!important}#character-tip{font-size:10px!important}
@media(max-width:760px){#character-dialog{width:98vw;max-height:98dvh}.character-header{padding:12px 16px}.character-header h2{font-size:22px}.character-layout{grid-template-columns:minmax(160px,1fr) minmax(150px,.9fr);grid-template-rows:48px minmax(260px,1fr);height:62dvh;min-height:330px}#character-tabs{grid-column:1/-1;flex-direction:row;overflow-x:auto;padding:5px;gap:2px;border-bottom:1px solid #ffffff12}#character-tabs button{white-space:nowrap;padding:6px 10px;font-size:10px}.character-panel{padding:10px}.character-choices{gap:5px}.character-choice{font-size:10px;min-height:58px}.character-footer{padding:10px 14px;gap:10px}.character-footer p{font-size:10px}#character-save{font-size:11px;padding:10px}.character-rotate{gap:3px}.character-rotate button{width:35px;min-width:35px;padding:2px}.character-rotate select{width:85px;font-size:10px}#character-summary{left:9px;font-size:9px;max-width:90%}}
@media(orientation:landscape) and (max-height:600px){#character-dialog{width:98vw;max-height:98dvh}.character-header{padding:8px 18px}.character-header h2{font-size:20px}.character-header small{font-size:8px}.character-layout{grid-template-columns:105px minmax(160px,1fr) 240px;grid-template-rows:1fr;height:calc(96dvh - 138px);min-height:190px}#character-tabs{grid-column:auto;flex-direction:column;overflow:auto;padding:7px}#character-tabs button{padding:8px;font-size:10px}.character-panel{padding:10px}.character-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.character-thumb{height:24px}.character-thumb svg{height:24px}.character-choice{min-height:45px;font-size:9px;padding:4px}.character-swatch{width:20px;height:20px}.character-footer{padding:7px 18px}.character-footer p{font-size:9px}.character-rotate{bottom:4px}.character-rotate button,.character-rotate select{min-height:30px}#character-save{padding:8px 18px;font-size:11px}}

#inventory-open{position:absolute;right:110px;top:207px;pointer-events:auto;min-height:32px;padding:6px 10px;font-size:12px;background:#102028bb}#inventory-dialog{width:min(650px,94vw)}#inventory-note,#inventory-quest{font-size:13px;color:#aabfc5}#inventory-items{display:grid;grid-template-columns:1fr 1fr;gap:10px}#inventory-items article{padding:14px;background:#8db6bd0b;border:1px solid #8db6bd33;border-radius:12px}#inventory-items h3{font-size:15px;margin:0 0 8px}#inventory-items p{font-size:12px;min-height:32px}#inventory-items button{padding:6px 15px;font-size:12px}#inventory-error{color:#ffbf9b}@media(max-width:700px) and (orientation:portrait){#inventory-open{top:198px;right:12px;font-size:10px}}@media(orientation:landscape) and (max-height:600px){#inventory-open{right:108px;top:120px;font-size:10px;min-height:28px;padding:4px 7px}#inventory-dialog{padding:12px}#inventory-items article{padding:8px}#inventory-items p{min-height:0}}

#container-items,#craft-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#container-items article,#craft-items article{padding:12px;border:1px solid #b0c4c233;border-radius:10px;background:#8bb0b009}#container-items h3,#craft-items h3{font-size:16px;margin:0 0 8px}#container-items p,#craft-items p{font-size:14px;line-height:1.5}#container-items button,#craft-items button{min-height:44px;font-size:14px;padding:8px 14px}#container-section{padding-bottom:18px;border-bottom:1px solid #ffffff20;margin-bottom:18px}#room-list{display:grid;gap:8px;margin:12px 0}#room-list button{font-size:14px;min-height:44px}#inventory-items p{font-size:14px}#inventory-items button{min-height:44px;font-size:14px}@media(max-width:400px){#container-items,#craft-items{grid-template-columns:1fr}}

#world-clock{position:absolute;top:100px;left:22px;color:#c1d1d0;font-size:14px}#robot-message{position:absolute;bottom:112px;left:50%;transform:translateX(-50%);max-width:420px;padding:8px 12px;background:#101f22d9;border-left:2px solid #9abfa9;font-size:14px;pointer-events:none}#vehicle-panel{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);width:min(440px,90vw);padding:12px;background:#0b141bed;border:1px solid #7d929a;border-radius:8px;text-align:center;z-index:12}#vehicle-panel[hidden]{display:none}#vehicle-panel strong{font-size:30px}#vehicle-panel small{font-size:13px}#vehicle-panel button{padding:8px;font-size:14px;min-height:44px}#car-instructions{display:block;color:#b5c3c7}@media(max-width:700px){#world-clock{top:83px;left:12px}#vehicle-panel{bottom:8px;width:280px;padding:6px}#car-instructions{display:none}#robot-message{bottom:120px;max-width:220px}}
/* Contextual R-7 service card keeps the aiming area and touch controls clear. */
#robot-guide{position:fixed;z-index:12;left:18px;top:150px;width:min(310px,calc(100vw - 36px));padding:16px;background:rgba(7,18,23,.95);border:1px solid #4c7d82;border-radius:12px;box-shadow:0 8px 32px #0007;font:12px/1.5 system-ui;color:#e2edef;max-height:calc(100dvh - 260px);overflow:auto}#robot-guide[hidden]{display:none}#robot-guide strong{font-size:15px;color:#98dfdd}#robot-guide ul{list-style:none;padding:0;margin:8px 0}#robot-guide li{padding:4px 0;color:#b6c4c7}#robot-guide li.found{color:#9adbba}#robot-guide progress{width:100%;accent-color:#78d4b6}#robot-guide button{width:100%;min-height:42px;padding:8px;font-size:12px}#robot-guide button:disabled{opacity:.5}@media(max-height:540px){#robot-guide{top:78px;left:12px;width:260px;max-height:calc(100dvh - 178px);padding:10px;font-size:11px}}@media(max-width:600px) and (min-height:541px){#robot-guide{top:140px;width:245px;padding:10px;font-size:11px}}

#crouch{right:180px;bottom:26px;width:48px;height:48px}#robot-commands{position:fixed;z-index:12;left:12px;bottom:120px;max-width:min(390px,calc(100vw - 24px));padding:12px;border:1px solid #426b85;border-radius:12px;background:#071723ee;color:#e4edf3;max-height:42vh;overflow:auto}#robot-commands[hidden]{display:none}#robot-commands select{display:block;width:100%;margin-top:8px}#robot-commands p{font-size:12px;margin:8px 0}#robot-commands>div{display:flex;gap:5px;flex-wrap:wrap}#robot-commands button{padding:7px 9px;font-size:11px;min-height:34px}.touch #robot-commands{bottom:160px;max-width:290px;max-height:32vh}

#robot-assist-open{position:fixed;right:16px;top:155px;z-index:8;min-height:40px;padding:8px 14px}#robot-assist-open[hidden]{display:none}
#daily-reward{margin:14px 0;padding:12px;border:1px solid #39cfff55;border-radius:8px;background:linear-gradient(135deg,#071c2dcc,#12232dcc);box-shadow:0 10px 28px #0004}#daily-reward strong{color:#8feaff}#daily-reward p{margin:6px 0 10px;color:#dcecf2}#daily-reward button{width:100%;justify-content:center}#shop-list{display:grid;gap:9px;margin:16px 0}#shop-list button{display:flex;width:100%;justify-content:space-between;text-align:left}#shop-list button>strong,.coin-value{display:inline-flex;align-items:center;gap:6px}.coin-icon{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 0 7px #18bfff88);flex:none}#shop-list .coin-icon,.coin-value .coin-icon{width:24px;height:24px}#coin-balance{display:grid;grid-template-columns:52px auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;width:max-content;color:#8feaff;font-size:26px;line-height:1.05;text-shadow:0 0 18px #20cfff66}#coin-balance .coin-icon{grid-row:1/3;width:52px;height:52px}#coin-balance small{font:10px/1.2 monospace;letter-spacing:.18em;color:#87aeba}
#club-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:16px 0}.club-card{border:1px solid #8eb6c144;border-radius:8px;padding:12px;background:#071722d9}.club-card.done{border-color:#89e6b766;background:#0b241dcc}.club-card strong{display:block;color:#e9f8ff}.club-card p{margin:6px 0 0;color:#abc6d0;font-size:13px}
#flight-panel{position:fixed;z-index:15;left:50%;bottom:105px;transform:translateX(-50%);width:min(410px,48vw);background:#071821ed;border:1px solid #6e959b;border-radius:10px;padding:10px;font-size:13px}#flight-panel p{margin:0 0 8px}#flight-panel button{min-height:40px;padding:6px 10px;font-size:13px}#flashlight{z-index:6;touch-action:none}#flashlight[aria-pressed=true]{border-color:#d3edff;background:#345669b0}
#night-vision{position:absolute;right:184px;bottom:130px;width:60px;height:60px;min-height:44px;border-radius:50%;padding:3px;font-size:11px;background:#10251ab8;border-color:#69c98766;z-index:6;touch-action:none}#night-vision[aria-pressed=false]{opacity:.46}#night-vision[aria-pressed=true]{color:#d7ffe1;border-color:#8dffae;background:#0b3d20df;box-shadow:0 0 13px #4cff7970}#night-vision-overlay{display:none;position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 44%,#173d1b24 0 30%,#04120870 72%,#000603d9 100%),repeating-linear-gradient(0deg,#6dff8407 0 1px,transparent 1px 5px);box-shadow:inset 0 0 95px #000b05}body.night-vision #night-vision-overlay{display:block}
#performance-panel{position:fixed;left:12px;bottom:12px;z-index:80;padding:9px 12px;border-radius:8px;background:#061016dd;color:#e9f4e8;font:12px/1.5 monospace;white-space:pre-line;pointer-events:none}#performance-panel[hidden]{display:none}
/* Camera drag area must remain underneath every interactive HUD element. */
#hud .hud-top,#minimap,#map-open,#inventory-open,#journal-open,#online-pill,#chat-panel,#robot-assist-open{z-index:8}
#hud .hud-top{pointer-events:none}#hud .hud-top button{pointer-events:auto}
#crouch{position:absolute;left:24px;bottom:155px;z-index:3;touch-action:none}
#hud button{touch-action:manipulation}#touch button{touch-action:none}
#slide{position:absolute;left:auto;right:148px;bottom:88px;width:58px;height:58px;padding:3px;border-radius:16px;z-index:9;font-size:12px;pointer-events:auto}
#health-panel{position:absolute;top:145px;left:20px;width:180px;pointer-events:none;font-size:12px;background:#071821c9;padding:6px 10px;border-radius:8px}
#health-panel progress{width:100%;height:12px;accent-color:#90bb78}#health-panel small{display:block;font-size:10px;color:#edc593}
#level-panel{position:absolute;top:238px;left:20px;width:180px;pointer-events:none;font-size:12px;background:#071821d9;padding:7px 10px;border:1px solid #52cfff44;border-radius:8px}#level-panel strong{color:#8de9ff;letter-spacing:.08em}#level-panel progress{display:block;width:100%;height:9px;margin:4px 0;accent-color:#42cfff}#level-panel small{display:block;color:#b7d5df;font-size:10px}
#level-rewards{display:grid;gap:6px;margin:16px 0}#level-rewards p{display:flex;justify-content:space-between;gap:16px;margin:0;padding:9px 11px;border:1px solid var(--line);border-radius:8px}#level-rewards .level-unlocked{border-color:#42cfff66;background:#0b354355;color:#bdf4ff}#level-rewards .level-locked{color:#8399a3}#levels-dialog>button{width:100%}
#friend-dialog{max-width:520px;border-color:#78dba066;background:linear-gradient(145deg,#07151dee,#10271fee);box-shadow:0 30px 90px #000c}#friend-dialog p{line-height:1.65;color:#d8e9e2}.friend-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.friend-actions button{min-height:48px}@media(max-width:520px){.friend-actions{grid-template-columns:1fr}}
#account-dialog{width:min(620px,94vw);max-height:92vh}#account-form,#register-form,#otp-form,#friend-search-form,#profile-form{display:grid;gap:10px}#account-dialog label{display:grid;gap:6px;margin:8px 0}#account-dialog input{font:inherit;width:100%;padding:11px;border:1px solid #789aa8;border-radius:8px;background:#061019;color:#e5f3f7}#account-message{color:#9fe3c7;min-height:24px}.account-switches,.account-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.account-switches button[aria-pressed="true"]{border-color:#86ffd0;background:#153b36}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.avatar-option{display:grid;place-items:center;min-height:58px;font-size:28px;padding:6px}.avatar-option[aria-pressed="true"]{outline:2px solid #8effd3;background:#17413b}.profile-card{display:flex;align-items:center;gap:12px;margin:8px 0 14px}.profile-avatar{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:50%;font-size:28px;background:#12343b;border:2px solid #86ffd0}.friend-row .profile-avatar{width:42px;height:42px;flex-basis:42px;font-size:22px}.friend-copy{min-width:0;flex:1}.friend-main{display:flex;align-items:center;gap:10px;min-width:0}#friend-search-results,#friend-list{display:grid;gap:8px;margin:12px 0}.friend-row{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:#8db6bd0b}.friend-row small{display:block;color:#9fb9c4}.friend-row button{min-height:38px;padding:6px 12px}.menu-share{border-color:#77b9ca!important}@media(max-width:480px){.friend-row{align-items:stretch;flex-wrap:wrap}.friend-main{width:100%}.friend-row>button{width:100%}.avatar-grid{grid-template-columns:repeat(4,1fr)}}

#menu{overflow:hidden;background:#020506}.menu-backdrop{position:absolute;inset:0;z-index:-2;background:url('menu-signal-bg.jpg?v=v189-social-menu') center 46%/cover no-repeat;filter:saturate(.92) contrast(1.04)}.menu-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,6,8,.93) 0%,rgba(2,8,10,.7) 42%,rgba(2,6,8,.18) 73%,rgba(1,4,6,.44) 100%),linear-gradient(0deg,rgba(0,5,8,.86) 0%,transparent 46%,rgba(0,3,6,.35) 100%)}#menu .brand,#menu .menu-body,#menu .menu-footer{position:relative;z-index:1}#menu .menu-body{max-width:600px}#menu .intro{max-width:520px;text-shadow:0 2px 10px #000}@media(max-width:700px){.menu-backdrop{background-position:61% center}.menu-backdrop::after{background:linear-gradient(90deg,rgba(1,6,8,.94),rgba(2,8,10,.68) 68%,rgba(1,5,7,.38)),linear-gradient(0deg,rgba(0,4,7,.9),transparent 55%)}}
#restore-dialog{max-width:680px}.restore-version{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px;margin:10px 0;border:1px solid #63818d55;border-radius:10px}.restore-version span{display:grid;gap:4px}.restore-version small,.restore-version em{color:#a9c0c9;font-style:normal}.restore-version b{font:10px monospace;color:#7ee0ac}.restore-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}@media(max-width:620px){.restore-actions{grid-template-columns:1fr}.restore-version{grid-template-columns:1fr}.restore-version input{display:none}}
#bestiary-list{display:grid;gap:10px;margin:16px 0}#bestiary-list article{display:grid;grid-template-columns:112px 1fr;gap:13px;align-items:center;padding:10px;border:1px solid #768d9844;border-radius:12px;background:#07141dcc}.bestiary-portrait{display:block;width:112px;aspect-ratio:1;object-fit:cover;border-radius:10px;border:1px solid #9bcbd544;box-shadow:0 8px 24px #0008}.bestiary-copy{min-width:0}#bestiary-list header{display:flex;justify-content:space-between;gap:12px;color:#c7eaf2}#bestiary-list header span{font:10px monospace;letter-spacing:.1em;color:#87a1aa}#bestiary-list p{margin:7px 0;color:#b2c6ce;font-size:13px}#bestiary-list small{font:10px/1.5 monospace;color:#7895a1}#bestiary-list .bestiary-killed{border-color:#52d6a066;background:#0a2922cc}#bestiary-list .bestiary-killed .bestiary-portrait{border-color:#52d6a088}#bestiary-list .bestiary-killed header span{color:#77e4b1}#bestiary-dialog>button{width:100%}@media(max-width:520px){#bestiary-list article{grid-template-columns:82px 1fr}.bestiary-portrait{width:82px}#bestiary-list header{display:grid;gap:3px}}
body.touch #touch button{width:56px;height:56px;min-height:48px;padding:3px;font-size:11px;z-index:9;pointer-events:auto}
body.touch #slide{left:auto;right:calc(148px + env(safe-area-inset-right));bottom:calc(86px + env(safe-area-inset-bottom))}
body.touch #fire{right:calc(148px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom))}
body.touch #flashlight{right:calc(82px + env(safe-area-inset-right));bottom:calc(86px + env(safe-area-inset-bottom))}
body.touch #night-vision{right:calc(150px + env(safe-area-inset-right));bottom:calc(86px + env(safe-area-inset-bottom))}
body.touch #jump{right:calc(16px + env(safe-area-inset-right));bottom:calc(86px + env(safe-area-inset-bottom))}
body.touch #action{right:calc(16px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom))}
body.touch #run{left:auto;right:calc(82px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom))}
body.touch #crouch{left:calc(148px + env(safe-area-inset-left));right:auto;bottom:calc(86px + env(safe-area-inset-bottom))}
@media(orientation:landscape) and (max-height:600px){body.touch #health-panel{top:108px;left:14px;width:140px;padding:4px 8px;font-size:10px}body.touch #health-panel small{font-size:9px}body.touch #world-clock{top:84px;font-size:11px}body.touch #minimap{width:84px;height:84px}body.touch #inventory-open{right:108px;top:10px;min-height:44px}body.touch #journal-open{right:108px;top:60px;min-height:44px}body.touch #map-open{top:102px;right:12px;min-height:44px}body.touch #chat-panel{left:220px;bottom:12px;max-width:calc(100vw - 440px)}body.touch .hud-top{right:210px}}

body:not(.touch) #slide{right:24px;bottom:110px;width:130px;height:48px;min-height:48px;border-radius:12px;font-size:13px;background:#13262de8}

/* v147 interface and weapon HUD */
body:not(.touch),body:not(.touch) button,body:not(.touch) a,body:not(.touch) select{cursor:url('cursor.svg') 3 2,auto}body:not(.touch) #world{cursor:crosshair}
#menu .menu-buttons{gap:12px;perspective:700px}#menu .menu-buttons button{position:relative;overflow:hidden;border-radius:14px;border-color:#9fdae044;background:linear-gradient(135deg,#102832ee,#09171fed);box-shadow:inset 0 1px #ffffff12,0 9px 24px #0005;letter-spacing:.025em;font-weight:650}#menu .menu-buttons button:before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 10%,#b8f2ff18 48%,transparent 70%);transform:translateX(-120%);transition:transform .45s}#menu .menu-buttons button:hover{transform:translateY(-2px);border-color:#bcefff88;box-shadow:inset 0 1px #ffffff20,0 13px 30px #0008}#menu .menu-buttons button:hover:before{transform:translateX(120%)}#menu .menu-buttons .primary{background:linear-gradient(135deg,#f2c68e,#c78648);color:#171009;border-color:#ffd7a6;box-shadow:0 10px 30px #b56c3540,inset 0 1px #fff8}
#weapon-picker{position:absolute;left:50%;bottom:86px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid #9dc8d033;border-radius:10px;background:#071821c9;pointer-events:auto;font-size:10px;color:#a9cbd4}#weapon-picker select{min-height:32px;padding:4px 24px 4px 8px;font-size:11px;border-radius:7px}#aim{position:absolute;right:205px;bottom:108px;width:60px;height:52px;min-height:44px;border-radius:14px;padding:3px;font-size:10px;background:#244e5966;border-color:#8de4f080;touch-action:none;z-index:9}
#scope-overlay{display:none;position:fixed;inset:0;z-index:6;pointer-events:none;background:radial-gradient(circle at center,transparent 0 29vh,#000 29.5vh),linear-gradient(90deg,transparent calc(50% - 1px),#79e9ff88 50%,transparent calc(50% + 1px)),linear-gradient(transparent calc(50% - 1px),#79e9ff88 50%,transparent calc(50% + 1px));box-shadow:inset 0 0 90px #000}body.scoped #scope-overlay{display:block}body.scoped #crosshair{display:none}body.scoped #weapon-picker{opacity:.28}body.scoped #aim{background:#82eaff;color:#07141e}#menu{z-index:12}
.shop-weapon{min-height:66px;background:linear-gradient(120deg,#10272f,#18231e)!important;border-color:#d5ae6b66!important}.shop-weapon small{display:block;color:#e7bb75;font-size:9px;letter-spacing:.16em;margin-bottom:4px}.shop-weapon strong{color:#f2d49b}
@media(max-width:700px){#weapon-picker{bottom:72px;max-width:46vw}#weapon-picker span{display:none}#weapon-picker select{max-width:42vw}body.touch #aim{right:calc(148px + env(safe-area-inset-right));bottom:calc(86px + env(safe-area-inset-bottom));width:56px;height:56px}}

body.touch #slide{width:56px;height:56px;min-height:48px;font-size:11px;touch-action:none}
#menu{isolation:isolate}.menu-backdrop{z-index:0}

/* v190: the menu image is a non-interactive background, never a layer over the game. */
#menu{background-image:linear-gradient(90deg,rgba(1,6,8,.93) 0%,rgba(2,8,10,.7) 42%,rgba(2,6,8,.18) 73%,rgba(1,4,6,.44) 100%),linear-gradient(0deg,rgba(0,5,8,.86) 0%,transparent 46%,rgba(0,3,6,.35) 100%),url('menu-signal-bg.jpg?v=v189-social-menu');background-position:center,center,center 46%;background-size:cover,cover,cover;background-repeat:no-repeat}.menu-backdrop{display:none!important;pointer-events:none!important}body.touch #night-vision{right:calc(82px + env(safe-area-inset-right));bottom:calc(152px + env(safe-area-inset-bottom));display:grid;place-items:center;opacity:1}body.touch #night-vision[aria-pressed=false]{opacity:.72}@media(orientation:landscape) and (max-height:600px){body.touch #night-vision{right:calc(82px + env(safe-area-inset-right));bottom:calc(148px + env(safe-area-inset-bottom))}}

/* v191: clear monochrome night vision; normal rendering is untouched when off. */
#world{filter:none}body.night-vision #night-vision-overlay{display:block;background:radial-gradient(circle at 50% 44%,rgba(75,255,101,.08) 0 40%,rgba(0,28,7,.3) 78%,rgba(0,5,1,.72) 100%),repeating-linear-gradient(0deg,rgba(135,255,147,.035) 0 1px,transparent 1px 5px);box-shadow:inset 0 0 70px #000900}

/* v193: GPU-friendly moving menu artwork with the window zombie kept in frame. */
#menu{background:#020506;isolation:isolate}#menu::before{content:"";position:absolute;inset:-4%;z-index:0;pointer-events:none;background:url('menu-signal-bg.jpg?v=v193-menu-motion') 64% 43%/cover no-repeat;filter:saturate(.98) contrast(1.08);transform:scale(1.035);animation:signal-menu-drift 18s ease-in-out infinite alternate}#menu::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(1,6,8,.94) 0%,rgba(2,8,10,.72) 38%,rgba(2,6,8,.12) 72%,rgba(1,4,6,.38) 100%),linear-gradient(0deg,rgba(0,5,8,.84),transparent 48%,rgba(0,3,6,.3))}#menu .brand,#menu .menu-body,#menu .menu-footer{position:relative;z-index:1}@keyframes signal-menu-drift{from{transform:scale(1.035) translate3d(-.7%,0,0)}to{transform:scale(1.065) translate3d(.7%,-.6%,0)}}@media(max-width:700px){#menu::before{background-position:66% 42%}#menu::after{background:linear-gradient(90deg,rgba(1,6,8,.92),rgba(2,8,10,.6) 58%,rgba(1,5,7,.2)),linear-gradient(0deg,rgba(0,4,7,.9),transparent 58%)}}@media(prefers-reduced-motion:reduce){#menu::before{animation:none}}
body[data-season=spring] #menu::before{background-image:url('menu-spring-v197.png');background-position:55% center;filter:saturate(1.05) contrast(1.04)}body[data-season=summer] #menu::before{background-image:url('menu-summer-v197.png');background-position:55% center;filter:saturate(1.08) contrast(1.04)}body[data-season=winter] #menu::before{background-image:url('menu-winter-v197.png');background-position:55% center;filter:saturate(.92) contrast(1.06)}body[data-season=autumn] #menu::before{background-image:url('menu-signal-bg.jpg?v=v193-menu-motion');filter:saturate(.98) contrast(1.08)}body.cursor-free #world{cursor:url('cursor.svg') 3 2,auto}#host-season-row{display:grid;gap:7px;margin:12px 0}.room-code{flex-wrap:wrap}#share-room{border-color:#78d5bd}
#cinematic-frame{position:fixed;inset:0;z-index:24;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 42%,rgba(0,0,0,.28) 100%)}#cinematic-frame i{position:absolute;left:0;width:100%;height:clamp(22px,7vh,64px);background:#020303;box-shadow:0 0 22px rgba(0,0,0,.7)}#cinematic-frame i:first-child{top:0}#cinematic-frame i:last-child{bottom:0}@media(max-width:700px){#cinematic-frame i{height:4.5vh}}
#broom-panel{position:fixed;z-index:15;left:50%;bottom:105px;transform:translateX(-50%);width:min(410px,70vw);background:#071821ed;border:1px solid #6e959b;border-radius:10px;padding:10px;font-size:13px;text-align:center}#broom-panel p{margin:0 0 8px}#broom-panel button{min-height:40px;padding:6px 10px;font-size:13px;margin:0 3px}
#broom-toggle{position:fixed;z-index:16;right:max(112px,calc(env(safe-area-inset-right) + 98px));top:max(18px,env(safe-area-inset-top));width:68px;height:52px;min-height:44px;padding:4px;font-size:11px;background:#6f4324e8;border-color:#d5ad68}#broom-toggle.active{background:#d39a43;color:#171009}@media(orientation:landscape) and (max-height:600px){#broom-toggle{top:64px;right:max(118px,calc(env(safe-area-inset-right) + 104px));width:62px;height:44px}}
.broom-meters{margin:5px 0;color:#dffaff;font-variant-numeric:tabular-nums}.broom-cooldown{display:block;height:5px;margin:6px 5px 9px;border-radius:9px;background:linear-gradient(90deg,#ff8a26 calc(var(--ready,0)*100%),#263b43 0);box-shadow:0 0 9px #ff7a1644}#broom-panel.supersonic{border-color:#ff9a3d;box-shadow:0 0 22px #ff6d274f,inset 0 0 18px #ff8b161c}#broom-panel.supersonic p{color:#fff2d8;text-shadow:0 0 7px #ff6b18}@media(max-width:700px){#broom-panel{bottom:78px;width:min(500px,64vw);padding:7px}#broom-panel button{min-height:36px;padding:4px 7px;font-size:11px}}
@media(max-width:700px){#broom-panel{left:8px;top:max(64px,env(safe-area-inset-top));bottom:auto;transform:none;width:190px;padding:5px;border-radius:8px;font-size:10px;text-align:left}#broom-panel p{margin:0 0 3px;white-space:nowrap}#broom-panel .broom-meters{margin:2px 0;font-size:9px}#broom-panel .broom-cooldown{height:3px;margin:3px 2px 4px}#broom-panel button{min-height:28px;padding:2px 5px;margin:1px;font-size:9px}#broom-panel button:first-of-type{display:none}}
#broom-race-dialog{width:min(620px,92vw);max-height:86vh;color:#eefcff;background:#07151deb;border:1px solid #4cbbc9;border-radius:14px;padding:18px}#broom-race-dialog::backdrop{background:#02080cbb;backdrop-filter:blur(5px)}.broom-race-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.broom-race-grid label{display:grid;gap:5px}.broom-race-grid select{min-height:42px;background:#102833;color:#fff;border:1px solid #527780;border-radius:8px;padding:7px}#broom-spec,#broom-records{margin:10px 0;padding:10px;background:#0c222bcc;border-radius:8px}#broom-race-hud{position:fixed;z-index:18;left:50%;top:9%;transform:translateX(-50%);display:grid;min-width:230px;text-align:center;padding:9px 18px;border:1px solid #63eafa;border-radius:12px;background:#041219df;pointer-events:none}#broom-race-hud[hidden]{display:none}#broom-race-state{font-size:21px;color:#ffdf63}#broom-race-time{font-size:29px;font-variant-numeric:tabular-nums}#broom-race-place{color:#c9f7ff}@media(max-width:700px){#broom-toggle{width:54px;height:40px;right:max(82px,calc(env(safe-area-inset-right) + 72px));font-size:9px}#broom-race-hud{top:5%;min-width:170px;padding:5px 10px}#broom-race-state{font-size:15px}#broom-race-time{font-size:22px}.broom-race-grid{grid-template-columns:1fr}}
.recommended-race{position:relative!important;margin-top:9px!important;border-color:#ffe36a!important;background:linear-gradient(110deg,#593600,#ba6810 48%,#eaaa25)!important;color:#fff!important;box-shadow:0 0 9px #ffb52f,0 0 25px #ff8a245c,inset 0 0 14px #fff3a629!important;animation:race-recommend 1.8s ease-in-out infinite}.recommend-badge{position:absolute;right:8px;top:-10px;padding:2px 7px;border-radius:10px;background:#fff05c;color:#2b1a00;font-size:8px;font-weight:900;letter-spacing:.8px;box-shadow:0 0 10px #ffe66b}.recommended-race>span:last-child{display:block}@keyframes race-recommend{50%{filter:brightness(1.14);box-shadow:0 0 14px #ffd35a,0 0 34px #ff852c8c,inset 0 0 16px #fff3a63d}}
#pc-controls-dialog{width:min(760px,94vw);max-height:88vh;color:#effcff;background:#06151ded;border:1px solid #5bd4e8;border-radius:14px;padding:18px}#pc-controls-dialog::backdrop{background:#02070bbb;backdrop-filter:blur(5px)}.pc-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 18px}.pc-controls-grid article{display:grid;grid-template-columns:minmax(84px,auto) 1fr;align-items:center;gap:10px;padding:8px 10px;border:1px solid #315864;border-radius:8px;background:#0b242dcc}.pc-controls-grid kbd{display:inline-block;padding:5px 8px;border:1px solid #8eeaf5;border-bottom-width:3px;border-radius:6px;background:#132f39;color:#fff;font:700 11px/1.2 system-ui;text-align:center}.pc-controls-grid span{font-size:12px;color:#d8f7fb}@media(max-width:650px){.pc-controls-grid{grid-template-columns:1fr}.recommended-race{margin-top:12px!important}}
#game-loading{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;overflow:hidden;text-align:center;background:#03090d;color:#eefcff;transition:opacity .38s ease,visibility .38s ease}#game-loading.ready{opacity:0;visibility:hidden;pointer-events:none}.loading-art{position:absolute;inset:0;background:linear-gradient(0deg,#02070dec 0%,#02070d52 55%,#02070d18),url('assets/ui/loading-broom-chase-v229.webp') center/cover no-repeat;transform:scale(1.015);animation:loading-flight 8s ease-in-out infinite alternate}.loading-card{position:relative;display:grid;justify-items:center;gap:9px;width:min(430px,84vw);margin-top:min(52vh,430px);padding:15px 20px 17px;border:1px solid #8defff55;border-radius:16px;background:#031018d9;box-shadow:0 18px 60px #000b,0 0 30px #35cbe922;backdrop-filter:blur(8px)}#game-loading img{width:50px;height:50px;position:absolute;left:15px;top:15px;filter:drop-shadow(0 0 14px #5ce7ff)}#game-loading small{color:#7ceeff;font-size:9px;letter-spacing:.3em}#game-loading strong{font-size:clamp(17px,4vw,23px);letter-spacing:.14em}#game-loading b{font-size:12px;color:#d9fbff;font-variant-numeric:tabular-nums}#game-loading span{font-size:11px;color:#a9d6de}.loading-track{width:min(340px,72vw);height:9px;border:1px solid #6adfee55;border-radius:10px;background:#102933;overflow:hidden}.loading-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#36d9ef,#a5fbff 60%,#ffe16c);box-shadow:0 0 14px #5cecff;transition:width .16s linear}@keyframes loading-flight{from{transform:scale(1.015) translate3d(-.3%,0,0)}to{transform:scale(1.045) translate3d(.3%,-.4%,0)}}@media(max-width:700px){.loading-art{background-position:47% center}.loading-card{margin-top:48vh;padding:13px 12px 14px}.loading-card img{width:40px;height:40px;left:10px;top:10px}#game-loading strong{font-size:16px}.loading-track{width:70vw}}@media(prefers-reduced-motion:reduce){.loading-art{animation:none}}
#map-dialog{width:min(580px,96vw)}#large-map{touch-action:none;cursor:crosshair}#map-flight-target{min-height:22px;color:#bff6ff;font-size:13px}.map-flight-actions{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.map-flight-actions button{min-height:42px;padding:7px;font-size:12px}.map-flight-actions .primary{border-color:#70efff;box-shadow:0 0 16px #45d9ef33}.map-flight-actions button:disabled{opacity:.45;box-shadow:none}@media(max-width:620px){.map-flight-actions{grid-template-columns:1fr}.map-flight-actions button{min-height:38px}#map-dialog{padding:12px}#map-flight-target{font-size:11px;margin:7px 0}}
#game-loading .loading-art{background-image:linear-gradient(0deg,#02070dec 0%,#02070d38 55%,#02070d12),url('assets/ui/loading-broom-chase-v230.webp')}#loading-tip{position:absolute;z-index:2;top:max(14px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(880px,88vw);margin:0;padding:9px 16px;border:1px solid #b7f5ff66;border-radius:12px;background:#020a10c7;color:#effcff;font-size:clamp(11px,2vw,15px);font-weight:700;box-shadow:0 8px 30px #0009;backdrop-filter:blur(7px)}@media(max-width:700px){#loading-tip{top:max(8px,env(safe-area-inset-top));padding:7px 10px;font-size:10px}#broom-panel{width:148px;max-height:92px;overflow:hidden;padding:4px}#broom-panel .broom-meters,#broom-panel .broom-cooldown{display:none}#broom-panel button{min-height:24px;padding:1px 4px;font-size:8px}#broom-toggle{width:48px;height:36px;font-size:8px}}
#broom-race-hud{pointer-events:auto}.broom-race-actions{display:flex;gap:6px;justify-content:center;margin-top:7px}.broom-race-actions[hidden]{display:none}.broom-race-actions button{min-height:30px;padding:4px 9px;font-size:10px}
/* v231: compact, paged touch UI; preserve the centre of the world. */
#mobile-menu-nav{display:none}body.touch #menu.screen{overflow:hidden!important;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;justify-content:space-between!important;gap:8px!important}body.touch #menu .menu-body{width:min(620px,100%);max-width:none;margin:0!important;padding:0!important;align-self:flex-start}body.touch #menu .menu-buttons{width:100%;max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;perspective:none}body.touch #menu .menu-buttons button{min-height:42px!important;padding:6px 9px!important;font-size:12px!important;border-radius:11px}body.touch #menu .menu-buttons .primary{grid-column:1/-1}body.touch #menu .menu-buttons .menu-page-hidden{display:none!important}body.touch #menu .menu-footer{padding:0!important;gap:10px;font-size:11px;max-width:100%;overflow:hidden}body.touch #mobile-menu-nav{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:7px}body.touch #mobile-menu-nav[hidden]{display:none}body.touch #mobile-menu-nav button{width:48px;height:36px;min-height:36px;padding:0;font-size:27px;line-height:1;border-radius:12px}body.touch #mobile-menu-nav span{min-width:50px;text-align:center;font:700 11px/1 monospace;color:#c9f5ff}
body.touch #broom-panel{left:50%!important;right:auto!important;top:auto!important;bottom:max(7px,env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;display:flex!important;align-items:center;justify-content:center;width:auto!important;max-width:44vw!important;height:42px!important;max-height:42px!important;overflow:visible!important;padding:3px!important;border-radius:14px!important;background:#04131bbd!important;backdrop-filter:blur(6px);text-align:center!important}body.touch #broom-panel[hidden]{display:none!important}body.touch #broom-panel p,body.touch #broom-panel .broom-meters,body.touch #broom-panel .broom-cooldown,body.touch #broom-panel button:first-of-type{display:none!important}body.touch #broom-panel button{display:block;min-width:45px!important;height:34px!important;min-height:34px!important;margin:1px!important;padding:2px 5px!important;font-size:8px!important;line-height:1.1;border-radius:10px}body.touch #broom-toggle{top:max(9px,env(safe-area-inset-top))!important;right:max(92px,calc(env(safe-area-inset-right) + 82px))!important;width:54px!important;height:40px!important;min-height:40px!important;font-size:9px!important}body.touch #broom-race-hud{top:max(7px,env(safe-area-inset-top));min-width:150px;max-width:40vw;padding:4px 8px;border-radius:10px}body.touch #broom-race-state{font-size:13px}body.touch #broom-race-time{font-size:20px}body.touch #broom-race-place{font-size:10px}
body.touch #joystick{width:88px!important;height:88px!important;left:max(12px,env(safe-area-inset-left))!important;bottom:max(12px,env(safe-area-inset-bottom))!important}body.touch #stick{width:36px!important;height:36px!important;left:25px!important;top:25px!important}body.touch #action,body.touch #run,body.touch #jump,body.touch #slide,body.touch #flashlight,body.touch #night-vision,body.touch #aim{width:50px!important;height:50px!important;min-height:46px!important;font-size:10px!important;padding:2px!important}body.touch #action{right:max(10px,env(safe-area-inset-right))!important;bottom:max(12px,env(safe-area-inset-bottom))!important}body.touch #run{right:max(66px,calc(env(safe-area-inset-right) + 58px))!important;bottom:max(12px,env(safe-area-inset-bottom))!important}body.touch #jump{right:max(10px,env(safe-area-inset-right))!important;bottom:max(68px,calc(env(safe-area-inset-bottom) + 58px))!important}body.touch #flashlight{right:max(66px,calc(env(safe-area-inset-right) + 58px))!important;bottom:max(68px,calc(env(safe-area-inset-bottom) + 58px))!important}body.touch #slide{right:max(122px,calc(env(safe-area-inset-right) + 116px))!important;bottom:max(12px,env(safe-area-inset-bottom))!important}body.touch #aim{right:max(122px,calc(env(safe-area-inset-right) + 116px))!important;bottom:max(68px,calc(env(safe-area-inset-bottom) + 58px))!important}body.touch #night-vision{right:max(178px,calc(env(safe-area-inset-right) + 174px))!important;bottom:max(68px,calc(env(safe-area-inset-bottom) + 58px))!important}body.touch #minimap{width:82px!important;height:82px!important;right:max(8px,env(safe-area-inset-right))!important;top:max(8px,env(safe-area-inset-top))!important}body.touch #map-open{right:max(8px,env(safe-area-inset-right))!important;top:max(96px,calc(env(safe-area-inset-top) + 88px))!important;min-height:34px!important;padding:3px 8px!important;font-size:10px!important}
#game-loading .loading-art{background-image:linear-gradient(0deg,#02070df0 0%,#02070d22 58%,#02070d25),url('assets/ui/loading-broom-chase-v231.webp');background-position:center 48%}#game-loading .loading-card{margin-top:min(58vh,470px);border-color:#e7bb7066;background:#020c13d9;box-shadow:0 18px 70px #000c,0 0 34px #e99b3525}#game-loading .loading-track i{background:linear-gradient(90deg,#e49337,#ffd388 54%,#79e7ff)}
@media(orientation:landscape){body.touch #menu .brand{display:flex!important}body.touch #menu .brand img{width:38px;height:38px}body.touch #menu .brand small{display:none}body.touch #menu .menu-body{display:grid!important;grid-template-columns:minmax(180px,.72fr) minmax(420px,1.45fr);align-items:end;column-gap:18px}body.touch #menu .eyebrow,body.touch #menu h1{grid-column:1}body.touch #menu .eyebrow{margin:0}body.touch #menu h1{font-size:clamp(30px,5.2vw,58px);margin:4px 0;line-height:.9}body.touch #menu .intro{display:none}body.touch #menu .menu-buttons{grid-column:2;grid-row:1/3;grid-template-columns:repeat(4,minmax(0,1fr));align-self:end}body.touch #menu .menu-buttons .primary{grid-column:auto}body.touch #mobile-menu-nav{grid-column:2}body.touch #menu .menu-footer{font-size:10px}}@media(orientation:portrait){body.touch #menu h1{font-size:clamp(38px,15vw,64px);margin:8px 0}body.touch #menu .intro{display:none}body.touch #menu .brand{font-size:12px}body.touch #game-loading .loading-art{background-position:58% center}body.touch #game-loading .loading-card{margin-top:55vh}}body.touch #crouch{display:none!important}

/* v237: czytelne ładowanie rozgrywki i stabilny przycisk wyścigów bez kosztownego filtra. */
.recommended-race{display:grid!important;place-content:center!important;gap:3px!important;margin-top:0!important;overflow:hidden;border:1px solid var(--line)!important;background:#13262de8!important;color:#eef8fb!important;box-shadow:none!important;animation:none!important;filter:none!important}.recommended-race:hover,.recommended-race:focus-visible{border-color:#9fdbe2!important;background:#23404b!important;box-shadow:0 0 0 2px #9fdbe222!important}.recommend-badge{position:static!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#9fdbe2!important;font-size:8px!important;font-weight:750!important;letter-spacing:.14em!important;box-shadow:none!important;line-height:1.1}.recommended-race>span:last-child{font-size:12px;font-weight:800;letter-spacing:.02em}
#game-loading .loading-card{width:min(470px,88vw);gap:10px;padding:18px 24px 20px;border-radius:20px;border:1px solid #d8af6f80;background:linear-gradient(155deg,#07151ee8,#02080ee8);box-shadow:0 22px 80px #000d,0 0 0 1px #7be5ff18,0 0 44px #d9913020}#game-loading small{color:#e8bd73;font-size:9px;font-weight:800;letter-spacing:.24em}#game-loading strong{color:#f7fcff;font-size:clamp(18px,4vw,25px);font-weight:900;letter-spacing:.12em;text-shadow:0 2px 18px #000}#game-loading b{font-size:12px;font-weight:800;color:#f1fbff}#game-loading span{font-size:12px;color:#badce4}.loading-track{height:11px;padding:2px;border-color:#d7b16a70;background:#07151c}.loading-track i{height:100%;background:linear-gradient(90deg,#b56b24,#ffd98e 55%,#70dff3);box-shadow:0 0 16px #e7ac5266}#loading-tip{border-color:#d7b16a70!important;background:#031019dd!important;color:#f4fbff!important;font-weight:650!important}#game-loading.gameplay-loading .loading-art{filter:saturate(.9) brightness(.82)}#game-loading.gameplay-loading .loading-card{margin-top:min(54vh,440px)}@media(max-width:700px){#game-loading .loading-card{width:min(430px,90vw);padding:14px 14px 16px;border-radius:16px}#game-loading small{font-size:8px}#game-loading strong{font-size:16px}.recommended-race>span:last-child{font-size:11px}}

/* v239: przywrócony czytelny układ menu na telefonach; bez ciasnej siatki 4 kolumn. */
@media(orientation:landscape){body.touch #menu{padding:18px 24px!important}body.touch #menu .menu-body{display:block!important;max-width:520px!important;padding:8px 0!important}body.touch #menu .eyebrow,body.touch #menu h1,body.touch #menu .menu-buttons,body.touch #mobile-menu-nav{grid-column:auto!important;grid-row:auto!important}body.touch #menu h1{font-size:clamp(34px,6vw,58px)!important;line-height:.92!important;margin:7px 0 12px!important}body.touch #menu .menu-buttons{grid-template-columns:1fr 1fr!important;max-width:430px!important;gap:8px!important}body.touch #menu .menu-buttons .primary{grid-column:1/-1!important}body.touch #menu .menu-buttons button{min-height:48px!important;padding:8px 12px!important;font-size:13px!important}body.touch #mobile-menu-nav{max-width:430px!important}body.touch #menu .menu-footer{font-size:11px!important;padding-top:8px!important}}

/* v240: menu mobilne przewija się naturalnie, bez ukrywania kolejnych opcji. */
body.touch #menu.screen:not([hidden]){overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y!important;overscroll-behavior-y:contain;display:block!important}
body.touch #menu.screen[hidden]{display:none!important}
body.touch #menu .menu-body{margin:12px 0 20px!important}
body.touch #menu .menu-buttons .menu-page-hidden{display:block!important}
body.touch #mobile-menu-nav{display:none!important}
body.touch #menu .menu-footer{overflow:visible!important;margin-top:16px!important;flex-wrap:wrap!important}

/* v241: menu nigdy nie zaslania uruchomionej gry; czytelniejszy uklad w poziomie. */
@media(orientation:landscape) and (max-height:700px){body.touch #menu.screen:not([hidden]){padding:14px 22px max(22px,env(safe-area-inset-bottom))!important}body.touch #menu .menu-body{max-width:470px!important;margin:0 0 18px!important}body.touch #menu h1{font-size:clamp(32px,5.2vw,52px)!important;margin:5px 0 11px!important}body.touch #menu .menu-buttons{gap:9px!important}body.touch #menu .menu-buttons button{min-height:50px!important;border-radius:12px!important;background:#0a1c24e8!important;border-color:#52717c!important}body.touch #menu .menu-buttons .primary{background:linear-gradient(135deg,#f2c982,#cf8e47)!important;color:#17110b!important;border-color:#ffe0a8!important}body.touch #menu .menu-footer{margin-top:8px!important}}

/* v243: wygenerowana kontynuacja tla pod cala przewijana lista menu mobilnego. */
body.touch #menu.screen:not([hidden]){background-color:#020506!important;background-image:linear-gradient(90deg,rgba(1,6,8,.72),rgba(2,8,10,.38) 58%,rgba(1,5,7,.15)),url('menu-signal-continuation-v243.png')!important;background-position:center top!important;background-size:100% auto!important;background-repeat:no-repeat!important}

/* v247: unified professional cinematic interface. One final layer replaces the
   accumulated visual variants without changing gameplay hit areas or logic. */
:root{--pro-cyan:#8ce8f6;--pro-gold:#e2b36c;--pro-panel:rgba(4,14,20,.82);--pro-line:rgba(143,211,224,.28);--pro-shadow:0 20px 60px rgba(0,0,0,.48)}
#menu.screen:not([hidden]){background-color:#03080c;background-image:radial-gradient(circle at 74% 36%,rgba(61,137,151,.12),transparent 31%),linear-gradient(90deg,rgba(2,8,12,.92),rgba(3,12,16,.58) 55%,rgba(2,7,10,.28)),url('menu-signal-continuation-v243.png');background-position:center top;background-size:cover;background-attachment:local}
#menu:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 25%,rgba(0,0,0,.24)),radial-gradient(circle at 50% 110%,rgba(44,144,164,.15),transparent 40%)}
#menu .brand{width:max-content;padding:9px 13px;border:1px solid var(--pro-line);border-radius:16px;background:rgba(3,13,18,.62);box-shadow:0 12px 34px rgba(0,0,0,.28);backdrop-filter:blur(12px)}
#menu .brand img{box-shadow:0 0 28px rgba(91,226,247,.2)}#menu .eyebrow{color:var(--pro-gold);font-weight:800;text-shadow:0 2px 14px #000}#menu h1{text-shadow:0 16px 50px rgba(0,0,0,.72)}#menu h1 span{color:#a8eef7;text-shadow:0 0 42px rgba(83,211,233,.28)}#menu .intro{color:#d0e0e4;font-weight:550;line-height:1.65}
#menu .menu-buttons{gap:9px;max-width:430px}#menu .menu-buttons button{min-height:52px;border:1px solid var(--pro-line);border-radius:13px;background:linear-gradient(155deg,rgba(20,42,51,.92),rgba(7,23,30,.94));box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 26px rgba(0,0,0,.22);font-weight:750;letter-spacing:.015em;transition:transform .16s ease,border-color .16s ease,background .16s ease}#menu .menu-buttons button:hover,#menu .menu-buttons button:focus-visible{transform:translateY(-1px);border-color:rgba(150,235,247,.62);background:linear-gradient(155deg,rgba(32,65,76,.96),rgba(10,31,39,.96))}#menu .menu-buttons .primary{color:#151108;border-color:#ffe0a2;background:linear-gradient(135deg,#f6daa2,#cf914e);box-shadow:0 13px 34px rgba(184,117,44,.23),inset 0 1px rgba(255,255,255,.6)}
#menu .menu-footer{padding:10px 13px;width:max-content;max-width:100%;border:1px solid rgba(143,211,224,.18);border-radius:14px;background:rgba(3,13,18,.62);backdrop-filter:blur(10px)}.build-version{color:#d8b77c;font:800 10px/1.2 monospace;letter-spacing:.09em;white-space:nowrap}
.hud-top{filter:drop-shadow(0 10px 24px rgba(0,0,0,.35))}.mission,#shards,#performance-panel,#world-clock,#weapon-picker{border:1px solid var(--pro-line)!important;background:linear-gradient(155deg,rgba(7,25,33,.88),rgba(3,13,19,.9))!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 35px rgba(0,0,0,.3)!important;backdrop-filter:blur(10px)}.mission{border-radius:14px}.mission small{color:#92dce8}.mission strong{letter-spacing:.02em}#shards{border-radius:12px;color:#dffbff}#prompt{border:1px solid rgba(226,179,108,.34);border-radius:12px;background:rgba(3,13,19,.9);box-shadow:var(--pro-shadow);backdrop-filter:blur(9px)}#toast{border-color:rgba(140,232,246,.3);border-radius:14px;background:rgba(3,13,19,.92);box-shadow:var(--pro-shadow);backdrop-filter:blur(10px)}#crosshair{text-shadow:0 0 8px rgba(174,239,248,.7)}
dialog{border:1px solid rgba(143,211,224,.36);border-radius:22px;background:linear-gradient(155deg,rgba(9,29,38,.98),rgba(3,13,19,.99));box-shadow:0 34px 100px rgba(0,0,0,.7),inset 0 1px rgba(255,255,255,.06)}dialog::backdrop{background:rgba(0,5,8,.76);backdrop-filter:blur(10px)}dialog h2{font-size:clamp(26px,5vw,40px);letter-spacing:-.03em}dialog button,dialog select,dialog input{border-radius:12px}
#game-loading .loading-card{border-color:rgba(226,179,108,.52);background:linear-gradient(155deg,rgba(7,22,30,.94),rgba(2,9,14,.96));box-shadow:0 28px 100px rgba(0,0,0,.75),0 0 50px rgba(98,213,232,.08)}#game-loading strong{letter-spacing:.14em}#game-loading small{color:#e2b36c}.loading-track{border-radius:99px}.loading-track i{background:linear-gradient(90deg,#a86529,#f2cc83 48%,#7ee8f5)}
body.touch #joystick{border:1px solid rgba(170,233,244,.36)!important;background:radial-gradient(circle,rgba(122,213,230,.11),rgba(3,16,22,.4))!important;box-shadow:0 12px 34px rgba(0,0,0,.36)}body.touch #stick{background:rgba(164,234,245,.27)!important;border-color:rgba(213,250,255,.52)!important;box-shadow:0 0 20px rgba(119,221,237,.12)}body.touch #action,body.touch #run,body.touch #jump,body.touch #slide,body.touch #flashlight,body.touch #night-vision,body.touch #aim{border:1px solid rgba(151,220,231,.34)!important;border-radius:15px!important;background:linear-gradient(155deg,rgba(21,48,58,.86),rgba(4,20,27,.9))!important;box-shadow:0 9px 26px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.05)!important;font-weight:800!important}body.touch #action{border-color:rgba(226,179,108,.55)!important;background:linear-gradient(155deg,rgba(111,74,33,.9),rgba(48,31,15,.92))!important}
@media(max-width:700px){#menu .brand{padding:7px 10px}.build-version{width:100%;white-space:normal}#menu .menu-footer{width:100%}.mission{padding:9px 12px;max-width:62vw}.mission strong{font-size:13px}.mission small,.mission span{font-size:10px}}
@media(prefers-reduced-motion:reduce){#menu .menu-buttons button{transition:none}}
.broom-rush-link{display:inline-flex!important;align-items:center;justify-content:center;min-height:38px;padding:0 14px;text-align:center;text-decoration:none!important;color:#031017!important;background:linear-gradient(135deg,#6fecff,#ffcf6d)!important;border:1px solid #dffbff!important;border-radius:10px;font-weight:1000;letter-spacing:.04em;box-shadow:0 8px 22px #20d9ff33}
