:root{--neon-cyan: #00f0ff;--neon-magenta: #ff007f;--neon-yellow: #ffe600;--neon-green: #39ff14;--neon-orange: #ff7700;--neon-purple: #b537f2;--neon-red: #ff2a4b;--bg-dark: #070512;--bg-cabinet: #0d0a1e;--bg-card: #120e29;--bg-card-header: #1a143b;--bg-hud: #0b081c;--border-cabinet: #281f54;--text-white: #f8fafc;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--font-pixel: "Press Start 2P", monospace, sans-serif;--font-readable: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-readable);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.arcade-root{min-height:100vh;background-color:#070512;background-image:linear-gradient(rgba(0,240,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.035) 1px,transparent 1px);background-size:32px 32px;position:relative;display:flex;justify-content:center;padding:1rem .75rem 3rem}.arcade-root.crt-scanlines:before{content:" ";display:block;position:fixed;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#00000038 50%);background-size:100% 4px;z-index:999;pointer-events:none;opacity:.7}.arcade-cabinet{width:100%;max-width:1400px;display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1}.arcade-header{background:var(--bg-hud);border:4px solid var(--border-cabinet);box-shadow:0 0 0 4px #000,0 8px 0 4px #000,inset 0 0 25px #00f0ff1f;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.arcade-top-bar{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;align-items:center;border-bottom:2px dashed rgba(255,255,255,.15);padding-bottom:.75rem;font-family:var(--font-pixel);font-size:.7rem}.hud-badge{background:#020205;border:2px solid #28214f;padding:.4rem .75rem;box-shadow:2px 2px #000;letter-spacing:1px}.hud-player{color:var(--neon-green)}.hud-learned{color:var(--neon-yellow)}.blink-dot{animation:blink 1s steps(2,start) infinite;display:inline-block;margin-right:4px}.neon-yellow{color:var(--neon-yellow);text-shadow:0 0 8px rgba(255,230,0,.7)}.neon-cyan{color:var(--neon-cyan);text-shadow:0 0 8px rgba(0,240,255,.7)}.neon-green{color:var(--neon-green);text-shadow:0 0 8px rgba(57,255,20,.7)}.neon-magenta{color:var(--neon-magenta);text-shadow:0 0 8px rgba(255,0,127,.7)}.arcade-title-section{text-align:center}.arcade-title{display:flex;flex-direction:column;gap:.5rem;align-items:center;font-family:var(--font-pixel)}.arcade-title-main{font-size:clamp(1.6rem,4vw,2.8rem);color:#fff;text-shadow:3px 3px 0px var(--neon-magenta),-3px -3px 0px var(--neon-cyan),0 0 15px rgba(255,0,127,.6);letter-spacing:2px}.arcade-title-sub{font-size:clamp(.7rem,1.8vw,1rem);color:var(--neon-yellow);letter-spacing:1px}.arcade-tagline{font-family:var(--font-pixel);font-size:.62rem;color:#94a3b8;margin-top:.5rem;letter-spacing:1px}.arcade-hud-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.retro-search-wrap{flex:1;min-width:280px;display:flex;align-items:center;background:#020205;border:3px solid var(--neon-cyan);box-shadow:4px 4px #000;padding:.4rem .75rem}.prompt-symbol{color:var(--neon-green);font-family:var(--font-pixel);font-size:.9rem;margin-right:.6rem;-webkit-user-select:none;user-select:none}.retro-search-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-family:var(--font-readable);font-size:1rem}.retro-search-input::placeholder{color:#64748b;font-size:.85rem;font-family:var(--font-pixel)}.retro-clear-btn{background:transparent;border:none;color:var(--neon-red);font-family:var(--font-pixel);font-size:.75rem;cursor:pointer;padding:.2rem .4rem}.retro-toggle-btn{background:#1a1438;border:3px solid var(--neon-magenta);color:var(--neon-magenta);font-family:var(--font-pixel);font-size:.65rem;padding:.6rem .9rem;cursor:pointer;box-shadow:3px 3px #000}.retro-toggle-btn:hover{background:var(--neon-magenta);color:#000;transform:translate(2px,2px);box-shadow:1px 1px #000}.arcade-nav-section{background:#0f0b22;border:4px solid #231b4d;box-shadow:0 0 0 4px #000,0 6px 0 4px #000;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.nav-label-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;font-family:var(--font-pixel)}.nav-title{color:var(--neon-yellow);font-size:.7rem;letter-spacing:1px}.category-counter{color:#94a3b8;font-size:.65rem}.arcade-button-bar{display:flex;flex-wrap:wrap;gap:.75rem}.arcade-btn{display:inline-flex;align-items:center;gap:.45rem;background:#19133b;color:#fff;border:3px solid #372a6b;font-family:var(--font-pixel);font-size:.65rem;line-height:1;padding:.65rem .85rem;cursor:pointer;box-shadow:inset 2px 2px #ffffff40,inset -2px -2px #0009,0 5px #080612,0 7px #000;transform:translateY(0);transition:all .08s ease-in-out}.arcade-btn:hover{background:#2b2257;border-color:var(--neon-cyan);color:var(--neon-cyan)}.arcade-btn.active{background:var(--neon-cyan);color:#000;border-color:#fff;transform:translateY(4px);box-shadow:inset 2px 2px #ffffff80,inset -2px -2px #0006,0 1px #080612,0 2px #000}.arcade-btn-count{font-size:.65rem;opacity:.85}.arcade-btn[data-category=Technology].active{background:var(--neon-magenta);color:#fff}.arcade-btn[data-category=Environment].active{background:var(--neon-green);color:#000}.arcade-btn[data-category=Health].active{background:var(--neon-red);color:#fff}.arcade-btn[data-category=Education].active{background:var(--neon-yellow);color:#000}.type-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;background:#0a071a;border:2px dashed #28204f;padding:.6rem .9rem;font-family:var(--font-pixel);font-size:.6rem}.type-label{color:#8e85be}.type-chip-group{display:flex;flex-wrap:wrap;gap:.5rem}.type-chip{background:transparent;border:2px solid #332766;color:#b3a9e3;font-family:var(--font-pixel);font-size:.58rem;padding:.35rem .6rem;cursor:pointer;box-shadow:2px 2px #000}.type-chip:hover{border-color:var(--neon-yellow);color:var(--neon-yellow)}.type-chip.chip-active{background:var(--neon-yellow);color:#000;border-color:#fff;font-weight:700}.arcade-status-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;background:#110d26;border:3px solid #261e52;box-shadow:3px 3px #000;padding:.6rem 1rem;font-family:var(--font-pixel);font-size:.65rem}.reset-filters-btn{background:#2b1122;border:2px solid var(--neon-magenta);color:var(--neon-magenta);font-family:var(--font-pixel);font-size:.58rem;padding:.35rem .65rem;cursor:pointer;box-shadow:2px 2px #000}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:1.5rem}@media (max-width: 500px){.cards-grid{grid-template-columns:1fr}}.retro-card{background:var(--bg-card);border:4px solid var(--border-cabinet);box-shadow:0 0 0 4px #000,6px 10px 0 4px #000;display:flex;flex-direction:column;justify-content:space-between;position:relative;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;overflow:hidden}.retro-card:hover{border-color:var(--neon-cyan);transform:translate(-3px,-3px);box-shadow:0 0 0 4px #000,9px 13px 0 4px #000,0 0 20px #00f0ff40}.retro-card.card-learned{border-color:var(--neon-green)}.retro-card-header{background:var(--bg-card-header);border-bottom:3px solid #231b4d;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.card-id{font-family:var(--font-pixel);color:var(--neon-yellow);font-size:.68rem}.card-category{font-family:var(--font-pixel);color:#94a3b8;font-size:.62rem}.card-header-actions{display:flex;align-items:center;gap:.5rem}.learned-icon-btn{background:transparent;border:2px solid #4a3f78;color:#94a3b8;font-family:var(--font-pixel);font-size:.55rem;padding:.3rem .5rem;cursor:pointer}.learned-icon-btn.is-learned{background:#0a3314;border-color:var(--neon-green);color:var(--neon-green)}.pixel-badge{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-pixel);font-size:.55rem;padding:.35rem .55rem;border:2px solid;box-shadow:2px 2px #000;text-transform:uppercase}.badge-opinion{background:#261f00;border-color:var(--neon-yellow);color:var(--neon-yellow)}.badge-discussion{background:#002230;border-color:var(--neon-cyan);color:var(--neon-cyan)}.badge-advantages{background:#05260c;border-color:var(--neon-green);color:var(--neon-green)}.badge-problem{background:#2b0028;border-color:var(--neon-magenta);color:var(--neon-magenta)}.badge-direct{background:#2b090f;border-color:var(--neon-red);color:var(--neon-red)}.badge-default{background:#19133b;border-color:#8578b8;color:#fff}.retro-question-box{padding:1.1rem;background:#090616;border-bottom:3px solid #231b4d;display:flex;flex-direction:column;gap:.5rem}.retro-prompt-tag{font-family:var(--font-pixel);color:var(--neon-yellow);font-size:.58rem}.retro-question-text{font-family:var(--font-readable);font-size:1.15rem;font-weight:600;line-height:1.5;color:var(--text-white)}.card-points-preview{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:.85rem 1rem;background:#0e0a20}@media (max-width: 600px){.card-points-preview{grid-template-columns:1fr}}.preview-side{display:flex;flex-direction:column;gap:.4rem}.preview-title{font-family:var(--font-pixel);font-size:.55rem;letter-spacing:.5px}.title-a{color:var(--neon-cyan)}.title-b{color:var(--neon-magenta)}.preview-list{list-style:none;display:flex;flex-direction:column;gap:.35rem}.preview-item{display:flex;align-items:flex-start;gap:.35rem;font-size:.82rem;line-height:1.35;color:#cbd5e1}.p-num{font-family:var(--font-pixel);font-size:.5rem;color:var(--neon-yellow);flex-shrink:0;margin-top:1px}.card-open-strip{background:#171133;padding:.65rem 1rem;border-top:2px dashed #2f255c;text-align:center}.open-study-pill{font-family:var(--font-pixel);font-size:.62rem;color:var(--neon-cyan);display:block}.retro-card-footer{background:var(--bg-card-header);border-top:3px solid #231b4d;padding:.6rem 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.retro-mini-btn{background:#140e2b;border:2px solid var(--neon-green);color:var(--neon-green);font-family:var(--font-pixel);font-size:.55rem;padding:.35rem .55rem;cursor:pointer}.retro-ready-tag{font-family:var(--font-pixel);font-size:.55rem;color:#706796}.study-page{width:100%;max-width:1100px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;position:relative}.study-navbar{position:sticky;top:0;z-index:50;background:#09061a;border:3px solid var(--border-cabinet);border-bottom:3px solid var(--neon-cyan);box-shadow:0 4px #000,0 8px 25px #000000b3;padding:.75rem 1.25rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.study-nav-left{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.study-back-btn{background:#191238;border:2px solid var(--neon-cyan);color:var(--neon-cyan);font-family:var(--font-pixel);font-size:.65rem;padding:.5rem .75rem;cursor:pointer;box-shadow:2px 2px #000;transition:all .1s ease}.study-back-btn:hover{background:var(--neon-cyan);color:#000}.study-stage-indicator{display:flex;align-items:center;gap:.5rem;font-family:var(--font-pixel)}.study-cat-pill{color:#cbd5e1;font-size:.65rem}.study-counter-pill{color:var(--neon-yellow);font-size:.7rem}.study-nav-right{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.study-pill-btn{background:#130e2b;border:2px solid #3d3170;color:#cbd5e1;font-family:var(--font-pixel);font-size:.6rem;padding:.45rem .65rem;cursor:pointer;box-shadow:2px 2px #000}.study-pill-btn:hover{border-color:var(--neon-green);color:var(--neon-green)}.pill-speaking{background:var(--neon-magenta)!important;border-color:#fff!important;color:#fff!important;animation:pulseSpeaking 1s infinite alternate}.pill-learned{background:#0a3314!important;border-color:var(--neon-green)!important;color:var(--neon-green)!important}.edge-nav-arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:40;width:50px;height:70px;background:#0f0a22e6;border:3px solid var(--border-cabinet);color:var(--neon-cyan);font-family:var(--font-pixel);font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:3px 3px #000;transition:all .15s ease;-webkit-user-select:none;user-select:none}.edge-left{left:10px}.edge-right{right:10px}.edge-nav-arrow:hover{background:var(--neon-cyan);color:#000;border-color:#fff;transform:translateY(-50%) scale(1.08)}@media (max-width: 900px){.edge-nav-arrow{display:none}}.study-main-container{display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem 0 3rem}.gesture-help-strip{background:#0a071d;border:2px dashed #282054;padding:.65rem 1rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;font-family:var(--font-pixel);font-size:.6rem;color:#8c82bd;text-align:center}.dot-sep{color:var(--neon-yellow)}.study-question-card{background:#0e0a24;border:3px solid var(--border-cabinet);box-shadow:0 0 0 4px #000,6px 10px 0 4px #000;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.study-question-meta{display:flex;align-items:center;gap:.6rem;font-family:var(--font-pixel)}.study-tag-id{color:var(--neon-yellow);font-size:.75rem}.study-type-badge{background:#002230;border:2px solid var(--neon-cyan);color:var(--neon-cyan);font-family:var(--font-pixel);font-size:.6rem;padding:.3rem .55rem;box-shadow:2px 2px #000}.study-question-heading{font-family:var(--font-readable);font-size:clamp(1.3rem,2.8vw,1.75rem);font-weight:700;line-height:1.45;color:#fff}.study-points-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 820px){.study-points-section{grid-template-columns:1fr}}.study-side-col{background:#100b29;border:3px solid;box-shadow:0 0 0 4px #000,6px 8px 0 4px #000;display:flex;flex-direction:column}.side-col-a{border-color:#0d6e78}.side-col-b{border-color:#8c0c4c}.study-side-header{padding:.85rem 1.1rem;display:flex;align-items:center;gap:.75rem;border-bottom:3px solid}.side-header-a{background:#00363a;border-bottom-color:#0d6e78;color:var(--neon-cyan)}.side-header-b{background:#3d001f;border-bottom-color:#8c0c4c;color:var(--neon-magenta)}.side-title-icon{font-size:1.2rem}.side-main-title{font-family:var(--font-pixel);font-size:.75rem;letter-spacing:.5px}.side-subtitle{font-family:var(--font-readable);font-size:.82rem;color:#cbd5e1;margin-top:.2rem}.study-points-stack{padding:1.1rem;display:flex;flex-direction:column;gap:1.15rem}.study-point-card{background:#090616;border:2px solid;box-shadow:3px 3px #000;padding:1.1rem;display:flex;flex-direction:column;gap:.75rem}.point-card-a{border-color:#17474a}.point-card-b{border-color:#4a1734}.point-card-header{display:flex;align-items:flex-start;gap:.6rem}.point-number-badge{font-family:var(--font-pixel);font-size:.58rem;padding:.3rem .5rem;border:1px solid;flex-shrink:0;margin-top:2px}.badge-a{background:#00363a;color:var(--neon-cyan);border-color:var(--neon-cyan)}.badge-b{background:#3d001f;color:var(--neon-magenta);border-color:var(--neon-magenta)}.point-headline{font-family:var(--font-readable);font-size:1.05rem;font-weight:700;line-height:1.4;color:#fff}.point-field{padding:.75rem;display:flex;flex-direction:column;gap:.35rem}.meaning-field{background:#140e2d;border-left:4px solid var(--neon-yellow)}.example-field{background:#0d0a20;border-left:4px solid var(--neon-green)}.field-label-tag{font-family:var(--font-pixel);font-size:.58rem;letter-spacing:.5px}.tag-meaning{color:var(--neon-yellow)}.tag-example{color:var(--neon-green)}.field-body-text{font-family:var(--font-readable);font-size:.95rem;line-height:1.55;color:#e2e8f0}.example-italic{font-style:italic;color:#cbd5e1}.study-blueprint-card,.study-vocab-card{background:#0e0a24;border:3px solid var(--border-cabinet);box-shadow:0 0 0 4px #000,6px 8px 0 4px #000;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.blueprint-header,.vocab-card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;font-family:var(--font-pixel)}.blueprint-title,.vocab-card-title{color:var(--neon-yellow);font-size:.72rem;letter-spacing:.5px}.blueprint-model-tag,.vocab-card-count{color:var(--neon-cyan);font-size:.62rem}.blueprint-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.75rem}.blueprint-step{background:#080517;border:2px solid #2f255c;padding:.75rem;display:flex;flex-direction:column;gap:.35rem}.step-label{font-family:var(--font-pixel);font-size:.58rem;color:var(--neon-cyan)}.step-text{font-family:var(--font-readable);font-size:.88rem;line-height:1.45;color:#e2e8f0}.vocab-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.vocab-entry{background:#080517;border:2px solid #2f255c;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.vocab-entry-word{font-family:var(--font-readable);font-size:.95rem;font-weight:700;color:var(--neon-yellow)}.vocab-entry-def{font-family:var(--font-readable);font-size:.85rem;color:#94a3b8}.study-bottom-nav{background:#09061a;border:3px solid var(--border-cabinet);box-shadow:0 0 0 4px #000,4px 6px 0 4px #000;padding:.85rem 1.25rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.bottom-nav-btn{background:#191238;border:3px solid var(--neon-cyan);color:var(--neon-cyan);font-family:var(--font-pixel);font-size:.7rem;padding:.65rem 1rem;cursor:pointer;box-shadow:3px 3px #000;transition:all .1s ease}.bottom-nav-btn:hover{background:var(--neon-cyan);color:#000;transform:translate(2px,2px);box-shadow:1px 1px #000}.bottom-topic-tracker{font-family:var(--font-pixel);font-size:.75rem;color:var(--neon-yellow);letter-spacing:1px}.retro-loading-box,.retro-error-box,.retro-empty-box{background:#110d26;border:4px solid var(--border-cabinet);box-shadow:0 0 0 4px #000,6px 8px 0 4px #000;padding:3rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;font-family:var(--font-pixel)}.pixel-spinner{width:32px;height:32px;border:5px solid #231b4d;border-top-color:var(--neon-cyan);border-bottom-color:var(--neon-magenta);animation:pixelSpin .8s infinite steps(8)}.loading-text{color:var(--neon-yellow);font-size:.85rem}.loading-subtext{color:#8c84af;font-size:.65rem}.arcade-footer{text-align:center;padding:1.5rem 1rem;border-top:3px dashed #28204f;display:flex;flex-direction:column;gap:.5rem;font-family:var(--font-pixel)}.footer-credits{font-size:.65rem;color:var(--neon-cyan)}.footer-copyright{font-size:.58rem;color:#64748b}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes pixelSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseSpeaking{0%{box-shadow:0 0 5px var(--neon-magenta)}to{box-shadow:0 0 18px var(--neon-magenta)}}.simple-idea-card{background:#090616;border:2px solid;box-shadow:3px 3px #000;padding:1.1rem;display:flex;flex-direction:column;gap:.75rem}.idea-card-a{border-color:#17474a}.idea-card-b{border-color:#4a1734}.idea-card-header{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.idea-chip{font-family:var(--font-pixel);font-size:.55rem;padding:.25rem .5rem;border:1px solid}.chip-a{background:#00363a;color:var(--neon-cyan);border-color:var(--neon-cyan)}.chip-b{background:#3d001f;color:var(--neon-magenta);border-color:var(--neon-magenta)}.idea-keyword{font-family:var(--font-readable);font-size:1.15rem;font-weight:700;letter-spacing:.3px}.keyword-a{color:var(--neon-cyan)}.keyword-b{color:var(--neon-magenta)}.idea-simple-body{background:#120e29;border-left:4px solid var(--neon-yellow);padding:.85rem;display:flex;flex-direction:column;gap:.4rem}.idea-plain-meaning{font-family:var(--font-readable);font-size:1rem;line-height:1.5;color:#f1f5f9}.idea-plain-example{font-family:var(--font-readable);font-size:.9rem;font-style:italic;color:#94a3b8}.preview-keywords-row{display:flex;flex-wrap:wrap;gap:.4rem}.preview-kw-tag{font-family:var(--font-readable);font-size:.78rem;font-weight:600;padding:.25rem .45rem;border-radius:2px}.tag-a{background:#063136;color:var(--neon-cyan);border:1px solid #0d5f66}.tag-b{background:#360720;color:var(--neon-magenta);border:1px solid #6e0037}