:root{--bg-primary: #0a0a0c;--bg-panel: #14151a;--bg-terminal: #050505;--text-green: #39ff14;--text-cyan: #00f0ff;--text-magenta: #ff007f;--text-yellow: #ffcc00;--font-title: "Press Start 2P", monospace;--font-body: "VT323", monospace;--border-neon: 4px double var(--text-cyan)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:#fff;font-family:var(--font-body);font-size:1.25rem;line-height:1.4;overflow-x:hidden;padding:20px}h1,h2,h3{font-family:var(--font-title);color:var(--text-yellow)}.blink-fast{animation:blink .8s infinite alternate}@keyframes blink{0%{opacity:.2}to{opacity:1}}#app{max-width:1200px;margin:0 auto;padding:20px 0}.grid-section{margin-bottom:40px;border:var(--border-neon);padding:20px;background-color:var(--bg-panel)}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.card{border:2px solid var(--text-cyan);padding:15px;background:#00000080;transition:transform .2s,box-shadow .2s;position:relative}.card:hover{transform:translateY(-5px);box-shadow:0 0 15px var(--text-cyan)}.card-studio{border-color:var(--text-magenta)}.card-studio:hover{box-shadow:0 0 15px var(--text-magenta)}.card-placeholder{opacity:.7;text-align:center;border-style:dashed}.card-btn{display:inline-block;margin-top:15px;padding:8px 12px;background:none;color:var(--text-yellow);border:1px solid var(--text-yellow);font-family:var(--font-title);font-size:.8rem;cursor:pointer;text-decoration:none}.card-btn:hover{background:var(--text-yellow);color:#000}.modal-box{width:90%;max-width:700px;background-color:var(--bg-panel);border:var(--border-neon);padding:20px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--text-cyan);padding-bottom:10px;margin-bottom:15px}.modal-header button{background:none;border:none;color:var(--text-magenta);font-family:var(--font-title);font-size:1rem;cursor:pointer}.viewer-description{margin-top:15px;color:#fff;font-family:var(--font-body)}#cli-panel{position:fixed;bottom:0;left:0;width:100%;height:350px;background-color:var(--bg-terminal);border-top:4px double var(--text-cyan);padding:15px;display:flex;flex-direction:column;z-index:998;font-family:var(--font-body);color:var(--text-green);text-shadow:0 0 5px var(--text-green);box-shadow:0 -5px 15px #00f0ff33;transition:transform .3s ease}#cli-panel.closed{transform:translateY(100%);pointer-events:none}#cli-output{flex:1;overflow-y:auto;margin-bottom:10px;font-size:1.2rem;line-height:1.3}#cli-input-line{display:flex;align-items:center;gap:10px}.prompt{color:var(--text-yellow);text-shadow:0 0 5px var(--text-yellow)}#cli-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-green);font-family:var(--font-body);font-size:1.2rem;text-shadow:0 0 5px var(--text-green)}#cli-toggle{position:fixed;bottom:20px;right:20px;background-color:var(--bg-panel);color:var(--text-yellow);border:2px solid var(--text-yellow);font-family:var(--font-title);font-size:.85rem;padding:0 15px;height:48px;min-width:160px;cursor:pointer;z-index:999;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #ffcc004d;transition:transform .1s}#cli-toggle:active{transform:scale(.95)}#cli-toggle:hover{background-color:var(--text-yellow);color:#000;box-shadow:0 0 15px var(--text-yellow)}@media (max-width: 600px){#cli-panel{height:300px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center}.inventory-layout{display:flex;gap:30px}.inventory-grid{display:grid;grid-template-columns:repeat(4,70px);grid-template-rows:repeat(4,70px);gap:10px;background-color:#050505;padding:15px;border:3px double var(--text-cyan);width:fit-content}.inventory-slot{border:1px solid #333;background-color:#111;display:flex;align-items:center;justify-content:center;cursor:pointer;image-rendering:pixelated;transition:border-color .2s,box-shadow .2s}.inventory-slot:hover{border-color:var(--text-cyan);box-shadow:0 0 10px var(--text-cyan)}.inventory-slot.active{border-color:var(--text-yellow);box-shadow:0 0 15px var(--text-yellow)}.inventory-slot-empty{color:#444;font-family:var(--font-title);font-size:1.5rem}.inventory-details{flex:1;border:3px double var(--text-yellow);background-color:#050505;padding:20px;font-family:var(--font-body);color:#fff;text-shadow:0 0 5px #ffffff;min-height:320px}.details-header{border-bottom:2px solid var(--text-yellow);padding-bottom:10px;margin-bottom:15px}.details-row{display:flex;justify-content:space-between;margin-bottom:5px}@media (max-width: 768px){.inventory-layout{flex-direction:column;align-items:center}.inventory-details{width:100%;min-height:auto}}.guestbook-layout{display:flex;gap:30px}.leaderboard-panel{flex:1.2;border:3px double var(--text-cyan);background-color:#050505;padding:20px}.retro-table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:1.1rem;color:var(--text-green);text-shadow:0 0 5px var(--text-green)}.retro-table th{border-bottom:2px solid var(--text-cyan);padding:8px;text-align:left;font-family:var(--font-title);font-size:.8rem;color:var(--text-yellow)}.retro-table td{padding:8px;border-bottom:1px dashed #333}.guestbook-form-panel{flex:.8;border:3px double var(--text-yellow);background-color:#050505;padding:20px;font-family:var(--font-body)}.form-group label{display:block;font-size:.95rem;color:var(--text-cyan);margin-bottom:5px}.form-group input,.form-group textarea{width:100%;background:#111;border:2px solid var(--text-cyan);color:#fff;font-family:var(--font-body);font-size:1.1rem;padding:8px;outline:none}.form-group input:focus,.form-group textarea:focus{border-color:var(--text-yellow);box-shadow:0 0 10px var(--text-yellow)}.gb-submit-btn{width:100%;margin-top:20px;background-color:var(--bg-panel);color:var(--text-magenta);border:2px solid var(--text-magenta);font-family:var(--font-title);font-size:.85rem;height:48px;cursor:pointer;box-shadow:0 0 10px #f0f3;transition:transform .1s,background-color .2s}.gb-submit-btn:hover{background-color:var(--text-magenta);color:#000;box-shadow:0 0 15px var(--text-magenta)}.gb-submit-btn:active{transform:scale(.95)}@media (max-width: 768px){.guestbook-layout{flex-direction:column}}.quest-log-layout{border:3px double var(--text-cyan);background-color:#050505;padding:20px;font-family:var(--font-body)}.quest-tabs{display:flex;gap:15px;margin-bottom:20px;border-bottom:2px dashed #333;padding-bottom:15px}.quest-tab-btn{background:transparent;border:2px solid var(--text-cyan);color:var(--text-cyan);font-family:var(--font-title);font-size:.8rem;padding:8px 16px;cursor:pointer;transition:all .2s}.quest-tab-btn:hover{background-color:var(--text-cyan);color:#000;box-shadow:0 0 10px var(--text-cyan)}.quest-tab-btn.active{border-color:var(--text-yellow);color:var(--text-yellow);box-shadow:0 0 10px var(--text-yellow)}.quest-list{display:flex;flex-direction:column;gap:12px}.quest-item{border:1px solid #333;background-color:#111;padding:15px;cursor:pointer;transition:border-color .2s}.quest-item:hover{border-color:var(--text-cyan)}.quest-header{display:flex;justify-content:space-between;align-items:center}.quest-title-row{display:flex;align-items:center;gap:10px}.quest-checkbox{font-family:var(--font-title);font-size:.9rem;color:var(--text-yellow)}.quest-title{color:#fff;font-size:1.1rem}.quest-period{color:#888;font-size:.9rem}.quest-body{margin-top:15px;border-top:1px dashed #333;padding-top:15px;display:none}.quest-item.expanded .quest-body{display:block}.quest-guild{color:var(--text-cyan);font-size:.95rem;margin-bottom:5px}.quest-rewards{margin-top:10px;color:var(--text-magenta);font-family:var(--font-title);font-size:.8rem}.char-select-layout{display:flex;gap:30px;border:3px double var(--text-cyan);background-color:#050505;padding:20px;font-family:var(--font-body)}.char-left-panel{flex:.8;display:flex;flex-direction:column;gap:15px}.char-buttons{display:flex;flex-direction:column;gap:10px}.char-btn{background:transparent;border:2px solid var(--text-cyan);color:var(--text-cyan);font-family:var(--font-title);font-size:.8rem;padding:10px;cursor:pointer;text-align:left;transition:all .2s}.char-btn:hover{background-color:var(--text-cyan);color:#000;box-shadow:0 0 10px var(--text-cyan)}.char-btn.active{border-color:var(--text-yellow);color:var(--text-yellow);box-shadow:0 0 10px var(--text-yellow)}.char-portrait-box{border:3px double var(--text-yellow);background-color:#111;height:150px;display:flex;justify-content:center;align-items:center;padding:10px}.char-portrait-box svg{width:80px;height:80px;image-rendering:pixelated}.char-right-panel{flex:1.2;display:flex;flex-direction:column;gap:15px}.char-title-name{font-family:var(--font-title);font-size:1.2rem;color:var(--text-yellow);text-shadow:0 0 5px var(--text-yellow)}.char-bio-desc{font-size:.95rem;color:#ccc;line-height:1.4;min-height:60px}.char-stats-grid{display:flex;flex-direction:column;gap:10px}.char-stat-row{display:flex;align-items:center;gap:15px}.char-stat-label{width:45px;font-family:var(--font-title);font-size:.8rem;color:var(--text-cyan)}.char-stat-bar-bg{flex:1;background-color:#111;border:1px solid #333;height:20px;position:relative;overflow:hidden;border-radius:0!important}.char-stat-bar-fill{height:100%;width:0%;background-color:var(--text-green);border-radius:0!important;box-shadow:0 0 8px var(--text-green);background-image:repeating-linear-gradient(90deg,currentColor,currentColor 8px,transparent 8px,transparent 10px);transition:width .4s cubic-bezier(.1,.8,.3,1)}.char-stat-bar-fill.mp{background-color:var(--text-cyan);box-shadow:0 0 8px var(--text-cyan)}.char-stat-bar-fill.int{background-color:var(--text-yellow);box-shadow:0 0 8px var(--text-yellow)}.char-stat-bar-fill.str{background-color:var(--text-magenta);box-shadow:0 0 8px var(--text-magenta)}.char-stat-bar-fill.agi{background-color:#f55;box-shadow:0 0 8px #f55}.char-stat-val{width:50px;font-family:var(--font-title);font-size:.75rem;color:#fff;text-align:right}@media (max-width: 768px){.char-select-layout{flex-direction:column}}.contact-channels-panel{border:3px double var(--text-magenta);background-color:#050505;padding:20px;font-family:var(--font-body)}.contact-links{display:flex;gap:20px;justify-content:space-around;flex-wrap:wrap}.contact-link-item{flex:1 1 250px;display:block;text-decoration:none;border:1px dashed #333;background-color:#111;padding:10px;transition:all .2s}.contact-link-item:hover{border-color:var(--text-magenta);box-shadow:0 0 8px #ff00ff4d}.contact-label{font-family:var(--font-title);font-size:.75rem;color:var(--text-cyan);margin-bottom:4px}.contact-val{font-size:.9rem;color:var(--text-green)}.guestbook-layout{display:flex;gap:20px}@media (max-width: 992px){.guestbook-layout{flex-direction:column}}@media (max-width: 768px){.contact-links{flex-direction:column}}#game-toggle{position:fixed;bottom:20px;left:20px;background-color:var(--bg-panel);color:var(--text-magenta);border:2px solid var(--text-magenta);font-family:var(--font-title);font-size:.85rem;padding:0 15px;height:48px;min-width:160px;cursor:pointer;z-index:999;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #ff00ff4d;transition:transform .1s}#game-toggle:active{transform:scale(.95)}#game-toggle:hover{background-color:var(--text-magenta);color:#000;box-shadow:0 0 15px var(--text-magenta)}#game-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,150vh);width:75vw;height:75vh;max-width:800px;max-height:580px;background-color:var(--bg-panel);border:6px double var(--text-magenta);padding:20px;z-index:998;display:flex;flex-direction:column;box-shadow:0 0 30px #f0f6;transition:transform .4s cubic-bezier(.175,.885,.32,1.15);font-family:var(--font-body)}#game-panel .terminal-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:15px;background-color:#050505;min-height:0;gap:12px}#game-canvas{flex:1;min-height:0;width:100%;max-width:100%;aspect-ratio:280 / 180;image-rendering:pixelated;image-rendering:crisp-edges;outline:none;background-color:#000;border:3px solid var(--text-cyan)}.game-stats{font-family:var(--font-title);font-size:.65rem;color:var(--text-yellow);display:flex;gap:20px}.game-instructions{font-size:.75rem;color:#888;text-align:center}.pixelated-photo-container{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#000;border:2px solid var(--text-cyan)}.pixelated-photo-container.developer{border-color:var(--text-cyan)}.pixelated-photo-container.artist{border-color:var(--text-yellow)}.pixelated-photo-container.gamer{border-color:var(--text-magenta)}.retro-photo{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;filter:grayscale(1) contrast(1.8) brightness(1.1);display:block}.pixelated-photo-container:not(.has-fallback):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.pixelated-photo-container.has-fallback:after{display:none}.pixelated-photo-container.developer:after{background-color:var(--text-cyan);mix-blend-mode:multiply}.pixelated-photo-container.artist:after{background-color:var(--text-yellow);mix-blend-mode:multiply}.pixelated-photo-container.gamer:after{background-color:var(--text-magenta);mix-blend-mode:multiply}.fallback-sprite{width:100%;height:100%}@media (max-width: 768px){.contact-link-item{flex:none!important;width:100%!important;height:auto!important}}@media (max-width: 600px){.grid-section h2{font-size:.95rem!important}.leaderboard-panel h3,.guestbook-form-panel h3{font-size:.8rem!important}.quest-tab-btn{font-size:.65rem!important;padding:6px 10px!important;white-space:nowrap!important}.quest-tabs{gap:8px!important;justify-content:center!important}.quest-checkbox{font-size:.75rem!important}.quest-title{font-size:.75rem!important;white-space:nowrap!important}.quest-period{font-size:.65rem!important;white-space:nowrap!important}.quest-header{gap:8px!important;overflow:hidden!important}.quest-title-row{flex:1!important;min-width:0!important;overflow:hidden!important}.retro-table{font-size:.8rem!important}.retro-table th{font-size:.65rem!important;padding:4px!important}.retro-table td{padding:6px 4px!important;word-break:break-word!important;overflow-wrap:anywhere!important}#cli-toggle,#game-toggle{min-width:0!important;width:calc(50% - 30px)!important;font-size:.75rem!important;padding:0 5px!important}#cli-panel:not(.closed)~#cli-toggle{bottom:260px!important;right:15px!important;height:32px!important;min-width:0!important;width:auto!important;font-size:.7rem!important;padding:0 10px!important}}body:has(#cli-panel:not(.closed)) #game-toggle{display:none!important}#cli-panel:not(.closed)~#cli-toggle{bottom:310px;height:32px;min-width:0;width:auto;font-size:.7rem;padding:0 10px}#crt-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 4px,6px 100%;pointer-events:none;z-index:9999}body:after{content:" ";display:block;position:fixed;top:0;left:0;bottom:0;right:0;background:#1210101a;opacity:0;z-index:9998;pointer-events:none;animation:flicker .15s infinite}@keyframes flicker{0%{opacity:.27861}5%{opacity:.34769}10%{opacity:.23604}15%{opacity:.90626}20%{opacity:.18128}25%{opacity:.83891}30%{opacity:.65583}35%{opacity:.67807}40%{opacity:.26559}45%{opacity:.84693}50%{opacity:.96019}55%{opacity:.13594}60%{opacity:.88013}65%{opacity:.19083}70%{opacity:.63403}75%{opacity:.53654}80%{opacity:.82469}85%{opacity:.2101}90%{opacity:.4439}95%{opacity:.98247}to{opacity:.46356}}