:root{color:#f8f7ff;background:#09091a;font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#09091a}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 20% -10%,rgba(142,157,255,.28),transparent 36%),radial-gradient(circle at 100% 15%,rgba(255,125,186,.18),transparent 32%),#09091a}button{min-height:48px;border:0;border-radius:16px;font:inherit;font-weight:800;cursor:pointer}button:focus-visible{outline:3px solid #ffca57;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{width:min(100%,460px);min-height:100vh;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom))}.topbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.eyebrow{margin:0 0 5px;color:#9e9dc4;font-size:11px;font-weight:900;letter-spacing:.12em}h1{margin:0;font-size:clamp(24px,7vw,34px);line-height:1;letter-spacing:-.04em}.mode-badge{flex:none;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#bebddd;background:#ffffff0d;font-size:10px;font-weight:800;text-transform:uppercase}.topbar-controls{display:grid;justify-items:end;gap:6px}.audio-toggle{min-height:28px;padding:5px 9px;border:1px solid rgba(189,247,255,.22);border-radius:999px;color:#bdf7ff;background:#bdf7ff14;font-size:9px;letter-spacing:.08em}.audio-toggle[aria-pressed=true]{color:#aaa9d0;border-color:#aaa9d02e;background:#aaa9d00d}.warning-banner{margin:0 0 10px;padding:10px 12px;border:1px solid rgba(255,202,87,.25);border-radius:12px;color:#ffdc8c;background:#ffca5714;font-size:12px}.daily-rule-card{display:grid;grid-template-columns:minmax(112px,auto) 1fr;align-items:center;gap:14px;margin:0 0 10px;padding:10px 12px;border:1px solid rgba(255,202,87,.2);border-radius:15px;background:linear-gradient(110deg,#ffca571a,#8e9dff14)}.daily-rule-card div{display:grid;gap:2px}.daily-rule-card span{color:#8e9dff;font-size:8px;font-weight:900;letter-spacing:.12em}.daily-rule-card strong{color:#ffdc8c;font-size:12px}.daily-rule-card p{margin:0;color:#aaa9d0;font-size:10px;line-height:1.35}.game-card{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:26px;background:#101027f0;box-shadow:0 30px 80px #0006}.game-canvas{width:100%;aspect-ratio:2 / 3;touch-action:none}.boss-cinematic{position:relative;width:100%;aspect-ratio:2 / 3;overflow:hidden;isolation:isolate;background:#09091a}.boss-cinematic-art,.boss-cinematic-vignette,.boss-cinematic-scanline{position:absolute;inset:0;width:100%;height:100%}.boss-cinematic-art{z-index:-3;object-fit:cover;transform:scale(1.025);animation:cinematic-breathe 3.4s ease-in-out infinite alternate}.boss-cinematic-vignette{z-index:-2;background:linear-gradient(180deg,rgba(9,9,26,.34) 0%,transparent 27%,transparent 58%,rgba(9,9,26,.86) 100%),radial-gradient(circle at 50% 42%,transparent 28%,rgba(9,9,26,.38) 100%)}.boss-cinematic-scanline{z-index:-1;top:-105%;height:60%;opacity:0;background:linear-gradient(180deg,transparent,rgba(189,247,255,.2),transparent);transform:skewY(-8deg)}.boss-cinematic-copy{position:absolute;inset:22px 20px auto;text-shadow:0 2px 12px rgba(9,9,26,.96)}.boss-cinematic-eyebrow{margin:0 0 6px;color:#bdf7ff!important;font-size:9px!important;font-weight:900;letter-spacing:.16em}.boss-cinematic-copy h2{max-width:330px;margin:0;font-size:clamp(29px,8vw,40px);line-height:.95;letter-spacing:-.04em;text-transform:uppercase}.boss-cinematic-copy strong{display:block;margin-top:9px;color:#ffdc8c;font-size:10px;letter-spacing:.08em}.boss-cinematic-copy>p:not(.boss-cinematic-eyebrow){max-width:290px;margin:9px 0 0;color:#e7e6fb;font-size:11px;line-height:1.45}.boss-cinematic-copy>span{display:inline-block;margin-top:9px;padding:5px 8px;border:1px solid rgba(255,202,87,.26);border-radius:999px;color:#ffdc8c;background:#09091a9e;font-size:8px;font-weight:900;letter-spacing:.06em}.boss-cinematic-enter{position:absolute;right:20px;bottom:22px;left:20px;color:#17172d;background:linear-gradient(135deg,#ffca57,#ff8bd3);box-shadow:0 12px 38px #ff7dba4d}.boss-cinematic-skip{position:absolute;top:18px;right:16px;min-height:34px;padding:5px 10px;color:#d6d5ef;background:#09091a94;font-size:9px}.boss-cinematic-signal{position:absolute;right:0;bottom:28px;left:0;margin:0;color:#fff;font-size:11px;font-weight:900;letter-spacing:.24em;text-align:center;text-shadow:0 2px 12px #09091a;animation:cinematic-signal .52s ease-in-out infinite alternate}.boss-cinematic.is-playing .boss-cinematic-art{animation:cinematic-awaken 2.85s cubic-bezier(.18,.72,.2,1) forwards}.boss-cinematic.is-playing .boss-cinematic-scanline{animation:cinematic-scan 1.6s ease-in-out .16s forwards}.boss-cinematic.is-playing .boss-cinematic-copy{animation:cinematic-copy-out .52s ease-in 1.65s forwards}@keyframes cinematic-breathe{to{transform:scale(1.055) translateY(-3px)}}@keyframes cinematic-awaken{0%{filter:saturate(.65) brightness(.68);transform:scale(1.03)}28%{filter:saturate(1.2) brightness(1.12);transform:scale(1.09) translateY(5px)}70%{filter:saturate(1.06) brightness(.94);transform:scale(1.15) translateY(11px)}to{filter:saturate(1.22) brightness(1.18);transform:scale(1.24) translateY(18px)}}@keyframes cinematic-scan{0%{top:-65%;opacity:0}20%{opacity:.8}to{top:105%;opacity:0}}@keyframes cinematic-copy-out{to{opacity:0;transform:translateY(-12px)}}@keyframes cinematic-signal{to{opacity:.52}}.game-loading{display:grid;width:100%;aspect-ratio:2 / 3;place-content:center;color:#aaa9d0;font-size:13px}.session-error{display:grid;width:100%;aspect-ratio:2 / 3;place-content:center;justify-items:center;padding:28px;color:#f8f7ff;text-align:center}.session-error p{max-width:300px;margin:8px 0 18px;color:#aaa9d0;font-size:13px;line-height:1.5}.session-error button{padding:0 22px;color:#17172d;background:#ffca57}.game-canvas canvas{display:block;width:100%!important;height:100%!important}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.submission-banner{margin:10px 0 0;padding:10px 12px;border:1px solid rgba(142,157,255,.28);border-radius:12px;color:#c9ceff;background:#8e9dff17;font-size:12px;line-height:1.4}.submission-banner.success{border-color:#7ee39a4d;color:#a9f0bd;background:#7ee39a17}.submission-banner.error{border-color:#ff8f8f4d;color:#ffb5b5;background:#ff8f8f17}.stats div{min-width:0;padding:11px 9px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#ffffff0b}.stats span{display:block;margin-bottom:5px;color:#9291b7;font-size:10px;font-weight:800;text-transform:uppercase}.stats strong{font-size:clamp(15px,4.4vw,18px)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary-action{color:#17172d;background:#ffca57}.secondary-action{color:#f7f6ff;background:#29294e}.how-to-play{margin-top:12px;border:1px solid rgba(255,255,255,.07);border-radius:16px;color:#aaa9d0;background:#ffffff09;font-size:11px;line-height:1.45}.how-to-play summary{padding:12px 14px;color:#d6d5ef;font-weight:900;cursor:pointer}.how-to-play ol{display:grid;gap:6px;margin:0;padding:0 20px 12px 34px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 12px 12px}.role-grid span{padding:7px 8px;border-radius:9px;color:#9291b7;background:#8e9dff12;font-size:9px}.role-grid b{color:#f8f7ff}.leaderboard-card{margin-top:16px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#101027db}.leaderboard-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.leaderboard-heading .eyebrow{margin-bottom:3px}.leaderboard-heading h2{margin:0;font-size:18px;letter-spacing:-.02em}.leaderboard-loading{color:#aaa9d0;font-size:11px;font-weight:800}.leaderboard-empty,.current-player-rank{margin:14px 0 0;color:#aaa9d0;font-size:12px;line-height:1.5}.leaderboard-list{display:grid;gap:7px;margin:14px 0 0;padding:0;list-style:none}.leaderboard-list li{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:38px;padding:7px 10px;border-radius:12px;background:#ffffff0a;font-size:12px}.leaderboard-list li.current-player{color:#17172d;background:#ffca57}.leaderboard-rank{color:#8e9dff;font-weight:900}.current-player .leaderboard-rank{color:#4b3a08}.leaderboard-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-error{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:#ffb5b5;font-size:12px}.leaderboard-error button{min-height:36px;padding:0 14px;color:#f7f6ff;background:#49496f;font-size:11px}.build-note{margin:14px 0 0;color:#6f6e92;font-size:11px;line-height:1.5;text-align:center}.loading-shell,.fatal-error{display:grid;min-height:100vh;place-content:center;padding:30px;text-align:center}.loading-shell{gap:14px;color:#aaa9d0}.loading-orb{width:52px;height:52px;margin:0 auto;border-radius:50%;background:linear-gradient(135deg,#ffca57,#ff7dba,#8e9dff);box-shadow:0 0 40px #8e9dff66;animation:pulse 1.2s ease-in-out infinite alternate}.fatal-error p:not(.eyebrow){max-width:360px;color:#aaa9d0;line-height:1.6}.fatal-error button{margin-top:12px;color:#17172d;background:#ffca57}@keyframes pulse{to{transform:scale(1.08) rotate(8deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}