:root{--ink:#2a211c;--muted:#6e5f53;--paper:#fff;--card:#fbf3e4;--brown:#a0532a;--brown-lt:#c08552;--accent:#8b5e3c;--gold:#e3c07b;--gold2:#c9a05a;--line:#a0532a33;--danger:#a6381f;--safe-top:calc(var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px));--safe-bottom:calc(var(--tg-safe-area-inset-bottom,0px) + var(--tg-content-safe-area-inset-bottom,0px));--ease:cubic-bezier(.23, 1, .32, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--card);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:manipulation;font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.45}h1,h2,h3{letter-spacing:-.02em;margin:0;font-family:Unbounded,sans-serif;font-weight:700;line-height:1.1}img.px,.px{image-rendering:pixelated}button{font-family:inherit}.app{position:fixed;inset:0}.stage-canvas{position:absolute;inset:0}.stage-canvas canvas{image-rendering:pixelated;display:block}.overlay{pointer-events:none;position:absolute;inset:0}.overlay>*{pointer-events:auto}.btn{cursor:pointer;min-height:54px;color:var(--ink);background:linear-gradient(180deg, var(--gold), var(--gold2));transition:transform .12s var(--ease), box-shadow .12s var(--ease), filter .12s;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:16px;font-weight:800;display:inline-flex;box-shadow:0 4px #9c7a3c,0 10px 22px -10px #2a211c73}.btn:active{transform:translateY(3px);box-shadow:0 1px #9c7a3c,0 6px 14px -10px #2a211c73}.btn:disabled{filter:grayscale(.6)opacity(.6);cursor:default}.btn.ghost{box-shadow:0 3px 0 var(--line), 0 8px 18px -12px #2a211c59;border:1px solid var(--line);background:#fff}.btn.block{width:100%}.btn:focus-visible{outline:3px solid var(--brown);outline-offset:2px}.sheet{left:12px;right:12px;bottom:calc(12px + var(--safe-bottom));border:2px solid var(--ink);box-shadow:0 6px 0 var(--ink), 0 24px 40px -18px #2a211c80;animation:sheetIn .32s var(--ease) both;background:#fffdf8;border-radius:22px;padding:18px;position:absolute}.sheet.top{top:calc(64px + var(--safe-top));bottom:auto}.sheet.center{animation:popIn .3s var(--ease) both;top:50%;bottom:auto;transform:translateY(-50%)}@keyframes sheetIn{0%{opacity:0;transform:translateY(24px)}}@keyframes popIn{0%{opacity:0;transform:translateY(-50%)scale(.94)}}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--brown);margin-bottom:8px;font-size:12px;font-weight:800}.muted{color:var(--muted)}.row{align-items:center;gap:10px;display:flex}.stack{gap:10px;display:grid}.hud{left:0;right:0;top:calc(8px + var(--safe-top));pointer-events:none;justify-content:space-between;align-items:center;padding:0 12px;display:flex;position:absolute}.hud>*{pointer-events:auto}.pill{border:2px solid var(--ink);height:40px;box-shadow:0 3px 0 var(--ink);font-variant-numeric:tabular-nums;background:#fffdf8;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 8px;font-family:Unbounded,sans-serif;font-size:15px;font-weight:700;display:inline-flex}.pill img{width:26px;height:26px}.pill.bump{animation:bump .35s var(--ease)}@keyframes bump{40%{transform:scale(1.15)}}.dots{gap:6px;display:flex}.dot{border:2px solid var(--ink);background:#fffdf8;border-radius:3px;width:12px;height:12px}.dot.on{background:var(--gold)}.icon-btn{border:2px solid var(--ink);width:40px;height:40px;box-shadow:0 3px 0 var(--ink);cursor:pointer;background:#fffdf8;border-radius:12px;font-size:18px}.vibe-badge{left:50%;bottom:calc(6px + var(--safe-bottom));color:var(--muted);border:1px solid var(--line);white-space:nowrap;pointer-events:none;background:#fffdf8d9;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;transform:translate(-50%)}.talk{grid-template-columns:auto 1fr;align-items:end;gap:12px;display:grid}.portrait{border:2px solid var(--ink);background:var(--card);width:120px;height:120px;image-rendering:pixelated;background-repeat:no-repeat;border-radius:16px;flex-shrink:0}.bubble{min-height:3.2em;font-size:16px;font-weight:600;line-height:1.45}.bubble .caret{background:var(--brown);vertical-align:-2px;width:8px;height:1em;margin-left:2px;animation:.8s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.who{color:var(--brown);margin-bottom:4px;font-family:Unbounded,sans-serif;font-size:13px;font-weight:700}.tap-next{justify-content:flex-end;margin-top:12px;display:flex}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:13px;font-weight:700}.input{border:2px solid var(--line);height:50px;font:inherit;color:var(--ink);background:#fff;border-radius:12px;width:100%;padding:0 14px;font-size:16px}.input:focus{border-color:var(--brown);outline:none}.err{color:var(--danger);font-size:13px;font-weight:700}.phone{position:relative}.phone .input{font-variant-numeric:tabular-nums;letter-spacing:.02em;padding-left:46px;padding-right:40px}.phone-cc{color:var(--ink);pointer-events:none;font-weight:800;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.phone-mark{color:#3f7d3a;width:20px;height:20px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.phone.ok .input{border-color:#3f7d3a}.phone.bad .input{border-color:var(--danger)}.check{color:var(--muted);align-items:flex-start;gap:10px;font-size:13px;display:flex}.check input{width:22px;height:22px;accent-color:var(--brown);flex-shrink:0;margin:0}.check a{color:var(--brown)}.opt{text-align:left;border:2px solid var(--line);font:inherit;color:var(--ink);cursor:pointer;min-height:54px;transition:border-color .15s, background .15s, transform .12s var(--ease);background:#fff;border-radius:14px;padding:14px;font-size:15px;font-weight:600}.opt:active{transform:scale(.98)}.opt.ok{background:#f1f7ea;border-color:#5d8a3a}.opt.bad{border-color:var(--danger);background:#fbeeea;animation:.35s shake}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.hint{background:var(--card);border-radius:12px;padding:10px 12px;font-size:14px;font-weight:600}.toast{left:50%;top:calc(70px + var(--safe-top));background:var(--ink);color:#fffdf8;white-space:nowrap;animation:toastIn .25s var(--ease) both;pointer-events:none;border-radius:12px;padding:8px 14px;font-weight:800;position:absolute;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-8px)}}.go-btn{left:50%;bottom:calc(34px + var(--safe-bottom));position:absolute;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.loading{color:var(--muted);background:var(--card);place-content:center;justify-items:center;gap:12px;font-weight:800;display:grid;position:absolute;inset:0}.loading img{width:64px;height:64px;animation:1.2s steps(8,end) infinite spin}@keyframes spin{to{transform:rotateY(360deg)}}.small{font-size:12px}.talk-wrap{left:12px;right:12px;bottom:calc(12px + var(--safe-bottom));animation:sheetIn .32s var(--ease) both;flex-direction:column;align-items:flex-start;display:flex;position:absolute}.talk-wrap .portrait{box-sizing:content-box;border:3px solid var(--ink);width:160px;height:160px;box-shadow:0 4px 0 var(--ink);z-index:2;background-color:#f6e6c9;border-radius:20px;margin:0 0 -10px 12px;position:relative}.talk-wrap .talk-sheet{width:100%;padding-top:22px;animation:none;position:relative;bottom:auto;left:auto;right:auto}.talk-body{grid-template-columns:auto 1fr;align-items:start;gap:12px;display:grid}.talk-body:not(:has(img)){grid-template-columns:1fr}.lesson-icon{width:56px;height:56px}.tap-next{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.chars{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.char{border:2px solid var(--line);cursor:pointer;height:112px;transition:transform .12s var(--ease), border-color .15s;background:#fff;border-radius:16px;place-items:center;display:grid}.char.on{border-color:var(--brown);box-shadow:0 3px 0 var(--brown);background:#fff6e6}.char:active{transform:scale(.96)}.char-sprite{width:60px;height:96px;image-rendering:pixelated;background-position:0 0;background-repeat:no-repeat;background-size:240px 96px;display:block}.char-sprite.big{background-size:360px 144px;flex-shrink:0;width:90px;height:144px}.final-scroll{-webkit-overflow-scrolling:touch;padding:calc(20px + var(--safe-top)) 14px calc(20px + var(--safe-bottom));background:#fbf3e4f0;position:absolute;inset:0;overflow-y:auto}.final{max-width:480px;animation:sheetIn .4s var(--ease) both;gap:14px;margin:0 auto;display:grid}.tokens-big{justify-content:center;align-items:center;gap:10px;font-family:Unbounded,sans-serif;font-size:44px;font-weight:700;display:flex}.tokens-big img{width:56px;height:56px}.tokens-big .muted{font-size:20px}.center-note{text-align:center;color:var(--accent);margin:0;font-weight:700}.passport,.offer{border:2px solid var(--ink);box-shadow:0 5px 0 var(--ink);background:#fffdf8;border-radius:20px;padding:16px}.passport{align-items:center;gap:14px;display:flex}.p-nick{word-break:break-word;margin-bottom:6px;font-family:Unbounded,sans-serif;font-size:20px;font-weight:700}.traits{margin:0 0 6px;padding-left:18px;font-size:14px;font-weight:700}.price-row{align-items:baseline;gap:12px;display:flex}.price-row b{color:var(--brown);font-variant-numeric:tabular-nums;font-family:Unbounded,sans-serif;font-size:30px}.code{background:var(--card);text-align:center;letter-spacing:.02em;border-radius:12px;margin:12px 0;padding:10px 12px;font-weight:700}.code b{font-family:Unbounded,sans-serif}.ghost-card{box-shadow:0 5px 0 var(--gold2);border-color:var(--gold2)}.agent{max-height:calc(100% - 80px - var(--safe-top));overflow-y:auto}.prompt{margin:0;font-size:17px;font-weight:700;line-height:1.6}.slot{background:var(--card);border:2px dashed var(--line);min-width:42px;color:var(--muted);border-radius:8px;padding:0 8px;display:inline-block}.slot.cur{border-color:var(--brown);color:var(--brown);animation:bump 1s var(--ease) infinite}.slot.on{border:2px solid var(--gold2);color:var(--ink);background:#fff6e6}.fail{background:#fbeeea;border-radius:14px;grid-template-columns:56px 1fr;align-items:center;gap:12px;padding:12px;animation:.35s shake;display:grid}.fail img{width:56px;height:56px}.fail .btn{grid-column:1/-1}.chain{gap:8px;display:grid}.node{border:2px solid var(--line);opacity:.25;transition:opacity .3s var(--ease), transform .3s var(--ease), border-color .3s;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-weight:800;display:flex;transform:translate(-8px)}.node img{width:36px;height:36px}.node.on{opacity:1;border-color:var(--gold2);transform:none}.board{counter-reset:r;gap:6px;margin:0;padding:0;list-style:none;display:grid}.board li{background:var(--card);counter-increment:r;border-radius:10px;justify-content:space-between;padding:8px 12px;font-weight:700;display:flex}.board li span:before{content:counter(r) ". ";color:var(--brown)}