@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.z-50{z-index:50}.flex{display:flex}.h-full{height:100%}.min-h-\[70vh\]{min-height:70vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.text-\[6px\]{font-size:6px}.text-\[8px\]{font-size:8px}.text-\[10px\]{font-size:10px}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}:root{--base-blue:#0052ff;--pixel-green:#4ade80;--pixel-cyan:#22d3ee;--pixel-pink:#f472b6;--pixel-yellow:#facc15;--pixel-purple:#a855f7;--bg-gradient-start:#87ceeb;--bg-gradient-end:#98fb98;--glass-bg:#ffffff26;--glass-border:#ffffff4d;--text-primary:#000;--text-secondary:#333}[data-theme=dark]{--bg-gradient-start:#1a1a2e;--bg-gradient-end:#16213e;--glass-bg:#0000004d;--glass-border:#ffffff1a;--text-primary:#fff;--text-secondary:#ccc}*{image-rendering:pixelated}body{background:linear-gradient(180deg,var(--bg-gradient-start)0%,var(--bg-gradient-end)100%);min-height:100vh;font-family:"Press Start 2P",cursive;transition:background .3s}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0000001a}.pixel-button{background:var(--base-blue);color:#fff;cursor:pointer;border:4px solid #039;border-radius:8px;padding:16px 32px;font-family:"Press Start 2P",cursive;font-size:14px;transition:all .1s;box-shadow:0 6px #039,0 8px 10px #0000004d}.pixel-button:hover{transform:translateY(2px);box-shadow:0 4px #039,0 6px 8px #0000004d}.pixel-button:active{transform:translateY(4px);box-shadow:0 2px #039,0 4px 6px #0000004d}.pixel-button:disabled{cursor:not-allowed;background:#666;border-color:#444;box-shadow:0 4px #444}.pixel-button-green{background:#22c55e;border-color:#166534;box-shadow:0 6px #166534,0 8px 10px #0000004d}.pixel-button-green:hover{box-shadow:0 4px #166534,0 6px 8px #0000004d}.pixel-button-yellow{color:#000;background:#facc15;border-color:#a16207;box-shadow:0 6px #a16207,0 8px 10px #0000004d}.theme-toggle{background:var(--glass-bg);border:2px solid var(--glass-border);cursor:pointer;border-radius:20px;padding:8px 12px;font-size:16px;transition:all .2s}.theme-toggle:hover{transform:scale(1.1)}.booster-card{color:#fff;text-shadow:2px 2px #00000080;cursor:pointer;border:4px solid #0000004d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;font-family:"Press Start 2P",cursive;font-size:12px;transition:all .1s;display:flex;box-shadow:0 6px #0000004d,inset 0 -4px #0003}.booster-card:hover{transform:translateY(2px);box-shadow:0 4px #0000004d,inset 0 -4px #0003}.game-field{background:#90ee90;border:6px solid #8b4513;border-radius:8px;box-shadow:0 8px #5d3a1a,0 12px 20px #0000004d,inset 0 0 20px #0000001a}[data-theme=dark] .game-field{border-color:#5d3a1a;box-shadow:0 8px #3d2a1a,0 12px 20px #00000080,inset 0 0 20px #0003}.snake-segment,.snake-head{background:var(--base-blue);border:2px solid #039;box-shadow:inset -2px -2px #0000004d,inset 2px 2px #ffffff4d}.crystal{background:var(--pixel-cyan);width:16px;height:16px;box-shadow:inset -2px -2px 0 #0000004d,inset 2px 2px 0 #ffffff80,0 0 10px var(--pixel-cyan);border:2px solid #0891b2;animation:.5s infinite alternate crystal-bounce}@keyframes crystal-bounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.leaderboard-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:2px solid #ffffff4d;border-radius:8px;margin-bottom:8px;padding:12px}[data-theme=dark] .leaderboard-item{background:#0000004d;border-color:#ffffff1a}.leaderboard-item.gold{background:linear-gradient(135deg,#ffd70066,#ffd70033);border-color:gold}.leaderboard-item.silver{background:linear-gradient(135deg,#c0c0c066,#c0c0c033);border-color:silver}.leaderboard-item.bronze{background:linear-gradient(135deg,#cd7f3266,#cd7f3233);border-color:#cd7f32}.pixel-text{text-shadow:2px 2px #0000004d;font-family:"Press Start 2P",cursive}.pixel-text-outline{-webkit-text-stroke:2px #000;text-shadow:3px 3px #00000080;font-family:"Press Start 2P",cursive}[data-theme=dark] .pixel-text-outline{-webkit-text-stroke:2px #000;text-shadow:3px 3px #000c}[data-theme=dark] .pixel-text{color:#fff}[data-theme=dark] .text-black{color:#fff!important}[data-theme=dark] .text-gray-400{color:#9ca3af!important}[data-theme=dark] .pixel-text-outline{color:#fff}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}