:root{--navy: #1b2a4a;--ink: #22223b;--yellow: #ffd166;--pink: #ef476f;--teal: #2ec4b6;--purple: #9b5de5;--orange: #f78c2b;--cream: #fff8e7;--font: "Fredoka", "Baloo 2", ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Nunito", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#16213e;font-family:var(--font);color:#fff;user-select:none;-webkit-user-select:none}canvas#c{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}.hidden{display:none!important}kbd{background:#ffffff29;border-radius:6px;padding:1px 6px;font-family:var(--font);font-size:.9em;border-bottom:2px solid rgba(0,0,0,.3)}.dim{opacity:.7}.tiny{font-size:12px;letter-spacing:.08em}.row{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.btn{font-family:var(--font);font-weight:700;font-size:17px;color:var(--ink);border:0;border-radius:16px;padding:12px 18px;cursor:pointer;background:#fff;box-shadow:0 5px #00000047;transition:transform .06s,box-shadow .06s,filter .1s}.btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn:active{transform:translateY(4px);box-shadow:0 1px #00000047}.btn:disabled{filter:grayscale(.7) brightness(.8);cursor:not-allowed}.btn.big{font-size:26px;padding:16px 28px;width:100%;letter-spacing:.04em}.btn.small{font-size:14px;padding:8px 12px;border-radius:12px}.btn.tiny{font-size:16px;padding:2px 11px;border-radius:10px;box-shadow:0 3px #00000047}.btn.yellow{background:var(--yellow)}.btn.teal{background:var(--teal);color:#fff}.btn.pink{background:var(--pink);color:#fff}#boot{position:fixed;inset:0;z-index:50;background:radial-gradient(ellipse at center,#2a2f6a,#141832);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .5s}#boot.done{opacity:0;pointer-events:none}.bootLogo{font-size:64px;font-weight:700;color:var(--yellow);text-shadow:0 6px 0 rgba(0,0,0,.35);letter-spacing:.03em}.bootBar{width:240px;height:10px;border-radius:6px;background:#ffffff26;overflow:hidden}.bootBar i{display:block;height:100%;width:40%;border-radius:6px;background:var(--pink);animation:boot 1s ease-in-out infinite alternate}@keyframes boot{0%{transform:translate(-60%)}to{transform:translate(210%)}}.bootMsg{opacity:.7}#vig{position:fixed;inset:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,transparent 55%,rgba(12,10,40,.42) 100%)}.overlay{background:#141832b8}@keyframes slideL{0%{transform:translate(-40px);opacity:0}}@keyframes slideR{0%{transform:translate(40px);opacity:0}}.logo{margin:0;font-size:clamp(54px,7.4vw,112px);line-height:.86;font-weight:700;letter-spacing:.01em;display:flex;flex-direction:column;align-items:flex-start}.logo span{display:inline-block;text-shadow:0 .07em 0 var(--ink),0 .14em .3em rgba(0,0,0,.45);-webkit-text-stroke:.035em var(--ink);paint-order:stroke fill}.logo .l1{color:var(--yellow);transform:rotate(-4deg);animation:wob 3s ease-in-out infinite}.logo .l2{color:var(--pink);transform:rotate(-2deg);margin-left:.35em;animation:wob 3s ease-in-out infinite reverse}@keyframes wob{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-6px)}}.goo{display:inline-block;position:relative;width:.74em;height:.74em;margin:0 .03em;border-radius:50%;background:#fff;border:.055em solid var(--ink);vertical-align:-.04em;box-shadow:0 .07em 0 var(--ink)}.goo b{position:absolute;width:44%;height:44%;border-radius:50%;background:var(--ink);left:28%;top:28%;animation:look 5s ease-in-out infinite}@keyframes look{0%,18%{transform:translate(-45%,10%)}24%,46%{transform:translate(50%,-20%)}52%,70%{transform:translate(10%,50%)}76%,to{transform:translate(-45%,10%)}}.tagline{font-size:clamp(18px,1.9vw,26px);font-weight:600;text-shadow:0 2px 0 var(--ink)}.feats{display:grid;gap:8px;margin-top:6px}.feat{display:flex;gap:12px;align-items:center;background:#14163cb8;border:2px solid rgba(255,255,255,.22);border-radius:16px;padding:10px 14px}.feat b{display:block;font-size:17px}.feat span{font-size:14px;opacity:.85;line-height:1.25;display:block}.fi{flex:0 0 38px;height:38px;border-radius:12px;border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink)}.f1{background:var(--yellow);border-radius:50% 50% 46% 46%}.f2{background:var(--pink);transform:rotate(45deg) scale(.82)}.f3{background:var(--purple);border-radius:50%}#online{font-weight:600;color:#7ff5e6;min-height:22px;text-shadow:0 2px 0 var(--ink)}.menuCard{width:min(430px,94vw);background:#181c46e6;border:4px solid #fff;border-radius:30px;padding:22px 24px 18px;box-shadow:0 12px #0000004d,0 30px 80px #00000080;display:flex;flex-direction:column;gap:12px;text-align:center}.menuCard.small{width:min(460px,94vw)}.menuCard h2{margin:0;font-size:30px}.row.split{flex-wrap:nowrap}.row.split>.btn{flex:1;white-space:nowrap}.joinBox{display:flex;gap:6px;flex:1}.joinBox input{width:84px;text-transform:uppercase;letter-spacing:.15em;padding:10px 4px}#quickBtn{animation:cta 1.6s ease-in-out infinite}@keyframes cta{0%,to{box-shadow:0 5px #00000047,0 0 #ffd16699}50%{box-shadow:0 5px #00000047,0 0 0 12px #ffd16600}}#menuError{color:#ffb3c1;min-height:20px;font-weight:600}.lvl{display:flex;gap:10px;align-items:center;text-align:left}.lvlBadge{flex:0 0 44px;height:44px;border-radius:14px;background:var(--yellow);color:var(--ink);font-weight:700;font-size:22px;display:flex;align-items:center;justify-content:center;border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);transform:rotate(-5deg)}.lvlMid{flex:1}.lvlTop{display:flex;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:.1em;opacity:.85}.lvlBar{height:10px;background:#0006;border-radius:6px;overflow:hidden;margin-top:4px}.lvlBar i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--yellow))}.custom{background:#0000003d;border-radius:16px;padding:10px 12px;display:grid;gap:8px}.swatches{display:flex;gap:7px;justify-content:center}.sw{width:30px;height:30px;border-radius:50%;border:3px solid rgba(255,255,255,.35);cursor:pointer;transition:transform .1s}.sw:hover{transform:scale(1.12)}.sw.on{border-color:#fff;transform:scale(1.18);box-shadow:0 0 0 3px var(--ink)}.hats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.hat{font-family:var(--font);font-weight:600;font-size:13px;padding:6px 4px;border-radius:10px;border:2px solid transparent;background:#ffffff24;color:#fff;cursor:pointer}.hat.on{background:var(--teal);border-color:#fff}.hat:disabled{opacity:.45;cursor:not-allowed}.keys{font-size:13px;opacity:.8;line-height:1.9}.sliders{display:grid;gap:8px;text-align:left;font-size:15px;font-weight:600}.sliders label{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:10px}.sliders input{accent-color:var(--yellow);width:100%}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}#hud .panel,#hud button{pointer-events:auto}#top{position:absolute;top:12px;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:0 16px;gap:12px}#phaseBox{background:#1b2a4adb;border:3px solid #fff;border-radius:18px;padding:6px 22px 8px;text-align:center;min-width:170px;box-shadow:0 5px #00000040}#phaseLabel{font-size:13px;font-weight:700;letter-spacing:.16em;color:var(--yellow)}#timer{font-size:34px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}#phaseBox.panic{background:var(--pink);animation:pulse .5s ease-in-out infinite alternate}#phaseBox.panic #phaseLabel{color:#fff}@keyframes pulse{to{transform:scale(1.07)}}#counts{justify-self:end;display:flex;gap:8px}.chip{background:#1b2a4adb;border-radius:14px;padding:7px 14px;font-weight:600;font-size:16px;border:2px solid rgba(255,255,255,.5)}.chip b{color:var(--yellow);font-size:20px}#chaosWrap{justify-self:start;background:#1b2a4adb;border-radius:14px;padding:6px 12px 8px;border:2px solid rgba(255,255,255,.5);width:190px}#chaosWrap span{font-size:11px;font-weight:700;letter-spacing:.2em;color:#c8a8ff}#chaosBar{height:10px;background:#0006;border-radius:6px;overflow:hidden}#chaosBar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#9b5de5,#f15bb5,#fee440);transition:width .25s}#chaosWrap.hot{animation:pulse .4s ease-in-out infinite alternate}#netStat{position:absolute;top:8px;right:12px;z-index:5;display:flex;align-items:center;gap:6px;padding:3px 9px;border-radius:10px;background:#0a0e1e8c;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;--net: #3ddc6a}#netStat.ok{--net: #a6e04a}#netStat.meh{--net: #ffc531}#netStat.bad,#netStat.dead{--net: #ff4d4d}#netStat.dead{animation:netBlink .8s steps(2) infinite}@keyframes netBlink{50%{opacity:.45}}#netStat .bars{display:flex;align-items:flex-end;gap:2px;height:13px}#netStat .bars i{width:3px;border-radius:1px;background:#ffffff38}#netStat .bars i:nth-child(1){height:25%}#netStat .bars i:nth-child(2){height:50%}#netStat .bars i:nth-child(3){height:75%}#netStat .bars i:nth-child(4){height:100%}#netStat .bars i.on{background:var(--net)}#netMs{color:var(--net)}#netLoss{color:#ff8a8a}#netLoss:empty{display:none}#netFps{opacity:.7;font-weight:600}#netFps.low{color:#ff8a8a;opacity:1}body.touch #netStat{right:66px;top:14px}#feed{position:absolute;top:76px;right:16px;display:flex;flex-direction:column;gap:5px;align-items:flex-end;max-width:380px}.feedItem{background:#1b2a4ad1;border-radius:12px;padding:5px 12px;font-size:15px;font-weight:600;animation:feedIn .25s ease-out,fadeOut .6s 5.4s forwards;border-left:5px solid #fff}.feedItem.kill{border-color:var(--pink)}.feedItem.good{border-color:var(--teal)}.feedItem.chaos{border-color:var(--purple)}.feedItem.chat{border-color:var(--yellow);font-weight:400}.feedItem b{color:var(--yellow)}@keyframes feedIn{0%{transform:translate(40px);opacity:0}}@keyframes fadeOut{to{opacity:0}}#crosshair{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;display:none}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#fff;box-shadow:0 0 0 1.5px #00000080;border-radius:2px}#crosshair:before{left:12px;top:0;width:2px;height:26px;clip-path:polygon(0 0,100% 0,100% 34%,0 34%,0 66%,100% 66%,100% 100%,0 100%)}#crosshair:after{top:12px;left:0;height:2px;width:26px;clip-path:polygon(0 0,34% 0,34% 100%,0 100%,0 0,66% 0,100% 0,100% 100%,66% 100%,66% 0)}#crosshair i{position:absolute;left:11px;top:11px;width:4px;height:4px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 1.5px #00000080}#crosshair.prop:before,#crosshair.prop:after{display:none}#crosshair.prop i{background:#fff;opacity:.8}#hitmark{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;opacity:0}#hitmark:before,#hitmark:after{content:"";position:absolute;left:20px;top:0;width:4px;height:44px;border-radius:2px;background:currentColor;clip-path:polygon(0 0,100% 0,100% 30%,0 30%,0 70%,100% 70%,100% 100%,0 100%)}#hitmark:before{transform:rotate(45deg)}#hitmark:after{transform:rotate(-45deg)}#hitmark.show{animation:hm .3s ease-out}@keyframes hm{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.3)}}#prompt{position:absolute;left:50%;top:58%;transform:translate(-50%);background:#1b2a4ae0;border:2px solid #fff;border-radius:14px;padding:7px 16px;font-size:18px;font-weight:600;display:none;white-space:nowrap}#prompt b{color:var(--yellow)}#banner{position:absolute;left:0;right:0;top:19%;text-align:center;pointer-events:none;opacity:0}#banner.show{animation:bannerIn .35s cubic-bezier(.2,1.6,.4,1) forwards}#banner.hide{animation:fadeOut .4s forwards}@keyframes bannerIn{0%{opacity:0;transform:scale(.5) rotate(-4deg)}to{opacity:1;transform:scale(1) rotate(-1.5deg)}}#bannerTitle{font-size:clamp(38px,6.4vw,84px);font-weight:700;line-height:1;color:var(--yellow);text-shadow:0 5px 0 var(--ink),0 0 30px rgba(0,0,0,.5);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}#bannerSub{font-size:clamp(16px,2vw,26px);font-weight:600;margin-top:8px;text-shadow:0 2px 0 var(--ink),0 0 12px rgba(0,0,0,.8)}#banner.pink #bannerTitle{color:#ff8fa3}#banner.purple #bannerTitle{color:#d0b3ff}#banner.teal #bannerTitle{color:#7ff5e6}#popups{position:absolute;left:50%;top:64%;width:0}.popup{position:absolute;left:0;transform:translate(-50%);white-space:nowrap;font-size:22px;font-weight:700;color:var(--yellow);text-shadow:0 2px 0 var(--ink);animation:pop 1.3s ease-out forwards}.popup.bad{color:#ff8fa3}@keyframes pop{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}15%{opacity:1;transform:translate(-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-70px) scale(1)}}#freeze,#revealed{position:absolute;left:50%;top:36%;transform:translate(-50%);font-size:34px;font-weight:700;padding:6px 22px;border-radius:14px;display:none;white-space:nowrap}#freeze{background:#00d1ff;color:var(--ink);animation:pulse .25s ease-in-out infinite alternate}#revealed{background:var(--pink);top:30%;animation:pulse .25s ease-in-out infinite alternate}#role{position:absolute;left:16px;bottom:16px;background:#1b2a4adb;border:3px solid #fff;border-radius:18px;padding:10px 16px;min-width:220px;box-shadow:0 5px #00000040}#roleTeam{font-size:12px;font-weight:700;letter-spacing:.16em}#roleName{font-size:24px;font-weight:700;line-height:1.1}#roleBar{height:12px;background:#0006;border-radius:7px;overflow:hidden;margin-top:6px}#roleBar i{display:block;height:100%;width:100%;background:var(--teal);transition:width .2s}#role.prop #roleTeam{color:var(--yellow)}#role.hunter #roleTeam{color:#ff8fa3}#role.hunter #roleBar i{background:linear-gradient(90deg,#ef476f,#ffd166 60%,#2ec4b6)}#abilities{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:10px}.ab{position:relative;width:78px;height:78px;background:#1b2a4adb;border:3px solid #fff;border-radius:18px;overflow:hidden;text-align:center;box-shadow:0 5px #00000040}.ab .k{position:absolute;left:5px;top:3px;font-size:12px;font-weight:700;background:#fff;color:var(--ink);border-radius:6px;padding:0 5px;z-index:2}.ab .ic{font-size:28px;line-height:50px;margin-top:6px;font-weight:700}.ab .nm{position:absolute;left:0;right:0;bottom:4px;font-size:11px;font-weight:700;letter-spacing:.04em;z-index:2}.ab .cd{position:absolute;left:0;right:0;bottom:0;background:#0000009e;height:0%;z-index:1}.ab .sec{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;z-index:2}.ab.ready{border-color:var(--yellow)}.ab.active{border-color:var(--teal);background:#2ec4b680}#meter{position:absolute;right:16px;bottom:16px;background:#1b2a4adb;border:3px solid #fff;border-radius:18px;padding:8px 14px 10px;width:210px;display:none}#meter span{font-size:11px;font-weight:700;letter-spacing:.16em;color:#ff8fa3}#meter div{height:14px;background:#0006;border-radius:8px;overflow:hidden}#meter i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#48cae4,#ffd166,#ef476f);transition:width .15s}#hint{position:absolute;left:50%;bottom:108px;transform:translate(-50%);font-size:15px;font-weight:600;background:#1b2a4ab3;padding:5px 14px;border-radius:12px;white-space:nowrap;display:none}#spectate{position:absolute;left:50%;bottom:24px;transform:translate(-50%);font-size:20px;font-weight:700;background:#1b2a4adb;padding:8px 22px 10px;border-radius:16px;border:3px solid #fff;display:none;text-align:center;white-space:nowrap}#spectate .spHead{font-size:11px;letter-spacing:.16em;color:#a8dcff}#spectate .spWho b{color:var(--yellow)}#spectate .spWho i{font-style:normal;font-weight:400;font-size:15px;opacity:.8}#spectate .spWho .tag{vertical-align:middle}#spectate .spHint{font-size:13px;font-weight:400;opacity:.9;margin-top:3px}#vignette{position:absolute;inset:0;box-shadow:inset 0 0 180px 60px #ef476fd9;opacity:0;transition:opacity .5s}#vignette.hit{opacity:1;transition:none}#vignette.heart{box-shadow:inset 0 0 160px 30px #78001e99}#panicFrame{position:absolute;inset:0;border:0 solid var(--pink);opacity:0}#panicFrame.on{opacity:1;animation:pf .6s ease-in-out infinite alternate}@keyframes pf{0%{box-shadow:inset 0 0 60px #ef476f40}to{box-shadow:inset 0 0 110px 10px #ef476f99}}#blind{position:absolute;inset:0;background:#fff;opacity:0;display:flex;align-items:center;justify-content:center;font-size:60px;font-weight:700;color:var(--pink)}#blindfold{position:absolute;inset:0;background:repeating-linear-gradient(45deg,#1b2a4a,#1b2a4a 40px,#22346a 40px 80px);display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.bfTitle{font-size:64px;font-weight:700;color:var(--yellow);text-shadow:0 5px 0 rgba(0,0,0,.4)}.bfCount{font-size:150px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.bfSub{font-size:22px}.bfSub b{color:#ff8fa3}.bfTips{font-size:17px;opacity:.85;max-width:620px;min-height:48px;padding:0 20px}.panel{position:absolute;background:#1b2a4aed;border:3px solid #fff;border-radius:22px;padding:16px 18px;box-shadow:0 8px #0000004d;display:none}#lobby{left:16px;top:84px;width:300px;flex-direction:column;gap:10px}.lobbyHead{display:flex;justify-content:space-between;align-items:center}#lobbyCode{font-size:40px;font-weight:700;letter-spacing:.14em;color:var(--yellow);line-height:1;user-select:text;-webkit-user-select:text}#lobbyPlayers{display:flex;flex-direction:column;gap:4px;max-height:34vh;overflow:auto}.pl{display:flex;justify-content:space-between;background:#ffffff1a;border-radius:10px;padding:4px 10px;font-weight:600}.pl.me{background:#ffd16647}.pl small{opacity:.7;font-weight:400}#lobbyStatus{font-weight:600;text-align:center;min-height:22px;color:#7ff5e6}#scoreboard,#results{left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,94vw);flex-direction:column;gap:8px}#results h2,#scoreboard h2{margin:0 0 4px;font-size:40px;text-align:center;line-height:1}#results h2.props{color:var(--yellow)}#results h2.hunters{color:#ff8fa3}.resSub{text-align:center;font-size:17px;margin-bottom:4px}.awards{display:grid;grid-template-columns:1fr 1fr;gap:6px}.award{background:#ffffff1a;border-radius:12px;padding:6px 10px}.award .at{font-size:12px;font-weight:700;letter-spacing:.1em;color:#c8a8ff}.award .an{font-weight:700;font-size:17px}.award .ad{font-size:13px;opacity:.8}table.board{width:100%;border-collapse:collapse;font-size:16px}table.board td,table.board th{padding:4px 8px;text-align:left}table.board th{font-size:11px;letter-spacing:.12em;opacity:.7}table.board tr.me td{background:#ffd16640}table.board td.n{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}table.board tr.dead td{opacity:.55}.tag{font-size:11px;font-weight:700;border-radius:6px;padding:1px 6px;margin-left:6px}.tag.h{background:var(--pink)}.tag.p{background:#c99a1c}.tag.b{background:#5c677d}.tag.s{background:var(--teal)}.nextIn{text-align:center;font-weight:600;color:#7ff5e6}.coin{display:inline-block;width:.95em;height:.95em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b0,#ffd166 45%,#e09f1f);border:2px solid #9a6a0b;vertical-align:-.12em;box-sizing:border-box}.wallet{flex:0 0 auto;display:flex;align-items:center;gap:6px;background:#00000059;border-radius:12px;padding:6px 10px;font-size:18px}.coinRow{display:flex;align-items:center;gap:8px;justify-content:center;background:#ffd16624;border:2px solid rgba(255,209,102,.5);border-radius:12px;padding:5px 12px;font-size:16px}.coinRow b{color:var(--yellow)}.coinRow span{opacity:.8;font-size:13px}.coinRow em{font-style:normal;margin-left:auto;opacity:.9;font-size:14px}.final{text-align:center}.finalT{font-size:11px;letter-spacing:.16em;color:#a8dcff;font-weight:700}.champ{font-size:24px;font-weight:700;color:var(--yellow);margin:2px 0 6px}.places{display:flex;gap:6px;justify-content:center}.place{flex:1;max-width:180px;background:#0000004d;border-radius:12px;padding:5px 8px;display:flex;align-items:center;gap:8px;font-weight:600;border:2px solid transparent}.place b{flex:0 0 24px;height:24px;border-radius:50%;background:#5c677d;display:flex;align-items:center;justify-content:center;font-size:14px}.place.p0 b{background:var(--yellow);color:var(--ink)}.place.p1 b{background:#cfd8e3;color:var(--ink)}.place.p2 b{background:#c9824a;color:var(--ink)}.place span{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.place small{opacity:.8}.place.me{border-color:#fff}#chatMenu{left:16px;bottom:120px;flex-direction:column;gap:3px;font-size:15px}#chatMenu div b{color:var(--yellow);margin-right:6px}#objective{position:absolute;top:86px;left:50%;transform:translate(-50%);max-width:min(760px,70vw);text-align:center;background:#1b2a4ad1;border-radius:12px;padding:6px 16px;font-size:16px;font-weight:600;border-bottom:3px solid var(--yellow);display:none}#help{position:absolute;left:16px;top:50%;transform:translateY(-50%);background:#1b2a4adb;border:2px solid rgba(255,255,255,.5);border-radius:16px;padding:10px 14px;font-size:14px;font-weight:600;gap:5px;min-width:215px;display:none}#help>div{display:flex;justify-content:space-between;gap:14px;align-items:center}#help .helpT{font-size:11px;letter-spacing:.16em;color:var(--yellow);justify-content:flex-start}#help .helpF{font-size:11px;opacity:.75;font-weight:400;margin-top:3px;display:block}.btn.ghost{background:#ffffff24;color:#fff;box-shadow:0 4px #00000040}.menuCard.wide{width:min(860px,96vw)}.bindsHead{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;letter-spacing:.08em;opacity:.85;text-align:left}#binds{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.bind{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;text-align:left}.bind button{font-family:var(--font);font-weight:700;font-size:14px;min-width:74px;padding:5px 8px;border-radius:9px;border:2px solid rgba(255,255,255,.4);background:#ffffff1f;color:#fff;cursor:pointer}.bind button.listening{background:var(--yellow);color:var(--ink);border-color:#fff}.sndTest{display:flex;gap:8px;align-items:center;font-size:15px;font-weight:600;text-align:left}.sndTest span{flex:0 0 150px}.sndTest select{flex:1;min-width:0;font-family:var(--font);font-size:14px;padding:4px 6px;border-radius:9px;border:2px solid rgba(255,255,255,.4);background:#ffffff1f;color:#fff}.sndTest option{color:#1b2a4a}.howGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left}.howCol{background:#0000003d;border-radius:16px;padding:12px 16px;font-size:15px;line-height:1.35}.howCol h3{margin:0 0 6px;font-size:20px}.howCol.prop h3{color:var(--yellow)}.howCol.hunter h3{color:#ff8fa3}.howCol ol{margin:0;padding-left:20px;display:grid;gap:5px}.howCol p{margin:8px 0 0;font-weight:700;color:#7ff5e6}#build{position:fixed;left:8px;bottom:6px;z-index:30;font-size:11px;opacity:.5;pointer-events:none}@media (max-width: 760px){.howGrid,#binds{grid-template-columns:1fr}}#mapName{font-size:11px;font-weight:600;letter-spacing:.08em;opacity:.75;margin-top:2px;white-space:nowrap}#phaseBox.panic #mapName{opacity:.95}#role.prop #roleBar{position:relative}#role.prop #roleBar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 32.3%,rgba(27,42,74,.95) 32.3%,rgba(27,42,74,.95) 34.3%,transparent 34.3%,transparent 65.6%,rgba(27,42,74,.95) 65.6%,rgba(27,42,74,.95) 67.6%,transparent 67.6%)}#role.prop #roleBar i{background:linear-gradient(90deg,#ef476f,#ff8fa3)}.sliders input[type=checkbox]{width:22px;height:22px;justify-self:start}#mapBtn,#roundsBtn{width:100%}.ab{transition:transform .08s,border-color .15s}.ab.ready{animation:abReady .35s ease-out}@keyframes abReady{0%{transform:scale(1.14)}to{transform:scale(1)}}.ab.active{transform:translateY(-4px)}.btn{letter-spacing:.01em}.btn:focus-visible,.hat:focus-visible,.bind button:focus-visible{outline:3px solid #fff;outline-offset:2px}#hud:not(.hidden)~#build{display:none}#dirs{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}#dirs .dir{position:absolute;left:0;top:0;width:0;height:0}#dirs .dir i{position:absolute;left:-17px;top:-26vh;width:0;height:0;border-left:17px solid transparent;border-right:17px solid transparent;border-bottom:30px solid #ffd166;filter:drop-shadow(0 0 6px rgba(0,0,0,.7))}#dirs .dir b{position:absolute;left:-40px;width:80px;top:calc(-26vh + 32px);text-align:center;font-size:15px;color:#ffe9a8;text-shadow:0 2px 4px #000}#c,#touch{touch-action:none}#touch{position:fixed;inset:0;z-index:9;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#touch.hidden{display:none!important}#tStick{position:absolute;width:0;height:0;opacity:0;transition:opacity .15s}#tStick.on{opacity:1}#tStick:before{content:"";position:absolute;left:-62px;top:-62px;width:124px;height:124px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.35)}#tStick i{position:absolute;left:-30px;top:-30px;width:60px;height:60px;border-radius:50%;background:#ffffff80}#touch button{position:absolute;border:2px solid rgba(255,255,255,.5);background:#14183c8c;color:#fff;font:700 13px Fredoka,system-ui,sans-serif;border-radius:50%;width:64px;height:64px;padding:0}#touch button.down{background:#ffd166bf;color:#1b1b3a}#tAct{right:26px;bottom:96px;width:92px!important;height:92px!important;font-size:15px!important;background:#ef476f99!important}#tJump{right:132px;bottom:70px}#tQ{right:136px;bottom:150px}#tF{right:58px;bottom:204px}#tDash{right:212px;bottom:96px}#tTaunt{right:140px;bottom:232px}#tMenu{right:12px;top:10px;width:46px!important;height:46px!important;border-radius:12px!important;font-size:20px!important}body.touch #help,body.touch #hint,body.touch #spectate .spHint,body.touch .keys,body.touch #binds,body.touch .bindsHead,body.touch #build{display:none!important}body.touch #abilities{opacity:.85;transform:scale(.8);transform-origin:bottom center}#rotate{display:none}@media (orientation: portrait){body.touch #rotate{display:flex;position:fixed;inset:0;z-index:100;background:#14183a;color:#fff;align-items:center;justify-content:center;text-align:center;font-size:22px;padding:30px}}.menuCard{max-height:96vh;overflow-y:auto}#tAlt{right:30px;bottom:284px;width:58px!important;height:58px!important}#roleCard{position:absolute;left:0;right:0;top:24%;padding:18px 20px 20px;text-align:center;pointer-events:none;display:none;background:linear-gradient(90deg,transparent,rgba(20,22,60,.9) 22%,rgba(20,22,60,.9) 78%,transparent);border-top:4px solid var(--yellow);border-bottom:4px solid var(--yellow)}#roleCard.show{display:block;animation:rcIn .4s cubic-bezier(.2,1.4,.4,1) both}#roleCard.out{display:block;animation:fadeOut .35s forwards}@keyframes rcIn{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}#roleCard.hunter{border-color:#ff8fa3}#roleCard.ghost{border-color:#a8dcff}.rcTop{font-size:13px;font-weight:700;letter-spacing:.2em;opacity:.85}.rcTitle{font-size:clamp(40px,6.6vw,88px);font-weight:700;line-height:1.02;color:var(--yellow);text-shadow:0 5px 0 var(--ink);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}#roleCard.hunter .rcTitle{color:#ff8fa3}#roleCard.ghost .rcTitle{color:#a8dcff}.rcSub{font-size:clamp(16px,1.9vw,24px);font-weight:600;margin-top:4px}#bigCount{position:absolute;left:0;right:0;top:30%;text-align:center;font-size:190px;font-weight:700;line-height:1;color:#fff;text-shadow:0 8px 0 var(--ink),0 0 40px rgba(0,0,0,.5);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;pointer-events:none;display:none}#bigCount.tick{display:block;animation:cnt .9s ease-out both}@keyframes cnt{0%{opacity:0;transform:scale(1.7)}18%{opacity:1;transform:scale(1)}80%{opacity:.9}to{opacity:0;transform:scale(.85)}}#blindfold.preview{background:radial-gradient(ellipse at center,transparent 48%,rgba(14,16,48,.78) 100%);justify-content:flex-start;padding-top:150px;gap:2px;box-shadow:inset 0 0 0 6px #ff8fa38c}#blindfold.preview .bfTitle{font-size:44px;color:#ff8fa3;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}#blindfold.preview .bfCount{display:none}#blindfold.preview .bfSub{font-size:20px;font-weight:600;background:#14163ccc;border-radius:12px;padding:5px 16px}#blindfold.preview .bfTips{position:absolute;left:50%;bottom:112px;transform:translate(-50%);width:min(720px,86vw);max-width:none;min-height:0;background:#14163ccc;border-radius:12px;padding:6px 16px;font-weight:600;opacity:1}#ghostTint{position:absolute;inset:0;box-shadow:inset 0 0 200px 50px #78aaff66;opacity:0;transition:opacity .6s}#ghostTint.on{opacity:1}#abilities.lift{bottom:118px}.ab.haunt{border-color:#c8a8ff}.ab.haunt.ready{border-color:#e2d1ff;box-shadow:0 5px #00000040,0 0 18px #c8a8ffb3}#prompt.haunt{border-color:#c8a8ff}#prompt.haunt b{color:#d9c2ff}.howGhost{background:#a8dcff24;border:2px solid rgba(168,220,255,.5);border-radius:14px;padding:8px 14px;font-size:15px;text-align:left}.howGhost b{color:#a8dcff}.howMore{font-size:13px;opacity:.75}body.touch #blindfold.preview{padding-top:96px}body.touch #blindfold.preview .bfTips{bottom:12px}button.lvl{font-family:var(--font);color:#fff;background:#0000003d;border:2px solid transparent;border-radius:16px;padding:8px 10px;cursor:pointer;width:100%;transition:border-color .12s,background .12s}button.lvl:hover{border-color:#ffffff80;background:#00000057}.lvlBadge{position:relative;flex:0 0 62px;height:50px;flex-direction:column;line-height:1;border-radius:8px 14px 14px 8px;clip-path:polygon(14px 0,100% 0,100% 100%,14px 100%,0 50%);padding-left:10px;border:0;box-shadow:none;background:linear-gradient(160deg,#ffe39a,var(--yellow) 55%,#f2b544)}.lvlBadge:before{content:"";position:absolute;left:7px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#181c46e6}.lvlBadge b{font-size:21px}.lvlBadge small{font-size:8.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;max-width:46px;overflow:hidden;text-overflow:ellipsis}.jobsMini{background:#0000003d;border-radius:16px;padding:8px 12px;display:grid;gap:3px;text-align:left;cursor:pointer;border:2px solid transparent}.jobsMini:hover{border-color:#fff6}.jmHead{display:flex;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:.08em;opacity:.9}.jmHead small{font-weight:400;letter-spacing:0;opacity:.75}.jm{display:flex;gap:7px;align-items:center;font-size:13px;min-width:0}.jobsMini>*,.jmHead>*{min-width:0}.jmHead small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jm i{flex:0 0 15px;height:15px;border-radius:5px;border:2px solid rgba(255,255,255,.5);font-style:normal;font-size:11px;line-height:11px;text-align:center}.jm span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jm b{font-size:12px;opacity:.85}.jm.done{opacity:.65}.jm.done i{background:var(--teal);border-color:var(--teal)}.jm.done span{text-decoration:line-through}.profHead{display:flex;align-items:center;gap:8px;padding:12px 14px 10px;border-bottom:2px solid rgba(255,255,255,.12)}.profHead .wallet{margin-left:auto;font-size:16px;padding:4px 10px}.profTabs,.slotTabs{display:flex;gap:6px;flex-wrap:wrap}.ptab{font-family:var(--font);font-weight:700;font-size:15px;color:#fff;background:#ffffff1f;border:0;border-radius:12px;padding:7px 12px;cursor:pointer}.ptab:hover{background:#ffffff38}.ptab.on{background:var(--yellow);color:var(--ink)}.ptab.sm{font-size:13px;padding:5px 10px}.profBody{overflow-y:auto;padding:12px 16px 16px;display:flex;flex-direction:column;gap:12px;text-align:left}.small{font-size:13px}.sect{background:#00000038;border-radius:16px;padding:10px 12px;display:flex;flex-direction:column;gap:7px}.sectHead{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;font-weight:700;letter-spacing:.1em}.sectHead small{font-weight:400;letter-spacing:0;opacity:.75;text-align:right}.ovTop{display:flex;gap:16px;align-items:center}.bigTag{flex:0 0 104px;height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;color:var(--ink);padding-left:16px;clip-path:polygon(22px 0,100% 0,100% 100%,22px 100%,0 50%);background:linear-gradient(160deg,#ffe39a,var(--yellow) 55%,#f2b544);position:relative;transform:rotate(-4deg)}.bigTag:before{content:"";position:absolute;left:11px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#181c46f2}.bigTag b{font-size:38px}.bigTag small{font-size:11px;font-weight:700;text-transform:uppercase}.ovMid{flex:1;display:flex;flex-direction:column;gap:6px}.ovName{font-size:22px;font-weight:700}.titleSel{display:flex;gap:8px;align-items:center;font-weight:600;font-size:14px;flex-wrap:wrap}.titleSel select{font-family:var(--font);font-size:14px;font-weight:600;border-radius:10px;border:0;padding:4px 8px}.jobRow{display:grid;grid-template-columns:92px 1fr 70px 48px 50px;gap:8px;align-items:center;font-size:14px}.jobRow .side{font-size:10px;font-weight:700;letter-spacing:.06em;background:#ffffff24;border-radius:6px;padding:2px 6px;text-align:center}.jobRow .lvlBar{margin:0}.jobRow b{text-align:right;font-size:13px}.jobRow .rw{font-size:13px;text-align:right}.jobRow.done .jt{text-decoration:line-through;opacity:.7}.jobRow.done b{color:var(--teal)}.how{margin:0;padding-left:18px;display:grid;gap:4px;font-size:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.stats div{background:#ffffff12;border-radius:10px;padding:5px 8px;display:flex;flex-direction:column}.stats small{font-size:11px;opacity:.7}.stats b{font-size:16px}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.item{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;border-radius:14px;background:#ffffff1a;border:2px solid transparent;cursor:pointer;text-align:center;transition:transform .08s,background .1s}.item:hover{background:#ffffff2e;transform:translateY(-2px)}.item.on{border-color:var(--yellow);background:#ffd16629}.item.locked .ico,.item.locked .sw,.item.locked .dots,.item.locked .hatIco{opacity:.55}.iname{font-weight:700;font-size:14px;line-height:1.1}.st{font-style:normal;font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:.05em;padding:2px 8px;border-radius:8px;background:#ffffff29;color:#fff;border:0;cursor:pointer;display:inline-flex;gap:4px;align-items:center}.st.on{background:var(--yellow);color:var(--ink)}.st.buy{background:#ffd16638}.st.buy.poor{opacity:.6}.st.buy.go{background:var(--teal)}.st.lock{background:#00000059;font-weight:600;letter-spacing:0}.ico{width:46px;height:34px}.sw.big{display:block;width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.5)}.dots{display:flex;gap:3px;height:34px;align-items:center}.dots i{width:9px;height:9px;border-radius:3px;transform:rotate(20deg)}.dots i:nth-child(2n){transform:translateY(-6px) rotate(-15deg)}.hatIco{width:34px;height:34px;border-radius:10px;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.pv{position:absolute;top:4px;right:6px;font-size:13px;opacity:.7;padding:2px 4px}.pv:hover{opacity:1}.catTop{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.catTop b{font-size:30px}.catTop .lvlBar{flex:1 0 100%}.objs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:5px}.obj{display:flex;align-items:center;gap:4px;background:#ffffff14;border-radius:9px;padding:4px 6px;font-size:13px}.obj span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obj.none span{opacity:.5}.stamp{display:inline-block;flex:0 0 auto;width:19px;height:19px;line-height:15px;text-align:center;border-radius:50%;font-style:normal;font-size:10px;font-weight:700;border:2px dashed rgba(255,255,255,.28);color:#ffffff59}.stamp.g1{border:2px solid #c98a4b;background:#8a5a2b;color:#ffe1c2}.stamp.g2{border:2px solid #e8eef5;background:#8e9aab;color:#fff}.stamp.g3{border:2px solid #fff3b0;background:#e0a526;color:#3a2600;box-shadow:0 0 8px #ffd166b3}.gs.g2{color:#d9e2ec;font-weight:700}.gs.g3{color:var(--yellow);font-weight:700}.feats{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.feat2{background:#ffffff14;border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;border:2px solid transparent}.feat2.done{border-color:#2ec4b6b3;background:#2ec4b61f}.fh{display:flex;justify-content:space-between;align-items:center;gap:6px}.feat2 small{opacity:.8;font-size:12.5px}.fp{display:flex;gap:8px;align-items:center}.fp .lvlBar{flex:1;margin:0}.fp span{font-size:12px;font-weight:700}.fr{font-size:12px;opacity:.85}.profToast{position:absolute;left:50%;bottom:16px;transform:translate(-50%);background:var(--ink);border:2px solid #fff;border-radius:12px;padding:7px 14px;font-weight:600;font-size:14px;pointer-events:none;animation:ppFade .2s ease-out both}@media (max-width: 900px){.jobRow{grid-template-columns:1fr 60px 44px}.jobRow .side,.jobRow .rw{display:none}.stats{grid-template-columns:repeat(2,1fr)}}.lv{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;padding:0 4px 0 7px;margin-right:6px;font-size:11px;font-weight:700;color:var(--ink);vertical-align:1px;background:var(--yellow);clip-path:polygon(5px 0,100% 0,100% 100%,5px 100%,0 50%);border-radius:0 4px 4px 0}.ttl{margin-left:7px;font-size:11px;font-weight:600;font-style:italic;color:#bfe9ff;opacity:.9}.prog{background:#ffd1661a;border:2px solid rgba(255,209,102,.45);border-radius:14px;padding:8px 12px;display:flex;flex-direction:column;gap:6px}.progTop{display:flex;align-items:center;gap:10px}.lv.big{min-width:40px;height:32px;font-size:18px;padding-left:11px;clip-path:polygon(9px 0,100% 0,100% 100%,9px 100%,0 50%);margin:0}.lv.big.up{animation:ppPop .5s ease-out .3s both;box-shadow:0 0 0 3px #fff}.progMid{flex:1}.progLine{display:flex;justify-content:space-between;font-size:14px}.progLine b{color:var(--yellow)}.progLine span{font-size:12px;font-weight:700;letter-spacing:.06em;opacity:.85}.progCoins{display:flex;flex-direction:column;align-items:flex-end;font-size:18px;line-height:1.1}.progCoins b{color:var(--yellow)}.progCoins small{font-size:11px;opacity:.75}.prog .chips{display:flex;flex-wrap:wrap;gap:5px}.prog .chip{font-size:11.5px;font-weight:700;letter-spacing:.03em;padding:3px 8px;border-radius:8px;border:0;background:#ffffff24}.prog .chip.g1{background:#8a5a2b}.prog .chip.g2{background:#7d8899}.prog .chip.g3{background:#c98d16}.prog .chip.un{background:var(--teal)}.prog .chip.ft{background:var(--purple)}.jobs{display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:12px}.jobsT{font-weight:700;letter-spacing:.08em;font-size:11px;opacity:.8}.job{background:#00000040;border-radius:8px;padding:2px 7px;max-width:32%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job.done{opacity:.6}.job.now{opacity:1;background:var(--teal);font-weight:700}@keyframes ppPop{0%{transform:scale(.5)}60%{transform:scale(1.25)}}@keyframes ppFade{0%{opacity:0}}:root{--barH: 66px;--gut: clamp(12px, 3.2vw, 56px);--sheet: rgba(22, 26, 66, .95);--line: rgba(255, 255, 255, .14)}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:20;background:#0e102cbd;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}#menu{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:linear-gradient(90deg,#14163cbd,#14163c1f 40%,#14163c00 60%,#14163c9e)}#menu[data-page=profile]{background:linear-gradient(90deg,#14163c1a,#14163c00 34%,#14163ca8)}#menu[data-page=settings],#menu[data-page=guide],#menu[data-page=soon]{background:#0e102c99}#menu svg,.iconBtn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.mBar{flex:0 0 var(--barH);display:flex;align-items:center;gap:clamp(8px,1.6vw,22px);padding:0 var(--gut);background:linear-gradient(180deg,#0e102cf0,#0e102cc7);border-bottom:3px solid rgba(255,209,102,.85);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:8px;background:none;border:0;color:#fff;font:700 22px var(--font);cursor:pointer;padding:0;white-space:nowrap}.brand .goo{font-size:28px}.brand em{font-style:normal;color:var(--pink);margin-left:4px}.brand span{color:var(--yellow);text-shadow:0 2px 0 var(--ink)}#menu[data-page=play] .brand{visibility:hidden}.mNav{display:flex;gap:6px;margin:0 auto;counter-reset:aisle}.nav{position:relative;display:flex;align-items:center;gap:8px;font:700 16px var(--font);letter-spacing:.02em;color:#ffffffd1;background:transparent;border:0;border-radius:14px;padding:10px 16px 10px 12px;cursor:pointer;transition:background .12s,color .12s,transform .12s;white-space:nowrap}.nav:after{counter-increment:aisle;content:"AISLE " counter(aisle);position:absolute;left:50%;top:-9px;transform:translate(-50%);font-size:8.5px;letter-spacing:.14em;opacity:0;transition:opacity .15s;color:var(--yellow)}.nav:hover{background:#ffffff1a;color:#fff}.nav:hover:after{opacity:.8}.nav.on{background:var(--yellow);color:var(--ink);transform:rotate(-2deg);box-shadow:0 4px #0000004d}.nav.on:after{opacity:0}.mRight{display:flex;align-items:center;gap:10px}.meChip{display:flex;align-items:center;gap:10px;font-family:var(--font);color:#fff;background:#0000004d;border:2px solid transparent;border-radius:16px;padding:4px 6px 4px 4px;cursor:pointer;transition:border-color .12s;text-align:left}.meChip:hover{border-color:#ffffff73}.meChip .lvlBadge{flex:0 0 58px;height:44px;transform:rotate(-4deg)}.meMid{display:flex;flex-direction:column;width:124px;gap:1px}.meMid b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meMid .lvlBar{height:7px;margin-top:2px}.meMid small{font-size:10.5px;opacity:.75;font-weight:600}.meChip .wallet{font-size:16px;padding:6px 10px}.iconBtn{flex:0 0 auto;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;border:0;background:#ffffff1f;color:#fff;font:700 18px var(--font);cursor:pointer;transition:background .12s,transform .08s}.iconBtn:hover{background:#ffffff3d}.iconBtn:active{transform:scale(.94)}.fsOff{display:none}body.isFs .fsOff{display:block}body.isFs .fsOn{display:none}body.noFs .fsBtn,body.noFs .fsOnly{display:none!important}.mPages{flex:1;position:relative;min-height:0}.page{position:absolute;inset:0;display:none;overflow-y:auto;overscroll-behavior:contain;padding:clamp(12px,3vh,36px) var(--gut)}#menu[data-page=play] #pgPlay,#menu[data-page=profile] #pgProfile,#menu[data-page=settings] #pgSettings,#menu[data-page=guide] #pgGuide,#menu[data-page=soon] #pgSoon{display:flex}.page>*{animation:pgIn .35s cubic-bezier(.2,1.2,.4,1) both}@keyframes pgIn{0%{opacity:0;transform:translateY(14px)}}#pgPlay{align-items:center;justify-content:space-between;gap:3vw}.hero{max-width:480px;display:flex;flex-direction:column;gap:14px}.logo{font-size:clamp(48px,min(7.4vw,13vh),112px)}.hero .feats{display:grid;grid-template-columns:none;gap:8px;margin-top:4px}.playCard{width:min(420px,100%);flex:0 0 auto;gap:11px;padding:20px 22px 18px;text-align:left}.fieldL{font-size:11px;font-weight:700;letter-spacing:.14em;opacity:.75;margin-bottom:-6px}.playCard input,.joinBox input{font-family:var(--font);font-weight:600;font-size:20px;text-align:center;padding:12px;border-radius:14px;border:3px solid transparent;outline:none;background:#fff;color:var(--ink);width:100%;user-select:text;-webkit-user-select:text}.playCard input:focus{border-color:var(--teal)}.joinBox input{width:88px;text-transform:uppercase;letter-spacing:.15em;padding:10px 4px}#menuError{min-height:0;text-align:center}#menuError:empty{display:none}#pgProfile{gap:clamp(12px,2vw,28px);align-items:stretch}.fitting{flex:0 0 36%;position:relative;border:3px dashed rgba(255,255,255,.28);border-radius:26px;pointer-events:none}.fitSign{position:absolute;left:50%;top:-3px;transform:translate(-50%,-40%) rotate(-2deg);background:var(--pink);color:#fff;font-weight:700;letter-spacing:.16em;font-size:13px;padding:6px 14px;border-radius:10px;box-shadow:0 4px #0000004d;white-space:nowrap}.fitHint{position:absolute;left:0;right:0;bottom:14px;text-align:center;font-size:13px;font-weight:600;opacity:.8;text-shadow:0 2px 4px rgba(0,0,0,.6)}.profile{flex:1;min-width:0;max-width:980px;margin-left:auto;display:flex;flex-direction:column;background:var(--sheet);border:3px solid rgba(255,255,255,.9);border-radius:24px;box-shadow:0 10px #00000047,0 30px 80px #00000073;overflow:hidden;position:relative;user-select:text;-webkit-user-select:text}.profHead{padding:12px 14px;gap:10px}.profHead .profTabs{flex-wrap:nowrap;overflow-x:auto;min-width:0;scrollbar-width:none}.profHead .ptab{white-space:nowrap}.profHead .iconBtn{width:38px;height:38px;font-size:16px}.ptab{font-size:15px;padding:8px 14px}.profBody{flex:1;min-height:0;padding:14px 18px 20px}@media (min-width: 1300px){.profBody .stats{grid-template-columns:repeat(4,1fr)}.items{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}}@media (max-width: 999px),(orientation: portrait){.fitting{display:none}.profile{max-width:none}}#pgSettings,#pgGuide,#pgSoon{align-items:center;justify-content:center}.sheet{width:min(1000px,100%);max-height:min(760px,100%);display:flex;flex-direction:column;background:var(--sheet);border:3px solid rgba(255,255,255,.9);border-radius:24px;box-shadow:0 10px #00000047,0 30px 80px #00000073;overflow:hidden;text-align:left}.sheetHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 12px 22px;border-bottom:2px solid var(--line)}.sheetHead h2{margin:0;font-size:26px}#settings{height:min(600px,100%)}.sheetMain{flex:1;min-height:0;display:flex}.setTabs{flex:0 0 190px;display:flex;flex-direction:column;gap:4px;padding:14px 10px;border-right:2px solid var(--line);background:#00000029}.stab{font:700 16px var(--font);text-align:left;color:#ffffffd9;background:transparent;border:0;border-radius:12px;padding:11px 14px;cursor:pointer}.stab:hover{background:#ffffff1a}.stab.on{background:var(--yellow);color:var(--ink)}.setBody{flex:1;min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px 22px}.sg{display:flex;flex-direction:column;gap:8px}.sg[hidden]{display:none}.opt{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-radius:16px;background:#ffffff0f;min-height:62px}.optL{min-width:0}.optL b{display:block;font-size:16px}.optL small{display:block;font-size:13px;opacity:.7;line-height:1.3;margin-top:2px}.optR{flex:0 0 min(340px,48%);display:flex;align-items:center;gap:12px}.optR output{flex:0 0 52px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;color:var(--yellow)}.setBody input[type=range]{flex:1;min-width:0;height:30px;accent-color:var(--yellow);cursor:pointer}.seg{flex:0 0 auto;display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:#00000052}.seg button{font:700 15px var(--font);color:#fff;background:transparent;border:0;border-radius:10px;padding:9px 16px;min-width:72px;cursor:pointer}.seg button:hover{background:#ffffff1f}.seg button.on{background:var(--yellow);color:var(--ink)}.seg button.busy{opacity:.6}.sw2{flex:0 0 auto;position:relative;width:56px;height:32px;cursor:pointer}.sw2 input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.sw2 i{position:absolute;inset:0;border-radius:20px;background:#0006;border:2px solid rgba(255,255,255,.3);transition:background .15s;pointer-events:none}.sw2 i:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 2px #0000004d}.sw2 input:checked+i{background:var(--teal);border-color:var(--teal)}.sw2 input:checked+i:after{transform:translate(24px)}.sw2 input:focus-visible+i{outline:3px solid #fff;outline-offset:2px}.sndTest select{flex:1;min-width:0;font:600 14px var(--font);padding:6px 8px;border-radius:10px;border:2px solid rgba(255,255,255,.4);background:#ffffff1f;color:#fff}.bindsWrap{display:flex;flex-direction:column;gap:8px;margin-top:6px;padding:12px 16px;border-radius:16px;background:#ffffff0f}#binds{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px}body.touch .bindsWrap{display:none}.sheetScroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px 20px;display:flex;flex-direction:column;gap:12px}.ctrlGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ctrl{background:#0000003d;border-radius:16px;padding:12px 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 18px;font-size:14px}.ctrl h4{grid-column:1 / -1;margin:0 0 2px;font-size:12px;letter-spacing:.14em;color:var(--yellow)}.ctrl div{display:flex;align-items:center;gap:5px}.ctrl span{opacity:.8;text-align:right;margin-left:auto;padding-left:8px}body.touch .ctrl.kb{display:none}body:not(.touch) .ctrl.tc{display:none}body.touch .ctrlGrid,body:not(.touch) .ctrlGrid{grid-template-columns:1fr}#howGo{width:min(320px,100%);align-self:center}.pauseCard{gap:12px}.pGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pGrid .btn{font-size:15px;padding:11px 10px}.sheetSlot,#pause.sheetOn .pauseCard{display:none}#pause.sheetOn .sheetSlot{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;padding:inherit}#pause.sheetOn .sheet{animation:pgIn .3s cubic-bezier(.2,1.2,.4,1) both}#menu svg.art{width:100%;height:100%;display:block;fill:initial;stroke:initial;stroke-width:initial}:root{--halftone: radial-gradient(rgba(255, 255, 255, .2) 1.1px, transparent 1.5px) 0 0 / 7px 7px}.nav .nShort{display:none}.newDot{display:none;position:absolute;top:-4px;right:-6px;font:700 9px var(--font);font-style:normal;letter-spacing:.08em;background:var(--pink);color:#fff;padding:2px 5px;border-radius:7px;box-shadow:0 2px #00000059;animation:newPop 1.3s ease-in-out infinite}.nav.fresh .newDot{display:block}.nav.fresh:not(.on){color:#fff}@keyframes newPop{0%,to{transform:scale(1) rotate(6deg)}50%{transform:scale(1.14) rotate(-4deg)}}.ptag{display:inline-block;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45));pointer-events:none}.ptIn{position:relative;display:block;font:700 10px var(--font);letter-spacing:.12em;white-space:nowrap;color:#fff;background:linear-gradient(160deg,#ff6b8e,var(--pink) 60%,#d63a60);padding:4px 9px 4px 15px;border-radius:0 5px 5px 0;clip-path:polygon(8px 0,100% 0,100% 100%,8px 100%,0 50%)}.ptIn i{position:absolute;left:6px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:var(--ink)}.modeHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:-4px}.modeHead .fieldL{margin:0}.modeMore{display:inline-flex;align-items:center;gap:4px;background:none;border:0;padding:0;font:700 12px var(--font);color:var(--yellow);cursor:pointer}.modeMore:hover{text-decoration:underline}#menu .modeMore svg{width:14px;height:14px;stroke-width:2.6}.modes{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:8px 30px 4px 4px;margin:0 -4px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 84%,transparent);mask-image:linear-gradient(90deg,#000 84%,transparent)}.modes::-webkit-scrollbar{display:none}.mode{position:relative;flex:0 0 84px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;background:none;border:0;color:#fff;font-family:var(--font);cursor:pointer}.mThumb{position:relative;display:block;width:84px;height:60px;border-radius:9px;border:2.5px solid var(--ink);background:var(--halftone),var(--c);box-shadow:1px 1px color-mix(in srgb,var(--c),#000 40%),2px 2px color-mix(in srgb,var(--c),#000 40%),3px 3px color-mix(in srgb,var(--c),#000 40%),4px 4px 0 var(--ink);overflow:hidden;transition:transform .14s}.mThumb .art{display:block;width:100%;height:100%}.mThumb:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.35) 45%,transparent 55%) 120% 0 / 250% 100% no-repeat}.mode:hover .mThumb{transform:translate(-1px,-3px) rotate(-2deg)}.mode:hover .mThumb:after{background-position:-40% 0;transition:background-position .5s}.mode b{font-size:12.5px;line-height:1.1;white-space:nowrap}.mode.on .mThumb{outline:3px solid var(--yellow);outline-offset:3px}.live{display:inline-flex;align-items:center;gap:4px;font-size:8.5px;font-weight:700;letter-spacing:.12em;color:#7ff5e6;margin-top:-2px}.live i{width:6px;height:6px;border-radius:50%;background:#06d6a0;animation:liveBlink 1.2s ease-in-out infinite}@keyframes liveBlink{50%{opacity:.25}}.mode.soon .mThumb{filter:saturate(.8)}.mode.soon b{opacity:.85}.ptag.mini{position:absolute;top:-7px;right:-9px;transform:rotate(12deg);transform-origin:0 50%;z-index:1}.ptag.mini .ptIn{font-size:8.5px;padding:2px 6px 2px 12px;clip-path:polygon(6px 0,100% 0,100% 100%,6px 100%,0 50%)}.ptag.mini .ptIn i{left:4.5px;width:3px;height:3px;margin-top:-1.5px}.mode:hover .ptag.mini,.mode.peek .ptag.mini{animation:swing .9s ease-out}.mode.peek .mThumb{outline:3px dashed var(--pink);outline-offset:3px}.mode.shake .mThumb{animation:shake .38s}@keyframes shake{20%{transform:translate(-4px) rotate(-4deg)}40%{transform:translate(4px) rotate(3deg)}60%{transform:translate(-3px) rotate(-2deg)}80%{transform:translate(2px)}}@keyframes swing{0%{transform:rotate(12deg)}25%{transform:rotate(-8deg)}50%{transform:rotate(20deg)}75%{transform:rotate(6deg)}to{transform:rotate(12deg)}}.modeInfo{display:flex;align-items:center;gap:8px;min-height:58px;font-size:13px;line-height:1.3;padding:6px 10px;border-radius:12px;background:#00000038}.modeInfo .miTxt{flex:1;min-width:0;opacity:.92}.modeInfo b{color:var(--yellow)}.modeInfo.isSoon{background:#ef476f24;animation:ppFade .25s}.modeInfo.isSoon b{color:#fff}.miMore{display:inline-flex;align-items:center;gap:2px;padding:0;background:none;border:0;font:700 12.5px var(--font);color:var(--yellow);cursor:pointer;white-space:nowrap}.miMore:hover{text-decoration:underline}#menu .miMore svg{width:13px;height:13px;stroke-width:2.6}.stampSm{display:inline-block;font:700 9px var(--font);font-style:normal;letter-spacing:.12em;color:#fff;background:var(--pink);border-radius:5px;padding:2px 5px;transform:rotate(-3deg);vertical-align:1px}.want{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;font:700 13px var(--font);color:#fff;background:#ffffff1f;border:2px solid rgba(255,255,255,.3);border-radius:999px;padding:5px 11px 5px 8px;cursor:pointer;transition:background .12s,border-color .12s}.want:hover{border-color:var(--pink)}#menu .want svg{width:16px;height:16px;stroke-width:2.4}.want.on{background:var(--pink);border-color:var(--pink)}#menu .want.on svg{fill:#fff}.want.big{font-size:16px;padding:10px 18px 10px 14px;box-shadow:0 4px #0000004d}#menu .want.big svg{width:20px;height:20px}.want.burst svg{animation:heartPop .45s cubic-bezier(.2,1.6,.4,1)}@keyframes heartPop{0%{transform:scale(.4)}60%{transform:scale(1.45) rotate(-10deg)}to{transform:scale(1)}}.soonTeaser{display:flex;align-items:center;gap:14px;text-align:left;font-family:var(--font);color:#fff;cursor:pointer;padding:10px 14px 10px 20px;border-radius:16px;border:2px solid rgba(255,255,255,.22);background:#14163cb8;transition:border-color .12s,transform .12s}.soonTeaser:hover{border-color:var(--yellow);transform:translateY(-2px)}.stBoxes{flex:0 0 auto;display:flex;padding:4px 6px 4px 0}.stBoxes i{display:block;width:46px;height:34px;border-radius:6px;border:2px solid var(--ink);background:var(--halftone),var(--c);overflow:hidden;box-shadow:3px 3px 0 var(--ink);margin-left:-12px;transition:transform .2s}.stBoxes i:first-child{margin-left:0;transform:rotate(-8deg)}.stBoxes i:nth-child(2){transform:translateY(-4px) rotate(3deg);position:relative;z-index:1}.stBoxes i:nth-child(3){transform:rotate(9deg)}.soonTeaser:hover .stBoxes i:first-child{transform:rotate(-14deg) translateY(-3px)}.soonTeaser:hover .stBoxes i:nth-child(2){transform:translateY(-9px) rotate(-2deg)}.soonTeaser:hover .stBoxes i:nth-child(3){transform:rotate(15deg) translateY(-3px)}.stBoxes .art{display:block;width:100%;height:100%}.stMid{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.stTag{font-size:9.5px;font-weight:700;letter-spacing:.14em;background:var(--pink);color:#fff;padding:2px 7px;border-radius:6px}.stTxt{font-size:16px;font-weight:700}.stGo{flex:0 0 34px;height:34px;border-radius:50%;background:var(--yellow);color:var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:0 3px #0000004d;transition:transform .15s}.soonTeaser:hover .stGo{transform:translate(3px)}#menu .stGo svg{width:18px;height:18px;stroke-width:2.8}.lobbySoon{font-size:12.5px;line-height:1.35;text-align:center;padding:7px 9px;border-radius:12px;background:#00000040;border:2px dashed rgba(255,255,255,.25)}.lobbySoon b{color:var(--yellow);font-weight:600}.lsTag{display:inline-block;font-style:normal;font-weight:700;font-size:9.5px;letter-spacing:.12em;background:var(--pink);color:#fff;border-radius:5px;padding:2px 5px;margin-right:3px;transform:rotate(-3deg)}#soon{position:relative;height:min(860px,100%);max-height:none}#soonBody{gap:22px;padding:20px 26px 22px;background:radial-gradient(circle,rgba(0,0,0,.32) 2.2px,transparent 2.8px) 11px 11px / 24px 24px,linear-gradient(180deg,#252a5e,#1d2150)}#soonBody>*{flex:0 0 auto}#soon.unboxed #soonBody{filter:blur(2px) brightness(.7)}.notice{position:relative;align-self:center;width:min(760px,100%);padding:18px 24px 16px;background:repeating-linear-gradient(180deg,transparent 0 25px,rgba(34,34,59,.07) 25px 26px),#fff8e7;color:var(--ink);border-radius:4px;transform:rotate(-.6deg);box-shadow:0 10px 24px #00000059,0 2px #00000026;display:grid;grid-template-columns:1fr auto;column-gap:20px;align-items:end}.tape{position:absolute;top:-10px;width:86px;height:24px;background:#ffe9a0c7;box-shadow:0 1px 2px #00000026}.tape.t1{left:26px;transform:rotate(-5deg)}.tape.t2{right:30px;transform:rotate(6deg)}.ntKick{grid-column:1 / -1;font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--pink)}.ntTitle{grid-column:1 / -1;font-size:clamp(24px,2.6vw,34px);font-weight:700;line-height:1.05;margin:4px 0 8px}.notice p{margin:0;font-size:14.5px;line-height:1.45;color:#22223bd1}#soonShare{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background:var(--pink);color:#fff}#menu #soonShare svg{width:16px;height:16px}.shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:46px 28px;padding:18px 20px 4px 14px}.slot{position:relative;display:flex;flex-direction:column;padding:0 10px 16px 0;animation:boxIn .5s calc(var(--i) * .06s) cubic-bezier(.2,1.3,.4,1) both}@keyframes boxIn{0%{opacity:0;transform:translateY(-26px) rotate(-3deg)}}.slot:after{content:"";position:absolute;left:-18px;right:-18px;bottom:0;height:16px;background:linear-gradient(180deg,#d9a066 0 3px,#b47a45 3px 60%,#8a5a2b);box-shadow:0 8px 14px #00000073;z-index:0}.gbox{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;padding:0;font-family:var(--font);color:#fff;text-align:left;cursor:pointer;border:3px solid var(--ink);border-radius:6px 6px 3px 3px;background:var(--ink);overflow:hidden;flex:1;--d: color-mix(in srgb, var(--c), #000 42%);box-shadow:1px 1px 0 var(--d),2px 2px 0 var(--d),3px 3px 0 var(--d),4px 4px 0 var(--d),5px 5px 0 var(--d),6px 6px 0 var(--d),7px 7px 0 var(--d),9px 9px 0 var(--ink);transition:transform .18s cubic-bezier(.2,1.4,.4,1);transform-origin:50% 100%}.gbox:hover,.gbox:focus-visible{transform:translateY(-8px) rotate(-1.5deg);outline:none}.gbox:active{transform:translateY(-3px) scale(.98)}.gbox:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.32) 46%,rgba(255,255,255,.08) 50%,transparent 58%) 130% 0 / 260% 100% no-repeat}.gbox:hover:after{background-position:-30% 0;transition:background-position .7s ease-out}.gbLid{display:flex;justify-content:space-between;padding:4px 10px;background:var(--d);border-bottom:3px solid var(--ink);font-size:9px;font-weight:700;letter-spacing:.2em;color:#ffffffd9}.gbArt{display:block;aspect-ratio:4 / 3;background:var(--halftone),var(--c)}.gbArt .art{display:block;width:100%;height:100%}.gbTitle{position:relative;z-index:2;margin:-17px 0 0;padding:0 12px 2px;font-size:clamp(22px,2.2vw,30px);font-weight:700;line-height:.95;color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);transform:rotate(-2deg);transform-origin:0 100%}.gbFoot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px 10px 12px;background:var(--ink);margin-top:auto}.gbArt+.gbTitle{background:linear-gradient(180deg,transparent 17px,var(--ink) 17px)}.gbTag{font-size:12.5px;font-weight:600;line-height:1.2;color:#ffffffe6}.gbPlayers{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:700;color:var(--ink);background:var(--c);border-radius:999px;padding:2px 8px 2px 5px}#menu .gbPlayers svg{width:15px;height:15px;stroke-width:2.4}.gbHeart{position:absolute;z-index:2;top:28px;left:8px;width:28px;height:28px;border-radius:50%;background:var(--pink);border:2.5px solid var(--ink);display:none;align-items:center;justify-content:center;box-shadow:0 2px 0 var(--ink)}#menu .gbHeart svg{width:15px;height:15px;fill:#fff;stroke:#fff}.gbox.wanted .gbHeart{display:flex;animation:heartPop .45s cubic-bezier(.2,1.6,.4,1)}.ptag.shelfTag{position:absolute;z-index:2;left:16px;bottom:-7px;transform:rotate(-3deg);transform-origin:0 50%}.ptag.shelfTag .ptIn{font-size:11px;padding:5px 11px 5px 17px}.slot:hover .ptag.shelfTag{animation:swingShelf .9s ease-out}@keyframes swingShelf{0%{transform:rotate(-3deg)}30%{transform:rotate(-9deg)}60%{transform:rotate(2deg)}to{transform:rotate(-3deg)}}.soonFoot{font-size:14px;opacity:.8;padding:0 0 4px;text-align:center}.soonFoot.has{opacity:1}.soonFoot b{color:var(--yellow)}#menu .soonFoot svg{width:18px;height:18px;vertical-align:-4px;margin-right:4px;fill:var(--pink);stroke:var(--pink)}.unbox{position:absolute;inset:64px 0 0;z-index:5;display:flex;align-items:center;justify-content:center;padding:18px;background:#0a0c228c}.unbox[hidden]{display:none}.ubCard{position:relative;width:min(900px,100%);max-height:100%;display:grid;grid-template-columns:1fr 1.08fr;background:var(--sheet);border:3px solid #fff;border-radius:22px;overflow:hidden;box-shadow:0 10px #0000004d,0 30px 80px #0000008c}.ubCard.fresh{animation:ubIn .45s cubic-bezier(.2,1.3,.4,1) both}.ubCard.fresh .ubArt .art{animation:artIn .6s .05s cubic-bezier(.2,1.5,.4,1) both}@keyframes ubIn{0%{opacity:0;transform:translateY(30px) scale(.9) rotate(-2deg)}}@keyframes artIn{0%{transform:scale(.7) rotate(-6deg);opacity:0}}.ubClose{position:absolute;z-index:3;top:10px;right:10px;width:38px;height:38px;font-size:16px}.ubArt{position:relative;min-height:320px;background:var(--halftone),var(--c);border-right:3px solid var(--ink);display:flex}.ubArt .art{width:100%;height:100%}.ptag.ubTag{position:absolute;top:16px;left:16px;transform:rotate(-8deg)}.ptag.ubTag .ptIn{font-size:13px;padding:6px 12px 6px 19px}.ubInfo{padding:22px 24px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.ubKick{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.16em;color:#ffffffb3}.ubKick span{display:inline-flex;align-items:center;gap:3px;color:var(--c)}#menu .ubKick svg{width:15px;height:15px}.ubInfo h3{margin:0;font-size:clamp(32px,3.6vw,46px);line-height:.95;color:var(--c);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);transform:rotate(-1.5deg);transform-origin:0 100%}.ubTagline{font-size:18px;font-weight:600}.ubSteps{margin:4px 0 0;padding:0;list-style:none;counter-reset:st;display:flex;flex-direction:column;gap:9px}.ubSteps li{counter-increment:st;position:relative;padding-left:38px;font-size:14.5px;line-height:1.38;min-height:28px}.ubSteps li:before{content:counter(st);position:absolute;left:0;top:-1px;width:27px;height:27px;border-radius:50%;background:var(--c);color:var(--ink);border:2.5px solid var(--ink);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 0 var(--ink)}.ubHook{font-size:14px;line-height:1.4;padding:10px 12px;border-radius:12px;background:#ffffff12;border-left:4px solid var(--c)}.ubHook b{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--c);margin-bottom:2px}.ubAct{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:6px;flex-wrap:wrap}.ubNav{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;opacity:.85}.ubNav .iconBtn{width:38px;height:38px}@media (max-width: 980px){.shelf{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){#soonBody{padding:16px 14px 18px;gap:16px}.notice{grid-template-columns:1fr;padding:16px 16px 14px;row-gap:10px}.notice p{font-size:13.5px}#soonShare{justify-self:start}.shelf{gap:38px 18px;padding:12px 12px 4px 6px}.gbTitle{font-size:20px;-webkit-text-stroke:5px var(--ink);margin-top:-24px}.gbLid{font-size:7.5px;letter-spacing:.12em;padding:3px 7px}.gbFoot{flex-direction:column;align-items:flex-start;gap:5px;padding:7px 8px 8px}.gbTag{font-size:11.5px}.ptag.shelfTag{left:8px}.ptag.shelfTag .ptIn{font-size:9.5px;padding:4px 9px 4px 15px}.unbox{top:54px;padding:10px}.ubCard{grid-template-columns:1fr;overflow-y:auto}.ubArt{min-height:0;height:190px;border-right:0;border-bottom:3px solid var(--ink)}.ubInfo{overflow:visible;padding:16px}}@media (max-width: 420px){.shelf{gap:34px 14px}.gbTitle{font-size:17px}}@media (max-height: 520px){.unbox{top:50px;padding:8px}.ubArt{min-height:0}.ubInfo{padding:14px 16px;gap:6px}.ubInfo h3{font-size:28px}.ubSteps li{font-size:13px}.ubTagline{font-size:15px}.notice p{font-size:13px}}body.calm #menu *,body.calm #menu,body.calm .overlay *{animation:none!important;transition:none!important}@media (max-height: 760px){.hero .feat span{display:none}.hero .feat{padding:8px 12px}.hero{gap:10px}}@media (max-height: 620px){.hero .feats{display:none}}@media (max-height: 760px){.modeInfo{font-size:12px;min-height:52px;padding:5px 9px}.mThumb{height:52px}.soonTeaser{padding:8px 12px 8px 18px}}@media (max-width: 1180px){.meMid{display:none}}@media (max-width: 980px){.nav{padding:10px 12px;font-size:15px}#pgPlay{gap:18px}.hero{max-width:380px}}@media (max-width: 860px) and (orientation: landscape){.brand span{display:none}.nav span{font-size:14px}}@media (max-width: 760px) and (orientation: portrait){.setTabs{flex:0 0 auto;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:2px solid var(--line);padding:8px}.sheetMain{flex-direction:column}.stab{padding:9px 14px;white-space:nowrap}#binds{grid-template-columns:1fr}.opt{flex-wrap:wrap}.optR{flex:1 1 100%}}@media (orientation: portrait) and (max-width: 760px){:root{--barH: 58px}.mNav{position:fixed;left:0;right:0;bottom:0;z-index:3;margin:0;justify-content:space-around;gap:0;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#0e102cf5;border-top:3px solid rgba(255,209,102,.85)}.nav{flex:1;flex-direction:column;gap:3px;padding:7px 4px;font-size:11.5px;border-radius:12px}.nav.on{transform:none}.nav:after{display:none}.mPages{margin-bottom:calc(66px + env(safe-area-inset-bottom))}#menu[data-page=play] .brand{visibility:visible}.brand{font-size:19px}.brand .goo{font-size:24px}#pgPlay{flex-direction:column;justify-content:flex-start;gap:14px}.hero{align-items:center;text-align:center;max-width:none}.logo{font-size:clamp(54px,17vw,84px);align-items:center}.hero .feats{display:none}.playCard{width:100%;margin-top:auto}#pgPlay:before{content:"";flex:0 1 18vh;order:1}.playCard{order:2}.nav .nLong{display:none}.nav .nShort{display:inline}.newDot{right:8px;top:0}.soonTeaser{display:none}.modeInfo:not(.isSoon){display:none}.modeInfo{min-height:0}#pgPlay>.hero,#pgPlay>.playCard{flex-shrink:0}.page{padding:12px 12px 16px}.sheet,.profile{height:100%;border-width:2px;border-radius:20px}.sheetHead{padding:10px 10px 10px 16px}.sheetHead h2{font-size:22px}}@media (max-height: 520px){:root{--barH: 52px}.mBar{gap:8px}.brand span{display:none}.brand .goo{font-size:24px}.nav{padding:8px 11px;font-size:14px;gap:6px}.nav svg{width:18px;height:18px}.nav:after{display:none}.meChip{padding:2px 4px 2px 2px}.meChip .lvlBadge{flex-basis:52px;height:38px}.meChip .wallet{font-size:14px;padding:4px 8px}.iconBtn{width:40px;height:40px}.page{padding:10px var(--gut)}#pgPlay{align-items:flex-start}.hero{gap:6px;max-width:46vw}.logo{font-size:clamp(38px,12vh,60px)}.tagline{font-size:15px}.hero .feats{display:none}.playCard{width:min(380px,50vw);padding:12px 14px;gap:8px;border-width:3px;border-radius:22px}.playCard .btn.big{font-size:20px;padding:10px}.playCard input{font-size:17px;padding:8px}.fieldL{display:none}.jobsMini{padding:6px 10px}.jm{font-size:12px}.soonTeaser,.modeInfo,.modeHead{display:none}.mode{flex-basis:66px}.mThumb{width:66px;height:42px}.mode b{font-size:11px}.live{display:none}.modes{padding-top:7px}.nav .nLong{display:none}.nav .nShort{display:inline}.sheet{height:100%}.sheetHead{padding:6px 8px 6px 16px}.sheetHead h2{font-size:20px}.setTabs{flex-basis:150px;padding:8px}.stab{padding:8px 12px;font-size:15px}.setBody{padding:10px 14px 14px}.opt{min-height:54px;padding:8px 14px}.optL small{display:none}.pauseCard{padding:12px 16px!important;gap:8px}.pauseCard h2{font-size:22px}.pauseCard .btn.big{font-size:20px;padding:10px}}@media (max-height: 520px) and (max-width: 760px){.setTabs{flex-basis:auto}}@media (orientation: portrait){body.touch:not(.ingame) #rotate{display:none!important}}