:root { color-scheme: dark; --bg:#061126; --panel:#101b3b; --panel2:#182752; --yellow:#ffd84d; --pink:#ff65a8; --cyan:#53f1e5; --purple:#9d7cff; --text:#fbfbff; --muted:#aab4d4; --safe-bottom:env(safe-area-inset-bottom,0px); }
* { box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html,body { min-height:100%; margin:0; overscroll-behavior:none; }
body { color:var(--text); font-family:Inter,ui-rounded,"SF Pro Rounded",system-ui,-apple-system,sans-serif; background:radial-gradient(circle at 50% -20%,#28356f 0,#071127 38%,#040915 100%); }
button,input { font:inherit; } button { color:inherit; cursor:pointer; touch-action:manipulation; }
.ambient { position:fixed; inset:0; overflow:hidden; pointer-events:none; opacity:.5; }
.ambient i { position:absolute; width:38vw; aspect-ratio:1; border-radius:50%; filter:blur(90px); background:#5338d4; animation:drift 12s ease-in-out infinite alternate; }
.ambient i:nth-child(1){left:-16vw;top:18vh}.ambient i:nth-child(2){right:-18vw;top:52vh;background:#0a9b9b;animation-delay:-4s}.ambient i:nth-child(3){left:38vw;bottom:-28vw;background:#a02775;animation-delay:-8s}
.app-shell { position:relative; width:min(100%,920px); min-height:100dvh; margin:auto; overflow:hidden; }
.topbar { height:68px; padding:12px max(16px,env(safe-area-inset-left)); display:flex; align-items:center; justify-content:space-between; }
.brand,.player-chip,.icon-button { border:0; background:none; display:flex; align-items:center; }
.brand { gap:9px; text-align:left; }.brand-orb{display:grid;place-items:center;width:34px;aspect-ratio:1;border:2px solid var(--yellow);border-radius:50%;color:var(--yellow);font-size:.7rem;font-weight:950;box-shadow:0 0 20px #ffd84d45}.brand strong,.brand small{display:block}.brand strong{color:var(--yellow);font-size:.95rem}.brand small{font-size:.48rem;letter-spacing:.18em;color:#c6cdec}
.top-actions{display:flex;align-items:center;gap:7px}.icon-button{width:39px;aspect-ratio:1;justify-content:center;border:1px solid #35456f;border-radius:50%;background:#101a36cc}.icon-button[aria-pressed="true"]{color:#091426;background:var(--cyan);box-shadow:0 0 20px #53f1e555}.player-chip{gap:7px;padding:8px 12px;border:1px solid #35456f;border-radius:99px;background:#101a36cc;font-size:.78rem}
.screen { display:none; min-height:calc(100dvh - 68px); padding:18px max(20px,env(safe-area-inset-right)) calc(24px + var(--safe-bottom)); }.screen.active{display:flex}
.hero-screen{position:relative;flex-direction:column;justify-content:center;text-align:center}.tour-badge{width:max-content;max-width:100%;margin:0 auto 21px;padding:8px 12px;border:1px solid #53f1e54a;border-radius:99px;background:#10263cd6;color:#dffefa;font-size:.67rem;font-weight:900;letter-spacing:.08em}.tour-badge span{margin-right:6px}
.eyebrow{margin:0 0 10px;color:var(--cyan);font-size:.68rem;font-weight:950;letter-spacing:.17em}h1,h2,p{margin-top:0}h1{margin-bottom:18px;font-size:clamp(2.55rem,10vw,5.4rem);line-height:.95;letter-spacing:-.06em}h1 span{background:linear-gradient(100deg,var(--yellow),#ff9c70,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:610px;margin:0 auto 28px;color:var(--muted);line-height:1.55;font-size:clamp(.96rem,3vw,1.12rem)}
.hero-actions{width:min(100%,390px);margin:auto;display:grid;gap:11px}.primary-button,.secondary-button{min-height:54px;padding:13px 21px;border:0;border-radius:17px;font-weight:950}.primary-button{color:#080b12;-webkit-text-fill-color:#080b12;background:linear-gradient(135deg,#fff080,var(--yellow) 55%,#ffbc58);box-shadow:0 9px 35px #ffd84d25;text-shadow:none}.secondary-button{border:1px solid #42507d;background:linear-gradient(120deg,#172449,#202d5a)}.primary-button:active,.secondary-button:active{transform:translateY(2px)}
.tour-route{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:27px auto 18px}.tour-route span{padding:7px 9px;border-radius:9px;background:#111d3bbd;color:#aeb9d8;font-size:.67rem}.tour-route b{color:var(--cyan);font-size:.82rem}.classic-link{width:max-content;margin:0 auto;color:#9eabd0;font-size:.76rem;text-underline-offset:3px}
.game-screen{flex-direction:column;align-items:center;padding-top:2px}.game-hud{width:min(100%,540px);min-height:52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.game-hud span{display:block;color:#8794bb;font-size:.54rem;font-weight:900;letter-spacing:.13em}.hud-score strong{font-size:1.25rem;color:var(--yellow)}.hud-level{text-align:center}.hud-level strong{font-size:.7rem;color:#d8def3}.hud-level b{color:var(--cyan)}.hud-lives{justify-self:end;color:var(--pink);letter-spacing:3px}.power-hud{width:min(100%,540px);display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 7px}.combo-meter,.fever-meter{position:relative;overflow:hidden;padding:5px 9px;border-radius:9px;background:#0b1530;color:#8290ba;font-size:.54rem;font-weight:900}.combo-meter strong,.fever-meter strong{float:right;color:#fff}.combo-meter i,.fever-meter i{position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--cyan);transition:width .12s}.fever-meter i{background:var(--pink)}
.canvas-wrap{position:relative;width:min(100%,540px);display:grid;place-items:center}canvas{display:block;width:auto;height:auto;max-width:100%;max-height:min(61dvh,600px);border:1px solid #344772;border-radius:18px;background:#041021;box-shadow:0 20px 65px #0009,0 0 40px #42e5e912;touch-action:none}.game-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:18px;border-radius:18px;background:#041021b8;backdrop-filter:blur(4px)}.game-overlay.hidden{display:none}.overlay-card{width:min(100%,330px);padding:25px;border:1px solid #40517f;border-radius:22px;text-align:center;background:#101a38f2;box-shadow:0 24px 70px #000a}.overlay-card h2{margin-bottom:8px;font-size:1.8rem}.overlay-card p:not(.eyebrow){color:var(--muted);line-height:1.45}.compact{min-height:46px}.event-toast{position:absolute;top:14px;left:50%;z-index:3;max-width:85%;padding:8px 13px;border-radius:99px;opacity:0;transform:translate(-50%,-12px);background:#08182ee8;color:var(--yellow);font-size:.72rem;font-weight:950;pointer-events:none;transition:.25s}.event-toast.show{opacity:1;transform:translate(-50%,0)}
.touch-controls{display:grid;grid-template-columns:repeat(3,68px);grid-template-rows:repeat(2,58px);gap:12px;margin-top:17px}.touch-controls button{min-width:68px;min-height:58px;border:1px solid #465789;border-radius:18px;background:linear-gradient(145deg,#21305b,#17244a);color:#f2f4ff;font-size:1.22rem;box-shadow:0 7px 18px #0004}.touch-controls button:active{background:#6854d8;transform:scale(.96)}.touch-controls [data-direction="up"]{grid-column:2}.touch-controls [data-direction="left"]{grid-column:1;grid-row:2}.touch-controls [data-direction="down"]{grid-column:2;grid-row:2}.touch-controls [data-direction="right"]{grid-column:3;grid-row:2}.game-links{width:min(100%,620px);display:flex;align-items:center;justify-content:center;gap:12px;margin-top:7px;color:#6e7a9f;font-size:.62rem}.game-links a{color:#9eabd0}.game-links button{min-height:30px;padding:5px 9px;border:1px solid #394a77;border-radius:9px;background:#101a38;color:#aeb9d8;font-size:.62rem}.game-links button:hover,.game-links button:focus-visible{color:#fff;border-color:var(--pink)}
.score-screen{flex-direction:column;align-items:center}.section-heading{max-width:600px;text-align:center;margin:20px 0}.section-heading h2{margin-bottom:8px;font-size:clamp(2rem,8vw,3.4rem)}.section-heading>p:last-child{color:var(--muted)}.cash-event-card{width:min(100%,590px);margin-bottom:14px;padding:15px 16px;border:1px solid #ffe46b70;border-radius:19px;background:linear-gradient(135deg,#332540e8,#133a3ce8);box-shadow:0 14px 45px #ffd84d14}.cash-event-top,.cash-event-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.cash-event-top span{color:#fff2ad;font-size:.76rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.cash-event-top strong{color:var(--yellow);font-size:clamp(1.6rem,7vw,2.2rem);letter-spacing:-.04em}.cash-progress{height:7px;margin:10px 0 8px;overflow:hidden;border-radius:99px;background:#071027aa}.cash-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--yellow),var(--pink));transition:width .4s ease}.cash-event-meta{color:#dbe2f5;font-size:.68rem;font-weight:900}.cash-event-card p{margin:9px 0 0;color:#a4aecb;font-size:.62rem;line-height:1.4}.score-card{width:min(100%,590px);padding:11px;border:1px solid #31416d;border-radius:22px;background:#0e1935db}.score-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border-radius:13px;background:#071027}.score-tabs button{border:0;border-radius:10px;padding:10px 5px;background:transparent;color:var(--muted);font-size:.72rem;font-weight:900}.score-tabs button.active{background:#21305d;color:#fff}.score-list{list-style:none;padding:4px 0 0;margin:0}.score-list li{min-height:58px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #24335b}.score-list li:last-child{border:0}.rank{color:var(--muted);font-weight:950}.score-list li:nth-child(1) .rank{color:var(--yellow)}.score-list li:nth-child(2) .rank{color:#e4e9ff}.score-list li:nth-child(3) .rank{color:#ee9a62}.score-name{overflow:hidden;text-overflow:ellipsis;font-weight:850}.score-meta{display:block;color:var(--muted);font-size:.65rem;font-weight:500}.score-values{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}.score-points{color:var(--yellow);font-weight:950}.score-cash{color:#72f3ba;font-size:.68rem;font-weight:950}.score-empty{display:block!important;padding:28px!important;text-align:center;color:var(--muted)}.score-play{width:min(100%,330px);margin:17px 0 12px}
dialog{width:min(calc(100% - 32px),430px);padding:0;border:1px solid #40517f;border-radius:24px;color:var(--text);background:#101a38;box-shadow:0 25px 90px #000c}dialog::backdrop{background:#030814dc;backdrop-filter:blur(7px)}dialog form{display:flex;flex-direction:column;padding:28px}.dialog-close{align-self:end;width:36px;aspect-ratio:1;margin:-12px -12px 0 0;border:0;border-radius:50%;background:#24325c;font-size:1.5rem}.dialog-icon{font-size:2.5rem;margin-bottom:13px}dialog h2{margin-bottom:8px;font-size:1.75rem}dialog p:not(.eyebrow,.form-error){color:var(--muted);line-height:1.45;font-size:.86rem}dialog label{margin:8px 0 7px;font-size:.74rem;font-weight:900}dialog input{padding:14px;border:1px solid #435482;border-radius:13px;outline:none;color:#fff;background:#071027}dialog input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #53f1e51e}.form-error{min-height:18px;margin:5px 0;color:#ff8cbb;font-size:.72rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-height:720px){.topbar{height:54px}.screen{min-height:calc(100dvh - 54px)}.game-hud{min-height:39px}.power-hud{margin-bottom:4px}canvas{max-height:53dvh}.touch-controls{grid-template-columns:repeat(3,60px);grid-template-rows:repeat(2,50px);gap:10px;margin-top:8px}.touch-controls button{min-width:60px;min-height:50px}.game-links span{display:none}.tour-badge{margin-bottom:12px}.tour-route{margin-block:14px 10px}}
@media(min-width:740px) and (min-height:780px){.topbar,.screen{padding-inline:28px}.touch-controls{grid-template-columns:repeat(3,72px);grid-template-rows:repeat(2,60px);gap:14px}.touch-controls button{min-width:72px;min-height:60px}}
@media(orientation:landscape) and (max-height:560px){.game-screen{display:none}.game-screen.active{display:grid;height:calc(100dvh - 54px);min-height:0;padding:0 12px;overflow:hidden;grid-template-columns:minmax(280px,68vh) 190px;grid-template-rows:auto auto 1fr;justify-content:center;align-content:center;column-gap:18px}.game-hud,.power-hud{grid-column:2;width:190px}.canvas-wrap{grid-column:1;grid-row:1/4;width:min(100%,68vh)}canvas{max-height:86vh}.touch-controls{grid-column:2;align-self:start;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,48px);gap:8px}.touch-controls button{min-width:52px;min-height:48px}.game-links{grid-column:2;width:190px}}
@media(prefers-reduced-motion:reduce){.ambient{display:none}.event-toast{transition:none}*{animation:none!important}}
@media(prefers-reduced-motion:no-preference){@keyframes drift{to{transform:translate(9vw,7vh) scale(1.15)}}}