@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg-0: #09061a;--bg-1: #120d31;--panel-0: #1a1343;--panel-1: #23195c;--panel-2: #2e2390;--line: #4f38c8;--line-bright: #8a6dff;--accent-cyan: #33ebff;--accent-pink: #ff61d6;--accent-yellow: #ffd75f;--text: #f4f1ff;--muted: #a9b7ff;--danger: #ff6e9f}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%;font-family:"Press Start 2P",monospace;color:var(--text);background:radial-gradient(circle at 18% 12%,#1b1650 0,#1b165000 34%),radial-gradient(circle at 82% 24%,#3f1f6b55 0,#3f1f6b00 32%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-0) 100%)}body{min-width:320px}.app-shell{min-height:100dvh;display:grid;place-items:center;padding:16px}.screen{position:relative;width:min(100%,560px);border:4px solid var(--line);border-radius:14px;overflow:hidden;padding:16px;background:linear-gradient(180deg,#2d2390,#211765 34%,#150f44);box-shadow:0 0 0 2px #120d31,0 0 0 5px #3a2b8a,0 0 26px #4f7fff66}.screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,#fff0 0,#fff0 3px,#00000018 3px,#00000018 4px);pointer-events:none}.screen__header{position:relative;margin-bottom:14px;padding:10px;border:3px solid #392996;border-radius:8px;background:linear-gradient(180deg,#2c1d82,#1d1456);box-shadow:inset 0 0 0 2px #684cff66}.screen__title{margin:0;font-size:clamp(14px,3.5vw,20px);line-height:1.45;color:var(--accent-yellow);text-shadow:2px 2px 0 #140d3a}.screen__subtitle{margin:8px 0 0;color:var(--accent-cyan);font-size:10px;text-shadow:1px 1px 0 #140d3a}.screen__body{position:relative;display:grid;gap:12px}.title-screen{position:relative;display:grid;gap:12px;padding:4px 2px 2px;overflow:hidden}.title-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% -10%,#ff5fc622 0,#ff5fc600 55%),radial-gradient(circle at 20% 20%,#25f7ff22 0,#25f7ff00 48%),linear-gradient(180deg,#100820,#161447 45%,#120b2d);pointer-events:none}.title-screen__sparkles{position:absolute;inset:-2px 0 auto;height:76px;pointer-events:none}.title-screen__sparkle{position:absolute;width:6px;height:6px;border:1px solid #251a5f;background:#74ebff;box-shadow:0 0 0 1px #fff4;animation:sparkle 2.8s steps(2,end) infinite}.title-screen__sparkle:nth-child(1){top:4px;left:4%}.title-screen__sparkle:nth-child(2){top:18px;left:14%;width:4px;height:4px;background:#ff61d6}.title-screen__sparkle:nth-child(3){top:8px;left:25%;width:4px;height:4px}.title-screen__sparkle:nth-child(4){top:28px;left:37%;background:#ff61d6}.title-screen__sparkle:nth-child(5){top:12px;left:48%;width:4px;height:4px}.title-screen__sparkle:nth-child(6){top:20px;left:58%}.title-screen__sparkle:nth-child(7){top:6px;left:69%;width:4px;height:4px}.title-screen__sparkle:nth-child(8){top:26px;left:82%}.title-screen__sparkle:nth-child(9){top:38px;left:9%;background:#ffd75c}.title-screen__sparkle:nth-child(10){top:52px;left:21%;width:4px;height:4px}.title-screen__sparkle:nth-child(11){top:44px;left:33%;background:#74ebff}.title-screen__sparkle:nth-child(12){top:56px;left:43%}.title-screen__sparkle:nth-child(13){top:42px;left:56%}.title-screen__sparkle:nth-child(14){top:54px;left:66%;width:4px;height:4px}.title-screen__sparkle:nth-child(15){top:40px;left:78%;background:#ff61d6}.title-screen__sparkle:nth-child(16){top:50px;left:90%;width:4px;height:4px}.title-screen__sun{position:absolute;top:36px;left:50%;width:120px;height:64px;transform:translate(-50%);background:repeating-linear-gradient(180deg,#ff6ad5 0,#ff6ad5 5px,#ff9be8 5px,#ff9be8 8px);border:3px solid #2a1b65;box-shadow:0 0 0 2px #ff5fc677,0 0 20px #ff5fc677;clip-path:ellipse(50% 50% at 50% 50%);opacity:.9;pointer-events:none}.title-screen__horizon{position:absolute;left:-8%;right:-8%;bottom:8px;height:92px;background:repeating-linear-gradient(90deg,#30e6ff00 0,#30e6ff00 13px,#30e6ff80 13px,#30e6ff80 14px),repeating-linear-gradient(0deg,#30e6ff00 0,#30e6ff00 13px,#30e6ff55 13px,#30e6ff55 14px);border-top:2px solid #30e6ff;transform:perspective(130px) rotateX(62deg);transform-origin:bottom;opacity:.5;pointer-events:none}.title-screen__badge,.title-screen__banner,.title-screen__note,.title-screen .pixel-btn{position:relative;z-index:2}.title-screen__badge{justify-self:center;margin:2px 0 0;padding:6px 10px;border:3px solid #2d1d71;background:linear-gradient(180deg,#3b278f,#201154);color:#84e8ff;font-size:8px;letter-spacing:.12em;text-shadow:2px 2px 0 #120d31;box-shadow:0 0 8px #25f7ff55}.title-screen__banner{position:relative;margin-top:42px;border:4px solid #2a1b65;background:linear-gradient(180deg,#5d3ef2,#2d2cb5 22%,#1a2b7e 58%,#151954);box-shadow:inset 0 0 0 2px #8a7cff,inset 0 0 0 6px #23155d,0 8px #0f0c2f,0 0 18px #4f7fff55;padding:16px 12px 14px;text-align:center}.title-screen__banner:before,.title-screen__banner:after{content:"";position:absolute;top:12px;width:16px;height:26px;background:linear-gradient(180deg,#6f54ff,#2b2fa1);border:3px solid #2a1b65}.title-screen__banner:before{left:-18px;clip-path:polygon(0 0,100% 0,72% 50%,100% 100%,0 100%)}.title-screen__banner:after{right:-18px;clip-path:polygon(100% 0,0 0,28% 50%,0 100%,100% 100%)}.title-screen__title{margin:0;font-size:clamp(18px,7vw,26px);line-height:1.2;color:#ffd75f;text-shadow:3px 3px 0 #23155d,-1px -1px 0 #fff2b8,0 0 10px #ffd75f66}.title-screen__subtitle{margin:10px 0 0;color:#8bf0ff;font-size:clamp(10px,3vw,12px);letter-spacing:.18em;text-shadow:2px 2px 0 #23155d}.title-screen__note{margin:8px 0 0;text-align:center;color:#79f8f7;font-size:9px;line-height:1.8;text-shadow:1px 1px 0 #132a4e}.pixel-note{margin:0;font-size:10px;line-height:1.8;color:#8bf0ff;text-shadow:1px 1px 0 #150f44}.row{display:flex;gap:8px;flex-wrap:wrap}.pixel-btn{border:3px solid #22408d;background:linear-gradient(180deg,#40f2ff,#22b8ff 35%,#1765ff);color:#031a33;font-family:inherit;font-size:11px;padding:12px;border-radius:8px;cursor:pointer;text-shadow:1px 1px 0 #b8f6ff;box-shadow:inset 0 0 0 2px #a4f8ff,0 4px #1d3d7e,0 0 14px #30e6ff66}.pixel-btn:active{transform:translateY(1px)}.pixel-btn:disabled{opacity:.6;cursor:not-allowed}.pixel-btn--wide{width:100%}.pixel-btn--start{font-size:13px;padding-top:16px;padding-bottom:16px}.pixel-btn--ghost{border-color:#4d2f9f;background:linear-gradient(180deg,#4d2f9f,#2b1b66);color:#f5edff;text-shadow:1px 1px 0 #1d1048;box-shadow:inset 0 0 0 2px #845ce9,0 4px #1f124d,0 0 12px #9b71ff55}.title-screen .pixel-btn--ghost{justify-self:center;min-width:150px;white-space:nowrap}.blink{animation:blink 1.1s steps(2,jump-none) infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.45}}@keyframes sparkle{0%,39%{opacity:.9;transform:translateY(0)}40%,60%{opacity:.2;transform:translateY(1px)}61%,to{opacity:.9;transform:translateY(0)}}.story{margin:0;padding:14px;min-height:180px;white-space:pre-wrap;line-height:1.9;background:linear-gradient(180deg,#1a1346,#120d35);border-radius:8px;border:3px solid #4032a2;box-shadow:inset 0 0 0 2px #7f6cff33;color:#dbdcff;font-family:inherit;font-size:10px}.label{font-size:9px;color:#79f8f7;text-shadow:1px 1px 0 #150f44}.input{width:100%;border:3px solid #4032a2;background:linear-gradient(180deg,#1a1346,#140f39);color:#eff0ff;font-family:inherit;font-size:10px;border-radius:8px;padding:12px;box-shadow:inset 0 0 0 2px #7f6cff33}.input::placeholder{color:#93a2e8}.input--textarea{min-height:88px;resize:vertical}.error{color:var(--danger);margin:0;font-size:9px;line-height:1.7}.hero-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}.hero-card{text-align:left;border:3px solid #3d2d93;border-radius:8px;padding:10px;background:linear-gradient(180deg,#221a58,#171147);color:#ebebff;cursor:pointer;min-height:140px;box-shadow:inset 0 0 0 2px #755dff33}.hero-card--active{border-color:var(--accent-cyan);box-shadow:inset 0 0 0 2px #8bf8ff66,0 0 14px #33ebff66}.hero-card__emoji{display:block;font-size:24px;margin-bottom:8px}.hero-card__title{margin:0;font-size:10px;line-height:1.6;color:var(--accent-yellow)}.hero-card__description{margin:8px 0 0;font-size:8px;line-height:1.6;color:#bed0ff}.progress{position:relative;height:30px;border-radius:8px;border:3px solid #3e2f9f;background:#120d34;overflow:hidden;box-shadow:inset 0 0 0 2px #6f55ff33}.progress__fill{height:100%;background:repeating-linear-gradient(45deg,#26e8ff,#26e8ff 8px,#12b3ff 8px,#12b3ff 16px);box-shadow:inset 0 0 12px #8ff7ff88;transition:width .15s ease}.progress__label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:10px;color:#eef4ff;text-shadow:1px 1px 0 #1a1150}.power-btn{padding-top:20px;padding-bottom:20px}.event-box{border:3px dashed #41e9ff;border-radius:8px;padding:10px;font-size:9px;line-height:1.9;background:linear-gradient(180deg,#1a1346,#120d35);box-shadow:inset 0 0 0 2px #7f6cff33}.event-box p{margin:0}@media (max-width: 420px){.hero-grid{grid-template-columns:1fr}.screen{padding:12px}.title-screen__banner{margin-top:38px}}