:root{--bg: #10140d;--pickle: #6f9e3f;--pickle-dark: #3f5e22;--pickle-light: #b7e06a;--brine: #d9e84a;--hot: #ff3da6;--cyan: #2ff3e0;--br-blue: #3da9ff;--ink: #0c0f08;--paper: #f4f1d8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;background:#05060a;color:var(--paper);font-family:Trebuchet MS,Comic Sans MS,system-ui,sans-serif;overflow:hidden;overscroll-behavior:none;user-select:none}#app{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#1a2410,#05060a 70%)}#game-frame{position:relative;height:100%;aspect-ratio:9 / 16;max-width:100vw;background:var(--bg);overflow:hidden;box-shadow:0 0 0 3px #000,0 0 40px #0009}#bg-layer{position:absolute;inset:0;z-index:0;background-color:var(--bg);background-position:center;background-size:cover;background-repeat:no-repeat;transition:opacity .3s ease}#play-darken{position:absolute;z-index:1;background:#000000f2;border-radius:4px;box-shadow:0 0 0 2px #b7e06a38,0 6px 24px #00000080;pointer-events:none}#game-container{position:absolute;inset:0;z-index:2}#game-canvas{display:block;width:100%;height:100%;touch-action:none}#fx-canvas{position:absolute;inset:0;z-index:3;pointer-events:none}#ui-overlay{position:absolute;inset:0;z-index:10;pointer-events:none}#ui-overlay button,#ui-overlay input,#ui-overlay label,#ui-overlay .screen{pointer-events:auto}#hud{position:absolute;inset:0}#hud.hidden{display:none}#hud-top{position:absolute;top:env(safe-area-inset-top,8px);left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:8px 10px;gap:8px}#hud-left{display:flex;flex-direction:column;align-items:flex-start;gap:8px}#score-row{display:flex;align-items:center;gap:8px}#hud-chest{display:grid;place-items:center;filter:drop-shadow(0 2px 5px rgba(0,0,0,.55));animation:chest-bob 1.4s ease-in-out infinite}#hud-chest.hidden{display:none}#toast-layer{position:absolute;top:calc(env(safe-area-inset-top,8px) + 96px);left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:5}.toast{max-width:84%;text-align:center;background:#000000d1;border:1px solid var(--brine);color:var(--paper);font-size:13px;font-weight:700;padding:7px 15px;border-radius:20px;box-shadow:0 2px 10px #00000080;opacity:0;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease}.toast.show{opacity:1;transform:translateY(0)}#level-badge{justify-self:start;display:flex;flex-direction:column;align-items:center;gap:3px}.vit-label{font-family:Impact,Arial Black,sans-serif;font-size:12px;letter-spacing:2px;color:var(--brine);text-shadow:1px 1px 0 #000}.vit-num{width:44px;height:44px;border-radius:50%;background:var(--pickle);border:3px solid var(--brine);color:var(--ink);display:grid;place-items:center;font-family:Impact,Arial Black,sans-serif;font-size:24px;font-weight:700;line-height:1;box-shadow:0 2px 6px #00000080}#score{background:#000;border:1px solid var(--pickle-dark);border-radius:10px;padding:3px 12px;font-family:Impact,Arial Black,sans-serif;font-size:34px;line-height:1.15;color:#fff;font-variant-numeric:tabular-nums;box-shadow:0 2px 6px #00000080}#next-box{justify-self:end;display:flex;flex-direction:column;align-items:center;gap:3px}.next-label{font-size:11px;letter-spacing:1px;color:var(--cyan);font-weight:700}#next-canvas{width:96px;height:96px;background:#000;border:2px solid var(--pickle);border-radius:8px;box-shadow:0 2px 6px #00000080}#objective-wrap{position:absolute;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));pointer-events:none}#objective-bar{height:12px;background:#0000008c;border:1px solid var(--pickle-dark);border-radius:7px;overflow:hidden}#objective-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--pickle),var(--brine));transition:width .25s ease-out}#objective-text{margin-top:4px;text-align:center;font-size:15px;font-weight:700;color:var(--paper);text-shadow:0 1px 3px #000}#pause-btn{position:absolute;bottom:calc(env(safe-area-inset-top,8px) + 56px);right:10px;width:34px;height:34px;border-radius:50%;border:2px solid var(--paper);background:#000;color:var(--paper);font-size:16px;line-height:16px;cursor:pointer}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:20px;background:#050804c7;backdrop-filter:blur(2px)}.screen.hidden{display:none}#menu-start{gap:12px;padding-bottom:60px}#home-logo{width:min(80%,360px);max-height:38%;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6));transform:rotate(-2deg)}.music-toggle{position:absolute;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);font-family:Papyrus,Trebuchet MS,fantasy;font-size:13px;color:var(--paper);background:#0006;border:2px dashed var(--pickle);border-radius:10px;padding:6px 14px;cursor:pointer}.music-toggle.off{opacity:.55;text-decoration:line-through}.logo{font-family:Impact,Arial Black,sans-serif;font-size:54px;line-height:.9;margin:0;color:var(--pickle-light);text-shadow:4px 4px 0 var(--hot),-2px -2px 0 var(--cyan);transform:rotate(-3deg)}.logo-rot{color:var(--brine);font-family:Papyrus,fantasy;letter-spacing:3px}.tagline{font-family:Comic Sans MS,Trebuchet MS,sans-serif;font-size:14px;color:var(--cyan);margin:0 0 8px;transform:rotate(1deg)}.big-btn{font-family:Comic Sans MS,Trebuchet MS,sans-serif;font-size:26px;font-weight:700;color:var(--ink);background:var(--brine);border:4px solid var(--ink);border-radius:14px 4px 18px 6px;padding:14px 30px;cursor:pointer;box-shadow:5px 6px 0 var(--pickle-dark);transition:transform .08s}.big-btn:active{transform:translate(3px,4px);box-shadow:2px 2px 0 var(--pickle-dark)}.big-btn.ghost{background:#2a2f22;color:var(--paper);box-shadow:4px 5px #000}.big-btn.compact{font-size:17px;padding:9px 22px;border-width:3px;border-radius:12px 4px 14px 5px;box-shadow:4px 5px 0 var(--pickle-dark)}.small-btn{font-family:Papyrus,Trebuchet MS,fantasy;font-size:15px;color:var(--paper);background:transparent;border:2px dashed var(--pickle);border-radius:8px 14px 6px 12px;padding:6px 16px;cursor:pointer}.small-btn.ghost{opacity:.7}.wonky{transform:rotate(-2deg)}.wonky2{transform:rotate(2deg)}.footer-note{font-size:12px;opacity:.75;margin-top:10px}#screen-over{background:#000}.squashed{font-size:90px;filter:grayscale(.3)}#over-image img{max-width:min(90%,330px);max-height:45vh;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6))}#over-score{font-family:Comic Sans MS,Trebuchet MS,sans-serif;font-size:30px;font-weight:700;color:var(--ink);background:var(--brine);border:4px solid var(--ink);border-radius:14px 4px 18px 6px;padding:8px 26px;box-shadow:4px 5px 0 var(--pickle-dark);display:inline-block;margin:2px 0}.over-best{font-size:14px;color:#aaa;margin:2px 0}.over-best.new-record{color:var(--brine, #8c0);font-weight:700;text-shadow:0 0 8px var(--brine, #8c0)}.admin-gear{position:absolute;bottom:calc(10px + env(safe-area-inset-bottom,0px));right:12px;font-size:22px;line-height:1;text-decoration:none;opacity:.5;transition:opacity .15s,transform .3s}.admin-gear:hover{opacity:1;transform:rotate(90deg)}.modal-backdrop{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000000b8;pointer-events:auto;padding:20px}.modal-card{width:min(88vw,320px);background:#1e2512;border:3px solid var(--pickle-light);border-radius:16px 6px 18px 8px;padding:22px 20px;text-align:center;box-shadow:0 12px 40px #00000080}.modal-title{font-family:Impact,sans-serif;font-size:26px;color:var(--pickle-light);margin:0}.modal-sub{font-size:12px;opacity:.7;margin:4px 0 14px}#name-input{width:100%;padding:12px;border-radius:9px;border:2px solid var(--pickle);background:#11150a;color:var(--paper);font-size:16px;text-align:center}.modal-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.modal-actions .big-btn{font-size:22px;padding:12px 24px}.chest-slot{margin:6px 0 4px;min-height:110px;display:flex;align-items:center;justify-content:center}.chest-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;user-select:none}.chest-img{width:110px;height:110px;object-fit:contain;display:grid;place-items:center;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));animation:chest-bob 1.4s ease-in-out infinite,chest-glow 1.8s ease-in-out infinite}.chest-emoji{font-size:84px}.chest-hint{font-size:13px;color:var(--brine);font-weight:700}@keyframes chest-bob{50%{transform:translateY(-7px) rotate(-2deg)}}@keyframes chest-glow{50%{filter:drop-shadow(0 0 16px var(--brine))}}.chest-wrap.opening .chest-img{animation:chest-explode .5s ease-out forwards}@keyframes chest-explode{0%{transform:scale(1)}35%{transform:scale(1.3) rotate(6deg)}60%{transform:scale(.2) rotate(-20deg);opacity:.4}to{transform:scale(2.4);opacity:0}}.chest-complete{font-size:18px;color:var(--brine);font-weight:700}.chest-locked{font-size:14px;color:#c9d6a8;opacity:.85;line-height:1.5}.chest-locked small{opacity:.7}.brainrot-reveal{display:flex;flex-direction:column;align-items:center;gap:6px;animation:br-pop .45s cubic-bezier(.18,1.2,.4,1) both}.br-new{font-family:Impact,sans-serif;font-size:16px;color:var(--hot);text-shadow:1px 1px 0 #000}.br-portrait{width:104px;height:104px;object-fit:cover;border-radius:14px;border:3px solid var(--brine);box-shadow:0 0 18px var(--brine)}.br-name{font-weight:700;font-size:15px;color:var(--paper)}@keyframes br-pop{0%{transform:scale(.3) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}#screen-collection{background:transparent;backdrop-filter:none}#screen-collection .ranks-heading{color:#fff;text-shadow:0 0 3px #000,0 2px 3px #000}#collection-back{background:#000000e6}.collection-count{align-self:center;display:inline-flex;align-items:baseline;gap:5px;margin-top:-6px;padding:5px 18px;border:2px solid var(--br-blue);border-radius:999px;background:#000000e6;box-shadow:0 0 10px #3da9ff40,inset 0 0 9px #3da9ff24;font-family:Impact,sans-serif;font-size:19px;letter-spacing:.03em;color:var(--paper)}.collection-count b{font-size:26px;color:var(--br-blue);text-shadow:0 0 8px rgba(61,169,255,.55)}.collection-count .sep{opacity:.55;margin:0 2px}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;width:92%;max-width:440px;max-height:62%;overflow-y:auto;padding:12px;margin:8px 0;background:#000000e6;border-radius:14px;scrollbar-width:thin;scrollbar-color:rgba(61,169,255,.6) transparent}.collection-grid::-webkit-scrollbar{width:5px}.collection-grid::-webkit-scrollbar-track{background:transparent}.collection-grid::-webkit-scrollbar-thumb{background:#3da9ff99;border-radius:999px}.br-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px 9px;border-radius:14px;border:2px solid var(--br-blue);background:#08101c80;box-shadow:0 2px 8px #00000059}.br-card.locked{border-color:#2f3a22;background:#0c0f0873}.br-card-img,.br-card-locked{width:72px;height:72px;border-radius:10px;object-fit:cover;border:1px solid rgba(255,255,255,.08);background:#11150a}.br-card.locked .br-card-img,.br-card-locked{display:grid;place-items:center;font-size:30px;border-color:#3a4a22;color:#5a6b3a;filter:grayscale(1)}.br-card-name{font-size:13px;font-weight:700;line-height:1.15;text-align:center;max-width:100%;color:var(--paper);text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.55);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.br-card.locked .br-card-name{opacity:.55}.br-card.playable{cursor:pointer}.br-card.playable .br-card-img{transition:transform .12s ease,border-color .12s ease}.br-card.playable:active .br-card-img{transform:scale(.94)}.br-card-play{position:absolute;top:4px;right:4px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;gap:3px;background:#000000b8;border:1px solid var(--br-blue);border-radius:50%;pointer-events:none}.br-card-play:before{content:"";width:0;height:0;margin-left:2px;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #eaf6ff}.br-card.playing .br-card-play:before,.br-card.playing .br-card-play:after{content:"";width:3px;height:10px;margin:0;border:0;background:#eaf6ff;border-radius:1px}.br-card.playing{border-color:var(--br-blue);animation:br-glow 1.1s ease-in-out infinite}@keyframes br-glow{0%,to{box-shadow:0 0 5px 1px #3da9ff73}50%{box-shadow:0 0 16px 4px #3da9ffd9}}#loading{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#080b068c}#loading.hidden{display:none}.loader-pickle{font-size:64px;animation:spin-slow 1.4s ease-in-out infinite}@keyframes spin-slow{to{transform:rotate(360deg)}}#loading-text{font-family:Papyrus,fantasy;color:var(--brine);letter-spacing:1px}#unsupported{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;background:#1a0d10;color:#ff9bbf;font-size:18px;line-height:1.5}#unsupported.hidden{display:none}.hidden{display:none!important}.link-btn{font-family:Papyrus,Trebuchet MS,fantasy;font-size:14px;color:var(--cyan);background:transparent;border:none;text-decoration:none;cursor:pointer;padding:2px 6px}.link-btn:active{transform:translateY(1px)}.ranks-heading{font-family:Impact,sans-serif;font-size:30px;color:var(--pickle-light);margin:0}.ranks-title{font-family:Papyrus,fantasy;font-size:14px;color:var(--cyan)}.rank-list{list-style:none;margin:6px 0;padding:0;width:100%;max-width:340px;max-height:46vh;overflow-y:auto}.rank-list.big{max-height:52vh}.rank-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:8px;padding:5px 8px;font-size:13px;border-bottom:1px dashed rgba(183,224,106,.2)}.rank-row .rk{color:var(--pickle-light);font-family:Impact,sans-serif}.rank-row .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.rank-row .sc{font-variant-numeric:tabular-nums;color:var(--brine);font-weight:700}.rank-row.me{background:#ff3da62e;border:2px solid var(--hot);border-radius:8px}.rank-sep{text-align:center;letter-spacing:4px;color:var(--pickle);padding:4px 0;font-size:12px}.rank-empty,.rank-offline,.rank-loading{text-align:center;font-size:12px;opacity:.75;padding:8px}.rank-slot{width:92%;max-width:340px;display:flex;flex-direction:column;align-items:center;gap:6px}.rank-nameform{width:100%;text-align:center}.rank-prompt{font-size:13px;color:var(--cyan);margin:0 0 6px}.rank-name-row{display:flex;gap:6px;justify-content:center}.rank-name-row input{flex:1;max-width:200px;font-family:Trebuchet MS,sans-serif;font-size:14px;padding:6px 8px;border:2px solid var(--pickle);border-radius:8px;background:#0006;color:var(--paper)}.rank-optional{font-size:10px;opacity:.6;margin:3px 0 0}