@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@500;700&family=Press+Start+2P&family=VT323&display=swap";:root{--bg-app: #efe7d5;--bg-pattern: #e4dac5;--bg-surface: #fdfaf3;--bg-surface-elevated: #ffffff;--bg-subtle: #ebdccb;--bg-hover: #e0d0bd;--border-color: #2b2520;--border-shadow: #1a1714;--text-main: #2b2520;--text-muted: #6e6155;--text-light: #9e8e7e;--color-primary: #3b82f6;--color-primary-dark: #1d4ed8;--color-accent: #f59e0b;--color-accent-dark: #d97706;--color-success: #10b981;--color-success-dark: #059669;--color-danger: #ef4444;--color-danger-dark: #dc2626;--color-purple: #8b5cf6;--color-teal: #06b6d4;--font-pixel: "Pixelify Sans", "Press Start 2P", cursive, sans-serif;--font-heading: "Press Start 2P", "Pixelify Sans", cursive, monospace;--font-mono: "VT323", monospace;--border-w: 3px;--shadow-offset: 4px}[data-theme=dark]{--bg-app: #181926;--bg-pattern: #13141f;--bg-surface: #24273a;--bg-surface-elevated: #363a4f;--bg-subtle: #1e2030;--bg-hover: #494d64;--border-color: #0c0d14;--border-shadow: #000000;--text-main: #cad3f5;--text-muted: #a5adcb;--text-light: #6e738d;--color-primary: #8aadf4;--color-primary-dark: #7aa2f7;--color-accent: #eed49f;--color-accent-dark: #f5a97f;--color-success: #a6da95;--color-success-dark: #8bd5ca;--color-danger: #ed8796;--color-danger-dark: #ee99a0;--color-purple: #c6a0f6;--color-teal: #8bd5ca}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:clamp(13px,1.1vw,16px);-webkit-text-size-adjust:100%}body{font-family:var(--font-pixel);background-color:var(--bg-app);background-image:radial-gradient(var(--bg-pattern) 15%,transparent 16%);background-size:16px 16px;color:var(--text-main);line-height:1.4;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;image-rendering:pixelated;-webkit-user-select:none;user-select:none;overflow-x:hidden;width:100%}svg{display:inline-block;vertical-align:middle;flex-shrink:0}.crt-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:100;background:linear-gradient(#12101000 50%,#0000001f 50%);background-size:100% 4px;opacity:.7}.crt-overlay.disabled{display:none}.retro-header{background-color:var(--bg-surface);border-bottom:var(--border-w) solid var(--border-color);padding:clamp(.35rem,1vw,.65rem) clamp(.5rem,1.5vw,1.25rem);box-shadow:0 var(--shadow-offset) 0 var(--border-shadow);position:sticky;top:0;z-index:40;width:100%}.header-container{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:.4rem}.retro-brand{display:flex;align-items:center;gap:clamp(.3rem,1vw,.5rem);cursor:pointer;text-decoration:none;color:var(--text-main);font-family:var(--font-heading);font-size:clamp(.7rem,1.5vw,.95rem);letter-spacing:.04em;white-space:nowrap}.brand-text{white-space:nowrap;word-break:keep-all}.retro-brand-icon{width:clamp(24px,3.5vw,30px);height:clamp(24px,3.5vw,30px);background-color:var(--color-accent);border:2px solid var(--border-color);box-shadow:2px 2px 0 var(--border-shadow);display:flex;align-items:center;justify-content:center;color:#000;flex-shrink:0}.retro-brand-tag{font-size:clamp(.48rem,.9vw,.58rem);font-family:var(--font-heading);padding:.12rem .3rem;background-color:var(--color-teal);color:#000;border:2px solid var(--border-color);box-shadow:1px 1px 0 var(--border-shadow);white-space:nowrap}.header-nav-actions{display:flex;gap:.4rem;align-items:center}.main-content{flex:1;max-width:1000px;width:100%;margin:0 auto;padding:clamp(.5rem,1.5vw,1.25rem) clamp(.5rem,1.5vw,1rem) clamp(1.5rem,3vw,2.5rem) clamp(.5rem,1.5vw,1rem)}.view{display:none;width:100%}.view.active{display:block}.pixel-box{background-color:var(--bg-surface);border:var(--border-w) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border-shadow);padding:clamp(.75rem,2vw,1.4rem);position:relative;width:100%}.pixel-btn{font-family:var(--font-heading);font-size:clamp(.6rem,1.1vw,.75rem);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:3px solid var(--border-color);padding:clamp(.45rem,1vw,.6rem) clamp(.6rem,1.5vw,.95rem);min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;box-shadow:inset -2px -2px #0000004d,inset 2px 2px #fff6,3px 3px 0 var(--border-shadow);transition:transform .05s ease,box-shadow .05s ease;color:#000;background-color:var(--bg-surface-elevated);white-space:nowrap}.pixel-btn:hover{filter:brightness(1.08)}.pixel-btn:active{transform:translate(2px,2px);box-shadow:inset -1px -1px #0000004d,1px 1px 0 var(--border-shadow)}.pixel-btn-primary{background-color:var(--color-primary);color:#fff}.pixel-btn-accent{background-color:var(--color-accent);color:#000}.pixel-btn-success{background-color:var(--color-success);color:#fff}.pixel-btn-danger{background-color:var(--color-danger);color:#fff}.pixel-btn-lg{font-size:clamp(.72rem,1.4vw,.88rem);padding:clamp(.6rem,1.4vw,.85rem) clamp(.85rem,1.8vw,1.5rem);min-height:44px;box-shadow:inset -3px -3px #0000004d,inset 3px 3px #fff6,4px 4px 0 var(--border-shadow)}.pixel-btn-sm{font-size:clamp(.52rem,.9vw,.62rem);padding:.25rem .45rem;min-height:30px;border-width:2px;box-shadow:2px 2px 0 var(--border-shadow)}.pixel-btn-submit{font-size:clamp(.72rem,1.4vw,.88rem);padding:.6rem 1.1rem}.start-menu-wrapper{max-width:min(100%,560px);margin:clamp(.25rem,2vw,1.25rem) auto 0 auto;text-align:center;padding:0 .25rem}.start-title-container{margin-bottom:clamp(.75rem,2.5vw,1.75rem)}.start-logo{font-family:var(--font-heading);font-size:clamp(1.6rem,6.5vw,2.8rem);color:var(--color-accent);text-shadow:3px 3px 0 var(--border-color),-2px -2px 0 var(--color-primary),4px 4px 0 var(--border-shadow);letter-spacing:.06em;display:inline-block;transform:rotate(-1deg);animation:logoFloat 3s ease-in-out infinite alternate;line-height:1.1;word-break:keep-all;white-space:nowrap}@keyframes logoFloat{0%{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-4px) rotate(1deg)}}.start-subtitle{font-family:var(--font-pixel);font-size:clamp(.8rem,2.2vw,1.1rem);font-weight:700;color:var(--text-main);margin-top:.35rem;letter-spacing:.08em}.start-menu-card{background-color:var(--bg-surface);border:var(--border-w) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border-shadow);padding:clamp(.85rem,2.5vw,1.75rem) clamp(.6rem,2vw,1.25rem);width:100%}.start-menu-options{display:flex;flex-direction:column;gap:clamp(.5rem,1.2vw,.8rem);max-width:360px;margin:0 auto;width:100%}.start-option-btn{font-family:var(--font-heading);font-size:clamp(.65rem,1.3vw,.82rem);padding:clamp(.65rem,1.5vw,.9rem) clamp(.65rem,1.8vw,1.1rem);min-height:44px;text-align:left;display:flex;align-items:center;gap:.6rem;border:3px solid var(--border-color);background-color:var(--bg-surface-elevated);box-shadow:3px 3px 0 var(--border-shadow);cursor:pointer;color:var(--text-main);transition:all .08s ease;width:100%}.start-option-btn:hover{background-color:var(--color-accent);color:#000;transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--border-shadow)}.start-option-btn:hover .menu-pointer{opacity:1;transform:translate(3px)}.menu-pointer{opacity:0;transition:all .1s ease;display:flex;align-items:center}.start-menu-footer{margin-top:clamp(.85rem,2vw,1.5rem);font-family:var(--font-mono);font-size:clamp(.9rem,1.8vw,1.1rem);color:var(--text-muted);display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(.35rem,1.2vw,1rem)}.vault-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.vault-title{font-family:var(--font-heading);font-size:clamp(.95rem,2.2vw,1.25rem);margin-bottom:.15rem}.cartridges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:clamp(.75rem,1.8vw,1.25rem);width:100%}.cartridge-card{background-color:var(--bg-surface);border:var(--border-w) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border-shadow);border-radius:6px 6px 0 0;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .1s ease,box-shadow .1s ease;width:100%}.cartridge-card:hover{transform:translateY(-2px);box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0 var(--border-shadow)}.cartridge-ribs{background-color:var(--border-color);height:9px;display:flex;gap:4px;padding:2px 7px}.cartridge-rib{flex:1;background-color:var(--bg-surface);height:100%}.cartridge-label{padding:clamp(.7rem,1.5vw,1rem);background-color:var(--bg-surface-elevated);border-bottom:var(--border-w) solid var(--border-color);flex:1;display:flex;flex-direction:column}.cartridge-color-strip{height:5px;margin-bottom:.5rem;border:2px solid var(--border-color)}.cartridge-title{font-family:var(--font-heading);font-size:clamp(.72rem,1.3vw,.82rem);margin-bottom:.3rem;color:var(--text-main);cursor:pointer;line-height:1.3}.cartridge-desc{font-size:.82rem;color:var(--text-muted);margin-bottom:.5rem;flex:1}.cartridge-meta{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:1rem;color:var(--text-muted)}.cartridge-actions{display:flex;gap:.3rem;padding:.4rem .55rem;background-color:var(--bg-subtle);flex-wrap:wrap}.game-hud{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-surface);border:var(--border-w) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border-shadow);padding:clamp(.3rem,.8vw,.5rem) clamp(.5rem,1.2vw,.85rem);margin-bottom:clamp(.5rem,1.5vw,1rem);font-family:var(--font-heading);font-size:clamp(.55rem,1.1vw,.72rem);flex-wrap:wrap;gap:.3rem;width:100%}.hud-item{display:flex;align-items:center;gap:.3rem}.hud-points{color:var(--color-accent)}.rpg-dialogue-stage{max-width:min(100%,640px);margin:0 auto;width:100%}.rpg-card-box{background-color:var(--bg-surface);border:var(--border-w) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border-shadow);padding:clamp(.7rem,2vw,1.4rem);text-align:center;position:relative;width:100%}.game-mode-panel{display:none;width:100%}.game-mode-panel.is-active{display:block}.rpg-portrait-frame{width:min(220px,48vw,28vh);height:min(220px,48vw,28vh);margin:0 auto clamp(.4rem,1.2vw,.9rem) auto;border:var(--border-w) solid var(--border-color);box-shadow:2px 2px 0 var(--border-shadow);background-color:var(--bg-subtle);overflow:hidden;cursor:zoom-in;position:relative;flex-shrink:0}.rpg-portrait-img{width:100%;height:100%;object-fit:cover;display:block}.rpg-prompt-text{font-family:var(--font-heading);font-size:clamp(.65rem,1.3vw,.82rem);color:var(--text-main);margin-bottom:clamp(.4rem,1.2vw,.8rem)}.rpg-hint-box{display:none;font-family:var(--font-mono);font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700;letter-spacing:clamp(.06em,.8vw,.14em);background-color:var(--bg-subtle);border:2px dashed var(--border-color);padding:.3rem clamp(.4rem,1.2vw,.75rem);margin-bottom:.75rem;color:var(--color-primary-dark);max-width:100%;word-break:break-word}.rpg-hint-box.is-active{display:inline-block}.rpg-input-wrapper{max-width:min(100%,380px);margin:0 auto clamp(.45rem,1.2vw,.85rem) auto;display:flex;position:relative;width:100%}.rpg-input{width:100%;font-family:var(--font-heading);font-size:clamp(.68rem,1.4vw,.82rem);padding:clamp(.55rem,1.2vw,.75rem) clamp(.5rem,1.2vw,.85rem);min-height:42px;background-color:var(--bg-surface-elevated);border:3px solid var(--border-color);box-shadow:inset 2px 2px #00000026,2px 2px 0 var(--border-shadow);color:var(--text-main);text-align:center;outline:none}.rpg-input:focus{border-color:var(--color-primary)}.rpg-actions-row{display:flex;justify-content:center;gap:clamp(.35rem,1.2vw,.65rem);flex-wrap:wrap}.rpg-feedback-box{display:none;border:var(--border-w) solid var(--border-color);box-shadow:2px 2px 0 var(--border-shadow);padding:clamp(.6rem,1.5vw,.95rem);margin:clamp(.5rem,1.5vw,1rem) 0;animation:popFeedback .15s ease-out;width:100%}.rpg-feedback-box.is-active{display:block}@keyframes popFeedback{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.rpg-feedback-correct{background-color:#d1fae5;color:#065f46}.rpg-feedback-incorrect{background-color:#fee2e2;color:#991b1b}.rpg-feedback-title{font-family:var(--font-heading);font-size:clamp(.7rem,1.3vw,.88rem);margin-bottom:.25rem;display:flex;align-items:center;justify-content:center;gap:.4rem}.rpg-feedback-answer{font-family:var(--font-heading);font-size:clamp(.8rem,1.8vw,1rem);margin:.25rem 0;color:#000;word-break:break-word}.rpg-feedback-notes{font-family:var(--font-pixel);font-size:.82rem;margin-top:.35rem}#game-input-section.is-hidden{display:none}.stage-clear-card{max-width:min(100%,500px);margin:0 auto;background-color:var(--bg-surface);border:var(--border-w) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border-shadow);padding:clamp(1rem,2.5vw,1.75rem) clamp(.75rem,2vw,1.4rem);text-align:center;width:100%}.stage-clear-title{font-family:var(--font-heading);font-size:clamp(1rem,2.6vw,1.4rem);color:var(--color-accent);text-shadow:2px 2px 0 var(--border-color);margin-bottom:.4rem}.stars-rating{font-size:clamp(1.6rem,3.5vw,2.2rem);color:var(--color-accent);margin-bottom:.6rem;text-shadow:2px 2px 0 var(--border-color);display:flex;justify-content:center;gap:.5rem}.stage-stats-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,100px),1fr));gap:clamp(.35rem,1vw,.6rem);margin:clamp(.75rem,1.5vw,1.25rem) 0;padding:.6rem;background-color:var(--bg-subtle);border:2px solid var(--border-color)}.stage-stat-val{font-family:var(--font-heading);font-size:clamp(.8rem,1.6vw,1rem);color:var(--text-main);display:flex;align-items:center;justify-content:center}.stage-stat-lbl{font-family:var(--font-mono);font-size:.95rem;color:var(--text-muted)}.retro-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background-color:#000000b3;z-index:60;display:none;align-items:center;justify-content:center;padding:clamp(.4rem,1.5vw,.85rem)}.retro-modal-overlay.active{display:flex}.retro-modal-window{background-color:var(--bg-surface);border:var(--border-w) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border-shadow);width:100%;max-width:min(100%,500px);max-height:88dvh;display:flex;flex-direction:column}.retro-modal-titlebar{background-color:var(--border-color);color:#fff;padding:.35rem .6rem;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-heading);font-size:clamp(.6rem,1.1vw,.72rem);flex-shrink:0}.retro-modal-content{padding:clamp(.65rem,1.8vw,1.1rem);overflow-y:auto;flex:1}.retro-modal-footer{padding:clamp(.5rem,1.2vw,.75rem) clamp(.65rem,1.8vw,1.1rem);border-top:2px solid var(--border-color);display:flex;justify-content:flex-end;gap:.4rem;background-color:var(--bg-subtle);flex-shrink:0;flex-wrap:wrap}.pixel-dropzone{border:2px dashed var(--border-color);background-color:var(--bg-subtle);padding:clamp(.75rem,1.8vw,1.25rem);text-align:center;cursor:pointer;margin-bottom:.75rem;transition:background-color .1s ease;width:100%}.pixel-dropzone:hover,.pixel-dropzone.dragover{background-color:var(--color-accent);color:#000}.pixel-form-group{margin-bottom:.75rem;text-align:left;width:100%}.pixel-form-group label{display:block;font-family:var(--font-heading);font-size:clamp(.6rem,1vw,.68rem);margin-bottom:.25rem}.pixel-input,.pixel-textarea{width:100%;font-family:var(--font-pixel);font-size:clamp(.82rem,1.4vw,.92rem);padding:.45rem .6rem;border:2px solid var(--border-color);background-color:var(--bg-surface-elevated);color:var(--text-main)}.pixel-input:focus,.pixel-textarea:focus{outline:none;border-color:var(--color-primary)}.flashcard-box{perspective:1000px;width:100%;max-width:min(100%,380px);height:min(340px,45vh);margin:0 auto .85rem;cursor:pointer}.flashcard-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .4s ease}.flashcard-inner.is-flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border:var(--border-w) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border-shadow);background-color:var(--bg-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.85rem}.flashcard-back{transform:rotateY(180deg)}@media(max-width:420px){:root{--border-w: 2px;--shadow-offset: 3px}.header-nav-actions .btn-label{display:none}.cartridges-grid{grid-template-columns:1fr}.rpg-actions-row{flex-direction:column}.rpg-actions-row .pixel-btn{width:100%}.start-option-btn{font-size:.68rem;padding:.65rem .5rem}.start-logo{font-size:1.5rem}}@media(max-height:520px){.retro-header{padding:.2rem .5rem}.main-content{padding-top:.35rem;padding-bottom:.75rem}.start-title-container{margin-bottom:.35rem}.start-logo{font-size:1.35rem}.start-subtitle{font-size:.72rem;margin-top:.1rem}.start-menu-options{gap:.3rem}.start-option-btn{min-height:32px;padding:.35rem .55rem;font-size:.62rem}.game-hud{padding:.2rem .4rem;margin-bottom:.3rem;font-size:.52rem}.rpg-card-box{padding:.45rem}#game-mode-type.is-active{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;text-align:left}.game-mode-visual-col{flex-shrink:0}.game-mode-content-col{flex:1;min-width:0}.rpg-portrait-frame{width:min(130px,30vw,36vh);height:min(130px,30vw,36vh);margin:0}.rpg-prompt-text{margin-bottom:.25rem;font-size:.65rem}.rpg-hint-box{font-size:.95rem;margin-bottom:.3rem;padding:.15rem .35rem}.rpg-input-wrapper{margin-bottom:.3rem}.rpg-input{min-height:32px;padding:.3rem .45rem;font-size:.65rem}.rpg-actions-row{justify-content:flex-start}.rpg-actions-row .pixel-btn{min-height:30px;padding:.2rem .45rem}.flashcard-box{height:160px}}