:root{--ink: #2a1b12;--cream: #fff6df;--sun: #ffc23d;--sun-d: #d9831f;--sky: #5ec8ff;--green: #5fd67a;--green-d: #2f9a4a;--red: #ff5a5a;--red-d: #c23a3a;--blue: #4fa3d9;--panel: #fff3d6;--panel-d: #e9cf9a;--font: "Zilla Slab", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#5ec8ff;font-family:var(--font);color:var(--ink);touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:none}#app{position:fixed;inset:0}.boot{position:fixed;inset:0;display:grid;place-items:center;font-size:28px;color:#fff;text-shadow:0 3px 0 var(--ink)}.boot-error{color:#fff;text-align:center;padding:24px;font-size:20px}#stage{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#layer,#hud{position:absolute;inset:0;pointer-events:none}#layer>*,#hud>*{pointer-events:auto}#cynnx-game-chip{display:none!important}button{font-family:var(--font);color:var(--ink);cursor:pointer;border:0;background:none;padding:0}button:focus-visible,a:focus-visible{outline:4px solid #fff;outline-offset:2px}.i{display:inline-flex;width:1.4em;height:1.4em;flex:none}.i svg,.ico{width:100%;height:100%;overflow:visible}.i.big{width:44px;height:44px}.i.huge{width:84px;height:84px}.outline,h1,h2,.tile span,.play-btn span,.big-btn,.perk b,.res-title{paint-order:stroke fill}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center}.lobby{padding:calc(10px + var(--safe-t)) calc(14px + var(--safe-r)) calc(10px + var(--safe-b)) calc(14px + var(--safe-l));gap:8px;background:linear-gradient(#0000 55%,#0003);overflow-y:auto}.topbar{width:100%;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lvl{display:grid;grid-template-columns:52px auto;grid-template-rows:auto auto;align-items:center;column-gap:8px;background:#2a1b12cc;padding:4px 12px 4px 4px;border-radius:30px;border:3px solid var(--ink);color:#fff;text-align:left}.lvl .av{grid-row:1 / 3;width:52px;height:52px}.lvl-n{position:relative;font-size:20px;color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill}.lvl .rank{font-size:13px;color:#ffe680;grid-column:2}.xpbar{display:block;width:110px;height:12px;border-radius:8px;background:#0008;border:2px solid var(--ink);overflow:hidden}.xpbar i{display:block;height:100%;background:linear-gradient(#a8f6ff,#3fd0ff)}.xpbar.big{width:min(320px,60vw);height:18px}.lvl .lvl-n{position:absolute;margin:34px 0 0 34px;font-size:18px}.pill{display:inline-flex;align-items:center;gap:6px;background:#2a1b12cc;color:#fff;border:3px solid var(--ink);border-radius:30px;padding:4px 14px 4px 6px;font-size:20px}.pill .i{width:28px;height:28px}.acct{margin-left:auto;display:flex;align-items:center;gap:6px;background:#2a1b12cc;border:3px solid var(--ink);border-radius:30px;padding:4px 6px 4px 12px;color:#fff;font-size:15px}.acct.signed{padding:4px 14px 4px 6px;color:#fff}.acct.signed .i{width:26px;height:26px}.gp{display:inline-flex;align-items:center;gap:5px;background:#fff;border-radius:20px;padding:5px 12px 5px 7px;font-size:15px;border:3px solid var(--ink);min-height:40px}.gp .brand{width:22px;height:22px;display:block}.lang{display:inline-flex;align-items:center;gap:4px;background:#fff;border:3px solid var(--ink);border-radius:22px;padding:4px 10px 4px 5px;font-size:16px;min-height:44px;box-shadow:0 4px 0 var(--ink)}.lang .i{width:28px;height:28px}.title-wrap{text-align:center;margin-top:2vh}.logo{margin:0;line-height:.85;font-size:clamp(56px,11vw,124px);font-weight:400;letter-spacing:1px;display:flex;gap:.2em;justify-content:center;filter:drop-shadow(0 8px 0 var(--ink))}.logo span{color:#ffd23d;-webkit-text-stroke:12px var(--ink);paint-order:stroke fill;transform:rotate(-4deg);display:inline-block;animation:bob 2.6s ease-in-out infinite}.logo span+span{color:#ff6b4a;transform:rotate(3deg);animation-delay:-1.3s}@keyframes bob{50%{translate:0 -6px}}.tagline{margin:10px 0 0;font-size:clamp(15px,2.2vw,22px);color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill}.play-btn{display:inline-flex;align-items:center;gap:14px;margin:6px 0;padding:10px 46px 14px 22px;font-size:clamp(34px,5vw,52px);color:#fff;background:linear-gradient(#8ff09f,#3cbf5c);border:5px solid var(--ink);border-radius:26px;box-shadow:0 8px 0 var(--ink),inset 0 -8px #2f9a4a,inset 0 6px #ffffff70;animation:pulse 1.6s ease-in-out infinite}.play-btn span{-webkit-text-stroke:8px var(--ink)}.play-btn .i{width:60px;height:60px}.play-btn:active{translate:0 6px;box-shadow:0 2px 0 var(--ink),inset 0 -8px #2f9a4a}@keyframes pulse{50%{scale:1.04}}.tiles{display:grid;grid-template-columns:repeat(9,minmax(74px,104px));gap:10px;justify-content:center;margin-top:auto;width:100%}.tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 9px;min-height:84px;background:linear-gradient(#fff9e6,#f3d9a2);border:4px solid var(--ink);border-radius:20px;box-shadow:0 6px 0 var(--ink),inset 0 -5px #dcb873;font-size:15px;transition:translate .08s}.tile .tico{width:46px;height:46px}.tile:hover{translate:0 -2px}.tile:active{translate:0 4px;box-shadow:0 2px 0 var(--ink)}.tile.locked{filter:saturate(.55)}.tile .lockt{position:absolute;bottom:-12px;display:inline-flex;align-items:center;gap:2px;background:var(--ink);color:#ffe680;border-radius:10px;padding:2px 7px;font-size:11px;white-space:nowrap}.tile .lockt .i{width:14px;height:14px}.badge{position:absolute;top:-10px;right:-8px;min-width:26px;height:26px;border-radius:14px;background:var(--red);color:#fff;font-style:normal;border:3px solid var(--ink);display:grid;place-items:center;font-size:15px;animation:pulse 1s infinite}.guest-note{margin:4px 0 0;font-size:13px;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.panel-screen{background:#2a1b1288;padding:calc(10px + var(--safe-t)) calc(10px + var(--safe-r)) calc(10px + var(--safe-b)) calc(10px + var(--safe-l));justify-content:center}.panel{width:min(980px,100%);max-height:100%;display:flex;flex-direction:column;background:var(--panel);border:5px solid var(--ink);border-radius:28px;box-shadow:0 10px 0 var(--ink);overflow:hidden;animation:popin .22s ease-out}@keyframes popin{0%{scale:.9;opacity:0}}.panel header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(#ffd56b,#ffb43d);border-bottom:5px solid var(--ink)}.panel header h2{margin:0;flex:1;font-weight:400;font-size:clamp(24px,4vw,34px);color:#fff;-webkit-text-stroke:7px var(--ink)}.back{width:48px;height:48px;border-radius:50%;box-shadow:0 4px 0 var(--ink)}.back .i{width:48px;height:48px}.panel>div:last-child,.panel>.yards{overflow-y:auto;padding:14px;flex:1;-webkit-overflow-scrolling:touch;touch-action:pan-y}.muted{color:#7a5a3a}.small{font-size:13px}.gate{display:flex;align-items:center;gap:10px;background:var(--ink);color:#ffe680;padding:10px 14px;border-radius:16px;margin-bottom:12px;font-size:17px}.gate .i{width:30px;height:30px}.chip{display:inline-block;background:#2a1b12;color:#fff;padding:3px 10px;border-radius:12px;font-size:13px}.yards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.yard-card{position:relative;text-align:left;background:#fff;border:4px solid var(--ink);border-radius:22px;overflow:hidden;box-shadow:0 6px 0 var(--ink);display:flex;flex-direction:column;transition:translate .1s}.yard-card:not(.locked):hover{translate:0 -3px}.yard-card:not(.locked):active{translate:0 4px;box-shadow:0 2px 0 var(--ink)}.yard-art{width:100%;aspect-ratio:240 / 130;display:block;border-bottom:4px solid var(--ink);object-fit:cover}.yard-info{padding:8px 12px 12px;display:flex;flex-direction:column;gap:4px}.yard-info b{font-size:21px;font-weight:400}.yard-info small{font-family:system-ui,sans-serif;font-weight:600;color:#6a4a2a;font-size:13px}.yard-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bots{display:inline-flex}.mini-bot{width:36px;height:36px;margin-right:-6px}.mini-bot.king{width:46px;height:46px}.yard-stars{display:flex;gap:2px}.yard-stars .i{width:30px;height:30px}.lock-over{position:absolute;inset:0;background:#2a1b12b0;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:18px;text-align:center;padding:10px}.lock-over .i{width:52px;height:52px}.storm{background:linear-gradient(#5b6ee8,#2c2160);color:#fff}.storm .yard-info small{color:#d8d4ff}.storm-art{aspect-ratio:240 / 130;display:grid;place-items:center;border-bottom:4px solid var(--ink);background:radial-gradient(#7d8aff,#2c2160)}.cards{display:flex;flex-direction:column;gap:10px}.cards.two{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{display:flex;align-items:center;gap:12px;background:#fff;border:4px solid var(--ink);border-radius:20px;padding:10px 12px;box-shadow:0 5px 0 var(--ink)}.card.locked{background:#efe4cc}.card.done{background:#e2f8e4}.up-ico{width:58px;height:58px;flex:none;background:#ffe9b0;border:3px solid var(--ink);border-radius:16px;padding:6px}.card-txt{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.card-txt b{font-size:19px;font-weight:400}.card-txt small{font-family:system-ui,sans-serif;font-weight:600;color:#6a4a2a;font-size:13px}.pips{display:flex;gap:3px;flex-wrap:wrap}.pips i{width:14px;height:10px;border-radius:4px;background:#e2d2ad;border:2px solid var(--ink)}.pips i.on{background:var(--green)}.buy{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:104px;min-height:48px;padding:6px 12px;font-size:19px;color:#fff;background:linear-gradient(#8ff09f,#3cbf5c);border:4px solid var(--ink);border-radius:16px;box-shadow:0 5px 0 var(--ink);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill}.buy span{display:inline-flex;align-items:center;gap:4px}.buy .i{width:24px;height:24px}.buy:active{translate:0 4px;box-shadow:0 1px 0 var(--ink)}.buy.off{background:linear-gradient(#d8d0c0,#a99d88)}.buy.glow{animation:pulse 1s infinite}.need{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:#7a5a3a;max-width:130px;text-align:right}.need .i{width:22px;height:22px}.tag{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:14px;font-size:16px;border:3px solid var(--ink)}.tag.ok{background:var(--green);color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill}.tag .i{width:22px;height:22px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.card.ball{flex-direction:column;text-align:center;gap:4px}.card.ball.sel{background:#fff4c4;outline:4px solid var(--sun)}.ball-art{width:96px;height:96px}.card.ball.locked .ball-art{filter:grayscale(.8) brightness(.8)}.card.ball small{font-family:system-ui,sans-serif;font-weight:600;font-size:12px;color:#6a4a2a;min-height:30px}.statrow{display:flex;gap:10px;font-size:14px;color:#6a4a2a}.bar{position:relative;height:22px;border-radius:12px;background:#eadcb8;border:3px solid var(--ink);overflow:hidden}.bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#ffe680,#ffb43d)}.bar span{position:relative;display:block;text-align:center;font-size:13px;line-height:16px}.bar.thin{height:18px}.bar.thin span{line-height:12px;font-size:11px}.rw{display:inline-flex;align-items:center;gap:3px;font-family:var(--font)!important;color:var(--ink)!important;font-size:15px!important}.rw .i{width:20px;height:20px}.card.bonus{margin-top:12px;background:#ffe9f3}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 8px;background:#fff;border:3px solid var(--ink);border-radius:14px;box-shadow:0 4px 0 var(--ink);font-size:12px;min-height:92px}.day small{font-size:12px;color:#7a5a3a}.day>span{font-family:system-ui,sans-serif;font-weight:700;font-size:11px;line-height:1.1}.day .cal-ico{width:36px;height:36px}.day .cal-art{width:48px;height:48px}.day.big{background:#fff1c4}.day.claimed{background:#d8ecd6;opacity:.75}.day.today{background:linear-gradient(#8ff09f,#3cbf5c);color:#fff;animation:pulse 1s infinite}.day.today small{color:#fff}.day .tick{position:absolute;inset:auto 4px 4px auto;width:24px;height:24px}.medal{width:58px;height:58px;flex:none;border-radius:50%;border:3px solid var(--ink);padding:8px;background:#d9cdb2}.badge-card.earned .medal{background:radial-gradient(#fff6c4,#ffc23d)}.medal.t10{box-shadow:0 0 0 4px #9b6bff}.medal.t6{box-shadow:0 0 0 4px #4fc3ff}.earned-d{color:#2f9a4a!important}.ext{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:10px 16px;background:#fff;border:4px solid var(--ink);border-radius:16px;color:var(--ink);text-decoration:none;font-size:17px;box-shadow:0 4px 0 var(--ink)}.ext .i{width:30px;height:30px}.profile h4{margin:14px 0 6px;font-weight:400;font-size:20px}.prof-head{display:flex;gap:14px;align-items:center}.prof-head h3{margin:0;font-weight:400;font-size:26px}.prof-head p{margin:2px 0}.prof-av{width:96px;height:96px}.pick{display:flex;flex-wrap:wrap;gap:8px}.pick-it{position:relative;display:flex;flex-direction:column;align-items:center;background:#fff;border:3px solid var(--ink);border-radius:16px;padding:4px;box-shadow:0 4px 0 var(--ink);min-width:76px}.pick-it.sel{background:#fff1b0;outline:4px solid var(--sun)}.pick-it.locked img{filter:grayscale(1) brightness(.75)}.pick-it small{font-size:11px;display:inline-flex;align-items:center;gap:2px;max-width:100px;text-align:center}.pick-it small .i{width:14px;height:14px}.pick-av{width:66px;height:66px}.pick-paint{width:90px;height:90px}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:14px}.stat{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;background:#fff;border:3px solid var(--ink);border-radius:14px;padding:6px 10px;column-gap:6px}.stat .i{grid-row:1 / 3;width:34px;height:34px;align-self:center}.stat small{font-size:12px;color:#7a5a3a}.stat b{font-weight:400;font-size:20px}.lb-row{display:flex;align-items:center;gap:10px;background:#fff;border:3px solid var(--ink);border-radius:14px;padding:6px 10px;margin-top:8px}.lb-row b{flex:1;font-weight:400;font-size:18px}.lb-row .pos{width:34px;text-align:center;font-size:20px}.lb-row .pos .i{width:30px;height:30px}.lb-art{width:80px;border-radius:8px;border:2px solid var(--ink)}.lb-stars .i{width:24px;height:24px}.chip.scope{background:var(--blue)}.settings{display:flex;flex-direction:column;gap:10px}.set-row{display:flex;align-items:center;gap:12px;background:#fff;border:3px solid var(--ink);border-radius:16px;padding:10px 14px;font-size:18px;min-height:56px;text-align:left}.set-row .i{width:32px;height:32px}.set-row>span{flex:1}.set-row input[type=range]{width:min(260px,40vw);accent-color:#ff9b3d;height:30px}.set-row.tog em{font-style:normal;padding:4px 14px;border-radius:12px;background:#d8d0c0;border:3px solid var(--ink)}.set-row.tog.on em{background:var(--green);color:#fff}.langs{display:flex;gap:6px}.langb{padding:8px 12px;border:3px solid var(--ink);border-radius:12px;background:#f3e6c8;font-size:16px;min-height:44px}.langb.sel{background:var(--sun)}.pause-btn{position:absolute;top:calc(12px + var(--safe-t));right:calc(14px + var(--safe-r));width:56px;height:56px;border-radius:50%;box-shadow:0 4px 0 var(--ink)}.pause-btn .i{width:56px;height:56px}.reel-btn{position:absolute;bottom:calc(16px + var(--safe-b));right:calc(18px + var(--safe-r));width:116px;height:116px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:18px;background:radial-gradient(circle at 40% 30%,#ffd56b,#ff9b3d);border:5px solid var(--ink);box-shadow:0 7px 0 var(--ink);touch-action:none}.reel-btn b{-webkit-text-stroke:5px var(--ink);paint-order:stroke fill}.reel-ico{width:44px;height:44px}.reel-btn.down{translate:0 5px;box-shadow:0 2px 0 var(--ink);background:radial-gradient(circle at 40% 30%,#ffe680,#ffb43d)}body.lefty .reel-btn{right:auto;left:calc(18px + var(--safe-l))}@media (pointer: coarse) and (max-height: 500px){.reel-btn{width:92px;height:92px;font-size:15px}.reel-ico{width:34px;height:34px}}@media (pointer: fine){.reel-btn{width:84px;height:84px;font-size:14px;opacity:.85}.reel-ico{width:30px;height:30px}}.skip-btn{position:absolute;top:calc(12px + var(--safe-t));right:calc(84px + var(--safe-r));padding:10px 16px;min-height:48px;background:#fff;border:4px solid var(--ink);border-radius:16px;box-shadow:0 4px 0 var(--ink);font-size:17px}.tut-bubble{position:absolute;top:calc(120px + var(--safe-t));left:50%;translate:-50% 0;width:min(560px,80vw);background:#fff;border:5px solid var(--ink);border-radius:22px;box-shadow:0 6px 0 var(--ink);padding:10px 18px;text-align:center;pointer-events:none!important}.tut-bubble:empty{display:none}.tut-bubble small{color:#d9831f;font-size:14px}.tut-bubble p{margin:2px 0 0;font-size:clamp(16px,2.4vw,22px)}.tut-bubble.pop{animation:popin .25s ease-out}.rotate-msg{display:none;position:absolute;inset:0;background:#2a1b12ee;color:#fff;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-size:22px;text-align:center;padding:20px;z-index:5}body.rotate .rotate-msg{display:flex}.phone{width:60px;height:100px;border:6px solid #fff;border-radius:12px;animation:rot 1.6s ease-in-out infinite}@keyframes rot{50%{rotate:-90deg}}.pause,.perks,.results{background:#2a1b12a0;justify-content:center;padding:calc(10px + var(--safe-t)) 10px calc(10px + var(--safe-b))}.modal{width:min(560px,100%);max-height:100%;overflow-y:auto;background:var(--panel);border:5px solid var(--ink);border-radius:28px;box-shadow:0 10px 0 var(--ink);padding:16px 18px;display:flex;flex-direction:column;align-items:center;gap:10px;animation:popin .25s ease-out}.modal h2{margin:0;font-weight:400;font-size:36px;color:#fff;-webkit-text-stroke:8px var(--ink)}.big-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:220px;min-height:56px;padding:8px 18px;font-size:22px;color:#fff;background:linear-gradient(#ffd56b,#ffb43d);border:4px solid var(--ink);border-radius:18px;box-shadow:0 5px 0 var(--ink);-webkit-text-stroke:6px var(--ink)}.big-btn .i{width:34px;height:34px}.big-btn:active{translate:0 4px;box-shadow:0 1px 0 var(--ink)}.big-btn.green{background:linear-gradient(#8ff09f,#3cbf5c)}.big-btn.red{background:linear-gradient(#ff8a8a,#e04848)}.perk-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(900px,100%)}.perk-title{margin:0;font-weight:400;font-size:clamp(30px,5vw,44px);color:#fff;-webkit-text-stroke:9px var(--ink)}.perk-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}.perk{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px 14px;background:linear-gradient(#fff9e6,#f3d9a2);border:5px solid var(--ink);border-radius:22px;box-shadow:0 8px 0 var(--ink);animation:deal .35s backwards ease-out;min-height:180px}.perk.r1{background:linear-gradient(#e6f6ff,#9fd8ff)}.perk.r2{background:linear-gradient(#f3e6ff,#c9a6ff)}.perk:hover{translate:0 -4px}.perk:active{translate:0 4px;box-shadow:0 2px 0 var(--ink)}.perk .rar{font-size:13px;background:var(--ink);color:#fff;border-radius:10px;padding:2px 10px}.perk-ico{width:70px;height:70px}.perk b{font-weight:400;font-size:22px;color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-align:center}.perk span{font-family:system-ui,sans-serif;font-weight:700;font-size:14px;text-align:center}@keyframes deal{0%{translate:0 60px;rotate:-6deg;opacity:0}}.res{gap:8px}.res-title{font-size:clamp(32px,6vw,46px)!important;text-align:center}.win .res{background:linear-gradient(#fff9e0,#ffe6a8)}.res-stars{display:flex;gap:6px}.rs{width:64px;height:64px;animation:starpop .45s backwards cubic-bezier(.3,1.8,.5,1)}.rs:nth-child(2){translate:0 -12px;width:78px;height:78px}@keyframes starpop{0%{scale:0;rotate:-40deg}}.res-wave{margin:0;font-size:26px}.newbest{background:var(--red);color:#fff;border:3px solid var(--ink);border-radius:12px;padding:2px 12px;font-size:18px;animation:pulse 1s infinite}.res-rows{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}.rrow{display:flex;align-items:center;gap:6px;background:#fff;border:3px solid var(--ink);border-radius:14px;padding:4px 10px}.rrow span{flex:1;font-size:14px;color:#6a4a2a}.rrow b{font-weight:400;font-size:20px}.rrow .i{width:28px;height:28px}.res-level{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.res-level .lvl-n{font-size:26px}.lvup{color:#fff;background:var(--blue);border:3px solid var(--ink);border-radius:12px;padding:2px 10px;font-weight:400}.unlocks{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.ul{display:flex;flex-direction:column;align-items:center;background:#fff;border:3px solid var(--ink);border-radius:14px;padding:6px 10px;animation:popin .4s backwards}.ul small{background:var(--red);color:#fff;border-radius:8px;padding:0 6px;font-size:11px}.ul b{font-weight:400;font-size:14px}.ul-art{width:54px;height:54px}.first{display:flex;align-items:center;gap:8px;background:#e2f8e4;border:3px solid var(--ink);border-radius:14px;padding:8px 12px;font-size:16px}.first .i{width:32px;height:32px}.res-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.res-btns .big-btn{min-width:150px}#toasts{position:absolute;bottom:calc(16px + var(--safe-b));left:50%;translate:-50% 0;display:flex;flex-direction:column;gap:6px;pointer-events:none;z-index:10}.toast{display:flex;align-items:center;gap:8px;background:#fff;border:4px solid var(--ink);border-radius:18px;padding:8px 16px;box-shadow:0 5px 0 var(--ink);font-size:18px;animation:popin .25s ease-out;transition:opacity .4s,translate .4s}.toast .i{width:30px;height:30px}.toast.out{opacity:0;translate:0 -20px}@media (max-width: 900px){.tiles{grid-template-columns:repeat(3,minmax(70px,1fr));max-width:420px}}@media (max-height: 520px) and (orientation: landscape){.title-wrap{margin-top:0}.logo{font-size:52px}.tagline{display:none}.play-btn{font-size:30px;padding:6px 30px 9px 14px}.play-btn .i{width:40px;height:40px}.tiles{grid-template-columns:repeat(9,minmax(56px,86px));gap:6px;max-width:none}.tile{min-height:68px;font-size:12px}.tile .tico{width:34px;height:34px}.lvl .av{width:40px;height:40px}.lvl{grid-template-columns:40px auto}.pill{font-size:16px}.guest-note{display:none}.perk{min-height:0;padding:8px}.perk-ico{width:48px;height:48px}.res-stars .rs{width:44px;height:44px}.rs:nth-child(2){width:54px;height:54px}.modal{padding:10px 14px;gap:6px}.tut-bubble{top:calc(84px + var(--safe-t))}}@media (max-width: 560px){.acct{margin-left:0}.acct .guest{display:none}.gp{font-size:13px}.perk-cards{grid-template-columns:1fr}.perk{min-height:0;flex-direction:row;text-align:left}.perk-ico{width:48px;height:48px;flex:none}.cal{gap:4px}.day{min-height:74px;padding:4px 1px}.day>span:not(.i){display:none}.day .cal-ico{width:30px;height:30px}.res-rows{grid-template-columns:1fr}.card{flex-wrap:wrap}.buy{margin-left:auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.loadout{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#2a1b12;color:#fff;border-radius:18px;padding:8px 12px;margin-bottom:12px}.lo-rig{display:flex;align-items:center;gap:8px;background:#fff;border:3px solid var(--ink);border-radius:14px;padding:2px 12px 2px 4px;text-align:left}.lo-rig b{font-weight:400;font-size:17px;display:block}.lo-rig small{color:#7a5a3a}.lo-art{width:52px;height:52px}.lo-st{display:inline-flex;align-items:center;gap:4px;font-size:17px}.lo-st .i{width:28px;height:28px}.mine .hot{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:4px;background:#ff5a1f;color:#fff;border:3px solid var(--ink);border-radius:14px;padding:2px 10px 2px 4px;font-size:16px;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;animation:pulse 1.2s infinite}.mine .hot .i{width:24px;height:24px}.lode{display:flex;align-items:center;gap:6px;font-size:13px;background:#f3e6c8;border:2px solid var(--ink);border-radius:12px;padding:2px 8px 2px 2px}.lode.got{background:#e2f8e4}.lode .mini-bot{width:30px;height:30px;margin:0}.yard-stars{align-items:center}.yard-stars .best{margin-left:6px;font-family:var(--font)!important;font-size:15px!important;color:var(--ink)!important}.grid.rigs{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.card.rig{flex-direction:column;text-align:center;gap:4px;position:relative;border-color:var(--ink);box-shadow:0 5px 0 var(--ink),inset 0 0 0 4px var(--rar)}.card.rig.sel{background:#fff4c4;outline:4px solid var(--sun)}.card.rig .rar{background:var(--rar);color:#fff;border:2px solid var(--ink);border-radius:10px;padding:1px 10px;font-size:13px!important;font-family:var(--font)!important;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.card.rig b{font-weight:400;font-size:19px}.card.rig>small{font-family:system-ui,sans-serif;font-weight:600;font-size:12px;color:#6a4a2a;min-height:30px}.card.rig.locked .ball-art{filter:brightness(0) opacity(.45)}.statrow span{display:inline-flex;align-items:center;gap:2px}.statrow .i{width:20px;height:20px}.rig-foot{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.buy.small{min-width:0;min-height:44px;font-size:15px;padding:4px 10px;flex-direction:column;gap:0}.buy.small .i{width:18px;height:18px}.bp{width:100%;display:flex;flex-direction:column;gap:4px;align-items:center}.bp .bar{width:100%}.bp small{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#6a4a2a}.bp small .i{width:18px;height:18px}.album-sec h4{margin:12px 0 6px;font-weight:400;font-size:20px}.album-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.ore-card{display:flex;flex-direction:column;align-items:center;gap:1px;background:#fff;border:3px solid var(--ink);border-radius:14px;padding:6px 4px;box-shadow:0 3px 0 var(--ink);text-align:center}.ore-card.mother{background:linear-gradient(#fff6c4,#ffe08a)}.ore-card.unknown .ore-art{filter:brightness(0) opacity(.35)}.ore-card.unknown{background:#efe4cc}.ore-art{width:52px;height:52px}.ore-card b{font-weight:400;font-size:14px;line-height:1.05}.ore-card .rw{font-size:13px!important}.ore-card .rw .i{width:16px;height:16px}.ore-card .cnt{font-size:13px;color:#7a5a3a}.mstars{display:flex}.mstars .i{width:16px;height:16px}.tally{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:100%}.tal{display:flex;align-items:center;gap:2px;background:#fff;border:3px solid var(--ink);border-radius:12px;padding:2px 8px 2px 2px;animation:popin .3s backwards}.tal-art{width:38px;height:38px}.tal b{font-weight:400;font-size:17px}.crate-drop{box-shadow:inset 0 0 0 3px var(--rar)}.crate-drop.new{background:#fff1b0;animation:popin .4s backwards,pulse 1s 1s infinite}.crate-drop small{background:var(--rar)}.dhud{position:absolute;top:calc(10px + var(--safe-t));left:calc(10px + var(--safe-l));right:calc(80px + var(--safe-r));display:flex;flex-wrap:wrap;gap:6px;align-items:center;pointer-events:none!important}.dhud .pill{font-size:19px;padding:2px 12px 2px 4px}.dhud .pill .i{width:26px;height:26px}.meter{display:flex;align-items:center;gap:4px;background:#2a1b12cc;border:3px solid var(--ink);border-radius:20px;padding:3px 8px 3px 4px}.meter .i{width:24px;height:24px}.mbar{position:relative;width:clamp(80px,18vw,150px);height:18px;border-radius:10px;background:#0007;border:2px solid #000;overflow:hidden}.mbar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#a8f6ff,#3fd0ff);transition:width .1s}.load .mbar i{background:linear-gradient(#ffe680,#ffb43d)}.mbar span{position:relative;display:block;text-align:center;color:#fff;font-size:12px;line-height:14px;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.fever{position:absolute;top:calc(120px + var(--safe-t));left:50%;translate:-50% 0;font-size:clamp(26px,5vw,40px);color:#fff36b;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;opacity:0;scale:.5;transition:opacity .2s,scale .2s;pointer-events:none!important}.fever.on{opacity:1;scale:1;animation:pulse .5s infinite}.mag-btn{position:absolute;bottom:calc(18px + var(--safe-b));right:calc(18px + var(--safe-r));width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:17px;background:radial-gradient(circle at 40% 30%,#8ff3ff,#2fa8d8);border:5px solid var(--ink);box-shadow:0 7px 0 var(--ink);touch-action:none}.mag-ring{position:absolute;inset:-11px;border-radius:50%;background:conic-gradient(#5fd67a var(--bat, 360deg),#0004 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 calc(100% - 7px));mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 calc(100% - 7px));pointer-events:none}.mag-btn b{-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;position:relative}.mag-btn .reel-ico{position:relative}.mag-btn.down,.mag-btn.active{translate:0 5px;box-shadow:0 2px 0 var(--ink);background:radial-gradient(circle at 40% 30%,#fff,#7ef0ff)}.mag-btn.dead{filter:grayscale(.8)}body.lefty .mag-btn{right:auto;left:calc(18px + var(--safe-l))}@media (pointer: fine){.mag-btn{width:88px;height:88px;font-size:13px;opacity:.9}.mag-btn .reel-ico{width:30px;height:30px}}@media (max-height: 520px) and (orientation: landscape){.mag-btn{width:96px;height:96px;font-size:14px}.dhud .pill{font-size:15px}}.tut-bubble{top:calc(76px + var(--safe-t))}.lobby{background:linear-gradient(#0000 40%,#0004)}@media (max-width: 560px){.dhud{right:calc(70px + var(--safe-r))}.mbar{width:76px}.lo-st{font-size:15px}}.set-row>span.i{flex:none}.buy.small b{font-weight:400}.buy.small .cost{font-size:12px;-webkit-text-stroke:3px var(--ink);gap:2px}@media (max-width: 560px){.grid.rigs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.card.rig{padding:8px 6px}.card.rig .ball-art{width:76px;height:76px}.card.rig>small{font-size:11px}.rig-foot .buy,.rig-foot .tag{font-size:13px}}.tip{display:flex;align-items:center;gap:6px;margin:-4px 0 12px;font-size:15px;color:#6a4a2a}.tip .i{width:22px;height:22px}.skip-btn{top:auto;right:auto;bottom:calc(22px + var(--safe-b));left:calc(14px + var(--safe-l))}body.lefty .skip-btn{left:auto;right:calc(14px + var(--safe-r))}@media (max-width: 560px){.tut-bubble{top:calc(108px + var(--safe-t));width:calc(100vw - 24px)}}@media (max-width: 380px){.logo{font-size:46px}.logo span{-webkit-text-stroke:9px var(--ink)}.pill{font-size:16px}}@font-face{font-family:Rye;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rye-latin-400-normal-CnIDrDaJ.woff2) format("woff2"),url(/assets/rye-latin-400-normal-CPBiwIfN.woff) format("woff")}@font-face{font-family:Rye;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rye-latin-ext-400-normal-DyMtpZmi.woff2) format("woff2"),url(/assets/rye-latin-ext-400-normal-JdoikPsj.woff) format("woff")}@font-face{font-family:Zilla Slab;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/zilla-slab-latin-400-normal-Dw3p-plB.woff2) format("woff2"),url(/assets/zilla-slab-latin-400-normal-Dlq-Ffxl.woff) format("woff")}@font-face{font-family:Zilla Slab;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/zilla-slab-latin-ext-400-normal-L6eiXaX2.woff2) format("woff2"),url(/assets/zilla-slab-latin-ext-400-normal-DYKaTm8Q.woff) format("woff")}@font-face{font-family:Zilla Slab;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/zilla-slab-latin-700-normal-CEKI1vVu.woff2) format("woff2"),url(/assets/zilla-slab-latin-700-normal-C8aaVMsA.woff) format("woff")}@font-face{font-family:Zilla Slab;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/zilla-slab-latin-ext-700-normal-C1-U_e_0.woff2) format("woff2"),url(/assets/zilla-slab-latin-ext-700-normal-DQD_oLH8.woff) format("woff")}:root{--fd: "Rye", system-ui, sans-serif;--fb: "Zilla Slab", system-ui, sans-serif}:root{--ink: #24140a;--font: var(--fb);--cu: #c8763a;--cu2: #8a4a22;--wood: #6b4226;--wood2: #4a2c18;--paper: #f3e2bf;--panel: #f3e2bf;--panel-d: #d9bf8c}html,body,button{font-family:var(--fb);font-weight:700}@media (min-aspect-ratio: 5/4){.lobby{display:grid;grid-template-columns:minmax(250px,300px) minmax(0,1fr);grid-template-rows:auto 1fr auto auto;column-gap:30px;align-items:center}.lobby .topbar{grid-column:1 / -1}.lobby .tiles{grid-column:1;grid-row:2 / 5;grid-template-columns:repeat(2,1fr)!important;margin:0;align-self:center}.lobby .title-wrap{grid-column:2;grid-row:2;align-self:end}.lobby .play-btn{grid-column:2;grid-row:3;justify-self:center}.lobby .guest-note{grid-column:2;grid-row:4;text-align:center}}.logo{display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 6px 0 rgba(0,0,0,.45));gap:0;line-height:1}.logo span{animation:none!important;-webkit-text-stroke:0!important}.logo .j1{font-family:var(--fd);font-size:clamp(48px,8.5vw,104px);color:var(--paper);padding:6px 30px 2px;transform:rotate(-2deg)!important;background:linear-gradient(180deg,#7a4c2c,#5a3620);border:4px solid var(--ink);border-radius:6px;text-shadow:3px 3px 0 var(--ink);box-shadow:inset 0 0 0 3px #9a6a42,inset 0 -10px #0003;background-image:radial-gradient(circle at 14px 14px,#d8b07a 3px,#24140a 4px,transparent 5px),radial-gradient(circle at calc(100% - 14px) 14px,#d8b07a 3px,#24140a 4px,transparent 5px),repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0 3px,transparent 3px 11px),linear-gradient(180deg,#7a4c2c,#5a3620)}.logo .j2{margin-top:-8px;font-family:var(--fb);font-weight:700;font-size:clamp(22px,3vw,36px);color:#fff3d0;padding:4px 22px;border-radius:99px;transform:rotate(3deg)!important;background:radial-gradient(circle at 30% 30%,#f0a060,var(--cu) 50%,var(--cu2));border:3px solid var(--ink);letter-spacing:.2em;text-shadow:0 2px 0 var(--ink)}.tagline{-webkit-text-stroke:0!important;color:#ffe6b8;font-style:italic;text-shadow:0 2px 0 var(--ink);font-size:clamp(15px,1.9vw,20px)}.play-btn{font-family:var(--fd);border-radius:10px;border:4px solid var(--ink);color:var(--paper);animation:none;padding:8px 40px 10px 18px;background:linear-gradient(#d88a48,#a85a28);box-shadow:0 7px 0 var(--ink),inset 0 0 0 3px #f0b070}.play-btn span{-webkit-text-stroke:0!important;text-shadow:2px 2px 0 var(--ink)}.tiles{gap:8px!important;padding:12px;border-radius:8px;border:4px solid var(--ink);background:repeating-linear-gradient(90deg,#5a3620 0 2px,transparent 2px 60px),linear-gradient(#4a2c18,#3a2210);box-shadow:0 10px #00000059}.tile{border-radius:6px;border:3px solid var(--ink);background:linear-gradient(var(--paper),#e2c896);box-shadow:0 4px 0 var(--ink);color:var(--ink);min-height:72px;font-family:var(--fb);font-weight:700;font-size:13px}.tile span{-webkit-text-stroke:0!important;color:var(--ink)}.tile .lockt{background:var(--cu2);color:#fff3d0;border-radius:3px}.badge{border-radius:4px;background:#d0452a}.pill,.lvl,.acct{border-radius:6px;background:#24140ae0;border:2px solid var(--cu)}.gp,.lang{border-radius:6px}.guest-note{-webkit-text-stroke:0!important;text-shadow:0 2px 0 var(--ink);color:#ffe6b8}.panel{border-radius:8px;border:5px solid var(--ink);background:var(--paper);background-image:radial-gradient(circle at 50% 50%,transparent 60%,rgba(120,70,20,.15))}.panel header{background:linear-gradient(#7a4c2c,#5a3620);border-bottom:5px solid var(--ink)}.panel header h2{font-family:var(--fd);-webkit-text-stroke:0!important;color:var(--paper);text-shadow:3px 3px 0 var(--ink)}.card,.mine-card{border-radius:6px!important}h2,.res-title{font-family:var(--fd)}:root{--plank: repeating-linear-gradient(0deg, #6b4226 0 22px, #5a361e 22px 24px, #74482a 24px 46px, #4a2c18 46px 48px);--rv: radial-gradient(circle, #f0b070 0 2px, #8a4a22 2.5px 3.2px, transparent 3.6px)}.dhud .pill,.meter{border-radius:3px;border:3px solid var(--ink);color:var(--paper);box-shadow:0 3px 0 var(--ink),inset 0 1px #ffdcaa40;background:var(--rv) 4px 50% / 8px 8px no-repeat,var(--rv) calc(100% - 4px) 50% / 8px 8px no-repeat,linear-gradient(90deg,rgba(0,0,0,.18),transparent 30%,transparent 70%,rgba(0,0,0,.18)),repeating-linear-gradient(90deg,#7a4c2c 0 38px,#6a3e22 38px 40px)}.dhud .pill b{font-family:var(--fd);color:#ffe2a0;-webkit-text-stroke:0!important;text-shadow:2px 2px 0 var(--ink)}.mbar{border-radius:2px;background:#2a1a10;border:2px solid #c8763a;box-shadow:inset 0 2px 3px #0009}.mbar i{background:repeating-linear-gradient(90deg,#e8a060 0 10px,#c8763a 10px 12px)}.load .mbar i{background:repeating-linear-gradient(90deg,#ffd27a 0 10px,#e0a040 10px 12px)}.mbar span{font-family:var(--fd)}.fever{font-family:var(--fd);color:#ffd27a;-webkit-text-stroke:0;text-shadow:3px 3px 0 var(--ink),-1px -1px 0 var(--ink),0 0 18px #ff9a3a;letter-spacing:.04em}.pause-btn{border-radius:4px;box-shadow:0 0 0 3px #c8763a,0 4px 0 3px var(--ink)}.mag-btn{border-radius:50%;border:5px solid var(--ink);color:#ffe2a0;font-family:var(--fd);background:radial-gradient(circle at 50% 50%,transparent 0 56%,#8a4a22 57% 60%,transparent 61%),repeating-conic-gradient(from 0deg,#c8763a 0 10deg,#b0642e 10deg 20deg);box-shadow:0 0 0 4px #6b4226,0 6px 0 4px var(--ink)}.mag-btn b{-webkit-text-stroke:0!important;text-shadow:2px 2px 0 var(--ink)}.mag-btn.down,.mag-btn.active{box-shadow:0 0 0 4px #6b4226,0 2px 0 4px var(--ink);background:radial-gradient(circle at 50% 50%,transparent 0 56%,#ffd27a 57% 60%,transparent 61%),repeating-conic-gradient(from 0deg,#f0a060 0 10deg,#d0844a 10deg 20deg)}.skip-btn{border-radius:3px;border:3px solid var(--ink);background:var(--plank);color:var(--paper);font-family:var(--fd);box-shadow:0 4px 0 var(--ink)}.tut-bubble{border-radius:2px;border:4px solid var(--ink);background:radial-gradient(circle at 50% 50%,transparent 60%,rgba(120,70,30,.18)),#f3e2bf;box-shadow:6px 6px #00000073}.tut-bubble small{color:#8a2a12;font-family:var(--fd)}.pause,.results,.perks{background:radial-gradient(ellipse at center,#24140a73,#24140ad9)}.modal{border-radius:2px;border:6px solid transparent;position:relative;color:var(--ink);background:radial-gradient(ellipse at center,#f6e6c4 40%,#e2c58e) padding-box,var(--plank) border-box;box-shadow:0 0 0 4px var(--ink),8px 10px 0 4px #00000073}.modal:before,.modal:after{content:"";position:absolute;top:6px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffd0a0,#c8763a 45%,#6a3418);box-shadow:0 1px #000}.modal:before{left:8px}.modal:after{right:8px}.modal h2,.res-title{font-family:var(--fd);color:#8a2a12!important;-webkit-text-stroke:0!important;text-shadow:2px 2px 0 rgba(36,20,10,.25);letter-spacing:.03em;border-top:3px double var(--ink);border-bottom:3px double var(--ink);padding:2px 14px}.big-btn{border-radius:3px!important;border:3px solid var(--ink);background:var(--plank);color:#ffe2a0;font-family:var(--fd);-webkit-text-stroke:0!important;text-shadow:2px 2px 0 var(--ink);box-shadow:0 5px 0 var(--ink)}.big-btn.green{background:repeating-linear-gradient(0deg,#5a6a2a 0 22px,#4a5a20 22px 24px)}.big-btn.red{background:repeating-linear-gradient(0deg,#8a2a12 0 22px,#6a1e0c 22px 24px)}.rrow,.ul,.first{border-radius:2px;border:2px solid var(--ink);background:#fff8e6b3}.rrow span{color:#6b4226}.perk-title{font-family:var(--fd);color:#ffd27a;-webkit-text-stroke:0;text-shadow:3px 3px 0 var(--ink)}.perk{border-radius:2px;border:4px solid var(--ink);background:radial-gradient(ellipse at center,#f6e6c4 40%,#e2c58e);box-shadow:0 0 0 5px #6b4226,0 8px 0 5px var(--ink)}.perk b{font-family:var(--fd);color:#8a2a12;-webkit-text-stroke:0!important}.perk span{font-family:var(--fb);color:var(--ink)}.toast{border-radius:2px;border:3px solid var(--ink);background:#f3e2bf;box-shadow:4px 4px #6b4226}.mag-ring{background:conic-gradient(#ffc860 var(--bat, 360deg),rgba(36,20,10,.55) 0)}