:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#f2f5fc;background:#0e1524;--mint:#49e4ba;--gold:#ffcd78;--border:#31445f;--muted:#a1b4cb}*{box-sizing:border-box}body{margin:0;min-height:100vh}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 17% 4%,#243957 0,transparent 45%),radial-gradient(ellipse at 100% 85%,#1c3640 0,transparent 40%)}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.shell{position:relative;max-width:1680px;margin:0 auto;padding:22px 25px 20px}.site-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:15px}.logo{width:56px;height:56px;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#57efbf,#79b8ff);border-radius:16px;box-shadow:inset 0 -5px #0002;color:#10243b;font-size:23px;font-weight:1000;letter-spacing:-.1em;transform:rotate(-4deg)}.logo span{font-size:12px;align-self:flex-start;margin-top:7px;color:#fff}.overline{font-size:10px;letter-spacing:.19em;color:var(--mint);font-weight:900}h1{margin:3px 0 0;font-size:clamp(22px,3vw,35px);font-weight:1000;line-height:1.1;letter-spacing:-.055em}h1 em{font-style:normal;color:#ffce74}.subline{color:#afc1d6;font-weight:650;font-size:12px;margin-top:5px}.head-actions{display:flex;align-items:center;gap:9px}.satire{color:#7188a6;font-size:10px;font-weight:800;margin-right:10px;max-width:195px;text-align:right;line-height:1.6}.small-btn{color:#dce7f6;background:#1b2a41;border:1px solid #405571;padding:11px 13px;border-radius:10px;font-size:12px;font-weight:850}.small-btn:hover{background:#2a4260}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:17px;align-items:start}.game-column{min-width:0}.dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:10px}.metric{border:1px solid var(--border);background:#18263b;border-radius:12px;padding:12px 14px;min-height:92px}.metric-label{font-size:10px;font-weight:900;letter-spacing:.1em;color:#9aaec9}.metric strong{display:block;font-size:clamp(18px,2vw,26px);font-variant-numeric:tabular-nums;margin-top:6px;letter-spacing:-.03em}.metric span:not(.metric-label){font-size:10px;color:#9cb0ca}.meter{height:7px;border-radius:10px;background:#303e55;margin-top:9px;overflow:hidden}.meter div{height:100%;width:0;background:linear-gradient(90deg,#5decac,#ffd266,#f46b78);transition:width .2s}.canvas-box{position:relative;overflow:hidden;border:3px solid #495e7d;border-radius:16px;background:#bac6c3;box-shadow:0 15px 40px #0007;aspect-ratio:16/9;touch-action:none}.canvas-box>canvas{display:block;width:100%;height:100%;outline:none}.map-banner{position:absolute;top:13px;left:14px;display:flex;align-items:center;gap:9px;padding:8px 11px;background:#15243de6;border:1px solid #647893ab;border-radius:8px;font-size:10px;font-weight:900;letter-spacing:.08em;box-shadow:0 6px 22px #0003}.pulse,.live-dot{width:7px;height:7px;background:#52e5ae;box-shadow:0 0 10px #45e6b2;border-radius:50%}.floor-id{color:#93a8c4;margin-left:10px}.notice-popup{position:absolute;left:50%;top:67px;transform:translateX(-50%) translateY(-10px);width:max-content;max-width:85%;padding:10px 17px;border:1px solid #e0d49d;border-radius:12px;background:#14253df0;color:#ffde9e;font-size:13px;font-weight:900;text-align:center;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;box-shadow:0 6px 20px #0006;line-height:1.4;z-index:5}.notice-popup.show{opacity:1;transform:translateX(-50%) translateY(0)}.context-action{position:absolute;left:50%;bottom:23px;transform:translateX(-50%);white-space:nowrap;background:#11243de9;border:2px solid #b7e8ca;padding:10px 14px;border-radius:13px;font-weight:950;color:#f6e8bd;font-size:12px;box-shadow:0 8px 22px #0005;z-index:2;pointer-events:none}.context-action[hidden]{display:none}.context-action kbd{background:#e2f8db;color:#1e3846;padding:3px 6px;margin:0 3px;border-radius:5px}.minimap-frame{position:absolute;top:12px;right:13px;width:153px;background:#101f34d9;padding:7px;border:1px solid #7990ac7d;border-radius:10px;box-shadow:0 10px 18px #0004}.minimap-frame canvas{display:block;width:100%;height:auto;border:1px solid #60758c;border-radius:4px}.minimap-frame>div{font-size:8px;font-weight:950;letter-spacing:.08em;color:#c9d7e9;display:flex;justify-content:space-between;padding:5px 0 0}.minimap-frame span{color:#6ef0b9}.overlay{position:absolute;inset:0;background:#0b1624cf;backdrop-filter:blur(4px);z-index:9;display:grid;place-items:center;padding:12px;line-height:1.5}.overlay.hidden{display:none}.modal-card{width:min(93%,490px);max-height:96%;overflow-y:auto;padding:24px 26px;text-align:center;border-radius:17px;background:linear-gradient(160deg,#1d3550,#121e33);border:1px solid #6c85a4;box-shadow:0 20px 75px #000b}.modal-kicker{font-size:10px;letter-spacing:.18em;color:#79e6b9;font-weight:950}.modal-emoji{font-size:40px;margin:8px 0 3px}.modal-card h2{font-size:clamp(19px,2.4vw,27px);margin:0 0 10px;letter-spacing:-.035em}.modal-card p{font-size:13px;color:#cbd7e7;line-height:1.63;margin:0 0 12px;white-space:pre-line}.modal-detail{font-size:12px;color:#eddfbd;line-height:1.65;margin:12px 0}.modal-detail:empty{display:none}.modal-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.modal-actions button{border:1px solid #7187a5;border-radius:10px;padding:12px 15px;background:#314a68;color:#f5f7fc;font-size:12px;font-weight:950;flex:1;min-width:100px}.modal-actions button:hover{filter:brightness(1.2)}.modal-actions .primary{color:#12243b;background:#ffcd78;border-color:#e1a65a}.modal-detail .order{display:flex;justify-content:center;gap:7px;margin:9px 0}.modal-detail .order span{padding:8px 10px;border:1px solid #7b91ac;border-radius:7px;background:#263f5a;font-weight:900}.modal-detail .order span.done{background:#2e8069}.modal-detail .order span.next{outline:2px solid #fbd07b}.help-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 6px 7px;color:#a9bdd6;font-size:11px;line-height:2;flex-wrap:wrap}.help-strip kbd{padding:3px 5px;background:#243852;border:1px solid #4b6482;border-radius:4px;color:#e1edfa;font:900 10px system-ui}.sep{padding:0 5px;color:#687c94}.event-panel,.sidebar{border:1px solid #354a67;background:linear-gradient(165deg,#1c2b43,#152239);border-radius:14px}.event-panel{margin-top:5px;padding:14px 15px;min-height:121px}.panel-title{display:flex;align-items:center;gap:8px;color:#cee0f5;font-size:11px;font-weight:950;letter-spacing:.07em;margin-bottom:8px}.live-dot{margin-left:auto}#log{font-size:11px;line-height:1.7;color:#abbfd9}#log div:first-child{color:#ffe1a0}.sidebar{padding:18px}.mission-top{display:flex;justify-content:space-between;align-items:center;gap:5px}.mission-top h2{font-size:18px;letter-spacing:-.035em;margin:4px 0}.quest-chip{background:#253c57;border:1px solid #6584a0;border-radius:16px;padding:6px 9px;font-size:11px;font-weight:950;white-space:nowrap}.progress-track{height:7px;background:#293b53;margin:13px 0 16px;border-radius:100px;overflow:hidden}.progress-track div{height:100%;width:0;background:#60e0ae;transition:width .3s}.missions{max-height:670px;overflow-y:auto;display:flex;flex-direction:column;gap:7px;padding-right:2px;scrollbar-color:#556a83 transparent;scrollbar-width:thin}.mission{background:#122136;border:1px solid #304964;border-radius:10px;padding:10px;display:flex;gap:10px;align-items:flex-start}.mission.current{border-color:#c6ab6e;background:#263141}.mission.completed{border-color:#2a6b5d;background:#16362e}.quest-marker{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#2e4055;flex:none;color:#debf7b;font-weight:900;font-size:11px}.completed .quest-marker{background:#48d2a5;color:#103023}.mission strong{font-size:11px;line-height:1.25;display:block}.mission small{font-size:10px;line-height:1.35;color:#9fb4ca;display:block;margin-top:4px}.memo{margin-top:17px;padding:16px 12px;border:3px dashed #1c2c3c;border-radius:10px;background:#ffcd6f;color:#263246;transform:rotate(-1deg);display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;box-shadow:4px 5px 0 #0003}.memo-icon{font-size:22px}.memo strong{font-size:17px;font-weight:1000;line-height:1.1}.memo span{font-size:9px;font-weight:800;margin-top:4px}.legend{display:flex;flex-direction:column;gap:7px;margin-top:15px;color:#bacce0;font-size:11px}.legend-title{font-weight:950;font-size:10px;color:#74e0b8;letter-spacing:.1em}.footer{color:#667e98;font-size:10px;margin-top:13px;text-align:center;line-height:1.6}.mobile-actions{position:absolute;bottom:12px;left:9px;right:9px;display:none;justify-content:space-between;align-items:end;pointer-events:none}.joystick{width:115px;height:115px;display:grid;place-items:center;pointer-events:auto;touch-action:none}.joy-ring{width:94px;height:94px;border-radius:50%;border:2px solid #eef9ffa8;background:#122c41a1;display:grid;place-items:center}.joy-thumb{width:40px;height:40px;border-radius:50%;background:#8cdcc7df;border:3px solid #f1f8ff;box-shadow:0 4px 12px #0005;transform:translate(0,0)}.touch-keys{display:flex;gap:6px;pointer-events:auto}.touch-keys button{width:58px;height:57px;background:#203f62e8;border:2px solid #9fbfd3;border-radius:12px;color:#fff;font-size:20px;font-weight:950;touch-action:manipulation}.touch-keys button small{display:block;font-size:9px}.touch-keys .touch-interact{width:74px;background:#2e8c71e8}.touch-keys button:active{filter:brightness(1.45)}
@media(max-width:1160px){.game-layout{grid-template-columns:minmax(0,1fr) 270px}.sidebar{padding:13px}.minimap-frame{width:125px}.satire{display:none}}
@media(max-width:850px){.shell{padding:12px}.game-layout{grid-template-columns:1fr}.missions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.sidebar{order:2}.dashboard{gap:5px}.metric{padding:8px 10px;min-height:77px}.metric strong{font-size:18px}.site-head{gap:8px;margin-bottom:12px}.minimap-frame{width:110px}.mobile-actions{display:flex}.context-action{bottom:10px;left:51%;font-size:9px;max-width:53%;overflow:hidden;text-overflow:ellipsis;padding:7px}.context-action kbd{display:none}}
@media(max-width:550px){.shell{padding:8px}.brand{gap:8px}.logo{width:40px;height:40px;font-size:19px}.site-head{flex-wrap:nowrap}.overline{font-size:8px}.subline{font-size:9px}h1{font-size:21px}.small-btn{padding:8px 7px;font-size:10px}.head-actions{gap:5px}.dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-box{aspect-ratio:4/3}.map-banner{top:5px;left:5px;padding:5px;font-size:8px}.minimap-frame{top:5px;right:5px;width:88px;padding:4px}.minimap-frame>div{font-size:6px}.mobile-actions{bottom:4px;left:2px;right:2px}.joystick{width:88px;height:88px}.joy-ring{width:75px;height:75px}.joy-thumb{width:33px;height:33px}.touch-keys{gap:4px}.touch-keys button{width:47px;height:48px;font-size:17px}.touch-keys .touch-interact{width:55px}.touch-keys button small{font-size:7px}.modal-card{padding:14px}.modal-emoji{font-size:27px}.modal-card p{font-size:11px}.modal-actions button{padding:9px 8px}.missions{grid-template-columns:1fr}.notice-popup{top:36px;font-size:9px}.help-strip{font-size:9px}}

