:root{--navy:#0b1a4a;--panel:rgba(12,28,78,.80);--panel2:rgba(20,44,112,.86);--line:rgba(130,170,255,.32);--text:#f1f6ff;--muted:#a9c0ee;--blue:#2a8cff;--blue2:#59b4ff;--gold:#ffc928;--gold2:#ffa400;--green:#46e38a;--red:#ff5a5a;--purple:#8a5cff;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0a1230;color:var(--text);font:600 14px/1.3 Inter,"Segoe UI",system-ui,Arial,sans-serif;overflow:hidden}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}
button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #fff;outline-offset:2px}
#app{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden}
#stage{position:absolute;inset:0}#gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}
#lobby{position:absolute;inset:0;container-type:size;pointer-events:none;--u:min(1cqw,1.78cqh);font-size:max(10px,calc(var(--u)*.85))}
#lobby>*{position:absolute;pointer-events:auto}
.panel{background:linear-gradient(180deg,rgba(20,46,120,.86),rgba(10,24,70,.84));border:1px solid var(--line);border-radius:calc(var(--u)*.9);backdrop-filter:blur(6px);box-shadow:0 6px 24px rgba(3,8,30,.45),inset 0 1px 0 rgba(255,255,255,.14)}
.bar{height:calc(var(--u)*.55);min-height:5px;background:rgba(5,12,40,.75);border-radius:9px;overflow:hidden;border:1px solid rgba(120,160,255,.25)}.bar>i{display:block;height:100%;background:linear-gradient(90deg,#22a7ff,#6ff0ff);border-radius:9px;transition:width .4s}
.ico{width:1.5em;height:1.5em;fill:currentColor;flex:none}
/* logo */
#logo{left:1.4%;top:1.2%;width:16.5%;height:21%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-4deg);pointer-events:none;font-family:"Arial Black","Segoe UI Black",Impact,sans-serif;font-style:italic;font-weight:900;line-height:.86}
#logo span{display:block;-webkit-text-stroke:calc(var(--u)*.28) #0b3a9a;paint-order:stroke fill;filter:drop-shadow(0 calc(var(--u)*.25) 0 #082a70) drop-shadow(0 0 calc(var(--u)*.6) rgba(80,170,255,.6))}
#logo .l1{font-size:calc(var(--u)*3.1);background:linear-gradient(180deg,#bff2ff,#38b5ff 55%,#1a7bff);-webkit-background-clip:text;background-clip:text;color:transparent}
#logo .l2{font-size:calc(var(--u)*3.1);background:linear-gradient(180deg,#fff1a0,#ffc61f 55%,#ff8a00);-webkit-background-clip:text;background-clip:text;color:transparent}
/* top nav */
#topnav{left:18.7%;top:2.1%;width:43.8%;height:9.4%;display:flex;gap:0;padding:.35% .4%}
#topnav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25em;border-radius:calc(var(--u)*.7);color:#dbe8ff;font-size:.95em;transition:background .15s}
#topnav button .ico{width:calc(var(--u)*2.2);height:calc(var(--u)*2.2)}
#topnav button:hover{background:rgba(70,130,255,.25)}#topnav button.on{background:linear-gradient(180deg,#3d9aff,#1558d8);color:#fff;box-shadow:0 0 calc(var(--u)*1) rgba(80,170,255,.7),inset 0 1px 0 rgba(255,255,255,.4)}
#profile{left:63.3%;top:2.1%;width:14%;height:8.8%;display:flex;align-items:center;gap:6%;padding:.5% 1.2%;font-size:1em}
#profile img{height:88%;aspect-ratio:1;border-radius:50%;border:2px solid #6aa8ff;object-fit:cover;background:#17306e}
#profile b{font-size:1.25em}#profile small{display:block;color:var(--muted);font-size:1em;margin:.1em 0 .3em}#profile>div{flex:1;min-width:0}
#currency{left:78.4%;top:3%;width:20.4%;height:7.2%;display:flex;align-items:center;justify-content:space-around;padding:0 1%}
.cur{display:flex;align-items:center;gap:.5em;font-size:1.35em;font-weight:800}.cur .gem,.cur .coin{width:1.9em;height:1.9em;flex:none}
.plus{width:2.2em;height:2.2em;border-radius:.55em;background:#0a1745;border:1px solid var(--line);font-size:1em;font-weight:900;display:grid;place-items:center}.plus:hover{background:var(--blue)}
/* sidebar */
#side{left:1.7%;top:22.8%;width:14%;height:54.7%;display:flex;flex-direction:column;gap:.5%;padding:.5%}
#side button{flex:1;display:flex;align-items:center;gap:.9em;padding:0 1.1em;border-radius:calc(var(--u)*.6);background:rgba(10,25,75,.55);border:1px solid rgba(110,150,240,.18);font-size:1.15em;font-weight:700;text-align:left;position:relative;color:#eaf1ff}
#side button .ico{width:1.8em;height:1.8em}
#side button:hover{background:rgba(60,120,240,.35)}#side button.on{background:linear-gradient(180deg,#2e92ff,#1558d8);box-shadow:0 0 calc(var(--u)*1) rgba(80,170,255,.7),inset 0 1px 0 rgba(255,255,255,.4)}
.dot{position:absolute;right:-.25em;top:-.25em;min-width:1.2em;height:1.2em;background:#ff3b3b;border-radius:50%;border:2px solid #fff;font-size:.75em;display:grid;place-items:center}
/* banner */
#banner{left:62.6%;top:13.3%;width:36.2%;height:33.8%;border-radius:calc(var(--u)*1.1);overflow:hidden;border:1px solid var(--line);background:#143;box-shadow:0 6px 24px rgba(3,8,30,.5)}
#banner .slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .5s;display:flex;flex-direction:column;justify-content:flex-end;padding:3.4%}
#banner .slide{pointer-events:none}#banner .slide.on{opacity:1;pointer-events:auto;z-index:2}#banner .slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,12,40,.82) 8%,rgba(5,12,40,.1) 62%)}
#banner .slide>*{position:relative}
#banner small{font-size:1.5em;font-weight:700;text-shadow:0 2px 4px #000}#banner h2{margin:.05em 0 .25em;font-size:3em;line-height:1;font-weight:900;text-shadow:0 3px 6px rgba(0,0,0,.7)}
#banner p{margin:0 0 .8em;font-size:1.2em;max-width:58%;text-shadow:0 2px 4px #000}
.cta{align-self:flex-start;display:inline-flex;align-items:center;gap:1.2em;background:linear-gradient(180deg,#ffe14d,#ffb300);color:#2b1a00;font-weight:900;font-size:1.7em;padding:.5em 1.1em;border-radius:.6em;box-shadow:0 4px 0 #b97800,0 6px 18px rgba(255,170,0,.45)}
.cta:hover{filter:brightness(1.08)}.cta:active{transform:translateY(2px)}
#banner .nav{position:absolute;right:3%;bottom:6%;display:flex;gap:.6em;align-items:center;z-index:3}
#banner .nav button{width:2.6em;height:2.6em;border-radius:50%;background:rgba(10,20,60,.8);border:1px solid var(--line);font-size:1.1em;display:grid;place-items:center}
#banner .dots{display:flex;gap:.4em}#banner .dots i{width:.7em;height:.7em;border-radius:50%;background:#5b6f9f}#banner .dots i.on{background:#fff}
/* mode cards */
#modes{left:62.8%;top:48.5%;width:36%;height:20.6%;display:grid;grid-template-columns:repeat(3,1fr);gap:1.1%}
.mode{position:relative;border-radius:calc(var(--u)*.9);overflow:hidden;border:2px solid rgba(140,160,255,.45);background:#112 center/cover;text-align:left;display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 0 0;box-shadow:0 6px 18px rgba(3,8,30,.5)}
.mode:hover{border-color:#fff;transform:translateY(-2px)}.mode:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,12,40,0) 48%,rgba(8,16,52,.96) 78%)}
.mode b{position:relative;display:block;font-size:1.55em;padding:0 .6em;font-weight:800}.mode span{position:relative;display:block;font-size:1.15em;color:#d3defa;padding:0 .7em .65em;font-weight:600}
.mode.m1{border-color:#e0544a}.mode.m2{border-color:#a66cff}.mode.m3{border-color:#5fb4ff}.mode .crown{position:absolute;right:.5em;bottom:.5em;color:var(--gold);width:2em;height:2em}
/* bottom panels */
.card-h{display:flex;align-items:center;justify-content:space-between;font-size:1.25em;font-weight:800;margin-bottom:.4em}.card-h small{font-size:.8em;color:var(--muted);font-weight:700;display:flex;align-items:center;gap:.4em}.card-h a,.card-h button.lnk{font-size:.85em;color:var(--muted);font-weight:700}.card-h button.lnk:hover{color:#fff}
#quests{left:1.7%;top:78.6%;width:25.6%;height:19.2%;padding:.8% 1.2%}
#quests .head{display:flex;gap:1.2em;align-items:flex-start}#quests .head .ico{width:3.2em;height:3.2em;color:#ffd35a}#quests .head>div{flex:1}
.qrow{display:grid;grid-template-columns:1fr auto;gap:0 .8em;align-items:center;margin:.3em 0;padding:.3em .5em;border-radius:.6em;background:rgba(8,20,64,.55);border:1px solid rgba(110,150,240,.14)}
.qrow .t{display:flex;justify-content:space-between;font-size:1.05em}.qrow .t em{font-style:normal;color:#cfe0ff}.qrow .bar{grid-column:1}
.qrow .rw{grid-row:1/3;grid-column:2;display:flex;align-items:center;gap:.35em;background:#0a1745;border:1px solid var(--line);border-radius:.55em;padding:.2em .6em;font-weight:800;font-size:1.1em;min-width:4.6em;justify-content:center}.qrow .rw.ready{background:linear-gradient(180deg,#46e38a,#1fa65a);color:#00240f;border-color:#9dffc6;animation:pulse 1s infinite}.qrow .rw.done{opacity:.45}
.cn{display:inline-block;width:1.15em;height:1.15em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3a6,#ffc01f 55%,#c07a00);border:1px solid #a86500;flex:none}
.gm{display:inline-block;width:1.1em;height:1.1em;background:linear-gradient(135deg,#f3a8ff,#8a3dff 60%,#5a1fb8);clip-path:polygon(50% 0,100% 32%,82% 100%,18% 100%,0 32%);flex:none}
@keyframes pulse{50%{box-shadow:0 0 12px #46e38a}}
#bpass{left:28.3%;top:74%;width:27%;height:23.7%;padding:.8% 1.2%;background:linear-gradient(180deg,rgba(78,48,170,.9),rgba(38,26,110,.9));border-color:rgba(190,150,255,.5)}
#bpass .head{display:flex;gap:1em;align-items:center}#bpass .head .shield{width:3.4em;height:3.4em;flex:none;color:#ffcf4a}#bpass .head>div{flex:1}
#bpass .tm{margin-left:auto;display:flex;align-items:center;gap:.4em;background:rgba(10,15,50,.6);padding:.3em .7em;border-radius:.6em;font-size:1.05em;border:1px solid var(--line)}
.tiers{display:grid;grid-template-columns:repeat(5,1fr);gap:.55em;margin:.55em 0 .35em}
.tier{position:relative;aspect-ratio:1/1;border-radius:.6em;background:rgba(14,18,70,.8);border:2px solid rgba(130,120,220,.45);display:grid;place-items:center;overflow:hidden}
.tier img{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.tier b{position:absolute;left:.3em;top:.1em;font-size:1.05em;color:#d6ccff}
.tier.cur{border-color:#8cd2ff;box-shadow:0 0 12px #59b4ff;background:rgba(40,60,160,.8)}.tier.ready{border-color:var(--green);box-shadow:0 0 12px rgba(70,227,138,.7);animation:pulse 1s infinite}.tier.claimed{opacity:.5}.tier.claimed:after{content:"\2713";position:absolute;right:.3em;bottom:.1em;color:var(--green);font-size:1.4em}.tier.locked{filter:saturate(.6)}
.track{position:relative;height:.5em;background:rgba(8,12,50,.8);border-radius:6px;margin:.6em 2% .2em}.track i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#ffc928,#ff9a1f);border-radius:6px}
#featured{left:56.3%;top:74%;width:22.2%;height:23.7%;padding:.8% 1.2%}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7em;height:calc(100% - 2.1em)}
.fitem{position:relative;display:flex;flex-direction:column;border-radius:.7em;overflow:hidden;border:1px solid var(--line);background:rgba(8,20,64,.7);text-align:center}.fitem:hover{border-color:#fff}
.fitem .pic{flex:1;min-height:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(80,150,255,.45),rgba(10,25,80,.2))}.fitem .pic img{width:92%;height:92%;object-fit:contain}
.fitem .nm{font-size:1.02em;padding:.15em 0;color:#e8f0ff}.fitem .pr{display:flex;align-items:center;justify-content:center;gap:.4em;font-size:1.15em;font-weight:800;padding:.1em 0 .35em}.fitem .own{color:var(--green)}
#news{left:79.5%;top:70.7%;width:19.3%;height:26.5%;padding:.8% 1.2%;display:flex;flex-direction:column}
.boss{position:relative;flex:1;min-height:0;border-radius:.7em;background:center/cover #400;border:1px solid rgba(255,120,80,.5);text-align:left;overflow:hidden;margin-bottom:.45em}
.boss:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0) 40%,rgba(30,0,0,.75))}.boss div{position:absolute;right:.7em;bottom:.5em;text-align:right;font-size:1.05em}.boss b{display:block;font-size:1.35em;color:#fff;letter-spacing:.02em;text-shadow:0 2px 3px #000}
.nrow{display:flex;align-items:center;gap:.8em;padding:.45em .7em;margin-top:.3em;border-radius:.6em;background:rgba(8,20,64,.75);border:1px solid var(--line);font-size:1.1em;text-align:left;width:100%}.nrow:hover{border-color:#fff}.nrow .ico{width:2em;height:2em;color:#ffb133}.nrow span{flex:1}
/* pages */
#page{position:absolute;left:17%;top:12.5%;right:1.6%;bottom:2%;z-index:5;padding:1.4% 1.8%;display:flex;flex-direction:column;container-type:normal;font-size:max(11px,calc(min(1cqw,1.78cqh)*.9))}
#app{container-type:size}#page{--u:min(1cqw,1.78cqh)}
#page[hidden],#hud[hidden],#results[hidden],#toast[hidden],#loading[hidden]{display:none}
#page header{display:flex;align-items:center;gap:1em;margin-bottom:.8em}#page h1{margin:0;font-size:2em;font-weight:900;flex:1}#page .x{width:2.4em;height:2.4em;border-radius:.6em;background:#0a1745;border:1px solid var(--line);font-size:1.1em}.x:hover{background:var(--red)}
#pbody{flex:1;min-height:0;overflow:auto;padding-right:.4em}
.grid{display:grid;gap:.8em}.g2{grid-template-columns:repeat(auto-fill,minmax(15em,1fr))}.g3{grid-template-columns:repeat(auto-fill,minmax(11em,1fr))}
.box{background:rgba(8,20,64,.7);border:1px solid var(--line);border-radius:.8em;padding:.8em 1em}.box h3{margin:0 0 .3em;font-size:1.25em}.box p{margin:.2em 0;color:#cdddff;font-weight:500}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.45em 1em;border-radius:.6em;background:linear-gradient(180deg,#3d9aff,#1558d8);font-weight:800;border:1px solid rgba(255,255,255,.25);min-height:2.2em}.btn:hover{filter:brightness(1.12)}.btn.gold{background:linear-gradient(180deg,#ffe14d,#ffb300);color:#2b1a00}.btn.green{background:linear-gradient(180deg,#46e38a,#1fa65a);color:#00240f}.btn.gray{background:#27345f;opacity:.75}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.red{background:linear-gradient(180deg,#ff7b7b,#d93a3a)}
.row{display:flex;gap:.6em;align-items:center;flex-wrap:wrap}.sp{flex:1}.muted{color:var(--muted);font-weight:500}.ok{color:var(--green)}.bad{color:var(--red)}
table.lb{width:100%;border-collapse:collapse}table.lb td,table.lb th{padding:.4em .6em;border-bottom:1px solid rgba(120,160,255,.15);text-align:left}table.lb tr.me{background:rgba(70,140,255,.25)}
.stars{color:var(--gold);letter-spacing:.1em}.lock{opacity:.5}
.field{display:grid;grid-template-columns:1fr auto;gap:.2em .8em;align-items:center;margin:.4em 0}.field input[type=range]{grid-column:1/3;width:100%;accent-color:var(--blue2);min-height:1.6em}.field output{font-family:ui-monospace,Consolas,monospace;color:var(--gold)}
@media (max-width:860px){.labgrid{grid-template-columns:1fr!important}}
canvas.chart{width:100%;height:16em;background:#071238;border:1px solid var(--line);border-radius:.7em;display:block}
details{background:rgba(8,20,64,.75);border:1px solid var(--line);border-radius:.8em;padding:.5em 1em;margin:.7em 0}summary{cursor:pointer;font-weight:800}details p,details li{font-weight:500;color:#d4e2ff;line-height:1.45}code{background:#13255f;padding:0 .3em;border-radius:.3em}
.sw{width:2.4em;height:2.4em;border-radius:50%;border:2px solid #fff3;display:inline-block}.sw.on{border-color:#fff;box-shadow:0 0 10px #fff}
.chk td:nth-child(2){font-family:ui-monospace,Consolas,monospace}
/* HUD */
#hud{position:absolute;inset:0;z-index:4;pointer-events:none;font-size:max(11px,calc(min(1cqw,1.78cqh)*.95));--u:min(1cqw,1.78cqh)}
#hud .tl,#hud .tr{position:absolute;top:1.6%;display:flex;flex-direction:column;gap:.4em}#hud .tl{left:1.5%}#hud .tr{right:1.5%;align-items:flex-end}
.chip{background:rgba(8,18,56,.78);border:1px solid var(--line);border-radius:.7em;padding:.35em .8em;font-weight:800;backdrop-filter:blur(4px);font-size:1.1em}.chip b{color:var(--gold)}
#hud .bot{position:absolute;left:1.5%;right:1.5%;bottom:2%;display:flex;gap:1em;align-items:flex-end}
.meter{flex:1;max-width:26em}.meter .bar{height:1.2em}.meter label{font-size:1em;color:var(--muted);display:flex;justify-content:space-between}#hp>i{background:linear-gradient(90deg,#ff5a5a,#ffb04a 40%,#46e38a)}#tank>i{background:linear-gradient(90deg,#2a8cff,#7ff0ff)}#chg>i{background:linear-gradient(90deg,#ffe14d,#ff7a1a);transition:none}
#hud .ctl{pointer-events:auto;display:flex;gap:.5em}#hud .ctl button,#hud .wsel button{background:rgba(8,18,56,.85);border:1px solid var(--line);border-radius:.7em;padding:.5em .9em;font-weight:800;min-height:2.6em}#hud .wsel{pointer-events:auto;display:flex;gap:.4em}#hud .wsel button.on{background:linear-gradient(180deg,#3d9aff,#1558d8)}
#hud .mid{position:absolute;top:1.6%;left:50%;transform:translateX(-50%);text-align:center}#banner2{font-size:3.4em;font-weight:900;text-shadow:0 4px 10px #000;color:#fff;position:absolute;top:22%;left:0;right:0;text-align:center;animation:pop 1.6s both}
@keyframes pop{0%{transform:scale(.6);opacity:0}15%{transform:scale(1.1);opacity:1}80%{opacity:1}100%{opacity:0;transform:scale(1)}}
#bossbar{width:30em;max-width:60vw;margin-top:.3em}#bossbar .bar{height:1em}#bossbar>div>i{background:linear-gradient(90deg,#ff3b2a,#ffae33)}
#mobctl{display:none;pointer-events:auto;position:absolute;left:0;right:0;bottom:7.5em;justify-content:space-between;padding:0 3%}#mobctl button{width:4.4em;height:4.4em;border-radius:50%;background:rgba(8,18,56,.75);border:2px solid var(--line);font-size:1.3em;pointer-events:auto}
.ft{position:absolute;z-index:6;pointer-events:none;font-weight:900;font-size:1.3em;color:#fff;text-shadow:0 2px 3px #000,0 0 6px #09f;animation:fl 1s forwards;white-space:nowrap;transform:translate(-50%,-50%)}.ft.crit{color:#ffe14d;font-size:1.7em}.ft.coin{color:#ffd23a}
@keyframes fl{to{transform:translate(-50%,-190%);opacity:0}}
#results{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:rgba(5,10,35,.6)}#results .card{width:min(34em,92vw);max-height:92%;overflow:auto;padding:1.4em 1.6em;font-size:max(12px,1.2vw)}
#results h2{margin:0 0 .2em;font-size:2.3em;font-weight:900}.rs{display:grid;grid-template-columns:1fr auto;gap:.2em 1em;margin:.8em 0}.rs span:nth-child(even){text-align:right;font-weight:800;color:var(--gold)}
#toast{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);z-index:9;background:rgba(10,20,60,.95);border:1px solid var(--line);padding:.6em 1.2em;border-radius:.8em;font-weight:800;max-width:90%}
#loading{position:absolute;inset:0;z-index:20;background:radial-gradient(circle at 50% 40%,#2a62d8,#0a1744);display:grid;place-items:center;align-content:center;gap:1em;font-size:20px;text-align:center}#loading .bar{width:min(22em,70vw)}
#sciBtn{position:absolute;right:1.2%;top:.4%;z-index:6;font-size:11px;padding:.25em .7em;border-radius:1em;background:rgba(8,18,56,.7);border:1px solid var(--line);color:#cfe0ff}
body[data-view=play] #lobby,body[data-view=play] #sciBtn{display:none}
/* ---------- mobile / narrow ---------- */
@media (max-width:860px){
 html,body{overflow:auto;height:auto}#app{height:auto;min-height:100vh;overflow:visible;container-type:normal;display:flex;flex-direction:column}
 #stage{position:fixed;inset:0;height:100vh;height:100dvh;z-index:0}
 #lobby{position:relative;inset:auto;container-type:normal;--u:4.2vw;font-size:13px;display:flex;flex-direction:column;gap:10px;padding:10px;padding-top:46vh;padding-top:46dvh;pointer-events:none;z-index:1}#lobby>*{pointer-events:auto}
 #lobby>*{position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important}
 #logo{transform:none;flex-direction:row;gap:.4em;justify-content:center;order:0}#logo span{font-size:30px!important}
 #topnav{order:1;overflow-x:auto;padding:4px}#topnav button{min-width:72px;padding:6px 4px}#topnav .ico{width:24px!important;height:24px!important}
 #profile{order:2}#currency{order:2;justify-content:space-between}#profile img{height:46px}
 #banner{order:3;height:210px!important}#banner h2{font-size:30px}#banner small{font-size:15px}#banner p{max-width:80%;font-size:12px}.cta{font-size:16px}
 #modes{order:4;height:130px!important}.mode b{font-size:13px}.mode span{font-size:10px}
 #side{order:5;flex-direction:row;overflow-x:auto;gap:6px}#side button{min-width:122px;min-height:42px;font-size:13px}
 #quests{order:6}#bpass{order:7}#featured{order:8}#featured .fgrid{height:150px}#news{order:9;min-height:190px}
 .tiers{gap:4px}.boss{min-height:120px}
 #page{position:fixed;left:0;right:0;top:0;bottom:0;border-radius:0;z-index:30;padding:12px;font-size:13px}#hud{position:fixed;font-size:12px}
 body[data-view=play]{overflow:hidden}
 #mobctl{display:flex}
 #hud .bot{flex-wrap:wrap;bottom:1%}.meter{max-width:none}
 #sciBtn{position:fixed;top:4px;right:4px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

body.embed-mode #app{height:100vh;height:100dvh}
@media (max-width:860px){body.embed-mode #app{height:auto;min-height:100dvh}}