:root{--ink: #241726;--panel: #3a2852;--panel2: #4b3568;--card: #fff6e6;--card2: #f3e2c6;--text: #fff8ec;--gold: #ffd23d;--pink: #ff5d8f;--green: #5fd06a;--blue: #5ab8ff;--red: #ff5a5f;--muted: #cbb9df;--px: 3px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#120c1a;color:var(--text);overflow:hidden;overscroll-behavior:none}body{font-family:"Jersey 10",ui-monospace,monospace;font-size:16px;touch-action:manipulation;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}#cynnx-game-chip{display:none!important}#stage{position:absolute;inset:0;display:block;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none}.px{image-rendering:pixelated;image-rendering:crisp-edges;width:24px;height:24px;flex:none}.px.tiny{width:18px;height:18px}.px.mid{width:36px;height:36px}.px.big{width:40px;height:40px}.px.dim{opacity:.3;filter:grayscale(1)}.boot,.boot-error{position:fixed;inset:0;display:grid;place-items:center;font-size:20px;color:#fff;text-align:center;padding:24px}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}.pxb{box-shadow:0 0 0 var(--px) var(--ink),inset 0 calc(-1 * var(--px)) 0 #00000040}#layer{position:absolute;inset:0;pointer-events:none}#layer>.screen{pointer-events:auto}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));overflow-y:auto}.topbar{width:100%;max-width:1100px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pill{display:inline-flex;align-items:center;gap:6px;background:#241726d1;border:3px solid var(--ink);box-shadow:inset 0 0 0 2px #ffffff1f;padding:4px 10px;min-height:36px;font-size:17px}.lvl{display:inline-flex;align-items:center;gap:6px;background:#241726d1;border:3px solid var(--ink);box-shadow:inset 0 0 0 2px #ffffff1f;padding:2px 10px 2px 2px;min-height:40px}.lvl .av{width:40px;height:40px;background:#ffe7c4}.lvl-n{background:var(--gold);color:var(--ink);font-weight:700;padding:0 6px}.xpbar{width:70px;height:10px;background:#1b1225;border:2px solid var(--ink);display:inline-block}.xpbar i{display:block;height:100%;background:linear-gradient(#a98bff,#7a5cff)}.rank{font-size:14px;color:var(--muted)}.acct{display:inline-flex;align-items:center;gap:6px;margin-left:auto}.acct .guest{font-size:14px;color:var(--muted)}.acct.signed,.gp{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--ink);border:3px solid var(--ink);padding:4px 10px;min-height:40px;font-size:15px;font-weight:700}.acct.signed{margin-left:auto;background:#e9ffe6}.gp .brand svg{width:20px;height:20px;display:block}.lang{display:inline-flex;align-items:center;gap:4px;background:#241726d1;border:3px solid var(--ink);padding:4px 8px;min-height:40px;color:#fff}.lobby{justify-content:flex-start;gap:10px;background:linear-gradient(#120c1a00 0% 45%,#120c1a8c)}.title-wrap{text-align:center;margin-top:4px}.logo{margin:0;line-height:.9;font-weight:700;display:flex;flex-direction:column;align-items:center;letter-spacing:2px}.logo span{font-size:clamp(38px,8vw,72px);color:var(--gold);text-shadow:3px 0 var(--ink),-3px 0 var(--ink),0 3px var(--ink),0 -3px var(--ink),3px 3px var(--ink),-3px 3px var(--ink),3px -3px var(--ink),-3px -3px var(--ink),0 7px #b0661a,3px 7px var(--ink),-3px 7px var(--ink),0 10px var(--ink)}.logo .l2{color:#ff8fbc;transform:scaleY(-1);text-shadow:3px 0 var(--ink),-3px 0 var(--ink),0 3px var(--ink),0 -3px var(--ink),3px 3px var(--ink),-3px 3px var(--ink),3px -3px var(--ink),-3px -3px var(--ink),0 -7px #c23d74,3px -7px var(--ink),-3px -7px var(--ink),0 -10px var(--ink);margin-top:6px;animation:flipy 4s steps(1) infinite}@keyframes flipy{0%,45%{transform:scaleY(-1)}50%,95%{transform:scaleY(1)}}.tagline{margin:8px 0 0;font-size:16px;color:#fff;text-shadow:2px 2px 0 var(--ink);background:#24172699;padding:2px 10px;display:inline-block}.play-row{display:flex;justify-content:center}.play-btn{display:inline-flex;flex-direction:column;align-items:center;gap:0;background:var(--green);color:var(--ink);border:4px solid var(--ink);box-shadow:inset 0 -6px #2f9a3f,inset 0 4px #9df0a4,0 6px 0 var(--ink);padding:8px 36px 12px;min-width:220px;animation:bob 1.6s ease-in-out infinite}.play-btn>.px{position:absolute;margin-left:-150px;margin-top:10px;width:32px;height:32px}.play-btn span{font-size:34px;font-weight:700;line-height:1}.play-btn small{font-size:14px}.play-btn:active{transform:translateY(4px);box-shadow:inset 0 -3px #2f9a3f,0 2px 0 var(--ink)}@keyframes bob{50%{transform:translateY(-3px)}}.tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;max-width:760px;margin-top:auto}.tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--panel2);border:3px solid var(--ink);box-shadow:inset 0 -5px #00000040,inset 0 3px #ffffff26;padding:8px 4px 10px;min-height:76px;font-size:14px;color:#fff}.tile .tico{width:36px;height:36px}.tile.locked .tico,.tile.soft .tico{filter:grayscale(.6) brightness(.85)}.tile .badge{position:absolute;top:-8px;right:-6px;background:var(--red);color:#fff;font-style:normal;border:3px solid var(--ink);min-width:26px;height:26px;display:grid;place-items:center;font-size:14px;animation:bob 1s infinite}.tile .lockt{font-size:11px;color:var(--gold)}.tile:hover{background:#5c4180}.guest-note{margin:0;font-size:13px;color:var(--muted);background:#241726b3;padding:2px 8px}@media (max-width: 560px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.tile{min-height:66px;font-size:12px}.rank,.xpbar{display:none}}@media (max-height: 500px) and (orientation: landscape){.lobby{gap:6px}.logo span{font-size:34px}.tagline{display:none}.play-btn{padding:4px 30px 8px}.play-btn span{font-size:26px}.tiles{grid-template-columns:repeat(10,minmax(0,1fr));max-width:none}.tile{min-height:60px;font-size:11px;padding:4px 2px 6px}.tile .tico{width:28px;height:28px}}.panel-screen{background:#120c1ab8}.panel{width:100%;max-width:860px;background:var(--panel);border:4px solid var(--ink);box-shadow:inset 0 0 0 3px #5a4280,0 8px #0006;display:flex;flex-direction:column;max-height:100%}.panel header{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#2a1d3d;border-bottom:4px solid var(--ink);position:sticky;top:0}.panel header h2{margin:0;font-size:24px;flex:1;color:var(--gold);text-shadow:2px 2px 0 var(--ink)}.panel-body{padding:12px;overflow-y:auto}.back{background:var(--card);border:3px solid var(--ink);width:46px;height:46px;display:grid;place-items:center;box-shadow:inset 0 -4px 0 var(--card2)}.gate{display:flex;align-items:center;gap:8px;background:#fff0b8;color:var(--ink);border:3px solid var(--ink);padding:8px 12px;margin-bottom:10px;font-weight:700}.muted{color:var(--muted)}.small{font-size:13px}.cards{display:flex;flex-direction:column;gap:8px}.cards.two{display:grid;grid-template-columns:1fr 1fr}@media (max-width: 640px){.cards.two{grid-template-columns:1fr}}.card{display:flex;align-items:center;gap:10px;background:var(--card);color:var(--ink);border:3px solid var(--ink);box-shadow:inset 0 -4px 0 var(--card2);padding:8px 10px}.card.locked{opacity:.7}.card.done{background:#e4f8de}.card-txt{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.card-txt b{font-size:17px}.card-txt small{font-size:13px;color:#5b4a63}.up-ico{width:52px;height:52px;background:#3a2852;border:3px solid var(--ink);display:grid;place-items:center;flex:none}.pips{display:flex;gap:4px}.pips i{width:16px;height:8px;background:#d8c6b0;border:2px solid var(--ink)}.pips i.on{background:var(--green)}.buy{display:inline-flex;align-items:center;gap:4px;background:var(--gold);color:var(--ink);border:3px solid var(--ink);box-shadow:inset 0 -4px #d79a12;padding:6px 12px;min-height:44px;min-width:76px;justify-content:center;font-weight:700;font-size:16px}.buy.off{background:#d6cfc4;box-shadow:inset 0 -4px #aaa197;color:#6b6070}.buy.glow{background:var(--green);box-shadow:inset 0 -4px #2f9a3f;animation:bob 1s infinite}.need{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#7a5a3a}.tag{display:inline-flex;align-items:center;gap:4px;background:#e8e0f2;border:2px solid var(--ink);padding:2px 8px;font-size:13px;color:var(--ink)}.tag.ok{background:#c9f5c4}.tag.buyt{background:var(--gold)}.bar{position:relative;height:18px;background:#e3d6c3;border:2px solid var(--ink)}.bar i{position:absolute;inset:0 auto 0 0;background:var(--green)}.bar span{position:relative;font-size:12px;padding-left:6px;line-height:14px}.bar.thin{height:14px}.bar.thin span{font-size:11px;line-height:10px}.rw{display:inline-flex;align-items:center;gap:4px;font-size:13px}.card.bonus{margin-top:10px;background:#fff0b8}.medal{width:50px;height:50px;display:grid;place-items:center;border:3px solid var(--ink);background:#d6cfc4;flex:none}.badge-card.earned .medal.t1{background:#f0b27a}.badge-card.earned .medal.t3{background:#d6dbe8}.badge-card.earned .medal.t6{background:var(--gold)}.badge-card.earned .medal.t10{background:#c7a6ff}.earned-d{color:#2f7a2a!important}.ext{display:inline-flex;align-items:center;gap:8px;margin-top:12px;background:var(--blue);color:var(--ink);border:3px solid var(--ink);padding:8px 14px;text-decoration:none;font-weight:700;box-shadow:inset 0 -4px #2f7fd0}.wtabs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.wtab{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--panel2);border:3px solid var(--ink);padding:4px;color:#fff;font-size:12px;text-align:center}.wtab.sel{background:var(--gold);color:var(--ink)}.wtab.locked .wthumb{filter:grayscale(1) brightness(.6)}.wtab small{display:inline-flex;align-items:center;gap:2px}.wthumb{width:100%;height:auto;aspect-ratio:16 / 9}.world-head{display:flex;gap:12px;align-items:center;margin:12px 0}.world-head h3{margin:0 0 4px;color:var(--gold);font-size:22px}.world-head p{margin:0 0 4px}.world-big{width:160px;height:90px;border:3px solid var(--ink);flex:none}.nodes{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:84px;background:var(--card);color:var(--ink);border:3px solid var(--ink);box-shadow:inset 0 -5px 0 var(--card2);font-size:26px}.node.clear{background:#dff7d8;box-shadow:inset 0 -5px #a9e09c}.node.boss{background:#ffd9d9;box-shadow:inset 0 -5px #f0a5a5}.node.locked{background:#8c7aa3;box-shadow:inset 0 -5px #6c5a83;color:#4b3a5c}.node .gold3{display:flex;gap:1px}.node .gold3 .px{width:18px;height:18px}.node .boss-art{width:48px;height:48px}.node-lock{position:absolute;top:4px;right:4px;width:20px!important;height:20px!important}@media (max-width: 560px){.wtab span{display:none}.world-big{width:110px;height:62px}.nodes{gap:6px}.node{min-height:70px;font-size:20px}.node .gold3 .px{width:13px;height:13px}}.mode-card{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.mode-card h3{margin:0;font-size:26px;color:var(--gold);text-shadow:2px 2px 0 var(--ink)}.mode-card p{margin:0;max-width:520px}.mode-art{width:128px;height:128px}.mode-art.wide{width:240px;height:135px;border:3px solid var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.chip{display:inline-flex;align-items:center;gap:4px;background:#2a1d3d;border:2px solid var(--ink);padding:3px 8px;font-size:14px}.chip.ok{background:#2f7a2a}.chip.scope{background:var(--blue);color:var(--ink)}.wardrobe h4,.profile h4{margin:14px 0 6px;color:var(--gold)}.preview{display:flex;flex-direction:column;align-items:center;gap:2px}.cat-big{width:130px;height:130px;background:radial-gradient(#ffe7c4 55%,transparent 56%)}.pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.pick-it{display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--card);color:var(--ink);border:3px solid var(--ink);box-shadow:inset 0 -4px 0 var(--card2);padding:6px 4px;font-size:13px;min-height:120px}.pick-it.sel{background:#fff0b8;box-shadow:inset 0 0 0 3px var(--gold),inset 0 -4px #d79a12}.pick-it.locked .pick-cat{filter:brightness(.25)}.pick-cat{width:64px;height:64px}.prof-head{display:flex;gap:14px;align-items:center}.prof-head h3{margin:0;font-size:22px}.prof-head p{margin:2px 0}.prof-av{width:104px;height:104px;background:#ffe7c4;border:3px solid var(--ink)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}@media (max-width: 560px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{display:flex;flex-direction:column;align-items:center;background:var(--card);color:var(--ink);border:3px solid var(--ink);padding:8px 4px}.stat small{font-size:12px;text-align:center}.stat b{font-size:20px}.lb-row{display:flex;align-items:center;gap:10px;background:var(--card);color:var(--ink);border:3px solid var(--ink);padding:6px 10px;margin-top:6px}.lb-row b{flex:1}.lb-art{width:80px;height:45px;border:2px solid var(--ink)}.lb-vac{width:36px;height:36px}.lb-row .chip{color:#fff}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.day{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--card);color:var(--ink);border:3px solid var(--ink);box-shadow:inset 0 -4px 0 var(--card2);padding:4px 2px;min-height:86px;font-size:12px;text-align:center}.day small{font-size:11px;color:#7a6a80}.day.big{background:#fff0b8}.day.today{background:var(--green);box-shadow:inset 0 -4px #2f9a3f;animation:bob 1s infinite}.day.today small{color:var(--ink)}.day.claimed{opacity:.55}.day .tick{position:absolute;top:2px;right:2px;width:18px;height:18px}.cal-ico{width:30px;height:30px}.cal-art{width:40px;height:40px}@media (max-width: 560px){.day{min-height:70px;font-size:10px}.day span{font-size:9px}.cal{gap:3px}.cal-ico{width:22px;height:22px}}.settings{display:flex;flex-direction:column;gap:8px}.set-row{display:flex;align-items:center;gap:10px;background:var(--card);color:var(--ink);border:3px solid var(--ink);padding:8px 12px;min-height:52px;text-align:left;width:100%}.set-row span{flex:1}.set-row input[type=range]{width:46%;accent-color:var(--pink);height:28px}.set-row em{font-style:normal;background:#d6cfc4;padding:2px 10px;border:2px solid var(--ink)}.set-row.on em{background:var(--green)}.langs{display:flex;gap:6px}.langb{background:#e8e0f2;border:2px solid var(--ink);padding:6px 10px;min-height:40px}.langb.sel{background:var(--gold)}.pause,.results{justify-content:center;background:#120c1aa6}.modal{width:100%;max-width:520px;background:var(--panel);border:4px solid var(--ink);box-shadow:inset 0 0 0 3px #5a4280,0 8px #0006;padding:16px;display:flex;flex-direction:column;gap:10px;align-items:stretch;text-align:center;max-height:100%;overflow-y:auto}.modal h2{margin:0;font-size:30px;color:var(--gold);text-shadow:3px 3px 0 var(--ink)}.big-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--card);color:var(--ink);border:3px solid var(--ink);box-shadow:inset 0 -5px 0 var(--card2);padding:8px 14px;min-height:52px;font-size:20px;font-weight:700}.big-btn.green{background:var(--green);box-shadow:inset 0 -5px #2f9a3f}.big-btn.red{background:#ffb3b3;box-shadow:inset 0 -5px #e57f7f}.big-btn:active,.buy:active,.tile:active,.node:active{transform:translateY(3px)}.res-art{display:flex;justify-content:center;align-items:flex-end;gap:4px}.res-cat,.res-vac{width:96px;height:96px}.res.win .res-cat{animation:bob .8s infinite}.res-gold{display:flex;justify-content:center;gap:8px}.gbig{width:54px;height:54px}.gbig.new{animation:pop .6s ease-out both;filter:drop-shadow(0 0 6px #ffd23d)}@keyframes pop{0%{transform:scale(0) rotate(-30deg)}70%{transform:scale(1.3)}to{transform:scale(1)}}.res-score{margin:0;font-size:20px;color:var(--gold)}.rstats{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.rstat{display:flex;flex-direction:column;align-items:center;background:var(--card);color:var(--ink);border:3px solid var(--ink);padding:4px 8px;min-width:76px}.rstat small{font-size:12px}.rstat b{font-size:18px}.unlock-note{display:flex;align-items:center;gap:8px;background:#fff0b8;color:var(--ink);border:3px solid var(--ink);padding:6px 10px;text-align:left;font-weight:700;animation:pop .4s ease-out both}.unlock-note.badge{background:#e6d8ff}.unlock-note.lvl{background:#c9f5c4}.tiny-cat{width:32px;height:32px}.tiny-world{width:56px;height:32px}.res-btns{display:flex;flex-direction:column;gap:8px}.res-notes{display:grid;grid-template-columns:1fr 1fr;gap:6px}.res-notes .unlock-note{font-size:14px;padding:4px 8px}.res-notes .unlock-note:first-child:nth-last-child(odd){grid-column:1 / -1}@media (max-width: 480px){.res-notes{grid-template-columns:1fr}}@media (max-height: 500px) and (orientation: landscape){.modal{max-width:760px;padding:10px;gap:6px}.modal h2{font-size:24px}.res-art{display:none}.res-btns{flex-direction:row}.res-btns .big-btn{flex:1;font-size:16px;min-height:46px}.gbig{width:40px;height:40px}}#hud{position:absolute;inset:0;pointer-events:none}#hud>*{pointer-events:auto}.hud-tap{position:absolute;inset:0}.h-top{position:absolute;top:calc(6px + var(--safe-t));left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));display:flex;align-items:center;gap:8px;pointer-events:none}.h-top>*{pointer-events:auto}.h-gold{display:flex;gap:2px;background:#241726d1;border:3px solid var(--ink);padding:3px 6px}.h-gold .gslot{width:22px;height:22px}.h-gold .gslot.known{opacity:.55;filter:none}.h-gold .gslot.got{opacity:1;filter:drop-shadow(0 0 4px #ffd23d);animation:pop .5s ease-out both}.h-meter{display:flex;align-items:center;gap:4px;flex:1;max-width:260px;margin:0 auto;background:#241726d1;border:3px solid var(--ink);padding:3px 6px}.mbar{flex:1;height:12px;background:#1b1225;border:2px solid #000}.mbar i{display:block;height:100%;background:var(--green);transition:width .15s linear}.h-meter.danger .mbar i{background:var(--red)}.h-meter.danger{animation:shake .3s infinite}@keyframes shake{25%{transform:translate(-2px)}75%{transform:translate(2px)}}.h-power{display:flex;gap:2px}.h-power .px{width:26px;height:26px;animation:bob .6s infinite}.pause-btn{background:var(--card);border:3px solid var(--ink);width:46px;height:46px;display:grid;place-items:center;box-shadow:inset 0 -4px 0 var(--card2)}.skip-btn{position:absolute;right:calc(10px + var(--safe-r));bottom:calc(10px + var(--safe-b));background:var(--card);color:var(--ink);border:3px solid var(--ink);padding:8px 14px;min-height:46px;font-weight:700;box-shadow:inset 0 -4px 0 var(--card2)}.tut-bubble{position:absolute;left:50%;bottom:calc(14px + var(--safe-b));transform:translate(-50%);max-width:min(560px,80vw);background:#fff6e6;color:var(--ink);border:4px solid var(--ink);box-shadow:0 6px #0006;padding:8px 14px;text-align:center;pointer-events:none;animation:popc .35s ease-out both}@keyframes popc{0%{transform:translate(-50%) scale(.3)}70%{transform:translate(-50%) scale(1.08)}to{transform:translate(-50%) scale(1)}}.tut-bubble.hidden{display:none}.tut-bubble small{color:#8a5ad6;font-weight:700}.tut-bubble p{margin:2px 0;font-size:18px}.tut-bubble em{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-weight:700;color:#2f9a3f;animation:bob .6s infinite}.banner{position:absolute;left:50%;top:32%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none!important;animation:banner 2.2s ease-out both}.banner b{font-size:clamp(28px,6vw,52px);color:var(--gold);text-shadow:3px 0 var(--ink),-3px 0 var(--ink),0 3px var(--ink),0 -3px var(--ink),3px 3px var(--ink),-3px -3px var(--ink),0 7px var(--ink);white-space:nowrap}.banner small{font-size:18px;color:#fff;text-shadow:2px 2px 0 var(--ink)}@keyframes banner{0%{opacity:0;transform:translate(-50%,-20px) scale(.6)}15%{opacity:1;transform:translate(-50%) scale(1.05)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-10px)}}.rotate-msg{display:none}body.rotate .rotate-msg{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#120c1aeb;font-size:22px;text-align:center;padding:24px;z-index:5}.rotate-msg .phone{width:50px;height:84px;border:5px solid #fff;animation:rot 1.6s ease-in-out infinite}@keyframes rot{50%{transform:rotate(90deg)}}#toasts{position:absolute;left:50%;top:calc(60px + var(--safe-t));transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;z-index:10}.toast{background:#fff6e6;color:var(--ink);border:3px solid var(--ink);padding:6px 14px;font-weight:700;box-shadow:0 4px #0006;animation:pop .3s ease-out both;transition:opacity .4s}.toast.out{opacity:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@font-face{font-family:"Jersey 10";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jersey-10-latin-400-normal-DrL73VYW.woff2) format("woff2"),url(/assets/jersey-10-latin-400-normal-B8YT2i2g.woff) format("woff")}@font-face{font-family:"Jersey 10";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jersey-10-latin-ext-400-normal-uIKqQSaG.woff2) format("woff2"),url(/assets/jersey-10-latin-ext-400-normal-ByMh3OYd.woff) format("woff")}:root{--fd: "Jersey 10", system-ui, sans-serif;--fb: "Jersey 10", system-ui, sans-serif}:root{--ink: #2b1630;--mint: #9ff3d6;--hot: #ff4f9a;--yarn: #ffb3d1;--cream: #fff4fa;--panel: #ffe3f0;--panel2: #fff4fa;--text: #2b1630}body{font-family:var(--fb);font-size:19px;letter-spacing:.02em}.notch{clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px))}.lobby{background:linear-gradient(#9ff3d673,#ff4f9a2e)}.lobby .tiles{order:1;margin-top:4px;max-width:980px;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.lobby .title-wrap{order:2;margin-top:auto}.lobby .play-row{order:3;margin-bottom:6px}.lobby .guest-note,.lobby>:last-child:not(.play-row):not(.tiles):not(.title-wrap){order:4}.logo{gap:0;letter-spacing:1px}.logo span{font-family:var(--fd);text-shadow:none!important}.logo .l1{font-size:clamp(34px,6vw,64px);color:var(--cream);background:var(--hot);padding:0 16px;transform:scaleY(-1) rotate(3deg);box-shadow:0 -6px 0 var(--ink)}.logo .l2{font-size:clamp(64px,12vw,132px);color:var(--hot);transform:none;line-height:.9;text-shadow:4px 0 var(--cream),-4px 0 var(--cream),0 4px var(--cream),0 -4px var(--cream),8px 8px 0 var(--ink)!important}.tagline{color:var(--ink);background:var(--mint);padding:2px 12px;display:inline-block;font-size:20px;border:3px solid var(--ink)}.play-btn{background:var(--hot);color:var(--cream);border:0;box-shadow:none;padding:10px 46px;clip-path:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px));filter:drop-shadow(0 6px 0 var(--ink))}.play-btn span{font-family:var(--fd);font-size:44px;font-weight:400}.play-btn small{color:var(--yarn);font-size:17px}.tile{background:var(--cream);color:var(--ink);border:0;box-shadow:none;min-height:70px;font-size:17px;clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px))}.tile:nth-child(3n+2){background:var(--mint)}.tile:nth-child(3n){background:var(--yarn)}.tile:hover{background:#fff}.tile .lockt{color:var(--hot)}.tile .badge{border-radius:0}@media (max-width: 700px){.lobby .tiles{grid-template-columns:repeat(5,minmax(0,1fr))}}.pill,.acct,.lvl{color:var(--cream);background:var(--ink)}.panel-screen{background:#2b163099}.panel,.modal{box-shadow:0 8px 0 var(--ink);border-color:var(--ink)}.panel header{background:var(--hot)}.panel header h2,.modal h2{color:var(--cream);font-family:var(--fd)}.modal h2{color:var(--hot)}.chip{background:var(--mint);color:var(--ink)}:root{--n6: polygon(0 6px, 3px 6px, 3px 3px, 6px 3px, 6px 0, calc(100% - 6px) 0, calc(100% - 6px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 6px, 100% 6px, 100% calc(100% - 6px) , calc(100% - 3px) calc(100% - 6px) , calc(100% - 3px) calc(100% - 3px) , calc(100% - 6px) calc(100% - 3px) , calc(100% - 6px) 100%, 6px 100%, 6px calc(100% - 3px) , 3px calc(100% - 3px) , 3px calc(100% - 6px) , 0 calc(100% - 6px) );--dith: repeating-conic-gradient(rgba(255,255,255,.22) 0 25%, transparent 0 50%) 0 0 / 4px 4px}.h-top .pill,.h-gold,.h-meter{clip-path:var(--n6);border:0;color:var(--cream);padding:5px 10px;background:linear-gradient(transparent 55%,#3a124040 55%),var(--dith),var(--hot);box-shadow:inset 3px 3px #ff9ac8,inset -3px -3px #c02a70}.h-top .pill b{color:var(--cream);text-shadow:2px 2px 0 var(--ink)}.h-meter{background:linear-gradient(transparent 55%,#3a124040 55%),var(--dith),#b07aff;box-shadow:inset 3px 3px #d8b8ff,inset -3px -3px #6a3ab0}.mbar{border:0;height:12px;background:var(--ink);box-shadow:inset 0 0 0 2px #2a0e2a;clip-path:polygon(0 2px,2px 2px,2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px))}.mbar i{background:repeating-linear-gradient(90deg,var(--mint) 0 6px,#6ee0b8 6px 8px);box-shadow:inset 0 2px #fff9}.h-meter.danger .mbar i{background:repeating-linear-gradient(90deg,#ff4f6a 0 6px,#c02a4a 6px 8px)}.pause-btn,.skip-btn{clip-path:var(--n6);border:0!important;background:var(--dith),var(--mint);box-shadow:inset 3px 3px #e0fff4,inset -3px -4px #4fc8a0;color:var(--ink)}.tut-bubble{border:0;clip-path:var(--n6);background:linear-gradient(transparent 70%,#ff4f9a1f 70%),var(--cream);box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 0 6px var(--yarn);padding:10px 18px}.tut-bubble small{color:var(--hot)}.banner b{color:var(--yarn);text-shadow:3px 0 var(--ink),-3px 0 var(--ink),0 3px var(--ink),0 -3px var(--ink),3px 3px var(--ink),-3px -3px var(--ink),0 7px var(--hot)}.pause,.results{background:var(--dith),#3a1240b3}.modal{border:0!important;clip-path:var(--n6);position:relative;padding:20px 18px;background:linear-gradient(transparent 80%,#ff4f9a1f 80%),repeating-linear-gradient(90deg,var(--cream) 0 16px,#ffeaf4 16px 32px);box-shadow:inset 0 0 0 4px var(--ink),inset 0 0 0 8px var(--hot),inset 0 0 0 10px var(--ink)!important}.modal:before,.modal:after{content:"";position:absolute;top:14px;width:9px;height:9px;background:conic-gradient(from 45deg,transparent 0 0);background:linear-gradient(#fff,#fff) 3px 0 / 3px 9px no-repeat,linear-gradient(#fff,#fff) 0 3px / 9px 3px no-repeat}.modal:before{left:16px}.modal:after{right:16px}.modal h2{color:var(--hot)!important;text-shadow:3px 3px 0 var(--ink),6px 6px 0 var(--yarn)!important}.res.win{background:linear-gradient(transparent 80%,#9ff3d64d 80%),repeating-linear-gradient(90deg,#f0fff8 0 16px,#dcfbef 16px 32px)}.big-btn{border:0!important;clip-path:var(--n6);background:var(--dith),var(--yarn);box-shadow:inset 3px 3px #ffd8ea,inset -3px -5px #e0709f;color:var(--ink)}.big-btn.green{background:var(--dith),var(--mint);box-shadow:inset 3px 3px #e0fff4,inset -3px -5px #4fc8a0}.big-btn.red{background:var(--dith),#ff8fa8;box-shadow:inset 3px 3px #ffd0dc,inset -3px -5px #d04a6a}.rstat,.unlock-note{border:0!important;clip-path:var(--n6);box-shadow:inset 0 0 0 3px var(--ink)}.toast{border:0;clip-path:var(--n6);background:var(--cream);box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 0 5px var(--yarn)}.play-btn{animation-timing-function:steps(2,jump-none)}