:root{color:#f9f4ff;background:#0a0414;--panel: rgba(16, 7, 30, .66);--panel-strong: rgba(22, 10, 42, .82);--edge: rgba(196, 140, 255, .36);--amber: #ffcf6b;--violet: #c48cff;--rose: #ff5c9b;--mint: #34f7a4;font-family:Trebuchet MS,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.game{position:relative;width:100%;height:100%;background:#0a0414}.game:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:"";pointer-events:none;background:linear-gradient(#ffffff09 50%,#00000012 50%),radial-gradient(circle at 50% 48%,transparent 34%,rgba(10,3,18,.26) 100%);background-size:100% 4px,100% 100%;mix-blend-mode:screen;opacity:.42}.game:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:"";pointer-events:none;background:radial-gradient(circle at 50% 52%,transparent 52%,rgba(140,60,255,.14) 100%);animation:veil-breathe 9s ease-in-out infinite}@keyframes veil-breathe{0%,to{opacity:.5;filter:hue-rotate(0deg)}50%{opacity:1;filter:hue-rotate(70deg)}}.game canvas{display:block;width:100%;height:100%}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.hud__top{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.brand,.stats,.hint,.status{border:2px solid var(--edge);background:linear-gradient(135deg,rgba(196,140,255,.09),transparent 42%),var(--panel);box-shadow:inset 0 0 0 1px #ffffff0f,0 13px #00000024,0 18px 42px #00000057;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{min-width:198px;padding:12px 14px;border-radius:4px;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px))}.brand__eyebrow,.stat__label{color:#b3a0cc;font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase}.brand__title{margin-top:2px;background:linear-gradient(100deg,var(--amber),var(--rose) 46%,var(--violet));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:21px;font-weight:850;line-height:1;filter:drop-shadow(2px 2px 0 rgba(255,92,155,.28))}.stats{display:grid;grid-template-columns:repeat(6,minmax(66px,auto));gap:1px;overflow:hidden;border-radius:4px}.stat{min-width:76px;padding:10px 12px;background:#1209227a;transition:background .16s ease-out}.stat--wide{min-width:104px}.stat--hot{background:#3a1a0c9e}.stat--hot .stat__value{color:var(--amber);text-shadow:0 0 14px rgba(255,207,107,.6)}.stat--overheat{background:#480c22a8}.stat--overheat .stat__value,.stat--overheat .stat__label{color:#ff9ab5}.stat--overheat .meter__fill--strain{animation:overheat-throb .5s ease-in-out infinite}@keyframes overheat-throb{0%,to{opacity:1}50%{opacity:.35}}.stat__value{margin-top:2px;color:#fff8d5;font-size:19px;font-weight:800;line-height:1.1;text-shadow:1px 1px 0 rgba(196,140,255,.28)}.stat__value--small{font-size:16px}.meter{width:100%;height:6px;margin-top:7px;overflow:hidden;border-radius:2px;background:#ffffff1f}.meter__fill{width:100%;height:100%;transform-origin:left center;background:linear-gradient(90deg,var(--mint),var(--violet))}.meter__fill--strain{background:linear-gradient(90deg,#f6d365,var(--rose))}.meter__fill--rite{background:linear-gradient(90deg,var(--amber),var(--violet))}.meter__fill--chain{background:linear-gradient(90deg,var(--violet),var(--amber))}.hint{position:absolute;left:50%;bottom:22px;transform:translate(-50%);max-width:min(560px,calc(100% - 32px));padding:10px 14px;border-radius:4px;color:#e5d8f2;font-size:13px;line-height:1.35;text-align:center}.status{position:absolute;top:50%;left:50%;width:min(420px,calc(100% - 32px));padding:22px;transform:translate(-50%,-50%);border-radius:4px;text-align:center;pointer-events:auto;background:linear-gradient(135deg,rgba(255,207,107,.13),transparent 38%),var(--panel-strong)}.status[hidden]{display:none}.status__title{background:linear-gradient(115deg,var(--amber),var(--rose) 48%,var(--violet));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(28px,6vw,54px);font-weight:900;line-height:.95;filter:drop-shadow(3px 3px 0 rgba(140,60,255,.34)) drop-shadow(0 0 18px rgba(255,92,155,.25))}.status__copy{margin:12px 0 18px;color:#d5c4e6;font-size:15px;line-height:1.45}.initials[hidden]{display:none}.initials__slots{display:flex;justify-content:center;gap:14px;margin-bottom:16px}.initials__slot{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border:2px solid rgba(196,140,255,.22);border-radius:4px;background:#1209227a}.initials__slot--active{border-color:var(--amber);animation:initials-pulse 1.1s ease-in-out infinite;box-shadow:0 0 14px #ffcf6b47,inset 0 0 10px #ffcf6b1f}@keyframes initials-pulse{0%,to{box-shadow:0 0 14px #ffcf6b47,inset 0 0 10px #ffcf6b1f}50%{box-shadow:0 0 22px #ff5c9b6b,inset 0 0 14px #ffcf6b33}}.initials__char{min-width:52px;padding:2px 0;background:linear-gradient(115deg,var(--amber),var(--rose) 48%,var(--violet));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;font-size:38px;font-weight:900;line-height:1;text-align:center;filter:drop-shadow(2px 2px 0 rgba(140,60,255,.34))}.initials__step{min-width:44px;min-height:30px;padding:2px 10px;border:2px solid rgba(196,140,255,.36);border-radius:4px;color:#e5d8f2;background:#160a2ad1;cursor:pointer;font-size:13px;touch-action:manipulation}.initials__step:active{border-color:var(--amber);color:#fff0a8}.initials__step:focus,.initials__skip:focus{outline:2px solid rgba(255,207,107,.65);outline-offset:1px}.initials__actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:14px}.initials__skip{min-height:42px;padding:0 16px;border:2px solid rgba(196,140,255,.36);border-radius:4px;color:#d5c4e6;background:#160a2ad1;cursor:pointer;font-weight:700;touch-action:manipulation}.initials__skip:active{border-color:var(--rose);color:#ffd7e6}.status__button{min-width:148px;min-height:42px;border:2px solid #fff0b5;border-radius:4px;color:#120722;background:linear-gradient(180deg,#fff0a8,var(--amber));cursor:pointer;font-weight:850;box-shadow:0 5px #7a3aa8}.flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;opacity:0;pointer-events:none;transition:opacity .2s ease-out}.flash--on{opacity:1;transition:opacity 40ms ease-out}.flash--hurt{background:radial-gradient(circle at 50% 55%,transparent 34%,rgba(255,59,107,.42) 100%),#780c2829}.flash--tier{background:radial-gradient(circle at 50% 50%,rgba(196,140,255,.3),transparent 62%);mix-blend-mode:screen}.banner{position:absolute;left:50%;top:17%;z-index:3;opacity:0;transform:translate(-50%,-50%) scale(.86);pointer-events:none;font-size:clamp(26px,6vw,52px);font-weight:900;letter-spacing:.08em;text-transform:uppercase;transition:opacity .18s ease-out,transform .18s cubic-bezier(.2,1.4,.5,1)}.banner--on{opacity:1;transform:translate(-50%,-50%) scale(1)}.banner--depth{color:#8cf7ff;text-shadow:3px 3px 0 rgba(90,30,160,.6),0 0 26px rgba(140,247,255,.7)}.banner--tier{color:var(--amber);text-shadow:3px 3px 0 rgba(140,60,255,.55),0 0 26px rgba(255,207,107,.75)}.banner--death{color:var(--rose);text-shadow:3px 3px 0 rgba(60,6,30,.7),0 0 30px rgba(255,92,155,.7)}.stick{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;pointer-events:none;transition:opacity .14s ease-out}.stick--on{opacity:1}.stick__base,.stick__knob{position:absolute;left:0;top:0;border-radius:50%;margin-left:-34px;margin-top:-34px;width:68px;height:68px;border:2px solid rgba(196,140,255,.4);background:#160a2a47}.stick__knob{margin-left:-21px;margin-top:-21px;width:42px;height:42px;border-color:#ffcf6bcc;background:#ffcf6b38;box-shadow:0 0 18px #ffcf6b59}.board{margin:0 0 16px;padding:10px 12px;border:2px solid rgba(196,140,255,.22);border-radius:4px;background:#12092280;text-align:left}.board[hidden]{display:none}.board__title{margin-bottom:6px;color:#b3a0cc;font-size:11px;font-weight:700;text-align:center;text-transform:uppercase}.board__list{margin:0;padding:0;list-style:none}.board__row{display:grid;grid-template-columns:18px 1fr auto;gap:8px;padding:2px 0;color:#e5d8f2;font-size:14px;font-weight:700;letter-spacing:.06em}.board__rank{color:#8a7aa6}.board__score{color:var(--amber)}@media(max-width:720px){.hud__top{top:10px;left:10px;right:10px}.brand{min-width:0;padding:10px}.brand__title{font-size:16px}.stats{grid-template-columns:repeat(3,minmax(58px,1fr))}.stat{padding:6px 8px}.stat--wide{min-width:0}.stat__value{font-size:15px}.stat__label{font-size:9px}.stat .meter{height:4px;margin-top:4px}.stat:nth-child(n+4) .stat__value{font-size:11px}.hint{bottom:12px;font-size:12px}.banner{top:21%}.board__row{font-size:13px}}@media(prefers-reduced-motion:reduce){.game:after,.initials__slot--active,.stat--overheat .meter__fill--strain{animation:none}.banner,.flash,.stick{transition:none}}.game--calm:after{animation:none;opacity:.6}