.pixel-container{font-family:DotGothic16,monospace;background-color:#f5f0e6;color:#1a1a2e;image-rendering:pixelated}.pixel-border{border:none;box-shadow:-4px 0 #1a1a2e,4px 0 #1a1a2e,0 -4px #1a1a2e,0 4px #1a1a2e,-4px -4px #1a1a2e,4px -4px #1a1a2e,-4px 4px #1a1a2e,4px 4px #1a1a2e}.pixel-border-inset{border:none;box-shadow:inset -3px 0 #1a1a2e,inset 3px 0 #1a1a2e,inset 0 -3px #1a1a2e,inset 0 3px #1a1a2e}.pixel-btn{font-family:DotGothic16,monospace;background-color:#e8e0d0;color:#1a1a2e;padding:8px 16px;cursor:pointer;position:relative;transition:transform .1s;box-shadow:-3px 0 #1a1a2e,3px 0 #1a1a2e,0 -3px #1a1a2e,0 3px #1a1a2e,3px 3px #1a1a2e;border:none;outline:none}.pixel-btn:hover{background-color:#d4c9b4}.pixel-btn:active{transform:translate(2px,2px);box-shadow:-3px 0 #1a1a2e,3px 0 #1a1a2e,0 -3px #1a1a2e,0 3px #1a1a2e}.pixel-btn-primary{background-color:#c0392b;color:#f5f0e6}.pixel-btn-primary:hover{background-color:#a93226}.pixel-btn:disabled{opacity:.4;cursor:not-allowed}.pixel-btn:disabled:hover{background-color:#e8e0d0}.pixel-btn:disabled:active{transform:none;box-shadow:-3px 0 #1a1a2e,3px 0 #1a1a2e,0 -3px #1a1a2e,0 3px #1a1a2e,3px 3px #1a1a2e}.pixel-bar-container{height:16px;background-color:#2a2a3e;position:relative;box-shadow:inset -2px 0 #1a1a2e,inset 2px 0 #1a1a2e,inset 0 -2px #1a1a2e,inset 0 2px #1a1a2e}.pixel-bar-fill{height:100%;transition:width .3s ease;image-rendering:pixelated;background-image:repeating-linear-gradient(90deg,transparent,transparent 5px,rgba(0,0,0,.15) 5px,rgba(0,0,0,.15) 6px)}.pixel-frame{background-color:#f5f0e6;padding:12px;box-shadow:-4px 0 #1a1a2e,4px 0 #1a1a2e,0 -4px #1a1a2e,0 4px #1a1a2e,-4px -4px #1a1a2e,4px -4px #1a1a2e,-4px 4px #1a1a2e,4px 4px #1a1a2e}@keyframes pixel-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pixel-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pixel-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes pixel-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-pixel-fade-in{animation:pixel-fade-in .3s ease-out}.animate-pixel-pulse{animation:pixel-pulse 1.5s ease-in-out infinite}.animate-pixel-shake{animation:pixel-shake .4s ease-in-out}.animate-pixel-slide-up{animation:pixel-slide-up .4s ease-out}.episode-pip{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;box-shadow:-2px 0 #1a1a2e,2px 0 #1a1a2e,0 -2px #1a1a2e,0 2px #1a1a2e}.episode-pip-done{background-color:#27ae60;color:#f5f0e6}.episode-pip-current{background-color:#e67e22;color:#f5f0e6}.episode-pip-future{background-color:#e8e0d0;color:#4a4a6e}.episode-pip-delayed{background-color:#c0392b;color:#f5f0e6}.pixel-container ::-webkit-scrollbar{width:8px}.pixel-container ::-webkit-scrollbar-track{background:#e8e0d0}.pixel-container ::-webkit-scrollbar-thumb{background:#1a1a2e}.day-counter{font-size:.75rem;letter-spacing:.05em}.event-card{background-color:#f5f0e6;box-shadow:-4px 0 #1a1a2e,4px 0 #1a1a2e,0 -4px #1a1a2e,0 4px #1a1a2e,-4px -4px #1a1a2e,4px -4px #1a1a2e,-4px 4px #1a1a2e,4px 4px #1a1a2e,-8px 0 #e8e0d0,8px 0 #e8e0d0,0 -8px #e8e0d0,0 8px #e8e0d0}.critical-vignette{position:fixed;inset:0;pointer-events:none;z-index:50;animation:vignette-pulse 2s ease-in-out infinite}@keyframes vignette-pulse{0%,to{box-shadow:inset 0 0 80px 20px #c0392b4d}50%{box-shadow:inset 0 0 120px 40px #c0392b80}}@keyframes critical-shake{0%,to{transform:translate(0) translateY(0)}10%{transform:translate(-6px) translateY(-2px)}20%{transform:translate(6px) translateY(2px)}30%{transform:translate(-6px) translateY(-1px)}40%{transform:translate(6px) translateY(1px)}50%{transform:translate(-4px) translateY(-2px)}60%{transform:translate(4px) translateY(2px)}70%{transform:translate(-4px)}80%{transform:translate(4px)}90%{transform:translate(-2px)}}.animate-critical-shake{animation:critical-shake .6s ease-in-out}@keyframes critical-flash{0%,to{opacity:1}50%{opacity:.3}}.animate-critical-flash{animation:critical-flash .8s ease-in-out infinite}@keyframes rank-reveal{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.animate-rank-reveal{animation:rank-reveal .8s cubic-bezier(.34,1.56,.64,1)}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.cursor-blink:after{content:"▎";animation:blink-cursor .8s step-end infinite}.ending-crack-overlay{position:fixed;inset:0;pointer-events:none;z-index:100;animation:crack-appear 1.5s ease-out forwards}@keyframes crack-appear{0%{opacity:0}20%{opacity:0}25%{opacity:1}to{opacity:1}}.ending-crack-overlay:before{content:"";position:absolute;inset:0;background:linear-gradient(175deg,transparent 48.5%,rgba(30,30,30,.8) 48.5%,rgba(30,30,30,.8) 49.5%,transparent 49.5%),linear-gradient(155deg,transparent 40%,rgba(30,30,30,.6) 40%,rgba(30,30,30,.6) 40.8%,transparent 40.8%),linear-gradient(200deg,transparent 55%,rgba(30,30,30,.6) 55%,rgba(30,30,30,.6) 55.8%,transparent 55.8%),linear-gradient(165deg,transparent 62%,rgba(30,30,30,.5) 62%,rgba(30,30,30,.5) 62.5%,transparent 62.5%);animation:crack-flash .15s ease-out .3s}.ending-crack-overlay:after{content:"";position:absolute;inset:0;background:#0006;animation:crack-darken 2s ease-in .5s forwards;opacity:0}@keyframes crack-flash{0%{filter:brightness(3)}to{filter:brightness(1)}}@keyframes crack-darken{to{opacity:1}}.ending-crack-shake{animation:crack-shake .5s ease-out}@keyframes crack-shake{0%{transform:translate(0)}10%{transform:translate(-8px,-4px)}20%{transform:translate(8px,2px)}30%{transform:translate(-6px,4px)}40%{transform:translate(6px,-2px)}50%{transform:translate(-4px,2px)}60%{transform:translate(4px,-1px)}70%{transform:translate(-2px,1px)}80%{transform:translate(2px)}to{transform:translate(0)}}.ending-fadeout-overlay{position:fixed;inset:0;pointer-events:none;z-index:100;background:#000;animation:ending-fadeout 3s ease-in forwards}@keyframes ending-fadeout{0%{opacity:0}30%{opacity:0}60%{opacity:.6}80%{opacity:.85}90%{opacity:.5}95%{opacity:.9}to{opacity:0}}.ending-confetti{position:fixed;inset:0;pointer-events:none;z-index:100;overflow:hidden}.confetti-piece{position:absolute;width:8px;height:8px;top:-10px;animation:confetti-fall 3s ease-in forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}75%{opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.ending-gold-glow{position:fixed;inset:0;pointer-events:none;z-index:99;animation:gold-glow 2s ease-in-out}@keyframes gold-glow{0%{box-shadow:inset 0 0 #ffd70000}30%{box-shadow:inset 0 0 100px 30px #ffd7004d}60%{box-shadow:inset 0 0 60px 15px #ffd70026}to{box-shadow:inset 0 0 #ffd70000}}