:root{--bg:#f1e7cf;--bg-deep:#e3d4ad;--ink:#2b2233;--ink-soft:#5a4b66;--paper:#fff7e0;--accent:#d8324a;--accent-2:#f4c531;--accent-3:#4a7ec9;--ok:#4f9b54;--shadow:rgba(43,34,51,.18);--pixel:4px;--radius:0px;--font-display:"Press Start 2P",monospace;--font-body:"VT323","Courier New",monospace}body[data-palette=gameboy]{--bg:#9bbc0f;--bg-deep:#8bac0f;--ink:#0f380f;--ink-soft:#306230;--paper:#cadc9f;--accent:#0f380f;--accent-2:#306230;--accent-3:#0f380f;--ok:#0f380f;--shadow:rgba(15,56,15,.35)}body[data-palette=crt]{--bg:#0a0e1a;--bg-deep:#050811;--ink:#39ff14;--ink-soft:#2bbd0f;--paper:#0e1525;--accent:#ff3864;--accent-2:#ffeb3b;--accent-3:#00d9ff;--ok:#39ff14;--shadow:rgba(57,255,20,.25)}body[data-palette=synth]{--bg:#2b1d4d;--bg-deep:#1a0f33;--ink:#ffeb3b;--ink-soft:#f7f;--paper:#3d2a6b;--accent:#ff3864;--accent-2:#00d9ff;--accent-3:#f7f;--ok:#00ffa3;--shadow:rgba(255,119,255,.3)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:22px;line-height:1.2;-webkit-font-smoothing:none;font-smooth:never}body,canvas,html,img,svg{image-rendering:pixelated}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;cursor:pointer}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 0,rgba(0,0,0,.04) 3px);z-index:9999;mix-blend-mode:multiply}body[data-palette=crt]:after{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.4) 0,rgba(0,0,0,.4) 3px);mix-blend-mode:normal}#__next,.app-root{min-height:100vh;align-items:flex-start;padding:72px 24px 32px;position:relative}#__next,.app-root,.screen-area{display:flex;justify-content:center}.screen-area{align-items:center;width:100%;min-height:calc(100vh - 104px)}.pixel-box{background:var(--paper);border:var(--pixel) solid var(--ink);box-shadow:var(--pixel) var(--pixel) 0 var(--ink),calc(var(--pixel) * 2) calc(var(--pixel) * 2) 0 var(--shadow);position:relative}.app-chrome{position:fixed;top:16px;left:16px;right:16px;justify-content:space-between;font-family:var(--font-display);font-size:10px;letter-spacing:.05em;color:var(--ink);z-index:50}.app-chrome,.app-chrome .left{display:flex;align-items:center}.app-chrome .left{gap:12px}.app-chrome .dot{width:12px;height:12px;background:var(--accent);display:inline-block}.app-chrome .dot.blink{animation:blink 1.2s steps(2) infinite}.app-chrome .version{font-size:8px;opacity:.4;letter-spacing:.08em}.app-chrome button{font-family:var(--font-display);font-size:10px;padding:6px 10px;background:var(--paper);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);letter-spacing:.05em}.app-chrome button:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}.app-chrome button:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}@keyframes blink{50%{opacity:0}}.welcome{text-align:center;display:flex;flex-direction:column;align-items:center;gap:28px;width:640px;max-width:100%}.welcome .title{font-family:var(--font-display);font-size:clamp(28px,5vw,52px);line-height:1.15;letter-spacing:.02em;color:var(--ink);text-shadow:4px 4px 0 var(--accent-2),8px 8px 0 var(--accent);margin-top:12px}.welcome .sub{font-size:28px;color:var(--ink-soft);max-width:540px;width:100%;text-wrap:balance}.welcome .press-start{font-family:var(--font-display);font-size:14px;padding:16px 28px;background:var(--accent);color:var(--paper);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);letter-spacing:.08em;animation:bob 2s ease-in-out infinite}.welcome .press-start:hover{transform:translate(2px,2px);box-shadow:4px 4px 0 var(--ink);animation:none}.welcome .press-start:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--ink)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.welcome .hint{font-family:var(--font-display);font-size:9px;color:var(--ink-soft);letter-spacing:.1em;animation:blink 1.6s steps(2) infinite}.mascot{width:128px;height:128px;margin-bottom:8px}.recording-stage{display:flex;flex-direction:column;align-items:center;gap:24px;width:720px;max-width:100%}.recording-stage h2{font-family:var(--font-display);font-size:18px;text-align:center;text-wrap:balance;line-height:1.5}.recording-stage .prompt-line{font-size:26px;color:var(--ink-soft);text-align:center;max-width:600px;text-wrap:balance}.mic-button{width:180px;height:180px;background:var(--accent);border:6px solid var(--ink);box-shadow:8px 8px 0 var(--ink);display:flex;align-items:center;justify-content:center;position:relative;transition:transform .05s,box-shadow .05s}.mic-button:hover{transform:translate(2px,2px);box-shadow:6px 6px 0 var(--ink)}.mic-button.active{background:var(--ok);animation:pulse .8s ease-in-out infinite}.mic-button:disabled{opacity:.5;cursor:not-allowed}@keyframes pulse{0%,to{box-shadow:8px 8px 0 var(--ink),0 0 0 0 var(--ok)}50%{box-shadow:8px 8px 0 var(--ink),0 0 0 24px transparent}}.mic-icon{width:80px;height:80px;color:var(--paper)}.waveform{display:flex;align-items:center;justify-content:center;gap:6px;height:60px}.waveform .bar{width:10px;background:var(--ink);transition:height .05s}.transcript-box{background:var(--paper);border:4px solid var(--ink);box-shadow:4px 4px 0 var(--shadow);padding:18px 22px;min-height:100px;width:100%;max-width:640px;font-size:26px;line-height:1.35;color:var(--ink)}.transcript-box .placeholder{color:var(--ink-soft);opacity:.7}.transcript-box .caret{display:inline-block;width:12px;height:22px;background:var(--ink);vertical-align:-2px;animation:blink 1s steps(2) infinite;margin-left:4px}.btn-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.btn{font-family:var(--font-display);font-size:11px;padding:12px 18px;background:var(--paper);border:4px solid var(--ink);box-shadow:4px 4px 0 var(--ink);letter-spacing:.06em;transition:transform .05s,box-shadow .05s}.btn:hover{transform:translate(1px,1px);box-shadow:3px 3px 0 var(--ink)}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.btn.primary{background:var(--accent);color:var(--paper)}.btn.ghost{background:transparent;box-shadow:none;border-color:var(--ink-soft);color:var(--ink-soft)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:4px 4px 0 var(--ink)!important}.summary-stage{display:flex;flex-direction:column;align-items:center;gap:22px;width:760px;max-width:100%}.summary-stage h2{font-family:var(--font-display);font-size:16px;text-align:center}.speaker{gap:16px;background:var(--paper);border:4px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:20px 24px;max-width:700px;width:100%}.speaker,.speaker .avatar{display:flex;align-items:center}.speaker .avatar{width:72px;height:72px;flex-shrink:0;background:var(--accent-3);border:3px solid var(--ink);justify-content:center}.speaker .bubble{font-size:22px;line-height:1.35;color:var(--ink);flex:1 1;min-width:0}.speaker .bubble .typing-char{opacity:0;animation:type-in .01s forwards}@keyframes type-in{to{opacity:1}}.speaker .eq{display:inline-flex;gap:3px;align-items:flex-end;height:24px;margin-left:8px;vertical-align:-4px}.speaker .eq span{width:4px;background:var(--accent);display:inline-block}.speaker.speaking .eq span{animation:eq .6s ease-in-out infinite}.speaker .eq span:first-child{animation-delay:0s}.speaker .eq span:nth-child(2){animation-delay:.15s}.speaker .eq span:nth-child(3){animation-delay:.3s}.speaker .eq span:nth-child(4){animation-delay:.45s}@keyframes eq{0%,to{height:4px}50%{height:22px}}.spec-list{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:32px;column-gap:32px;grid-row-gap:4px;row-gap:4px;width:100%;max-width:700px;font-size:22px}.spec-list .row{display:grid;grid-template-columns:auto 1fr;align-items:baseline;grid-gap:14px;gap:14px;border-bottom:2px dashed var(--ink-soft);padding:8px 4px;min-width:0}.spec-list .row .label{font-family:var(--font-display);font-size:10px;color:var(--ink-soft);letter-spacing:.05em}.spec-list .row .value{color:var(--ink);text-align:right;font-weight:700;min-width:0}.spec-list .row.wide{grid-column:span 2}.generating{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}.generating h2{font-family:var(--font-display);font-size:18px;letter-spacing:.05em}.generating .status{font-family:var(--font-display);font-size:10px;color:var(--ink-soft);letter-spacing:.08em;min-height:14px}.progress-track{width:360px;height:24px;background:var(--bg-deep);border:4px solid var(--ink);position:relative;overflow:hidden}.progress-fill{height:100%;background:repeating-linear-gradient(45deg,var(--accent) 0 8px,var(--accent-2) 8px 16px);transition:width .2s linear}.gen-grid{display:grid;grid-template-columns:repeat(8,16px);grid-template-rows:repeat(8,16px);grid-gap:2px;gap:2px}.gen-grid div{background:var(--ink);opacity:0;animation:pop 1.6s steps(1) infinite}@keyframes pop{0%,60%,to{opacity:0}30%{opacity:1}}.card-stage{display:flex;flex-direction:column;align-items:center;gap:24px}.card-flip{width:360px;height:504px;position:relative;opacity:1;transform:scale(1);transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .4s}.card-flip.entering{opacity:0;transform:scale(.4) rotate(-12deg)}.card-face{position:absolute;inset:0}.poke-card[data-type=fire]{--card-bg:linear-gradient(155deg,#f87171,#ef4444 45%,#dc2626);--card-inner-bg:#fff8f7;--card-accent:#991b1b;--art-bg:linear-gradient(180deg,#fbbf24,#f97316 55%,#dc2626)}.poke-card[data-type=water]{--card-bg:linear-gradient(155deg,#93c5fd,#3b82f6 45%,#1d4ed8);--card-inner-bg:#eff6ff;--card-accent:#1e40af;--art-bg:linear-gradient(180deg,#bae6fd,#60a5fa 55%,#2563eb)}.poke-card[data-type=grass]{--card-bg:linear-gradient(155deg,#86efac,#22c55e 45%,#15803d);--card-inner-bg:#f0fdf4;--card-accent:#166534;--art-bg:linear-gradient(180deg,#d1fae5,#4ade80 55%,#16a34a)}.poke-card[data-type=lightning]{--card-bg:linear-gradient(155deg,#fde047,#facc15 45%,#ca8a04);--card-inner-bg:#fefce8;--card-accent:#92400e;--art-bg:linear-gradient(180deg,#fef08a,#fde047 55%,#ca8a04)}.poke-card[data-type=psychic]{--card-bg:linear-gradient(155deg,#f0abfc,#d946ef 45%,#a21caf);--card-inner-bg:#fdf4ff;--card-accent:#6b21a8;--art-bg:linear-gradient(180deg,#f5d0fe,#e879f9 55%,#a21caf)}.poke-card[data-type=fighting]{--card-bg:linear-gradient(155deg,#fb923c,#f97316 45%,#c2410c);--card-inner-bg:#fff7ed;--card-accent:#7c2d12;--art-bg:linear-gradient(180deg,#fed7aa,#fb923c 55%,#c2410c)}.poke-card[data-type=darkness]{--card-bg:linear-gradient(155deg,#818cf8,#4f46e5 45%,#312e81);--card-inner-bg:#eef2ff;--card-accent:#1e1b4b;--art-bg:linear-gradient(180deg,#a5b4fc,#6366f1 55%,#312e81)}.poke-card[data-type=metal]{--card-bg:linear-gradient(155deg,#e2e8f0,#94a3b8 45%,#475569);--card-inner-bg:#f8fafc;--card-accent:#1e293b;--art-bg:linear-gradient(180deg,#f1f5f9,#cbd5e1 55%,#64748b)}.poke-card[data-type=dragon]{--card-bg:linear-gradient(155deg,#67e8f9,#06b6d4 45%,#0e7490);--card-inner-bg:#ecfeff;--card-accent:#0c4a6e;--art-bg:linear-gradient(180deg,#cffafe,#67e8f9 55%,#0891b2)}.poke-card[data-type=colorless]{--card-bg:linear-gradient(155deg,#e7e5e4,#a8a29e 45%,#57534e);--card-inner-bg:#fafaf9;--card-accent:#292524;--art-bg:linear-gradient(180deg,#f5f5f4,#d6d3d1 55%,#78716c)}.poke-card{--card-font:"Nunito",Arial,sans-serif;--card-bg:linear-gradient(155deg,#f4d35e,#e7b94a 45%,#c8962a);--card-inner-bg:#fefce8;--card-accent:#78350f;--art-bg:linear-gradient(180deg,#fef08a,#fde047 55%,#ca8a04);width:360px;height:504px;background:var(--card-bg);border-radius:16px;padding:10px;position:relative;font-family:var(--card-font);color:#1a1410;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 0 2px #f5d76e,0 0 0 5px #a07020,0 0 0 7px #f5d76e,12px 16px 32px rgba(0,0,0,.5)}.poke-card:after{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(125deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.18) 30%,rgba(180,220,255,.12) 50%,rgba(255,200,100,.15) 70%,hsla(0,0%,100%,0));pointer-events:none;opacity:0;transition:opacity .25s;z-index:10}.poke-card:hover:after{opacity:1}.poke-card img{image-rendering:auto}.poke-card .card-inner{flex:1 1;background:var(--card-inner-bg);border-radius:10px;border:1.5px solid hsla(0,0%,100%,.7);display:flex;flex-direction:column;padding:8px 10px;gap:5px;box-shadow:inset 0 1px 4px hsla(0,0%,100%,.9)}.poke-card .header{display:flex;justify-content:space-between;align-items:flex-start}.poke-card .stage-label{font-family:var(--card-font);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--card-accent);margin-bottom:1px;opacity:.75}.poke-card .name{font-family:var(--card-font);font-size:20px;font-weight:900;line-height:1;color:#1a1410;letter-spacing:-.02em}.poke-card .hp-block{display:flex;align-items:baseline;gap:3px;margin-top:2px}.poke-card .hp-label{font-size:10px;font-weight:700;letter-spacing:.06em}.poke-card .hp-label,.poke-card .hp-value{font-family:var(--card-font);color:#c0392b}.poke-card .hp-value{font-size:22px;font-weight:900;line-height:1}.poke-card .type-pill{width:26px;height:26px;border:2px solid rgba(0,0,0,.2);border-radius:50%;font-family:var(--card-font);font-size:10px;font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:inset 0 1px 3px hsla(0,0%,100%,.45),0 1px 4px rgba(0,0,0,.3);margin-left:4px}.poke-card .art-frame,.poke-card .type-pill{display:flex;align-items:center;justify-content:center}.poke-card .art-frame{background:var(--art-bg);border-radius:8px;border:2px solid hsla(0,0%,100%,.55);height:195px;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.1)}.poke-card .art-frame canvas{width:100%;height:100%;position:absolute;inset:0;image-rendering:pixelated}.poke-card .art-frame img.art-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:auto;opacity:0;filter:saturate(0) blur(10px) brightness(1.2);transition:opacity 1.2s ease-out,filter 2.6s cubic-bezier(.16,.7,.2,1);z-index:2}.poke-card .art-frame img.art-image.developed{opacity:1;filter:saturate(1) blur(0) brightness(1)}.poke-card .art-frame .develop-scan{position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(180deg,rgba(255,245,200,0),rgba(255,245,200,.85) 50%,rgba(255,245,200,0));pointer-events:none;mix-blend-mode:screen;animation:scan-down 2.4s ease-out forwards;z-index:6}@keyframes scan-down{0%{transform:translateY(-50%);opacity:0}10%{opacity:1}to{transform:translateY(400%);opacity:0}}.poke-card .meta{font-family:var(--card-font);font-size:9px;font-weight:600;color:var(--card-accent);letter-spacing:.03em;display:flex;justify-content:space-between;margin-top:-2px;padding-top:3px;border-top:1px solid rgba(0,0,0,.1);opacity:.85}.poke-card .attacks{flex:1 1;display:flex;flex-direction:column;gap:3px;padding-top:4px;border-top:1.5px solid rgba(0,0,0,.12)}.poke-card .attack{display:grid;grid-template-columns:auto 1fr auto;grid-gap:6px;gap:6px;align-items:center;padding:4px 2px;border-bottom:1px solid rgba(0,0,0,.07)}.poke-card .attack:last-child{border-bottom:none}.poke-card .attack .cost{display:flex;gap:3px;align-items:center}.poke-card .attack .energy{width:16px;height:16px;border:1.5px solid rgba(0,0,0,.2);border-radius:50%;background:#888;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.5),0 1px 2px rgba(0,0,0,.25)}.poke-card .attack .name-line{display:flex;flex-direction:column}.poke-card .attack .a-name{font-family:var(--card-font);font-size:12px;font-weight:800;color:#1a1410;line-height:1.1}.poke-card .attack .a-desc{font-family:var(--card-font);font-size:11px;font-weight:400;color:#3a2a1a;line-height:1.2;margin-top:1px}.poke-card .attack .damage{font-family:var(--card-font);font-size:20px;font-weight:900;color:#1a1410;letter-spacing:-.03em}.poke-card .footer{border-top:1.5px solid rgba(0,0,0,.12);padding-top:4px;display:flex;flex-direction:column;gap:2px}.poke-card .footer-row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:4px;gap:4px;font-family:var(--card-font);font-size:7px;font-weight:700;color:var(--card-accent);letter-spacing:.05em;text-align:center;text-transform:uppercase}.poke-card .footer-row .cell .lbl{display:block;margin-bottom:3px;opacity:.8}.poke-card .footer-row .cell .val{font-size:11px;font-weight:900;color:#1a1410}.poke-card .footer-row .cell .energy-row{display:inline-flex;gap:2px;justify-content:center}.poke-card .footer-row .cell .energy{width:12px;height:12px;border:1.5px solid rgba(0,0,0,.2);border-radius:50%;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.45)}.poke-card .flavor{font-family:var(--card-font);font-size:10px;font-style:italic;font-weight:400;line-height:1.3;color:#3a2a1a;padding:4px 6px;background:hsla(0,0%,100%,.4);border-radius:4px;border:1px solid rgba(0,0,0,.06)}.poke-card .card-foot{display:flex;justify-content:space-between;align-items:center;font-family:var(--card-font);font-size:8px;font-weight:600;color:var(--card-accent);padding:2px 2px 0;letter-spacing:.04em;opacity:.75}.t-fire{background:#ef4444}.t-water{background:#3b82f6}.t-grass{background:#22c55e}.t-lightning{background:#facc15}.t-psychic{background:#d946ef}.t-fighting{background:#f97316}.t-darkness{background:#4f46e5}.t-metal{background:#94a3b8}.t-dragon{background:#06b6d4}.t-colorless{background:#a8a29e}.gallery{width:100%;height:100%;display:flex;flex-direction:column;padding:60px 24px 24px;overflow:hidden}.gallery h2{font-family:var(--font-display);font-size:18px;text-align:center;margin-bottom:24px}.gallery-scroll{flex:1 1;overflow-y:auto;padding:8px}.gallery-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;max-width:1200px;margin:0 auto}.gallery-grid .mini-card{cursor:pointer;transition:transform .1s}.gallery-grid .mini-card:hover{transform:translate(-2px,-2px)}.gallery-grid .poke-card{width:220px;height:308px;padding:6px;border-radius:10px;box-shadow:0 0 0 1.5px #f5d76e,0 0 0 3px #a07020,0 0 0 4.5px #f5d76e,6px 8px 16px rgba(0,0,0,.45)}.gallery-grid .poke-card .card-inner{border-radius:6px;padding:5px 7px;gap:3px}.gallery-grid .poke-card .name{font-size:12px}.gallery-grid .poke-card .hp-value{font-size:14px}.gallery-grid .poke-card .hp-label{font-size:7px}.gallery-grid .poke-card .stage-label{font-size:6px}.gallery-grid .poke-card .type-pill{width:16px;height:16px;font-size:7px}.gallery-grid .poke-card .art-frame{height:118px;border-radius:5px}.gallery-grid .poke-card .meta{font-size:6px}.gallery-grid .poke-card .a-name{font-size:8px}.gallery-grid .poke-card .a-desc{font-size:7px}.gallery-grid .poke-card .damage{font-size:12px}.gallery-grid .poke-card .attack .energy{width:10px;height:10px}.gallery-grid .poke-card .footer-row{font-size:5px}.gallery-grid .poke-card .footer-row .cell .val{font-size:7px}.gallery-grid .poke-card .footer-row .cell .energy{width:8px;height:8px}.gallery-grid .poke-card .flavor{font-size:7px}.gallery-grid .poke-card .card-foot{font-size:5px}.gallery-empty{text-align:center;color:var(--ink-soft);font-size:24px;padding:60px 20px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:100;animation:fade-in .15s}@keyframes fade-in{0%{opacity:0}}