.light-mode{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-tertiary: #e2e8f0;--text-primary: #1e293b;--text-secondary: #475569;--dice-bg: radial-gradient(circle at 30% 30%, #ffffff, #e0e7ff);--header-bg: #f1f5f9;--button-primary: #3b82f6;--button-hover: #2563eb;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}.currency-item{display:flex;align-items:center;gap:.25rem;background-color:#11182799;padding:.25rem .5rem;border-radius:.375rem;box-shadow:inset 0 2px 4px #0000000f;flex:none;min-width:4rem;justify-content:center}.currency-item i,.currency-item span{line-height:1;vertical-align:middle;transition:text-shadow .3s ease}.header-button i{font-size:2em}.light-mode .text-gray-400{color:var(--text-secondary)!important}.dark-mode{--bg-primary: #1f2937;--bg-secondary: #111827;--bg-tertiary: #374151;--text-primary: #f9fafb;--text-secondary: #9ca3af}:root{--digit-base-interval: 30ms;--digit-decay-rate: 1.15;--digit-loops: 2;--digit-random-extra: 3}html,body{background-color:var(--bg-primary);color:var(--text-primary);user-select:none;-webkit-user-select:none;-moz-user-select:none;touch-action:manipulation}input,textarea{user-select:text;-webkit-user-select:text;-moz-user-select:text}.bg-gray-800{background-color:var(--bg-secondary)}.bg-gray-700{background-color:var(--bg-tertiary)}.text-gray-100{color:var(--text-primary)}.text-gray-400{color:var(--text-secondary)}@keyframes rollNumbers{0%{transform:translateY(-100px) rotateX(90deg);opacity:0}to{transform:translateY(0) rotateX(0);opacity:1}}@keyframes flash{0%{background-color:inherit;box-shadow:0 0 10px #ffd70000}50%{background-color:#ffd70033;box-shadow:0 0 20px #ffd700b3}to{background-color:inherit;box-shadow:0 0 10px #ffd70000}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes cardPress{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes clockBounce{0%{transform:scale(var(--charge-scale))}50%{transform:scale(calc(var(--charge-scale) * 1.2))}to{transform:scale(var(--charge-scale))}}.roll-number{animation:rollNumbers .5s cubic-bezier(.34,1.56,.64,1) forwards}.rare-result{animation:flash 2s ease-in-out 3}.dice-float{animation:float 3s ease-in-out infinite}.pulse-button{animation:pulse 2s infinite}.progress-bar{transition:width .5s ease-in-out}.pill-bar{display:flex;flex-direction:row-reverse;gap:2px;position:relative;background-color:var(--bg-tertiary);overflow:hidden}.pill-bar.increase{flex-direction:row}.pill-bar.increase:before{background-image:linear-gradient(to right,#f87171,#4ade80)}.pill-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to left,#f87171,#4ade80);z-index:0}.pill{flex:1;position:relative;z-index:1;background-color:var(--bg-tertiary);transition:background-color .1s linear}.pill.active{background-color:transparent}.pill.preview{background-color:var(--bg-tertiary)}.pill-bar.increase .pill.preview{background-color:transparent}.upgrade-locked{opacity:.5}.upgrade-req{margin-top:.25rem;text-align:center;color:#f87171;font-size:.75rem}.xp-glow{box-shadow:0 0 8px #60a5fa99,0 0 12px #a78bfacc}.dice-bg{background:var(--dice-bg, radial-gradient(circle at 30% 30%, #f0f9ff, #bae6fd))}.light-mode .bg-gray-800{background-color:var(--bg-secondary)!important}.light-mode .bg-gray-700{background-color:var(--bg-tertiary)!important;box-shadow:var(--card-shadow)}.loader{border:8px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;width:3rem;height:3rem;animation:loader-spin 1s linear infinite}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#tipModal,#tipModal *{-webkit-user-select:none;user-select:none}#rollDisabledOverlay{background:transparent}.catalog-number{display:inline-block;width:4rem;text-align:center;margin:1px;font-family:monospace}.catalog-number.undiscovered{color:#6b7280}.catalog-number.discovered{color:#fff}.catalog-number.catalog-highlight{box-shadow:0 0 6px 2px #fff;border-radius:.25rem}#catalogWrapper{position:relative;overflow-y:auto;height:16rem}#catalogContainer{position:absolute;top:0;left:0;right:0}button,.pattern-card{user-select:none;-webkit-user-select:none;-moz-user-select:none}.pattern-card{display:inline-block;margin:.25rem;padding:.25rem .5rem;border-radius:.375rem;cursor:pointer;box-shadow:var(--card-shadow);transition:transform .2s}.pattern-card.selected{box-shadow:0 0 10px #fbbf24cc;transform:translateY(-2px)}.pattern-card-clicked{animation:cardPress .2s ease}.pattern-card.common{background-color:#9ca3af33;border-left:4px solid #9ca3af}.pattern-card.uncommon{background-color:#d1d5db33;border-left:4px solid #d1d5db}.pattern-card.renowned{background-color:#34d39933;border-left:4px solid #34d399}.pattern-card.superior{background-color:#22d3ee33;border-left:4px solid #22d3ee}.pattern-card.rare{background-color:#60a5fa33;border-left:4px solid #60a5fa}.pattern-card.epic{background-color:#a78bfa33;border-left:4px solid #a78bfa}.pattern-card.legendary{background-color:#fbbf2433;border-left:4px solid #fbbf24}.pattern-card.ultimate{background-color:#f8717133;border-left:4px solid #f87171}#patternsFound{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem}.digit-window.digit-highlight{box-shadow:0 0 10px #fbbf24cc;background-color:#fbbf2433;border:2px solid #fbbf24}.rolling-disabled{opacity:.5;cursor:wait}.rolling-disabled *{pointer-events:none!important;cursor:wait!important}.history-selected{background-color:#ffd7001a;border-color:gold!important}.number-card{position:relative;border-width:3px;border-radius:.75rem;box-shadow:var(--card-shadow)}.number-card.common{border-color:#9ca3af}.number-card.uncommon{border-color:#d1d5db}.number-card.renowned{border-color:#34d399}.number-card.superior{border-color:#22d3ee}.number-card.rare{border-color:#60a5fa;box-shadow:0 0 10px #60a5fa99,0 0 20px #60a5fa66}.number-card.epic{border-color:#a78bfa;box-shadow:0 0 10px #a78bfa99,0 0 20px #a78bfa66}.number-card.legendary,.number-card.ultimate{overflow:hidden}.number-card.legendary{border-color:#fbbf24}.number-card.ultimate{border-color:#f87171}.number-card.legendary:before,.number-card.ultimate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(60deg,#fff3,#ffffff0d);background-size:200% 200%;animation:holoMove 3s linear infinite;pointer-events:none}@keyframes holoMove{0%{background-position:0% 50%}to{background-position:100% 50%}}.charge-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:radial-gradient(circle,#ffd70080,#ffd70000 70%);opacity:0;pointer-events:none;transition:opacity .2s}.cooldown-effects{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.cooldown-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg);opacity:0;transition:opacity .2s}.cooldown-ring-path{stroke:#86efac;stroke-width:6;stroke-linecap:round;fill:none;transition:stroke-dashoffset .1s linear}.cooldown-glow{fill:#86efac;filter:drop-shadow(0 0 4px rgba(134,239,172,.8))}@keyframes bubbleUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-40px);opacity:0}}.cooldown-bubble{position:absolute;left:50%;bottom:0;font-size:.75rem;color:#fbbf24;animation:bubbleUp 1s forwards;white-space:nowrap}#levelUpParticles{pointer-events:none}.level-up-particle{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#38bdf8,#0ea5e9 70%,#38bdf800);box-shadow:0 0 6px #38bdf8cc,0 0 12px #38bdf899;opacity:.9;animation:levelBurst 3s forwards ease-out}@keyframes levelBurst{70%{transform:translate(calc(var(--dx) * .9),calc(var(--dy) * .9)) rotate(540deg);opacity:.7}to{transform:translate(var(--dx),var(--dy)) rotate(720deg);opacity:0}}.odometer{background:radial-gradient(circle at center,#1f1f1f,#000);border-radius:1rem;padding:.5rem 1rem;box-shadow:inset 0 0 10px #00000080,0 0 10px #000c}.digit-window{position:relative;width:3.5rem;height:4rem;overflow:hidden;border-radius:.5rem;background:#111;box-shadow:inset 0 0 5px #000000b3;margin:0 2px}.digit-window:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#ffffff59,#ffffff0d 60%,#0000004d);pointer-events:none}.digit-strip{display:flex;flex-direction:column;font-family:monospace;font-size:2.5rem;line-height:1;text-align:center}.digit-strip span{height:4rem;display:flex;align-items:center;justify-content:center;color:#f0f0f0}@keyframes spin{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes decelerate{0%{transform:translateY(var(--decel-start, 0))}to{transform:translateY(var(--decel-end, 0))}}@keyframes accelerate{0%{transform:translateY(var(--accel-start, 0))}to{transform:translateY(var(--accel-end, 0))}}.digit-spin{animation:spin var(--spin-duration, 1s) linear infinite}.digit-decelerate{animation:decelerate var(--decel-duration, 1s) cubic-bezier(.33,1,.68,1) forwards}.digit-accelerate{animation:accelerate var(--accel-duration, .5s) ease-in forwards}.light-mode .digit-window{background:var(--bg-secondary)}.light-mode .digit-strip span{color:var(--text-primary)}.cooldown-clock{position:relative;width:4rem;height:4rem;cursor:pointer;--charge-scale: 1;transform:scale(var(--charge-scale));transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.cooldown-clock .clock-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid #fbbf24;background:radial-gradient(circle at center,#7e22ce,#1e40af)}.cooldown-clock .clock-hand{position:absolute;bottom:50%;left:50%;width:2px;height:40%;background:#fbbf24;transform-origin:bottom;transition:transform .1s linear}.cooldown-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;font-weight:700;color:#fbbf24}.clock-bounce{animation:clockBounce .2s ease}.light-mode .bg-blue-500{background-color:var(--button-primary)!important}.light-mode .bg-blue-500:hover{background-color:var(--button-hover)!important}.light-mode .bg-red-500{background-color:#ef4444!important}.light-mode .bg-red-500:hover{background-color:#dc2626!important}.light-mode #rollButton{background:linear-gradient(to right,var(--button-primary),var(--button-hover))!important}.light-mode .bg-gray-600{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important}.light-mode .bg-gray-600:hover{background-color:#e2e8f0!important}.light-mode .dice-tile{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.light-mode .bg-gray-700{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important}.light-mode .bg-gray-800{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.light-mode .bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--bg-secondary),var(--bg-primary))!important}.chip-icon{color:#fff}.light-mode .chip-icon{color:#000}.chip-icon,.coin-icon,.roll-icon{font-size:1.75em}.xp-icon,.dice-icon{font-size:2em}.dark-mode .chip-icon{color:#fff}.coin-icon{color:gold;text-shadow:0 0 6px rgba(255,215,0,.8)}#rollIcon{transition:transform .6s ease}#rollIcon:hover{transform:rotate(360deg) scale(1.1)}.dark-mode #rollIcon:hover{text-shadow:0 0 10px rgba(255,255,255,.9)}.light-mode #rollIcon:hover{text-shadow:0 0 10px rgba(0,0,0,.6)}#rollIcon:hover+#rollCounter{text-shadow:0 0 10px rgba(255,255,255,.9)}.light-mode #rollIcon:hover+#rollCounter{text-shadow:0 0 10px rgba(0,0,0,.6)}#coinIcon{transition:transform .3s ease,text-shadow .3s ease}body.logged-in #coinIcon:hover{animation:coin-breathe 1s infinite}body:not(.logged-in) #coinIcon:hover{transform:scale(1.1)}#chipsIcon{transition:transform .3s ease,text-shadow .3s ease}.dark-mode #chipsIcon:hover{text-shadow:0 0 10px rgba(255,255,255,.9);transform:scale(1.1)}.light-mode #chipsIcon:hover{text-shadow:0 0 10px rgba(0,0,0,.6);transform:scale(1.1)}#chipsIcon:hover+#totalChips{text-shadow:0 0 10px rgba(255,255,255,.9)}.light-mode #chipsIcon:hover+#totalChips{text-shadow:0 0 10px rgba(0,0,0,.6)}@keyframes coin-breathe{0%{transform:scale(1);text-shadow:0 0 6px rgba(255,215,0,.8)}50%{transform:scale(1.1);text-shadow:0 0 12px rgba(255,215,0,1)}to{transform:scale(1);text-shadow:0 0 6px rgba(255,215,0,.8)}}.chip-halo{color:gold;text-shadow:0 0 6px rgba(255,215,0,.8)}.xp-icon{position:relative;color:#38bdf8;text-shadow:0 0 6px rgba(56,189,248,.8);transition:transform .3s ease,text-shadow .3s ease}.xp-icon:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:var(--glow-height, 0%);background:linear-gradient(to top,#38bdf8cc,#38bdf800);border-radius:50%;filter:blur(4px);pointer-events:none;transition:height .5s ease-out;z-index:-1}.xp-icon:hover{transform:scale(1.2);text-shadow:0 0 12px rgba(56,189,248,1)}.xp-icon:hover:after{height:100%}.cooldown-snowflake{background:linear-gradient(to bottom right,#e0f2fe,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 0 6px rgba(96,165,250,.8)}.sorted-header{color:gold;font-weight:700;text-shadow:0 0 6px rgba(255,215,0,.8)}#coinsEarned{color:gold}#xpEarned{color:#38bdf8}.level-up{animation:levelUp 1s ease-in-out}@keyframes levelUp{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.counter-animate{display:inline-block;transition:color .3s ease-out,text-shadow .3s ease-out}.counter-digit{position:relative;display:inline-block;overflow:hidden;width:1ch;height:1em;vertical-align:bottom}.counter-comma{width:.5ch}.counter-digit span{position:absolute;left:0;width:100%;text-align:center;transition:transform .3s ease-out}.counter-glow-up{color:#22c55e;text-shadow:0 0 6px rgba(34,197,94,.8)}.counter-glow-down{color:#f87171;text-shadow:0 0 6px rgba(248,113,113,.8)}@keyframes clickPowerFlash{0%{transform:scale(1);color:inherit;text-shadow:none}50%{transform:scale(1.5);color:#fcd34d;text-shadow:0 0 8px rgba(252,211,77,.95)}to{transform:scale(1);color:inherit;text-shadow:none}}.click-power-flash{animation:clickPowerFlash .25s ease-out}@keyframes clickPowerBlockFlash{0%{transform:scale(1);box-shadow:none}50%{transform:scale(1.05);box-shadow:0 0 8px #fcd34df2}to{transform:scale(1);box-shadow:none}}.click-power-block-flash{animation:clickPowerBlockFlash .25s ease-out}@keyframes clickPowerErrorFlash{0%,20%{color:inherit;text-shadow:none}50%,80%{color:#f87171;text-shadow:0 0 6px rgba(248,113,113,.9)}to{color:inherit;text-shadow:none}}.click-power-error-flash{animation:clickPowerErrorFlash .8s ease-out}@media (max-width: 640px){#profileStats{gap:.5rem}#profileStats p,#profileStats span{font-size:.875rem}#profileStats .chip-icon,#profileStats .coin-icon,#profileStats .xp-icon,#profileStats .dice-icon{font-size:1.5em}}@media (max-width: 768px){#diceContainer.w-full{border-radius:0!important}}@media (max-width: 480px){.digit-window{width:2.5rem;height:3rem}.digit-strip{font-size:2rem}.digit-strip span{height:3rem}}@media (max-width: 768px) and (orientation: portrait){#currencySection,#xpSection{display:none}header{padding-left:1rem;padding-right:1rem}}#mobileHeader{align-items:center}#mobileNavMenu,#profileMenu{position:absolute;background:#1f2937;border-radius:.5rem;box-shadow:0 2px 6px #00000080;z-index:50}#musicIcon{transition:opacity .2s ease}.fade-out{opacity:0}.fade-in{opacity:1}.range-slider{-webkit-appearance:none;width:100%;height:.25rem;background-color:var(--bg-tertiary);border-radius:.375rem;cursor:pointer}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;height:1rem;width:1rem;background-image:linear-gradient(to right,#a855f7,#ec4899);border-radius:9999px}.range-slider::-moz-range-thumb{height:1rem;width:1rem;background-image:linear-gradient(to right,#a855f7,#ec4899);border-radius:9999px;border:none}.volume-button{position:relative;width:100%;height:1.5rem;background-color:var(--bg-tertiary);border-radius:.375rem;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-size:.75rem}.volume-button>*{position:relative;z-index:1}.volume-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0%;background-image:linear-gradient(to right,#a855f7,#ec4899);border-radius:inherit;pointer-events:none;z-index:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#buttonWrapper{position:relative}@keyframes noPowerClick{0%{transform:scale(1)}40%{transform:scale(.95)}50%{transform:scale(1)}60%{box-shadow:0 0 #f8717100}80%{box-shadow:0 0 16px #f87171cc}to{box-shadow:0 0 #f8717100}}.no-power-click{animation:noPowerClick .4s ease-out}@keyframes noPowerFlash{0%,to{opacity:0}50%{opacity:1}}.no-power-flash{animation:noPowerFlash .3s ease-out}.no-power-tooltip{position:absolute;left:50%;bottom:-2rem;transform:translate(-50%);background-color:#dc2626;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;white-space:nowrap;pointer-events:none;opacity:0;animation:tooltipFade 1s forwards}@keyframes tooltipFade{0%{opacity:0;transform:translate(-50%) translateY(4px)}10%{opacity:1;transform:translate(-50%) translateY(0)}90%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(0)}}