@layer components{html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#141a22;height:100%;margin:0;overflow:hidden}canvas,img{-webkit-user-drag:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}.mw-root{--violet:#3b2a5c;--ember:#f2994a;--gold:#ffd27a;--cyan:#7fe3f0;--crimson:#b3263a;--moss:#6fae3c;--ink:#141a22;--parch:#e9dfc8;--ease:cubic-bezier(.22, 1, .36, 1);color:var(--parch);font-family:var(--font-body), system-ui, sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font-size:16px;line-height:1.4;position:fixed;inset:0;overflow:hidden}.mw-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.mw-boot{text-align:center;color:#e9dfc8;font-family:var(--font-body), system-ui, sans-serif;background:#141a22;place-content:center;gap:8px;display:grid;position:fixed;inset:0}.mw-boot-title,.mw-word{font-family:var(--font-display), serif;letter-spacing:.02em;color:var(--gold,#ffd27a);font-weight:800}.mw-boot-title{font-size:44px}.mw-panel{border:2px solid var(--gold);overflow-wrap:anywhere;background:#3b2a5ce0;border-radius:14px;max-width:100%;padding:clamp(18px,4vw,26px);box-shadow:0 10px 40px #00000073}.mw-h1,.mw-h2{font-family:var(--font-display), serif;color:var(--parch);letter-spacing:-.005em;margin:0;font-weight:800}.mw-h1{text-shadow:0 2px 0 var(--ink), 0 4px 18px #0009;font-size:clamp(34px,7vw,64px);line-height:1}.mw-h2{margin-bottom:12px;font-size:28px}.mw-word{margin:0 0 6px;font-size:clamp(22px,4vw,30px)}.mw-lede{color:var(--gold);text-shadow:0 2px 8px #000000b3;margin:12px 0 18px;font-weight:700}.mw-muted{color:color-mix(in oklch, var(--parch) 78%, var(--violet));margin:8px 0 0;font-size:.9rem}.mw-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.mw-btn,.mw-chip,.mw-iconbtn,.mw-swatch,.mw-tbtn{font:inherit;cursor:pointer;transition:background-color .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease)}.mw-btn{border:2px solid var(--gold);min-height:48px;color:var(--parch);white-space:nowrap;background:0 0;border-radius:12px;padding:10px 22px;font-weight:800}.mw-btn-main{background:var(--ember);color:var(--ink);border-color:var(--ember);padding-inline:34px;font-size:1.15rem}.mw-btn-small{min-height:40px;padding:6px 14px}@media (hover:hover){.mw-btn-main:hover{background:color-mix(in oklch, var(--ember) 86%, white);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mw-btn:not(.mw-btn-main):hover,.mw-chip:hover,.mw-iconbtn:hover{background:#ffd27a29;transform:translateY(-1px)}.mw-swatch:hover{transform:scale(1.1)}}.mw-btn:active,.mw-chip:active,.mw-iconbtn:active,.mw-tbtn:active{transform:scale(.98)}.mw-btn:focus-visible,.mw-chip:focus-visible,.mw-iconbtn:focus-visible,.mw-swatch:focus-visible,.mw-tbtn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.mw-loader{z-index:30;background:#141a22;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.mw-loader-box{text-align:center;justify-items:center;gap:10px;display:grid;position:relative}.mw-bar{background:#ffffff24;border-radius:6px;width:180px;height:6px;display:block;overflow:hidden}.mw-bar i{background:var(--ember);width:40%;height:100%;animation:mw-load 1.2s var(--ease) infinite;display:block}@keyframes mw-load{0%{transform:translate(-100%)}to{transform:translate(260%)}}.mw-title{z-index:10;padding:clamp(14px,4vw,48px);padding-top:calc(env(safe-area-inset-top) + 14px);background:linear-gradient(90deg,#141a22c7,#141a221a 70%);align-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.mw-title-img{object-fit:cover;opacity:.4;pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.mw-loader .mw-title-img{z-index:0}.mw-title-inner{grid-template-columns:minmax(0,1fr);align-items:center;gap:18px;width:100%;max-width:1100px;margin:0 auto;display:grid}@media (min-width:900px){.mw-title-inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.mw-title-copy{min-width:0}.mw-creator{background:#3b2a5cf0;max-width:440px}.mw-row{grid-template-columns:5.2rem minmax(0,1fr);align-items:center;gap:10px;margin-bottom:12px;display:grid}.mw-label{color:var(--gold);font-weight:800}.mw-seg{flex-wrap:wrap;gap:8px;display:flex}.mw-chip{min-height:44px;color:var(--parch);white-space:nowrap;background:0 0;border:2px solid #ffd27a59;border-radius:12px;padding:6px 16px;font-weight:700}.mw-chip[data-on=true]{background:var(--ember);border-color:var(--ember);color:var(--ink)}.mw-swatch{border:3px solid #e9dfc866;border-radius:50%;width:44px;height:44px;padding:0}.mw-swatch[data-on=true]{border-color:var(--parch);box-shadow:0 0 0 3px var(--ink), 0 0 0 5px var(--gold)}[data-phase=creator] .mw-title-copy .mw-lede{display:none}@media (max-width:899px){[data-phase=creator] .mw-title,[data-phase=title] .mw-title{align-items:end}.mw-title-copy{text-align:center}.mw-title-copy .mw-actions{justify-content:center}}.mw-hud{top:calc(env(safe-area-inset-top) + 10px);left:calc(env(safe-area-inset-left) + 10px);right:calc(env(safe-area-inset-right) + 10px);pointer-events:none;z-index:5;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px 12px;display:grid;position:fixed}.mw-hud>*{pointer-events:auto}.mw-counters{flex-direction:column;gap:4px;display:flex}.mw-count{border:2px solid var(--gold);white-space:nowrap;background:#3b2a5ce0;border-radius:14px;align-items:center;gap:8px;min-height:32px;padding:2px 12px 2px 8px;font-size:1.05rem;font-weight:800;display:inline-flex}.mw-num{font-variant-numeric:lining-nums tabular-nums;min-width:2ch;display:inline-block}.mw-pulse-num{animation:mw-pop .32s var(--ease)}@keyframes mw-pop{0%{color:var(--gold);transform:scale(1.35)}to{transform:scale(1)}}.mw-ico{flex:none;width:20px;height:20px}.mw-gold{color:var(--gold)}.mw-cyan{color:var(--cyan)}.mw-record{color:var(--gold);white-space:nowrap;text-shadow:0 1px 4px var(--ink);padding-left:6px;font-size:.78rem}.mw-record b{font-variant-numeric:lining-nums tabular-nums}.mw-bars{justify-self:center;gap:6px;width:100%;min-width:0;max-width:340px;display:grid}.mw-meter{background:#141a22d1;border:2px solid #ffd27ab3;border-radius:9px;flex:1;min-width:0;height:16px;position:relative;overflow:hidden}.mw-meter i{height:100%;transition:width .16s linear;display:block}.mw-hp i{background:var(--crimson)}.mw-hp i[data-low=true]{animation:.7s ease-in-out infinite mw-low}@keyframes mw-low{50%{background:#e0485c}}.mw-hp span{font-variant-numeric:lining-nums tabular-nums;text-shadow:0 1px 2px var(--ink);place-items:center;font-size:.7rem;font-weight:800;display:grid;position:absolute;inset:0}.mw-energy i{background:var(--cyan)}.mw-energy[data-flash=true]{animation:.26s linear mw-shakex}@keyframes mw-shakex{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.mw-powerrow{align-items:center;gap:8px;min-width:0;display:flex}.mw-powericon{border:2px solid var(--cyan);width:28px;height:28px;color:var(--cyan);background:#3b2a5ce6;border-radius:50%;flex:none;place-items:center;display:grid}.mw-powericon svg{width:16px;height:16px}.mw-powername{white-space:nowrap;text-shadow:0 1px 4px var(--ink);color:var(--cyan);font-size:.75rem;font-weight:800}.mw-topright{gap:6px;display:flex}.mw-iconbtn{border:2px solid var(--gold);width:44px;height:44px;color:var(--parch);background:#3b2a5ce0;border-radius:12px;place-items:center;padding:0;display:grid}.mw-iconbtn svg{width:20px;height:20px}@media (max-width:560px){.mw-hud{grid-template-columns:auto 1fr}.mw-bars{grid-area:2/1/auto/-1;max-width:none}.mw-topright{justify-self:end}.mw-powername{display:none}}.mw-banner{z-index:6;border:2px solid var(--gold);font-family:var(--font-display), serif;text-align:center;pointer-events:none;max-width:calc(100% - 24px);animation:mw-banner 2.6s var(--ease) both;background:#3b2a5ceb;border-radius:14px;padding:8px 20px;font-size:1.5rem;font-weight:800;position:fixed;top:25%;left:50%;transform:translate(-50%)}@keyframes mw-banner{0%{opacity:0;transform:translate(-50%,-10px)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.mw-hurt{pointer-events:none;z-index:4;animation:.5s ease-out both mw-fade;position:fixed;inset:0;box-shadow:inset 0 0 120px 30px #b3263ab3}@keyframes mw-fade{0%{opacity:1}to{opacity:0}}.mw-invuln{pointer-events:none;z-index:4;position:fixed;inset:0;box-shadow:inset 0 0 60px 6px #7fe3f047}.mw-hints{bottom:calc(env(safe-area-inset-bottom) + 10px);white-space:nowrap;pointer-events:none;z-index:4;background:#141a22b3;border-radius:12px;margin:0;padding:6px 16px;font-size:.82rem;position:fixed;left:50%;transform:translate(-50%)}.mw-hints b{color:var(--gold)}@media (max-width:900px){.mw-hints{display:none}}.mw-touch{pointer-events:none;z-index:5;position:fixed;inset:0}.mw-touch>*{pointer-events:auto;position:absolute}.mw-stick{left:calc(env(safe-area-inset-left) + 18px);bottom:calc(env(safe-area-inset-bottom) + 24px);touch-action:none;background:#141a2261;border:2px solid #ffd27a73;border-radius:50%;place-items:center;width:132px;height:132px;display:grid}.mw-knob{border:2px solid var(--gold);pointer-events:none;background:#f2994acc;border-radius:50%;width:56px;height:56px}.mw-tbtn{border:3px solid var(--gold);color:var(--parch);touch-action:none;background:#3b2a5ccc;border-radius:50%;place-content:center;justify-items:center;gap:0;padding:0;display:grid}.mw-tbtn svg{width:26px;height:26px}.mw-tbtn span{font-size:.68rem;font-weight:800;line-height:1.1}.mw-t-hit{right:calc(env(safe-area-inset-right) + 16px);bottom:calc(env(safe-area-inset-bottom) + 28px);background:#b3263ad1}.mw-t-hit svg{width:34px;height:34px}.mw-t-steal{right:calc(env(safe-area-inset-right) + 116px);bottom:calc(env(safe-area-inset-bottom) + 24px)}.mw-t-power{right:calc(env(safe-area-inset-right) + 28px);bottom:calc(env(safe-area-inset-bottom) + 134px);border-color:var(--cyan)}.mw-t-swap{right:calc(env(safe-area-inset-right) + 38px);bottom:calc(env(safe-area-inset-bottom) + 204px);border-radius:14px;width:44px;height:44px}.mw-t-swap span{display:none}.mw-coach-pulse{animation:mw-ring 1.1s var(--ease) infinite}@keyframes mw-ring{0%{box-shadow:0 0 #ffd27ae6}to{box-shadow:0 0 0 16px #ffd27a00}}.mw-coach{left:50%;bottom:calc(env(safe-area-inset-bottom) + 56px);z-index:7;border:2px solid var(--gold);background:#3b2a5cf0;border-radius:14px;align-items:center;gap:12px;width:min(560px,100% - 24px);padding:10px 14px;display:flex;position:fixed;transform:translate(-50%)}.mw-coach p{flex:1;min-width:0;margin:0;font-weight:700}.mw-coach-step{color:var(--gold);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;font-weight:800}@media (max-width:900px),(pointer:coarse){.mw-coach{top:38%;bottom:auto}}.mw-overlay{z-index:20;padding:max(16px, env(safe-area-inset-top)) 16px 16px;background:#141a228c;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.mw-pause{width:100%;max-width:min(520px,100%);max-height:100%;overflow-y:auto}.mw-pause .mw-sound{margin-top:16px}.mw-about{color:color-mix(in oklch, var(--parch) 82%, var(--violet));margin:4px 0 0;font-size:.88rem}.mw-ko{text-align:center;min-width:min(360px,100%)}.mw-ko-title{font-family:var(--font-display), serif;color:var(--crimson);text-shadow:0 3px 0 var(--ink);animation:mw-pop .5s var(--ease);margin:0;font-size:clamp(64px,16vw,120px);font-weight:800;line-height:1}.mw-error{text-align:center;max-width:440px}.mw-debug{bottom:calc(env(safe-area-inset-bottom) + 4px);z-index:40;pointer-events:none;background:#0009;border-radius:6px;padding:3px 6px;font:12px/1.2 ui-monospace,monospace;position:fixed;left:4px}@media (prefers-reduced-motion:reduce){.mw-pulse-num,.mw-banner,.mw-coach-pulse,.mw-ko-title,.mw-hp i[data-low=true],.mw-energy[data-flash=true]{animation:none}.mw-btn,.mw-chip,.mw-iconbtn,.mw-swatch{transition:background-color .2s linear;transform:none!important}}}