/* Interactive mission tracking and wayfinding */
.objective-strip{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#1a2d42;border:1px solid #4a738a;border-radius:10px;margin-top:10px;padding:9px 12px;font-size:11px;color:#bcd4e9}.objective-strip strong{color:#ffe099;letter-spacing:.03em}.objective-strip span{font-size:10px;color:#9cb9c9}.mission[role=button]{cursor:pointer}.mission[role=button]:hover{border-color:#80b8cd;background:#213950}.mission.tracked{box-shadow:inset 3px 0 #f6cb76}.mission[role=button]:focus-visible{outline:2px solid #86e7c1;outline-offset:2px}@media(max-width:550px){.objective-strip{flex-wrap:wrap;gap:4px;font-size:10px}.objective-strip span{font-size:9px}}

/* Animated six-scene JP rescue cinematic; covers the viewport on desktop and mobile. */
.cutscene[hidden]{display:none!important}
.cutscene{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:clamp(8px,2.5vw,26px);background:radial-gradient(ellipse at 25% 10%,#243753 0%,#080d19 65%);color:#f7faff;line-height:1.5;overflow:auto;overscroll-behavior:contain;}
.cutscene-shell{width:min(1080px,100%);border:1px solid #7692b4;border-radius:23px;background:linear-gradient(140deg,#1d304d,#101a2a);box-shadow:0 28px 95px #000b;overflow:hidden}
.cutscene-topline{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px 19px;background:#101c30;border-bottom:1px solid #38506b;letter-spacing:.11em;font-size:10px;font-weight:950}
.cutscene-live{display:flex;gap:7px;align-items:center;color:#fce1ac}.cutscene-live-dot{width:8px;height:8px;border-radius:50%;background:#f06478;box-shadow:0 0 9px #ed5c78}
.cutscene-counter{color:#b7cee4}.cutscene-skip{border:1px solid #6983a2;border-radius:9px;padding:7px 10px;background:#1b3553;color:#e8f5ff;font-size:10px;font-weight:950}
.cutscene-content{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(285px,1fr);min-height:390px}
.cutscene-art{position:relative;min-height:390px;overflow:hidden;background:#080e17}
.cutscene-art img{display:block;position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;animation:jpKenBurns 3.2s ease-out both}
.cutscene-glow{position:absolute;inset:0;pointer-events:none;opacity:.3;background:linear-gradient(to top,#0b1526b8,transparent 32%)}
.cutscene-impact{position:absolute;inset:0;display:grid;place-items:center;color:#b1edff;text-shadow:0 0 26px #52cafa;font-size:100px;opacity:0;pointer-events:none}
.cutscene-bug{position:absolute;top:14px;left:14px;border:1px solid #ffffff77;border-radius:8px;padding:7px 10px;background:#121f34d9;font-size:10px;font-weight:950;letter-spacing:.08em;color:#f5e3c3}
.cutscene-story{display:flex;flex-direction:column;justify-content:center;gap:13px;padding:clamp(20px,3vw,35px);background:radial-gradient(ellipse at right,#29395a 0,#16263c 65%)}
.cutscene-chapter{font-size:10px;letter-spacing:.16em;color:#8ee9c6;font-weight:950}.cutscene-story h2{margin:0;font-size:clamp(22px,2.6vw,34px);line-height:1.1;font-weight:1000;letter-spacing:-.045em}
.cutscene-story>p{margin:0;color:#c9d8e9;font-size:14px;line-height:1.55}
.cutscene-line{border-left:3px solid #ffcb7d;padding:10px 15px;background:#101e34;border-radius:0 8px 8px 0;display:flex;flex-direction:column;gap:4px}
.cutscene-line>span{font-size:9px;letter-spacing:.14em;color:#78d7b5;font-weight:900}.cutscene-line>strong{font-size:15px;color:#fff0c8;line-height:1.35}
.cutscene-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px}.cutscene-tip{font-size:11px;color:#acc0d6;flex:1}
.cutscene-next{flex:none;padding:13px 16px;border:0;border-radius:10px;background:linear-gradient(110deg,#f1ba60,#ffe29d);color:#1f2a3b;font-size:12px;font-weight:950;box-shadow:0 4px 0 #956f38}
.cutscene-next:hover,.cutscene-skip:hover{filter:brightness(1.15)}
.cutscene-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:15px 19px 0}
.cutscene-track span{height:7px;border-radius:20px;background:#415873;transition:background .2s}.cutscene-track span.done{background:#51cbab}.cutscene-track span.current{background:#f5c976;box-shadow:0 0 9px #f5c97677}
.cutscene-progress{height:4px;background:#253550;margin:13px 19px 0;overflow:hidden;border-radius:9px}.cutscene-progress>div{height:100%;width:0;background:linear-gradient(90deg,#f2ca76,#61d5b4);transform-origin:left;}
.cutscene-footer{margin:11px 19px 15px;color:#8da5c0;font-size:10px;text-align:center}.cutscene-footer span{color:#f6ca81}
.cutscene-content[data-scene="1"] .cutscene-art img{animation:jpKenBurns 2.8s ease-out both}
.cutscene-content[data-scene="2"] .cutscene-art img{animation:jpFade 1.4s ease-out both}
.cutscene-content[data-scene="3"] .cutscene-art img{animation:jpRoadArrival 3s cubic-bezier(.15,.8,.25,1) both}
.cutscene-content[data-scene="4"] .cutscene-art img{animation:jpNeedle 3s ease-out both}
.cutscene-content[data-scene="4"] .cutscene-impact{animation:jpFlash 1s ease-out 1s 2}
.cutscene-content[data-scene="5"] .cutscene-art img{animation:jpRevived 2.9s ease-out both}
.cutscene-content[data-scene="6"] .cutscene-art img{animation:jpShrine 3.7s ease-out both}
@keyframes jpKenBurns{from{transform:scale(1.1) translateX(3%);filter:brightness(.85)}to{transform:scale(1);filter:brightness(1)}}
@keyframes jpFade{from{filter:brightness(1.1);opacity:.2;transform:scale(1.08)}to{opacity:1;filter:brightness(.72);transform:scale(1)}}
@keyframes jpRoadArrival{from{transform:translateX(-27%) scale(1.17);filter:brightness(.8)}to{transform:translateX(0) scale(1);filter:brightness(1)}}
@keyframes jpNeedle{0%{transform:scale(1.08);filter:brightness(.65)}45%{transform:scale(1.05);filter:brightness(1.4) saturate(1.5)}100%{transform:scale(1);filter:brightness(1)}}
@keyframes jpFlash{0%,100%{opacity:0;transform:scale(.3)}35%{opacity:.9;transform:scale(1.4)}}
@keyframes jpRevived{from{transform:scale(1.12);filter:brightness(1.5)}to{transform:scale(1);filter:brightness(1)}}
@keyframes jpShrine{from{transform:scale(1.18);filter:brightness(.7)}to{transform:scale(1);filter:brightness(1.15)}}
@media(max-width:750px){.cutscene{padding:10px}.cutscene-content{grid-template-columns:1fr;min-height:0}.cutscene-art{min-height:0;aspect-ratio:1.43}.cutscene-story{padding:14px 18px;gap:8px}.cutscene-story h2{font-size:21px}.cutscene-story>p{font-size:12px}.cutscene-line{padding:7px 12px}.cutscene-line>strong{font-size:12px}.cutscene-bottom{margin-top:3px}.cutscene-next{padding:10px 13px}.cutscene-topline{padding:9px 12px;gap:4px;font-size:8px}.cutscene-skip{font-size:9px;padding:6px}.cutscene-bug{font-size:8px}.cutscene-track{padding:10px 13px 0}.cutscene-progress{margin:9px 13px 0}.cutscene-footer{font-size:8px;margin:6px 12px 9px}}
@media(max-height:650px) and (min-width:751px){.cutscene-content{min-height:300px}.cutscene-art{min-height:300px}}
@media(prefers-reduced-motion:reduce){.cutscene-art img,.cutscene-impact{animation:none!important}.cutscene-track span{transition:none}}

/* Multiplayer accounts, roster, patrol warning and collectible poster controls. */
[hidden]{display:none!important}
.account-tag{font-size:12px;font-weight:900;color:#86e6bf;max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.online-panel{border:1px solid #416281;padding:13px;border-radius:11px;background:#142d40;margin-bottom:15px}
.online-panel .panel-title{font-size:10px;line-height:1.4;justify-content:space-between}
.online-panel .panel-title span{background:#2b745d;padding:4px 8px;border-radius:50px}
.connection-status{font-size:10px;color:#9eb3ce;margin:3px 0 9px}.online-list{max-height:162px;overflow:auto;display:flex;flex-direction:column;gap:5px}
.online-member{padding:6px 8px;border:1px solid #41677b;border-radius:7px;background:#1d3b51;color:#effff8;font-size:12px;font-weight:850;display:flex;justify-content:space-between;align-items:center;gap:4px}
.online-member small{font-size:9px;color:#89e7bd;font-weight:800}.online-caption{margin-top:7px;font-size:10px;line-height:1.5;color:#a3b6ce}
.boss-alarm{position:absolute;top:14%;left:5%;right:5%;z-index:5;background:#ac1e36ed;border:2px solid #ffcf79;border-radius:11px;padding:10px 12px;text-align:center;box-shadow:0 0 22px #f44351a3;color:#fff;font-weight:1000;font-size:clamp(10px,1.3vw,16px);line-height:1.4;animation:bossBlink 1s infinite;pointer-events:none}
@keyframes bossBlink{50%{background:#741c31ef;box-shadow:0 0 6px #f4435170}}
.auth-overlay{position:fixed;inset:0;z-index:1000;background:#060d19ec;backdrop-filter:blur(7px);display:grid;place-items:center;padding:18px;overflow-y:auto}
.auth-card{width:min(100%,430px);max-height:97vh;overflow-y:auto;border:1px solid #578e9d;border-radius:18px;padding:28px;background:linear-gradient(160deg,#1f3c56,#111c31);box-shadow:0 18px 80px #000c;text-align:center}
.auth-icon{font-size:40px}.auth-card h2{margin:9px 0;font-size:22px;line-height:1.2;color:#fff}.auth-card p{color:#b4cce0;font-size:13px;line-height:1.55}
.auth-card small{color:#8faac0;font-size:10px;display:block;margin-top:14px;line-height:1.5}
.auth-tabs{display:flex;gap:4px;margin:18px 0 15px;background:#12253b;border:1px solid #395b78;border-radius:10px;padding:4px}
.auth-tabs button{flex:1;background:transparent;border:0;border-radius:8px;padding:9px;color:#a5b7cc;font-weight:900;font-size:12px}.auth-tabs button.selected{background:#3d796e;color:#fff}
.auth-card form{text-align:left}.auth-card label{display:block;color:#b9cce0;font-size:11px;font-weight:900;margin:9px 0 5px}
.auth-card input{width:100%;background:#0e2034;border:1px solid #54718b;border-radius:8px;color:#fff;padding:12px 11px;font:inherit;font-size:14px;outline:none}
.auth-card input:focus{border-color:#8aebc5;box-shadow:0 0 0 2px #50d9a733}.auth-card #authSubmit{width:100%;padding:12px;border:0;border-radius:9px;background:#ffce7b;color:#20354c;font-weight:1000;margin-top:9px}.auth-card .auth-error{font-size:12px;color:#ff9b9b;min-height:0;margin:8px 0}
.touch-keys .poster-touch{background:#886436df;border-color:#e1c582}
@media(max-width:550px){.boss-alarm{top:20%;padding:6px;font-size:9px}.touch-keys button{width:38px;height:45px;font-size:14px}.touch-keys button small{font-size:6px}.touch-keys .touch-interact{width:47px}.head-actions{gap:3px}.account-tag{font-size:9px;max-width:76px}.auth-card{padding:18px}}

/* Personal character creator and multiplayer emotes */
.avatar-overlay{z-index:1050}.avatar-card{width:min(94vw,735px);max-height:min(90vh,820px);overflow-y:auto;background:linear-gradient(155deg,#203957,#0e1b30);border:1px solid #6f91a9;border-radius:19px;box-shadow:0 24px 90px #000c;padding:23px;color:#f4faff;text-align:center}
.avatar-card h2{margin:6px 0 3px;letter-spacing:-.03em}.avatar-card>p{font-size:13px;color:#bdcfe3;margin:7px 0 12px;line-height:1.5}.avatar-card small{display:block;margin-top:12px;color:#95a9c2;font-size:11px}
.avatar-tabs{display:flex;justify-content:center;gap:9px;margin:14px 0}.avatar-tabs button{background:#233b55;border:1px solid #4a6884;color:#bfd0e3;border-radius:10px;padding:10px 16px;font-weight:900}.avatar-tabs .selected{background:#3b8975;color:#fff;border-color:#75e8b8}
.avatar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.avatar-option{border:2px solid #52718c;border-radius:13px;padding:8px;background:#172d46;color:#e7f2fc;text-align:center;min-height:147px}.avatar-option:hover,.avatar-option.selected{border-color:#ffe09d;background:#284763}.avatar-option.selected{box-shadow:0 0 0 2px #f6d07855}.avatar-option strong{display:block;font-size:12px;margin-top:5px}.avatar-option small{font-size:10px;margin-top:3px;color:#b3c9dd}
.avatar-preview{position:relative;margin:2px auto;width:68px;height:85px;display:grid;justify-items:center;align-items:start}.avatar-preview .preview-backhair{position:absolute;top:12px;width:46px;height:55px;background:var(--hair);border-radius:30px 30px 14px 14px}.avatar-preview .preview-face{position:absolute;top:17px;width:38px;height:41px;background:var(--skin);border:2px solid #0002;border-radius:14px}.avatar-preview .preview-hair{position:absolute;top:11px;width:42px;height:15px;background:var(--hair);border-radius:16px 16px 4px 4px}.avatar-preview .preview-shirt{position:absolute;bottom:0;width:57px;height:29px;background:var(--shirt);border-radius:17px 17px 6px 6px;display:grid;place-items:center;font-size:10px;color:#fff;font-weight:950}
.avatar-footer{display:flex;gap:9px;justify-content:center;margin-top:15px}.avatar-footer button{padding:12px 18px;border-radius:9px;border:1px solid #85b3bc;font-weight:950;color:#fff;background:#355777}.avatar-footer #avatarSave{background:#f5c878;color:#1d3043;border-color:#f5c878}.avatar-error{min-height:15px;color:#ff9fa8!important;font-size:12px}.extra-guide{margin-top:16px;padding:12px;border-radius:11px;border:1px solid #496780;background:#112b43}.extra-guide strong{color:#f8d88e;font-size:11px}.extra-guide p{font-size:11px;color:#adbed8;line-height:1.5}.emote-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.emote-bar button{background:#284767;border:1px solid #6587a0;color:#eaf6fc;border-radius:8px;padding:8px 6px;font-size:11px;font-weight:900}.emote-bar button:hover{background:#3d6683}
@media(max-width:550px){.avatar-card{padding:13px}.avatar-grid{gap:6px}.avatar-option{padding:5px;min-height:122px}.avatar-preview{transform:scale(.85);margin:-4px auto}.avatar-option strong{font-size:10px}.avatar-option small{font-size:9px}.avatar-tabs button{padding:8px;font-size:11px}.head-actions #changeAvatar{font-size:9px;padding:6px}.avatar-card small{font-size:10px}}

@media(max-width:550px){.site-head{flex-wrap:wrap}.head-actions{justify-content:flex-end;width:100%;flex-wrap:wrap}.brand{width:100%}.head-actions #changeAvatar{font-size:10px;padding:7px}}

.auth-card a{color:#8ae5da;text-decoration:underline;text-underline-offset:2px}

/* Countdown warning and poster drop, optimized for both desktop and touch. */
.boss-countdown{position:absolute;left:50%;top:29%;transform:translateX(-50%);z-index:6;pointer-events:none;min-width:min(84%,315px);border:2px solid #ffd166;border-radius:14px;background:#2e101be8;color:#fff;text-align:center;padding:11px 15px;box-shadow:0 8px 30px #0009,0 0 18px #f34a5b70;display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1.15}
.boss-countdown>span{font-size:10px;font-weight:1000;letter-spacing:.13em;color:#ffdf96}
.boss-countdown strong{font-size:40px;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.boss-countdown small{font-size:10px;color:#f7d4d6;font-weight:850}
.chase-track{height:7px;border-radius:50px;background:#59343d;width:100%;overflow:hidden}.chase-track>div{height:100%;width:100%;background:linear-gradient(90deg,#ff5365,#ffdc78);transition:width .1s linear}
.touch-keys .drop-touch{background:#513956df;border-color:#d1a1e3}.touch-keys .drop-touch:disabled{opacity:.38;cursor:not-allowed}
@media(max-width:550px){.boss-countdown{top:34%;min-width:185px;padding:7px 8px}.boss-countdown strong{font-size:29px}.boss-countdown small{font-size:8px}.boss-countdown>span{font-size:8px}.touch-keys{gap:2px}.touch-keys button{width:34px;height:42px;font-size:13px}.touch-keys .touch-interact{width:40px}.touch-keys button small{font-size:6px}}