@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0b0c10;--text-primary:#e6ebf5;--text-secondary:#a0aec0;--accent-gold:#fbd38d;--accent-blue:#63b3ed;--accent-green:#68d391;--accent-orange:#f6ad55;--glass-bg:#0f172aa6;--glass-border:#fbd38d40;--pixel-size:4px;--font-retro-header:"Press Start 2P", monospace;--font-retro-body:"VT323", monospace;--font-clean:"Outfit", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-clean)}*{box-sizing:border-box;image-rendering:pixelated;image-rendering:crisp-edges;margin:0;padding:0}body{background-color:var(--bg-color);width:100vw;min-height:100vh;overflow:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-orange)}.pixel-box{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:4px solid var(--text-primary);box-shadow:0 4px 0 -2px var(--bg-color), 0 -4px 0 -2px var(--bg-color), 4px 0 0 -2px var(--bg-color), -4px 0 0 -2px var(--bg-color);position:relative}.pixel-btn{font-family:var(--font-retro-header);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#2d3748;border:3px solid #1a202c;align-items:center;gap:8px;padding:10px 16px;font-size:12px;text-decoration:none;transition:all .1s;display:inline-flex;box-shadow:inset -3px -3px #1a202c,inset 3px 3px #4a5568}.pixel-btn:hover{background:var(--accent-gold);color:#0b0c10;transform:translateY(-2px);box-shadow:inset -3px -3px #b7791f,inset 3px 3px #f6ad55}.pixel-btn:active{transform:translateY(1px);box-shadow:inset 3px 3px #1a202c}.castle-gate-overlay{z-index:9999;pointer-events:none;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.castle-gate-top,.castle-gate-bottom{border-color:var(--accent-gold);background:#000;flex:1;justify-content:center;align-items:center;transition:transform .6s cubic-bezier(.77,0,.175,1);display:flex}.castle-gate-top{border-bottom:8px dashed var(--accent-gold);transform:translateY(-100%)}.castle-gate-bottom{border-top:8px dashed var(--accent-gold);transform:translateY(100%)}.castle-gate-overlay.closed .castle-gate-top,.castle-gate-overlay.closed .castle-gate-bottom{transform:translateY(0)}@keyframes pulse-glow-fiona{0%,to{box-shadow:0 0 8px var(--accent-green);border-color:var(--accent-green)}50%{box-shadow:0 0 20px var(--accent-green), inset 0 0 10px var(--accent-green);border-color:#fff}}@keyframes pulse-glow-mark{0%,to{box-shadow:0 0 8px var(--accent-orange);border-color:var(--accent-orange)}50%{box-shadow:0 0 20px var(--accent-orange), inset 0 0 10px var(--accent-orange);border-color:#fff}}@keyframes pulse-glow-olena{0%,to{box-shadow:0 0 8px var(--accent-blue);border-color:var(--accent-blue)}50%{box-shadow:0 0 20px var(--accent-blue), inset 0 0 10px var(--accent-blue);border-color:#fff}}.glow-fiona{font-weight:700;animation:2s ease-in-out infinite pulse-glow-fiona;color:#fff!important;background:#68d39126!important}.glow-mark{font-weight:700;animation:2s ease-in-out infinite pulse-glow-mark;color:#fff!important;background:#f6ad5526!important}.glow-olena{font-weight:700;animation:2s ease-in-out infinite pulse-glow-olena;color:#fff!important;background:#63b3ed26!important}.glass-window{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 8px 32px #0000005e}.retro-header-text{font-family:var(--font-retro-header);color:var(--accent-gold);text-shadow:2px 2px #000;font-size:18px;line-height:1.6}.retro-body-text{font-family:var(--font-retro-body);color:var(--text-primary);font-size:28px;line-height:1.4}.spritesheet-character{width:66.6px;height:100px;image-rendering:pixelated;background-size:200px 200px;transition:transform .1s linear}.overlay-ui{z-index:1000;align-items:center;gap:12px;display:flex;position:fixed}.overlay-ui.top-right{top:20px;right:20px}.overlay-ui.top-left{top:20px;left:20px}@keyframes sparkle{0%{opacity:.5;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.5)}}.sparkle-node{background:var(--accent-gold);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite sparkle;position:absolute}.cv-character-sticky{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:120px;margin-right:20px;display:flex;position:sticky;top:120px}@media (width<=1024px){.cv-character-sticky{display:none!important}}.pixel-input{font-family:var(--font-clean);border:3px solid var(--glass-border);color:var(--text-primary);background:#00000073;width:100%;padding:11px 14px;font-size:15px;transition:all .2s;box-shadow:inset 2px 2px #00000080}.pixel-input:focus{border-color:var(--accent-blue);background:#0009;outline:none;box-shadow:0 0 12px #63b3ed4d,inset 2px 2px #00000080}@keyframes parchmentFadeIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.parchment-scroll-container{animation:.25s cubic-bezier(.175,.885,.32,1.15) forwards parchmentFadeIn}.portfolio-showcase-split{grid-template-columns:1fr 1.2fr;gap:24px;width:100%;display:grid}@media (width<=768px){.portfolio-showcase-split{grid-template-columns:1fr}}.project-visual-container{background:#2a1b10;border:4px solid #1a0f08;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:24px 16px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 16px #00000080,inset 0 0 20px #000c}.mockup-header{background:#1a0f08;align-items:center;gap:6px;width:100%;height:24px;padding:0 10px;display:flex;position:absolute;top:0;left:0}.mockup-dot{background:#ef4444;border-radius:50%;width:8px;height:8px}.mockup-dot:nth-child(2){background:#eab308}.mockup-dot:nth-child(3){background:#22c55e}.mockup-screen{background:#150d08;border:2px solid #3c2415;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:relative}.tag-pill{font-family:var(--font-retro-header);color:#fff;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;border:1px solid #ffffff40;border-radius:3px;justify-content:center;align-items:center;padding:5px 8px;font-size:7px;display:inline-flex;box-shadow:0 2px 4px #0000004d}.tag-pill.ux{border-color:var(--accent-green);text-shadow:0 0 4px var(--accent-green);color:var(--accent-green);background:#68d39133}.tag-pill.narrative{border-color:var(--accent-orange);text-shadow:0 0 4px var(--accent-orange);color:var(--accent-orange);background:#f6ad5533}.tag-pill.strategy{border-color:var(--accent-blue);text-shadow:0 0 4px var(--accent-blue);color:var(--accent-blue);background:#63b3ed33}.retro-scroll-content{color:#2a1a0c;font-family:Georgia,serif;line-height:1.6}.retro-scroll-content h4{margin-bottom:4px;font-size:22px;font-weight:700}.retro-section-divider{border:0;border-top:2px dashed #8a6f4459;margin:12px 0}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.pixel-btn.btn-red{color:#8c2424;background:#8c242414;border-color:#8c2424;box-shadow:inset -3px -3px #0000001a,inset 3px 3px #ffffff0d}.pixel-btn.btn-orange{color:#c05621;background:#c0562114;border-color:#c05621;box-shadow:inset -3px -3px #0000001a,inset 3px 3px #ffffff0d}.pixel-btn.btn-blue{color:#2b6cb0;background:#2b6cb014;border-color:#2b6cb0;box-shadow:inset -3px -3px #0000001a,inset 3px 3px #ffffff0d}.pixel-btn.btn-brown{color:#6d4c2b;background:#8a6f4414;border-color:#8a6f44;box-shadow:inset -3px -3px #0000001a,inset 3px 3px #ffffff0d}.pixel-btn.btn-red:hover,.pixel-btn.btn-orange:hover,.pixel-btn.btn-blue:hover,.pixel-btn.btn-brown:hover{background:var(--accent-gold)!important;color:#0b0c10!important;border-color:#b7791f!important;box-shadow:inset -3px -3px #b7791f,inset 3px 3px #f6ad55!important}.pixel-btn.btn-outline-blue{border-color:var(--accent-blue);color:var(--text-primary);background:#63b3ed1a}.pixel-btn.btn-outline-blue:hover{color:var(--accent-blue)!important;border-color:var(--accent-blue)!important;background:#63b3ed40!important;box-shadow:inset -3px -3px #2b6cb080,inset 3px 3px #90cdf44d,0 0 10px #63b3ed66!important}.pixel-btn.btn-outline-gold{border-color:var(--accent-gold);color:var(--text-primary);background:#fbd38d1a}.pixel-btn.btn-outline-gold:hover{color:var(--accent-gold)!important;border-color:var(--accent-gold)!important;background:#fbd38d40!important;box-shadow:inset -3px -3px #b7791f80,inset 3px 3px #fbd38d4d,0 0 10px #fbd38d66!important}.pixel-btn.btn-outline-green{border-color:var(--accent-green);color:var(--text-primary);background:#68d3911a}.pixel-btn.btn-outline-green:hover{color:var(--accent-green)!important;border-color:var(--accent-green)!important;background:#68d39140!important;box-shadow:inset -3px -3px #2f855a80,inset 3px 3px #9ae6b44d,0 0 10px #68d39166!important}.pixel-btn.btn-solid-green{background:var(--accent-green);color:#0b0c10;border-color:#38a169;box-shadow:inset -3px -3px #2f855a,inset 3px 3px #9ae6b4}.pixel-btn.btn-solid-green:hover{color:#0b0c10;background:#9ae6b4;border-color:#2f855a;box-shadow:inset -3px -3px #22543d,inset 3px 3px #c6f6d5}@media (width<=768px){.app-container{height:auto!important;min-height:100vh!important;overflow:visible!important}.page-container{height:auto!important;min-height:100vh!important;padding:12px 10px!important;overflow:visible!important}.char-select-desc{margin-bottom:20px!important;font-size:15px!important;line-height:1.5!important}.char-select-box{padding:16px!important}.quest-board-container{height:auto!important;min-height:100vh!important;padding:60px 10px 20px!important;overflow:visible!important}.quest-board-grid{grid-template-columns:1fr!important;gap:16px!important}.quest-board-left-panel{padding:20px 16px!important}.quest-board-quests-list{max-height:none!important;overflow-y:visible!important}.parchment-scroll-container>div{border-width:4px!important;gap:12px!important;width:96%!important;max-height:92vh!important;padding:16px!important}.parchment-scroll-container h4{font-size:20px!important}.classic-cv-container{height:auto!important;min-height:100vh!important;padding:60px 10px 20px!important;overflow:visible!important}.classic-cv-grid{gap:20px!important;margin-top:20px!important}.classic-cv-box{padding:16px!important}.quest-card{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:12px!important}.quest-card-left{align-items:flex-start!important;width:100%!important}.quest-card-right{border-top:1px dashed #8c62394d;padding-top:10px;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;min-width:0!important}}