:root{--ink:#12101d;--gold:#ffd23a;--pink:#ff3df2;--cyan:#7ffcff;font-family:Trebuchet MS,Arial Black,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{color:#fff;overscroll-behavior:none;touch-action:none;background:#050816;height:100%;margin:0;overflow:hidden}#c{touch-action:none;width:100%;height:100%;image-rendering:pixelated;display:block;position:fixed;inset:0}#safe{padding-top:env(safe-area-inset-top);visibility:hidden;width:0;height:0;position:fixed;top:0;left:0}.hidden{display:none!important}.screen{background:#050816;position:fixed;inset:0}a{color:var(--cyan)}.btn{letter-spacing:.06em;text-transform:uppercase;color:#2a1600;border:3px solid var(--ink);box-shadow:0 5px 0 #8a5400,0 5px 0 3px var(--ink),0 12px 24px #0008;cursor:pointer;background:linear-gradient(#ffe36a,#ffb21a);border-radius:12px;min-width:200px;margin:7px 0;padding:14px 26px;font:900 20px/1 Trebuchet MS,Arial Black,system-ui,sans-serif;transition:transform 80ms}.btn:active{box-shadow:0 1px 0 #8a5400,0 1px 0 3px var(--ink);transform:translateY(4px)}.btn.alt{color:#0b0a2a;box-shadow:0 5px 0 #2a2f8a,0 5px 0 3px var(--ink),0 12px 24px #0008;background:linear-gradient(#8fa0ff,#5a63e8)}.btn.big{padding:18px 50px;font-size:30px;animation:1.2s infinite pulse}.btn.sm{min-width:0;margin:4px 3px;padding:10px 14px;font-size:14px}.btn:disabled{opacity:.5}@keyframes pulse{50%{transform:scale(1.06)}}.tile{color:#fff;cursor:pointer;text-align:center;background:#33297f;border:2px solid #9a91f0;border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:3px;width:80px;padding:8px 4px 7px;font:800 13px/1.1 system-ui;display:flex}.tile img{width:30px;height:30px;image-rendering:pixelated}.tile small{color:#d6d1ff;letter-spacing:.02em;font:700 10px/1.1 system-ui}.tile.on{background:var(--gold);color:#2a1600;border-color:#fff;box-shadow:0 0 14px #ffd23a88}.tile.on small{color:#5a3a00}.tile.locked{color:#e6e2ff;background:#17133a;border:2px dashed #6a62b8}.tile.locked img{opacity:.7}.tile.locked small{color:var(--gold);font-weight:900}.chips{padding-right:10px;-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000);mask-image:linear-gradient(90deg,#000 90%,#0000)}.opts.lock .opt{pointer-events:none;opacity:.4;filter:saturate(.4)}.opts .opt{transition:opacity .25s,filter .25s}.chips .chip,.chip{letter-spacing:.05em;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2a2260cc;border:2px solid #fff4;border-radius:999px;flex:none;padding:9px 14px;font:800 13px/1 system-ui,sans-serif}.chip.on{background:var(--gold);color:#2a1600;border-color:var(--ink)}.chip.locked{opacity:.7;border-style:dashed}.cog{color:#fff;cursor:pointer;background:#1b1535cc;border:2px solid #fff5;border-radius:50%;width:42px;height:42px;padding:0;font:700 20px/1 system-ui}.tbg{background:#1a0a2e;position:absolute;inset:0;overflow:hidden}.tbg:before{content:"";filter:blur(26px)brightness(.55);background:url(/skeleton-slither/art/title.webp) 50%/cover;position:absolute;inset:-6%}.tbg:after{content:"";background:url(/skeleton-slither/art/title.webp) 50% 38%/auto 112% no-repeat;animation:16s ease-in-out infinite alternate drift;position:absolute;inset:0}@keyframes drift{0%{transform:scale(1)}to{transform:scale(1.035)translateY(-.6%)}}.tcontent{padding:calc(5vh + env(safe-area-inset-top)) 20px calc(4vh + env(safe-area-inset-bottom));text-align:center;background:linear-gradient(#0b061899 0,#0000 38% 58%,#0b0618ee 100%);flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}#title .cog{top:calc(12px + env(safe-area-inset-top));z-index:3;position:absolute;right:12px}.logo{flex-direction:column;margin-bottom:12px;font:900 clamp(46px,14vw,110px)/.86 Arial Black,Trebuchet MS,sans-serif;display:flex;transform:rotate(-3deg)}.logo span{background:linear-gradient(#fff 0 30%,#9dffb0 30% 55%,#00b86b 55%);color:#0000;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;filter:drop-shadow(0 6px 0 var(--ink)) drop-shadow(0 0 22px #00ff9d88);-webkit-background-clip:text;background-clip:text}.logo span:last-child{margin-left:.9em}.tag{color:#fff;text-shadow:0 2px 6px #000;margin:6px 0 12px;font:800 16px/1.3 system-ui}.by{color:#cdc6ff;margin-top:12px;font:600 12px/1.5 system-ui}.trow{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.tbot{flex-direction:column;align-items:center;display:flex}header.top{padding:calc(10px + env(safe-area-inset-top)) 14px 10px;z-index:2;background:linear-gradient(#0b0618ee,#0000);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}header.top b{letter-spacing:.2em;font:900 15px system-ui}#select{background:radial-gradient(#1a1840,#050816);overflow:hidden}.missions{top:calc(54px + env(safe-area-inset-top));color:#e8e4ff;z-index:1;font:700 11px/1.5 system-ui;position:absolute;left:14px;right:14px}.missions small{letter-spacing:.14em;color:#cdc6ff;font:900 10px system-ui;display:block}.missions .done{color:#8dff9a}.missions b{color:var(--gold);float:right}.note div{margin:3px 0}.note .good{color:#8dff9a}.crypts{top:calc(122px + env(safe-area-inset-top));touch-action:pan-y;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:10px;padding:6px 12px;display:grid;position:absolute;bottom:min(330px,46vh);left:0;right:0;overflow:auto}.cr{border:3px solid var(--ink);cursor:pointer;text-align:left;color:#fff;background:#1b1535 50%/cover;border-radius:14px;height:96px;padding:0;position:relative;overflow:hidden}.cr:after{content:"";background:linear-gradient(#0000 25%,#0b0618ee);position:absolute;inset:0}.cr b{z-index:1;text-shadow:0 2px 0 var(--ink);font:900 14px system-ui;position:absolute;bottom:22px;left:8px}.cr small{white-space:nowrap;text-overflow:ellipsis;z-index:1;color:#cdc6ff;font:700 11px system-ui;position:absolute;bottom:6px;left:8px;right:8px;overflow:hidden}.cr.sel{outline:3px solid var(--gold);outline-offset:2px}.cr.lock{filter:grayscale(.8)brightness(.6);cursor:default}.cr.pay{filter:none}.cr.pay:before{content:"£";z-index:2;background:#c23ad8;border-radius:999px;place-items:center;width:26px;height:26px;font:900 16px system-ui;display:grid;position:absolute;top:6px;right:8px}.cr .st{z-index:1;color:var(--gold);font:900 12px system-ui;position:absolute;bottom:6px;right:8px}.loadout{padding:10px 14px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#0b0618f5 14%);flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.lrow{width:100%;max-width:560px}.lrow small{letter-spacing:.14em;color:#cdc6ff;margin-bottom:3px;font:800 10px system-ui;display:block}.chips{scrollbar-width:none;flex-wrap:nowrap;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.loadout .btn{margin:2px 0 0}.relics{gap:8px;display:flex}.rslot{color:#8a85a8;cursor:pointer;background:#0b0618;border:2px dashed #fff5;border-radius:8px;place-items:center;width:48px;height:64px;padding:0;font:900 22px system-ui;display:grid;position:relative;overflow:hidden}.rslot img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.rslot.has{border-style:solid;border-color:var(--gold)}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}#hud>*{pointer-events:none}#hud button{pointer-events:auto}.bars{top:calc(8px + env(safe-area-inset-top));flex-direction:column;gap:3px;display:flex;position:absolute;left:10px;right:10px}.bar{border:2px solid var(--ink);background:#12101dcc;border-radius:8px;height:12px;position:relative;overflow:hidden}.bar i{width:100%;transition:width .12s;position:absolute;top:0;bottom:0;left:0}.bar.hp i{background:linear-gradient(#ff7a8a,#e0304a)}.bar.xp{height:8px}.bar.xp i{background:linear-gradient(#7ffcff,#3a8cff)}.bar span{text-align:center;color:#fff;text-shadow:0 1px #000;font:900 9px/9px system-ui;position:absolute;inset:0}.info{top:calc(48px + env(safe-area-inset-top));text-shadow:0 2px 0 var(--ink);justify-content:space-between;font:900 14px system-ui;display:flex;position:absolute;left:10px;right:10px}.info #time{color:var(--cyan);font-size:18px}.wrow{top:calc(74px + env(safe-area-inset-top));flex-wrap:wrap;gap:4px;max-width:60%;display:flex;position:absolute;left:10px}.wi{background:#12101dcc;border:2px solid #fff5;border-radius:6px;width:26px;height:26px;position:relative}.wi img{width:100%;height:100%;image-rendering:pixelated;display:block}.wi.p{border-color:#5fe08a88}.wi b{color:var(--gold);text-shadow:0 1px #000;font:900 9px system-ui;position:absolute;bottom:-4px;right:-3px}.bossbar{top:calc(150px + env(safe-area-inset-top));text-align:center;width:78%;position:absolute;left:50%;transform:translate(-50%)}.bossbar small{letter-spacing:.14em;color:#ff9be8;text-shadow:0 1px #000;font:900 11px system-ui}.bossbar div{border:2px solid var(--ink);background:#12101dcc;border-radius:8px;height:9px;overflow:hidden}.bossbar i{background:linear-gradient(#ff7ab8,#e0306a);height:100%;display:block}.drop{right:16px;bottom:calc(26px + env(safe-area-inset-bottom));border:4px solid var(--ink);color:#fff;opacity:.55;background:radial-gradient(#7ffcff,#2a6ef0);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:84px;height:84px;padding:0;font:900 15px system-ui;display:flex;position:absolute;box-shadow:0 5px #12307a,0 0 22px #7ffcff88}.drop.ready{opacity:1;animation:.5s infinite pulse}.drop span{letter-spacing:2px;color:#ffe033;font-size:12px}.pbtn{right:10px;top:calc(98px + env(safe-area-inset-top));color:#fff;letter-spacing:2px;opacity:.7;background:#1b1535aa;border:2px solid #fff5;border-radius:50%;width:38px;height:38px;font:900 14px system-ui;position:absolute}.stick{background:#ffffff14;border:3px solid #fff5;border-radius:50%;width:96px;height:96px;margin:-48px 0 0 -48px;position:fixed}.stick i{background:#fff6;border:2px solid #fff;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%}.coach{left:12px;right:12px;bottom:calc(130px + env(safe-area-inset-bottom));text-align:center;color:#fff;text-shadow:0 2px #000;opacity:0;background:#0b0618bb;border-radius:12px;max-width:400px;margin:0 auto;padding:8px 10px;font:800 14px/1.4 system-ui;transition:all .4s;position:absolute}.coach.on{opacity:1}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;background:#050816cc;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.card{border:3px solid var(--ink);text-align:center;background:linear-gradient(#2a2260,#1b1535);border-radius:18px;flex-direction:column;align-items:center;width:min(380px,100%);max-height:92vh;padding:20px;display:flex;box-shadow:0 0 0 3px #fff3,0 20px 50px #000a}.card.wide{width:min(440px,100%)}.card.scroll{overflow:auto}.card h2{letter-spacing:.06em;color:var(--gold);text-shadow:0 3px 0 var(--ink);margin:0 0 10px;font:900 28px Arial Black,system-ui}.card .btn{width:100%}.row{gap:10px;margin-top:8px;display:flex}.opts{flex-direction:column;gap:10px;width:100%;display:flex}.opt{text-align:left;color:#fff;cursor:pointer;background:#0b0618;border:3px solid #fff3;border-radius:14px;align-items:center;gap:12px;width:100%;padding:10px 12px;font:600 13px/1.35 system-ui;display:flex}.opt:active{border-color:var(--gold)}.opt img{width:44px;height:44px;image-rendering:pixelated;flex:none}.opt b{color:var(--gold);font:900 15px system-ui;display:block}.opt em{color:#9aff9a;letter-spacing:.1em;font-size:11px;font-style:normal}.opt.w{border-color:#7ffcff66}.opt.p{border-color:#5fe08a66}.stats{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-bottom:10px;display:grid}.stats div{background:#0b0618;border-radius:10px;padding:8px}.stats small{color:#cdc6ff;letter-spacing:.1em;font:700 10px system-ui;display:block}.stats b{font:900 20px system-ui}.shoplist{text-align:left;flex-direction:column;gap:8px;width:100%;margin:6px 0 10px;display:flex}.si{background:#0b0618;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font:600 12px/1.3 system-ui;display:flex}.si div{flex:1}.si b{color:var(--gold);font:900 14px system-ui;display:block}.si button{background:var(--gold);color:#2a1600;border:2px solid var(--ink);cursor:pointer;border-radius:10px;min-width:74px;padding:8px 10px;font:900 13px system-ui}.si button:disabled{opacity:.45}.si .pips{letter-spacing:2px;color:#8dff9a}.shoph{letter-spacing:.14em;color:#cdc6ff;margin:6px 0 0;font:900 11px system-ui}#toast{left:50%;top:calc(14px + env(safe-area-inset-top));color:#fff;opacity:0;z-index:60;text-align:center;pointer-events:none;background:#1b1535f2;border:2px solid #7ffcff88;border-radius:12px;max-width:92vw;padding:10px 16px;font:700 13px system-ui;transition:all .3s;position:fixed;transform:translate(-50%,-30px)}#toast.on{opacity:1;transform:translate(-50%)}.sect{width:100%;margin:12px 0 4px}.sync{color:#cdc6ff;margin-top:10px;font:600 12px/1.4 system-ui}.sync div{justify-content:center;align-items:center;gap:14px;margin-top:8px;display:flex}.sync b{color:#fff;min-width:80px;font-size:16px}#unlock,#daily,#picker{z-index:40}#settings{z-index:30}.hc{width:var(--w);aspect-ratio:720/968;border-radius:calc(var(--w)*.07);background:#0b0618;border:3px solid #12101d;flex:none;position:relative;overflow:hidden;box-shadow:0 6px 18px #000a}.hc .plate em{font:700 calc(var(--w)*.05) system-ui;color:#ff9be8;font-style:normal;display:block}.hc.r-mythic{border-color:#ff4fd8;box-shadow:0 0 22px #ff4fd8cc}.cw{cursor:pointer;background:0 0;border:0;padding:0;position:relative}.cw.eq:after{content:"EQUIPPED";text-align:center;background:var(--gold);color:#2a1600;font:900 10px system-ui;position:absolute;top:4px;left:0;right:0}@keyframes cardpop{0%{opacity:0;transform:scale(.2)rotate(-12deg)}to{opacity:1;transform:none}}#loading{z-index:20;letter-spacing:.3em;background:#050816;place-items:center;font:900 20px system-ui;display:grid;position:fixed;inset:0}.mana{bottom:calc(16px + env(safe-area-inset-bottom));letter-spacing:.12em;color:#7a8a99;text-shadow:0 2px 0 var(--ink);white-space:nowrap;font:900 13px system-ui;position:absolute;left:50%;transform:translate(-50%)}.mana.ready{color:#8dffb0}.army{bottom:calc(16px + env(safe-area-inset-bottom));letter-spacing:.1em;color:#8dffb0;text-shadow:0 2px 0 var(--ink);font:900 12px system-ui;position:absolute;left:14px}.groove{top:calc(76px + env(safe-area-inset-top));text-align:right;letter-spacing:.14em;text-shadow:0 2px 0 var(--ink),0 0 14px currentColor;font:900 16px system-ui;position:absolute;right:14px}.opt.e{border-color:#ff4fd8;animation:1s infinite pulse;box-shadow:0 0 18px #ff4fd899}.opt.e em{color:#ff9be8}#unlock,#daily,#reveal{z-index:40}#reveal{z-index:50}.note{color:#cdc6ff;margin:6px 0;font:600 13px/1.4 system-ui}.note.good{color:#8dff9a}.note.warn{color:#ffb3c1}.perks{text-align:left;color:#e8e4ff;width:100%;margin:6px 0 10px;padding:0;font:600 13px/1.4 system-ui;list-style:none}.perks li{padding:4px 0 4px 20px;position:relative}.perks li:before{content:"★";color:var(--gold);position:absolute;left:0}.price{color:var(--gold);margin:4px 0;font:900 34px system-ui}.price s{color:#8a85a8;font-size:20px}.card input{color:#fff;background:#0b0618;border:2px solid #fff4;border-radius:10px;width:100%;margin:6px 0;padding:12px;font:600 15px system-ui}.redeem{width:100%;margin-top:8px}.dstage{background:#0b0618;border-radius:12px;width:100%;margin:6px 0;padding:10px}.dstage b{color:var(--gold);font:900 20px system-ui;display:block}.dstage span{color:#cdc6ff;font:700 12px system-ui}.dstats{grid-auto-flow:column;gap:8px;width:100%;margin:6px 0;display:grid}.dstats div{background:#0b0618;border-radius:10px;padding:8px 4px}.dstats small{color:#cdc6ff;letter-spacing:.08em;font:700 10px system-ui;display:block}.dstats b{font:900 18px system-ui}.tabs{gap:6px;margin:10px 0 4px;display:flex}.tabs .chip.on{background:var(--gold);color:#2a1600}.board{text-align:left;width:100%;margin-bottom:8px;font:600 13px system-ui}.board div{border-radius:8px;align-items:center;gap:8px;padding:5px 6px;display:flex}.board div.me{background:#ffd23a33}.board b{font-family:ui-monospace,monospace}.hc{width:var(--w);aspect-ratio:720/968;border-radius:calc(var(--w)*.07);transform:perspective(600px) rotateX(var(--rx,0)) rotateY(var(--ry,0));background:#0b0618;border:3px solid #12101d;flex:none;transition:transform .12s;position:relative;overflow:hidden;box-shadow:0 6px 18px #000a}.hc img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hc .foil{background:linear-gradient(115deg,transparent 30%,#fff4 var(--mx,50%),transparent 70%);mix-blend-mode:overlay;pointer-events:none;position:absolute;inset:0}.hc .plate{padding:calc(var(--w)*.03) calc(var(--w)*.05);color:#fff;text-align:left;background:linear-gradient(#0000,#0b0618e8 28%);position:absolute;bottom:0;left:0;right:0}.hc .plate small{font:800 calc(var(--w)*.045) system-ui;letter-spacing:.06em;color:var(--gold);display:block}.hc .plate b{font:900 calc(var(--w)*.08)/1.1 system-ui;display:block}.hc .plate em{font:700 calc(var(--w)*.05) system-ui;color:#ff9be8;margin-top:1px;font-style:normal;display:block}.hc .st{margin-top:calc(var(--w)*.02);font:800 calc(var(--w)*.048) system-ui;justify-content:space-between;display:flex}.hc .cnt{color:#fff;font:900 calc(var(--w)*.06) system-ui;background:#12101d;border-radius:999px;padding:1px 6px;text-decoration:none;position:absolute;top:4px;right:6px}.hc.r-epic{border-color:#a855f7;box-shadow:0 0 14px #a855f788}.hc.r-legendary{border-color:#ffb02e;box-shadow:0 0 18px #ffb02ebb}.hc.r-mythic{border-color:#ff4fd8;animation:2s infinite alternate glow;box-shadow:0 0 22px #ff4fd8cc}@keyframes glow{to{box-shadow:0 0 30px #7ffcffcc}}.hc.miss{background:#1b1535}.hc.miss .q{font:900 calc(var(--w)*.4) system-ui;color:#3a3560;place-items:center;display:grid;position:absolute;inset:0}.hc.miss .plate{background:0 0}.hc.miss .plate b{font-size:calc(var(--w)*.07);color:#7a74a8}.hc.miss .plate span{font:700 calc(var(--w)*.06) system-ui;color:#5a5480}#cards{background:radial-gradient(#1a1840,#050816);padding-top:64px;overflow:auto}.cgrid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));justify-items:center;gap:12px;max-width:640px;margin:0 auto;padding:8px 14px 20px;display:grid}.cnote{color:#cdc6ff;text-align:center;padding:0 24px calc(24px + env(safe-area-inset-bottom));max-width:520px;margin:0 auto;font:600 12px/1.4 system-ui}.rv{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:380px;display:flex}.rv h2{color:var(--gold);text-shadow:0 3px 0 var(--ink);margin:0;font:900 30px Arial Black,system-ui}.rv .why{letter-spacing:.2em;color:var(--cyan);font:800 12px system-ui}.rv .how{color:#e8e4ff;margin:2px 0 8px;font:600 14px/1.4 system-ui}.rv.pop .rvcard{animation:.7s cubic-bezier(.2,1.4,.4,1) cardpop}.board i{color:#8a85a8;width:22px;font-style:normal}.board span{flex:1}.board em{color:#8a85a8;font-size:11px;font-style:normal}.dstage{margin:6px 0}.pgrid{grid-template-columns:repeat(3,1fr);justify-items:center;gap:8px;width:100%;max-height:52vh;margin:8px 0;display:grid;overflow:auto}.pc{cursor:pointer;background:0 0;border:0;border-radius:12px;padding:3px}.pc.on{outline:3px solid var(--gold)}.cw{cursor:pointer;background:0 0;border:0;padding:0}.zones{left:0;right:0;bottom:calc(120px + env(safe-area-inset-bottom));pointer-events:none;z-index:3;justify-content:space-between;padding:0 18px;transition:opacity 1.2s;display:flex;position:absolute}.zones.fade{opacity:0}.zones .zl,.zones .zr{text-align:center;letter-spacing:.06em;color:#fff;background:#0b0618aa;border:2px dashed #fff6;border-radius:16px;width:44%;padding:10px 6px;font:800 12px/1.35 system-ui}.zones b{color:var(--gold);margin-bottom:2px;font:900 24px system-ui;display:block}.zones em{color:#7ffcff;font-size:10px;font-style:normal}.zones .za{text-align:center;letter-spacing:.06em;color:#fff;background:#0b0618aa;border:2px dashed #fff6;border-radius:16px;width:100%;padding:10px 6px;font:800 12px/1.35 system-ui;display:none}.zones.auto .zl,.zones.auto .zr{display:none}.zones.auto .za{display:block}.bar.stam{background:#0b1020cc;height:7px;margin-top:2px}.bar.stam i{background:linear-gradient(#7ffcff,#2a8fd0)}.bar.stam.low i{background:#ff6a6a}.stick.sprint{background:#ff9b3a22;border-color:#ff9b3a}.dp{top:calc(10px + env(safe-area-inset-top));color:#fff;letter-spacing:.08em;text-shadow:0 2px #12101d;width:36%;font:900 13px system-ui;position:absolute}.dp.l{left:12px}.dp.r{text-align:right;right:12px}.dp .bar{height:12px;margin:3px 0}.dp small{color:#cdc6ff;font:800 11px system-ui}.dp.l b{color:#ff8a3a}.dp.r b{color:#7ffcff}.dmid{top:calc(8px + env(safe-area-inset-top));text-align:center;position:absolute;left:50%;transform:translate(-50%)}#dtime{color:#fff;text-shadow:0 2px #12101d;font:900 24px system-ui}#dtime.hot{color:#ff6a6a}#dzone{color:#ff9b9b;letter-spacing:.1em;min-height:12px;font:900 10px system-ui;display:block}.dmid .pbtn{width:40px;height:40px;margin-top:4px;position:static}.dhelp{left:12px;right:12px;bottom:calc(20px + env(safe-area-inset-bottom));color:#fff;pointer-events:none;justify-content:space-between;gap:10px;font:800 12px/1.35 system-ui;transition:opacity 1s;display:flex;position:absolute}.dhelp div{text-align:center;background:#0b0618aa;border:2px dashed #fff6;border-radius:14px;width:46%;padding:8px 4px}.dhelp.fade{opacity:0}.zones .zk,.zones.kb .zl,.zones.kb .zr{display:none}.zones.kb .zk{color:#fff;background:#0b0618aa;border-radius:12px;margin:0 auto;padding:8px 12px;font:700 12px system-ui;display:block}.roomcode{letter-spacing:.18em;color:var(--gold);text-shadow:0 3px 0 var(--ink);margin:2px 0 8px;font:900 44px/1.1 Arial Black,system-ui}#lobby .card{max-height:92vh;overflow:auto}#lobby .row .btn{flex:1 1 0;width:auto;min-width:0;padding:12px 4px;font-size:15px}#lobby .tabs{margin-top:10px}#lbLink{text-align:center;font-size:12px}.card .board .me{color:var(--gold)}