:root{--clockwork-gold:#f4c95d;--clockwork-amber:#d8912b;--clockwork-cyan:#6ee7f9;--clockwork-violet:#c084fc;--clockwork-ink:#080b10;--clockwork-panel:#0d1118d1;--clockwork-panel-strong:#0a0d13f0;--clockwork-line:#f4c95d57;--clockwork-text:#fff7dd;--clockwork-muted:#c7d2fe;color:var(--clockwork-text);background:var(--clockwork-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#game-root{touch-action:none;width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 16% 20%,#6ee7f91f,#0000 30%),radial-gradient(circle at 86% 72%,#c084fc1f,#0000 30%),#080b10}button{font:inherit}.clockwork-root{isolation:isolate;background:#080b10;width:100%;min-height:620px;position:relative;overflow:hidden}.clockwork-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.clockwork-overlay{z-index:5;background:radial-gradient(circle at 28% 20%,#f4c95d1f,#0000 24%),radial-gradient(circle at 76% 30%,#6ee7f91f,#0000 26%),linear-gradient(90deg,#080b10e0,#080b106b);place-items:center;padding:clamp(14px,3vw,28px);display:grid;position:absolute;inset:0}.clockwork-menu__backdrop{pointer-events:none;position:absolute;inset:0}.clockwork-menu__backdrop span{aspect-ratio:1;border:2px solid #f4c95d1f;border-radius:50%;width:28vmin;animation:14s linear infinite clockwork-spin;position:absolute}.clockwork-menu__backdrop span:first-child{top:10%;left:5%}.clockwork-menu__backdrop span:nth-child(2){border-color:#6ee7f924;animation-duration:19s;animation-direction:reverse;top:16%;right:6%}.clockwork-menu__backdrop span:nth-child(3){border-color:#c084fc24;animation-duration:22s;bottom:9%;left:14%}.clockwork-menu__backdrop span:nth-child(4){width:18vmin;animation-duration:11s;bottom:7%;right:18%}.clockwork-menu__panel,.clockwork-dialog{border:1px solid var(--clockwork-line);background:linear-gradient(135deg, #f4c95d14, transparent 28%), linear-gradient(180deg, var(--clockwork-panel), var(--clockwork-panel-strong));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:8px;width:min(1040px,100%);max-height:min(92vh,860px);padding:clamp(18px,3vw,34px);overflow:auto;box-shadow:0 24px 80px #0000007a}.clockwork-menu__panel{grid-template-columns:minmax(280px,1fr) minmax(280px,.86fr);align-items:start;gap:18px 24px;display:grid}.clockwork-kicker,.clockwork-selected span,.clockwork-level span,.clockwork-hud span,.clockwork-result-moth small,.clockwork-skin small{color:var(--clockwork-muted);text-transform:uppercase;letter-spacing:0;font-size:.78rem;font-weight:800}.clockwork-menu h1,.clockwork-dialog h2{color:#fff8db;letter-spacing:0;text-shadow:0 0 30px #f4c95d38;max-width:9ch;margin:0;font-size:clamp(2.6rem,8vw,6.2rem);line-height:.9}.clockwork-dialog h2{max-width:100%;font-size:clamp(2rem,5vw,4.5rem)}.clockwork-tagline{color:#f8e7b8;grid-column:1;max-width:48rem;margin:6px 0 0;font-size:clamp(1rem,2vw,1.22rem);line-height:1.5}.clockwork-menu__stats,.clockwork-endcard__stats{grid-column:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.clockwork-menu__stats div,.clockwork-endcard__stats div,.clockwork-hud__cluster div{background:#03081094;border:1px solid #6ee7f933;border-radius:8px;min-width:0;padding:10px 12px}.clockwork-menu__stats strong,.clockwork-endcard__stats strong,.clockwork-hud strong{overflow-wrap:anywhere;color:#fff7dd;font-size:1.2rem;line-height:1.15;display:block}.clockwork-menu__actions,.clockwork-dialog__actions{flex-wrap:wrap;grid-column:1;gap:10px;display:flex}.clockwork-button{color:#fff8db;cursor:pointer;background:#0f172abd;border:1px solid #f4c95d6b;border-radius:8px;min-height:46px;padding:0 16px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.clockwork-button:hover,.clockwork-button:focus-visible{border-color:#6ee7f9c7;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #6ee7f92e}.clockwork-button--primary{color:#111827;background:linear-gradient(135deg, var(--clockwork-gold), #6ee7f9);border-color:#0000;font-weight:900}.clockwork-selected,.clockwork-level{background:#0c0a1894;border:1px solid #c084fc3d;border-radius:8px;grid-column:2;padding:12px}.clockwork-selected strong{margin-top:2px;font-size:1.24rem;display:block}.clockwork-selected em{color:#f8e7b8;margin-top:2px;font-style:normal;display:block}.clockwork-level div{background:#94a3b838;border-radius:999px;height:10px;margin-top:8px;overflow:hidden}.clockwork-level i{border-radius:inherit;background:linear-gradient(90deg, var(--clockwork-gold), var(--clockwork-cyan), var(--clockwork-violet));height:100%;display:block}.clockwork-skins{grid-column:2;gap:8px;display:grid}.clockwork-skin{min-height:70px;color:var(--clockwork-text);text-align:left;cursor:pointer;background:#03081080;border:1px solid #f4c95d38;border-radius:8px;grid-template-columns:58px 1fr;align-items:center;gap:10px;padding:8px;display:grid}.clockwork-skin strong,.clockwork-skin small{display:block}.clockwork-skin.is-selected{background:#0e749033;border-color:#6ee7f9d9}.clockwork-skin.is-locked{cursor:not-allowed;filter:grayscale(.45);opacity:.72}.clockwork-skin.is-denied{animation:.24s clockwork-denied}.clockwork-skin__preview,.clockwork-result-moth>span{width:54px;height:42px;display:block;position:relative}.clockwork-skin__preview i,.clockwork-skin__preview b,.clockwork-skin__preview em,.clockwork-result-moth i,.clockwork-result-moth b,.clockwork-result-moth em{background:var(--skin-primary);box-shadow:0 0 18px var(--skin-glow);display:block;position:absolute}.clockwork-skin__preview i,.clockwork-result-moth i{border-radius:999px;inset:13px 18px 8px}.clockwork-skin__preview b,.clockwork-result-moth b{opacity:.7;border-radius:50% 50% 16px 16px;height:10px;top:8px;left:0;right:0}.clockwork-skin__preview em,.clockwork-result-moth em{background:var(--skin-glow);border-radius:999px;width:8px;height:42px;top:0;left:23px}.clockwork-dialog{width:min(940px,100%)}.clockwork-dialog--compact{width:min(520px,100%)}.clockwork-copy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.clockwork-copy-grid p,.clockwork-dialog>p,.clockwork-unlocks,.clockwork-leaderboard{color:#f8e7b8;background:#03081085;border:1px solid #6ee7f92e;border-radius:8px;margin:0;padding:12px;line-height:1.45}.clockwork-dialog>p{margin:12px 0 18px}.clockwork-hud{z-index:3;pointer-events:none;opacity:0;transition:opacity .18s;position:absolute;inset:0}.clockwork-hud.is-live{opacity:1}.clockwork-hud__cluster{gap:8px;max-width:calc(100% - 24px);display:flex;position:absolute;top:12px;left:12px}.clockwork-hud__cluster--right{left:auto;right:12px}.clockwork-hud__cluster div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:86px;padding:8px 10px}.clockwork-hud__message{color:#fff8db;text-align:center;text-shadow:0 0 28px #f4c95d80;min-width:0;font-size:clamp(2rem,8vw,5rem);font-weight:900;position:absolute;top:18%;left:50%;transform:translate(-50%)}.clockwork-hud__message:empty{display:none}.clockwork-hud__powers{color:#dffbff;text-shadow:0 1px 8px #000;max-width:min(520px,100% - 180px);font-size:.9rem;font-weight:800;position:absolute;bottom:14px;left:12px}.clockwork-touch{z-index:4;grid-template-columns:auto auto;align-items:end;gap:10px;display:none;position:absolute;inset:auto 12px 12px auto}.clockwork-touch__pause,.clockwork-touch__ability,.clockwork-mute{color:#fff8db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030810ad;border:1px solid #6ee7f96b;border-radius:8px}.clockwork-touch__ability{background:radial-gradient(circle,#f4c95dd9,#c084fc7a);border-radius:50%;width:92px;height:92px;font-weight:900}.clockwork-mute{z-index:6;cursor:pointer;min-height:36px;padding:0 12px;position:absolute;top:12px;right:12px}.clockwork-endcard{width:min(880px,100%)}.clockwork-endcard__stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0 10px}.clockwork-result-moth{background:#0c0a1885;border:1px solid #c084fc42;border-radius:8px;align-items:center;gap:12px;margin:12px 0;padding:10px;display:flex}.clockwork-result-moth strong,.clockwork-result-moth small{display:block}.clockwork-unlocks,.clockwork-leaderboard{margin-top:10px}.clockwork-leaderboard ol{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.clockwork-leaderboard li{border-top:1px solid #ffffff14;justify-content:space-between;gap:12px;padding-top:6px;display:flex}@media (hover:none),(pointer:coarse){.clockwork-touch{display:grid}.clockwork-mute{inset:auto auto 88px 12px}}@media (width<=760px){.clockwork-root{min-height:560px}.clockwork-overlay{align-items:start;overflow:auto}.clockwork-menu__panel{grid-template-columns:1fr}.clockwork-tagline,.clockwork-menu__stats,.clockwork-menu__actions,.clockwork-selected,.clockwork-level,.clockwork-skins{grid-column:1}.clockwork-menu h1{max-width:11ch;font-size:clamp(2.3rem,14vw,4.6rem)}.clockwork-copy-grid,.clockwork-endcard__stats{grid-template-columns:1fr}.clockwork-menu__stats{grid-template-columns:repeat(3,minmax(0,1fr))}.clockwork-hud__cluster{gap:6px;top:8px;left:8px}.clockwork-hud__cluster--right{top:92px;left:8px;right:auto}.clockwork-hud__cluster div{min-width:72px;padding:7px}.clockwork-hud strong{font-size:1rem}.clockwork-hud__powers{max-width:calc(100% - 24px);bottom:116px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}@keyframes clockwork-spin{to{transform:rotate(360deg)}}@keyframes clockwork-denied{30%{transform:translate(-5px)}60%{transform:translate(5px)}}