:root{--cc-stage: #1a0208;--cc-velvet: #4a0713;--cc-velvet-deep: #2b0409;--cc-gold: #f2c14e;--cc-gold-bright: #ffe08a;--cc-gold-deep: #a8761b;--cc-neon: #ff2d78;--cc-neon-soft: #ff7ab0;--cc-ink: #f8e9d8;--cc-ink-dim: #c9a98f;--cc-win: #5ef08a;--cc-win-deep: #17b04a;--cc-cell-gap: 1px;--cc-hud-height: clamp(52px, 8vh, 76px);--cc-radius: 10px;--cc-marquee: 0 0 8px var(--cc-neon), 0 0 22px rgba(255, 45, 120, .55)}@media(max-width:800px){:root{--cc-hud-height: 108px}}*{box-sizing:border-box}html,body{margin:0;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--cc-stage);color:var(--cc-ink);font-family:Trebuchet MS,Gill Sans,system-ui,sans-serif;overscroll-behavior:none}#app{height:100%}.cc-panel{background:linear-gradient(180deg,#4a0713d9,#1a0208e6);border:1px solid var(--cc-gold-deep);border-radius:var(--cc-radius);box-shadow:inset 0 0 18px #0009}.cc-title{font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cc-gold-bright);text-shadow:var(--cc-marquee)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}