@import "https://fonts.googleapis.com/css2?family=Inter:wght@500;650;750;850&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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.hidden{display:none}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7fbff;background:#070912;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit}.app-shell{background:radial-gradient(circle at 14% 12%,#ffd16638,#0000 26rem),radial-gradient(circle at 86% 18%,#46d6ff3d,#0000 30rem),linear-gradient(132deg,#0b1020 0%,#17111e 42%,#101a21 100%);min-height:100vh;padding:clamp(1rem,2vw,1.6rem);transition:background .5s}.round-2{background:radial-gradient(circle at 15% 16%,#66f5a438,#0000 28rem),radial-gradient(circle at 82% 24%,#ff755738,#0000 30rem),linear-gradient(132deg,#0d141f 0%,#17172a 48%,#111b18 100%)}.round-3,.round-4,.round-5,.round-6{background:radial-gradient(circle at 18% 12%,#ff5b8a38,#0000 30rem),radial-gradient(circle at 80% 30%,#9a7cff3d,#0000 32rem),linear-gradient(132deg,#100d18 0%,#17141d 48%,#0a1520 100%)}.shake{animation:.13s linear infinite screenShake}.topbar{justify-content:space-between;align-items:center;gap:1rem;max-width:1420px;margin:0 auto 1rem;display:flex}.topbar h1{letter-spacing:0;margin:0;font-size:clamp(1.8rem,4vw,4.6rem);font-weight:850;line-height:.94}.topbar p{color:#f7fbffb8;margin:.45rem 0 0;font-size:clamp(.88rem,1.4vw,1.05rem)}.top-actions{align-items:center;gap:.55rem;display:flex}.icon-button,.daily-button,.mode-button,.spin-button,.game-over button{color:#f7fbff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff29;transition:transform .18s,border-color .18s,background .18s}.icon-button{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:.75rem;place-items:center;width:2.85rem;height:2.85rem;display:grid}.icon-button:hover,.daily-button:hover,.mode-button:hover,.game-over button:hover{background:#ffffff26;border-color:#ffffff52;transform:translateY(-1px)}.game-grid{grid-template-columns:minmax(210px,.7fr) minmax(360px,1.45fr) minmax(250px,.85fr);align-items:stretch;gap:1rem;max-width:1420px;margin:0 auto;display:grid}.panel,.arena{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#ffffff24,#ffffff0e);border:1px solid #ffffff24;border-radius:.85rem;box-shadow:0 24px 80px #03071261}.panel{padding:1rem}.panel-title{color:#f7fbffc7;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.85rem;font-weight:750;display:flex}.mode-list{gap:.65rem;margin:.9rem 0;display:grid}.mode-button{text-align:left;border-radius:.65rem;flex-direction:column;justify-content:center;align-items:flex-start;gap:.18rem;width:100%;min-height:4.2rem;padding:.75rem;display:flex}.mode-button strong{font-size:.98rem}.mode-button span,.event-box p,.history p{color:#f7fbff9e;font-size:.82rem}.mode-button.active{background:#ffd16629;border-color:#ffd166c2}.daily-button{border-radius:.65rem;justify-content:center;align-items:center;gap:.45rem;width:100%;min-height:2.85rem;margin-top:.65rem;font-weight:750;display:flex}.daily-button.ghost{background:#ffffff0f}.arena{flex-direction:column;justify-content:space-between;align-items:center;min-height:43rem;padding:1rem;display:flex;position:relative;overflow:hidden}.arena:before{content:"";opacity:.52;pointer-events:none;background:conic-gradient(from 140deg,#0000,#ffffff1a,#0000 34%),repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 48px);animation:16s linear infinite arenaDrift;position:absolute;inset:-20%}.round-strip{z-index:2;color:#f7fbffd6;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;width:100%;font-weight:750;display:grid;position:relative}.round-strip div{background:#ffffff1c;border-radius:999px;height:.7rem;overflow:hidden}.round-strip i{border-radius:inherit;background:linear-gradient(90deg,#6df7a5,#ffd166,#ff6b8f);height:100%;transition:width .32s;display:block}.wheel-stage{z-index:1;flex:1;place-items:center;width:100%;min-height:28rem;display:grid;position:relative}.wheel-shell{--wheel-size:24rem;width:min(var(--wheel-size), 84vw);aspect-ratio:1;filter:drop-shadow(0 34px 52px #0000006b);place-items:center;display:grid;position:relative}.wheel-shell:before{content:"";background:radial-gradient(circle,#ffffff1f,#0000 62%);border-radius:50%;position:absolute;inset:-1.2rem}.wheel{width:100%;height:100%;overflow:visible}.pointer{z-index:4;filter:drop-shadow(0 0 12px #ffd166ad);border-top:1.75rem solid #fff7b2;border-left:1rem solid #0000;border-right:1rem solid #0000;width:0;height:0;position:absolute;top:-.45rem}.wheel-icon{fill:#07101c;font-size:2rem;font-weight:850}.wheel-label{fill:#07101cc7;font-size:.7rem;font-weight:850}.hub-title{fill:#fff;font-size:1rem;font-weight:850}.hub-sub{fill:#ffd166;font-size:.82rem;font-weight:850}.spin-button{z-index:2;color:#08111d;letter-spacing:0;background:linear-gradient(135deg,#fff176,#ffd166 40%,#6df7a5);border-radius:.8rem;justify-content:center;align-items:center;gap:.55rem;width:min(25rem,100%);min-height:4.2rem;font-weight:850;display:flex;position:relative;box-shadow:0 18px 42px #ffd1663d}.spin-button:disabled{opacity:.55;cursor:not-allowed}.particle{z-index:5;border-radius:50%;width:.55rem;height:.55rem;position:absolute}.game-over{z-index:6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070912c7;border:1px solid #fff3;border-radius:.8rem;place-items:center;gap:.35rem;min-height:7rem;display:grid;position:absolute;inset:auto 1.2rem 6rem}.game-over strong{font-size:1.5rem}.game-over button{border-radius:.6rem;min-height:2.35rem;padding:0 1rem}.score-readout{gap:.2rem;margin-bottom:.85rem;display:grid}.score-readout span,.event-box span,.history>span{color:#f7fbff9e;text-transform:uppercase;font-size:.78rem;font-weight:750}.score-readout strong{font-size:clamp(2rem,4vw,3.4rem);font-weight:850;line-height:1}.vitals{grid-template-columns:repeat(3,1fr);gap:.55rem;margin-bottom:.85rem;display:grid}.vitals div{color:#f7fbffc7;background:#ffffff17;border-radius:.65rem;place-items:center;gap:.15rem;min-height:3.2rem;font-weight:800;display:grid}.vitals .armed{color:#8ee9ff;box-shadow:inset 0 0 0 1px #8ee9ff52}.event-box{background:#ffffff14;border-radius:.75rem;min-height:8.5rem;padding:.85rem}.event-box strong{margin:.35rem 0;font-size:1.15rem;display:block}.event-box p{margin:0}.history{margin-top:1rem}.history div{border-bottom:1px solid #ffffff17;grid-template-columns:2rem 1fr auto;align-items:center;gap:.55rem;min-height:2.2rem;font-size:.82rem;display:grid}.history em{color:#ffd166;font-style:normal;font-weight:750}.stats-row,.badges{gap:.7rem;max-width:1420px;margin:1rem auto 0;display:grid}.stats-row{grid-template-columns:repeat(6,minmax(0,1fr))}.stat-tile,.badges div{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff16;border:1px solid #ffffff21;border-radius:.75rem;min-height:4.8rem}.stat-tile{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:.2rem .45rem;padding:.8rem;display:grid}.stat-tile span{color:#f7fbff9e;font-size:.78rem}.stat-tile strong{grid-column:1/-1;font-size:1.25rem}.badges{grid-template-columns:repeat(5,minmax(0,1fr))}.badges div{color:#f7fbff75;justify-content:center;align-items:center;gap:.4rem;min-height:3rem;font-size:.82rem;font-weight:750;display:flex}.badges .unlocked{color:#fff7b2;background:#ffd1661c;border-color:#ffd1666b}@keyframes arenaDrift{0%{transform:rotate(0)scale(1.1)}to{transform:rotate(360deg)scale(1.1)}}@keyframes screenShake{0%{transform:translate(0)}25%{transform:translate(2px,-1px)}50%{transform:translate(-2px,1px)}75%{transform:translate(1px,2px)}to{transform:translate(0)}}@media (width<=1080px){.game-grid{grid-template-columns:1fr}.mode-panel,.info-panel{order:2}.mode-list{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-row,.badges{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=680px){.app-shell{padding:.75rem}.topbar{flex-direction:column;align-items:flex-start}.top-actions{justify-content:space-between;width:100%}.icon-button{flex:1}.arena{min-height:35rem;padding:.75rem}.round-strip{text-align:center;grid-template-columns:1fr}.wheel-stage{min-height:22rem}.mode-list,.stats-row,.badges{grid-template-columns:1fr 1fr}.wheel-icon{font-size:1.7rem}.wheel-label{font-size:.58rem}}@media (width<=430px){.mode-list,.stats-row,.badges,.vitals{grid-template-columns:1fr}.spin-button{min-height:3.6rem;font-size:.92rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
