@font-face{font-family:Eczar;font-style:normal;font-display:swap;font-weight:400;src:url(./eczar-latin-400-normal-C63xjtqz.woff2) format("woff2"),url(./eczar-latin-400-normal-CfcVUSf2.woff) format("woff")}@font-face{font-family:Eczar;font-style:normal;font-display:swap;font-weight:600;src:url(./eczar-latin-600-normal-Des9lSpT.woff2) format("woff2"),url(./eczar-latin-600-normal-C0WI1lXC.woff) format("woff")}@font-face{font-family:Eczar;font-style:normal;font-display:swap;font-weight:700;src:url(./eczar-latin-700-normal-BFY--h7D.woff2) format("woff2"),url(./eczar-latin-700-normal-CYZucReG.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(./dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(./dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(./dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff")}:root{--bg: #040c07;--bg-deep: #010603;--panel: rgba(6, 24, 13, .78);--panel-solid: rgba(4, 16, 9, .96);--line: rgba(128, 214, 154, .22);--line-strong: rgba(150, 232, 174, .45);--text: #e2f2e2;--text-dim: #97b9a2;--accent: #4fd276;--accent-bright: #9df0b4;--gold: #f0c76b;--danger: #e2705f;--blue: #8dc4f2;--font-display: "Eczar", Georgia, "Times New Roman", serif;--font-body: "DM Sans", system-ui, -apple-system, sans-serif;--shadow-screen: 0 0 120px rgba(64, 200, 110, .12);--radius: 18px;--ease: cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg-deep);color:var(--text);font-family:var(--font-body);overflow:hidden;-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0;overflow:hidden}.stage{position:absolute;inset:0}.screen{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;overflow-y:auto;background:radial-gradient(ellipse 70% 55% at 50% 38%,rgba(28,88,52,.35),transparent 70%),radial-gradient(ellipse 120% 90% at 50% 120%,rgba(8,34,20,.9),transparent 70%),linear-gradient(180deg,#03110a,#020a06 55%,#010604);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .45s var(--ease),transform .45s var(--ease),visibility .45s}.screen[data-active=true]{opacity:1;visibility:visible;transform:translateY(0)}.screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 90% 70% at 50% 45%,transparent 55%,rgba(0,0,0,.55) 100%)}.screen>*{position:relative;z-index:1}.motes{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.motes span{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 10px #9df0b4cc;opacity:0;animation:mote-rise var(--dur) linear infinite;animation-delay:var(--delay);left:var(--x);top:var(--y)}@keyframes mote-rise{0%{opacity:0;transform:translateY(8px) scale(.6)}20%{opacity:.7}to{opacity:0;transform:translate(var(--drift),-90px) scale(1.1)}}.eyebrow{font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--text-dim);margin:0 0 14px}.display{font-family:var(--font-display);font-weight:700;line-height:1.02;letter-spacing:-.01em;margin:0;text-align:center;color:var(--text);text-shadow:0 0 48px rgba(110,235,150,.28),0 6px 30px rgba(0,0,0,.7)}.display--xl{font-size:clamp(42px,8.2vw,88px)}.display--lg{font-size:clamp(30px,4.6vw,54px)}.display--md{font-size:clamp(24px,3.4vw,38px)}.lede{max-width:620px;margin:20px auto 0;font-size:clamp(14px,1.5vw,17px);line-height:1.85;color:var(--text-dim);text-align:center}.rule{width:132px;height:1px;margin:22px auto;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}.title-shell{display:flex;flex-direction:column;align-items:center;max-width:1040px;width:100%}.emblem{position:relative;width:132px;height:132px;margin-bottom:26px;display:grid;place-items:center;animation:emblem-float 7s ease-in-out infinite}.emblem svg{width:100%;height:100%;overflow:visible}.emblem:before{content:"";position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,rgba(90,226,130,.28),transparent 65%);filter:blur(6px)}@keyframes emblem-float{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-10px) rotate(1.5deg)}}.title-word{font-family:var(--font-display);font-size:clamp(40px,7.4vw,84px);line-height:1;margin:0;text-align:center;background:linear-gradient(100deg,#b9e7c4 5%,#f4ffe8 40%,#d7f7c9 55%,#8fd8a8 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 34px rgba(96,226,138,.3))}.title-sub{font-family:var(--font-display);font-size:clamp(20px,3vw,34px);letter-spacing:.02em;color:var(--accent-bright);margin:6px 0 0;opacity:.92}.title-block{display:flex;flex-direction:column;align-items:center}.title-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:34px}.btn{font-family:var(--font-body);font-size:15px;font-weight:700;letter-spacing:.03em;padding:15px 34px;border-radius:999px;border:1px solid transparent;cursor:pointer;color:#04180c;background:linear-gradient(135deg,var(--accent-bright),var(--accent));box-shadow:0 10px 34px #40ce6e47,inset 0 1px #ffffff59;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease)}.btn:hover{transform:translateY(-3px);box-shadow:0 16px 44px #40ce6e66}.btn:active{transform:translateY(-1px) scale(.99)}.btn:focus-visible{outline:2px dashed var(--accent-bright);outline-offset:5px}.btn--ghost{color:var(--text);background:#091e12b3;border-color:var(--line-strong);box-shadow:inset 0 0 24px #78e29a0f}.btn--ghost:hover{background:#10301ce6;box-shadow:0 12px 34px #0006}.btn--gold{color:#2a1c02;background:linear-gradient(135deg,#ffe6a8,var(--gold));box-shadow:0 10px 34px #f0c76b47,inset 0 1px #fff6}.btn--gold:hover{box-shadow:0 16px 44px #f0c76b66}.btn--small{font-size:13px;padding:10px 22px}.phase-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;width:min(100%,940px);margin:26px 0 8px}.phase-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px 18px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(165deg,#0d2c1ab3,#041009d9);cursor:pointer;transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease)}.phase-card:hover{transform:translateY(-6px);border-color:var(--line-strong);background:linear-gradient(165deg,#143e24d9,#06160ce6);box-shadow:0 18px 44px #00000073,0 0 40px #50dc7a1f}.phase-card:focus-visible{outline:2px dashed var(--accent-bright);outline-offset:4px}.phase-card__index{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--text-dim)}.phase-card__art{width:46px;height:46px}.phase-card__art svg{width:100%;height:100%}.phase-card__name{font-family:var(--font-display);font-size:16px;color:var(--text);text-align:center}.phase-card__element{font-size:11px;letter-spacing:.12em;color:var(--accent-bright);background:#3cb46424;border:1px solid rgba(120,220,150,.22);border-radius:999px;padding:4px 10px}.panel{width:min(100%,760px);padding:clamp(24px,4vw,42px);border-radius:28px;border:1px solid var(--line);background:linear-gradient(160deg,#081e12db,#030e08e6);box-shadow:0 24px 70px #00000080,inset 0 1px #a0f0b414;backdrop-filter:blur(6px)}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.badge{display:inline-flex;align-items:baseline;gap:10px;padding:10px 18px;border-radius:14px;border:1px solid rgba(140,200,240,.3);background:linear-gradient(150deg,#1e426099,#0a1c2c99)}.badge__atomic{font-size:12px;color:var(--blue);opacity:.85}.badge__symbol{font-family:var(--font-display);font-size:26px;color:var(--blue);line-height:1}.badge__element{font-size:12px;color:var(--blue);opacity:.9}.lore-copy p,.prose p{margin:0 0 16px;font-size:clamp(15px,1.4vw,16.5px);line-height:1.9;color:#cfe6d4;text-align:left}.lore-copy p:last-child,.prose p:last-child{margin-bottom:0}.curiosity{margin-top:24px;padding:18px 20px;border-left:2px solid rgba(240,199,107,.6);border-radius:0 14px 14px 0;background:#f0c76b12}.curiosity__label{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin:0 0 8px}.curiosity p{margin:0;font-size:14px;line-height:1.8;color:#e5dcc4}.panel__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}.quiz-options{display:grid;gap:10px;margin-top:22px}.quiz-option{font-family:var(--font-body);font-size:15px;font-weight:500;text-align:left;padding:14px 18px;border-radius:14px;border:1px solid var(--line);background:#0b2215cc;color:var(--text);cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease)}.quiz-option:hover:not(:disabled){border-color:var(--line-strong);background:#143822e6;transform:translate(4px)}.quiz-option:disabled{cursor:default;opacity:.55}.quiz-option[data-state=correct]{border-color:#8ceca6cc;background:#205c34cc;opacity:1}.quiz-option[data-state=wrong]{border-color:#e2705fcc;background:#521e18b3;opacity:1}.quiz-feedback{margin-top:18px;padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:#091e12b3;font-size:14.5px;line-height:1.8;color:#d5ecda}.quiz-feedback[data-tone=ok]{border-color:#8ceca680}.quiz-feedback[data-tone=no]{border-color:#e2705f80}.quiz-note{margin:12px 0 0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.credits-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.credits-list li{padding:12px 16px;border-radius:12px;border:1px solid rgba(128,214,154,.14);background:#091e128c;font-size:15px;color:#dcefe0;text-align:center}.game-shell{position:absolute;inset:0}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hud{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none;z-index:4;opacity:0;transition:opacity .4s var(--ease)}.hud[data-active=true]{opacity:1}.hud__group{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:#030e08c7;backdrop-filter:blur(10px);font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--text)}.chip svg{width:15px;height:15px;color:var(--accent-bright)}.chip--lives svg{color:var(--danger)}.chip--goal{font-weight:500;color:var(--text-dim)}.hud__phase{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--text-dim);text-align:right;line-height:1.9}.toast{position:absolute;left:50%;bottom:13%;transform:translate(-50%,14px);padding:12px 22px;border-radius:999px;border:1px solid var(--line-strong);background:#04120aeb;font-size:13.5px;color:var(--accent-bright);opacity:0;pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease);z-index:5}.toast[data-show=true]{opacity:1;transform:translate(-50%)}.pad{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:none;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(3,56px);gap:8px;z-index:5}.pad button{display:grid;place-items:center;border-radius:16px;border:1px solid rgba(140,226,166,.4);background:#05160cbf;color:var(--accent-bright);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pad button:active{background:#5ad28259}.pad svg{width:20px;height:20px}.pad .pad-up{grid-area:1 / 2}.pad .pad-left{grid-area:2 / 1}.pad .pad-right{grid-area:2 / 3}.pad .pad-down{grid-area:3 / 2}@media (hover: none) and (pointer: coarse){.pad{display:grid}}@media (max-width: 860px){.phase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phase-card:last-child{grid-column:span 2}}@media (max-width: 600px){.screen{padding:26px 16px}.phase-grid{gap:10px}.phase-card{padding:16px 8px}.panel{border-radius:22px;padding:22px 18px}.title-actions,.title-actions .btn,.panel__actions .btn{width:100%}.hud{top:12px;left:12px;right:12px}.chip{padding:7px 12px;font-size:11.5px}.hud__phase{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.motes span{opacity:.25}}