:root{--bg-color:#050505;--text-color:#e0e0e0;--cyan:#0ff;--magenta:#f0f;--lime:#0f0;--chunk-border:4px solid var(--text-color)}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:'Press Start 2P',monospace;font-size:14px;line-height:1.5;overflow:hidden;display:flex;justify-content:center;align-items:center;height:100vh;height:100dvh;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) max(15px,env(safe-area-inset-bottom,15px)) env(safe-area-inset-left,0);touch-action:manipulation}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#111;border-left:1px solid #333}::-webkit-scrollbar-thumb{background:var(--magenta);border:1px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:var(--lime)}.scanlines{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.25) 50%),linear-gradient(90deg,rgba(255,0,0,.06),rgba(0,255,0,.02),rgba(0,0,255,.06));background-size:100% 4px,3px 100%;pointer-events:none;z-index:9999}#app{width:100%;max-width:400px;height:100%;max-height:800px;position:relative;display:flex;flex-direction:column;padding:20px;border:var(--chunk-border);border-color:var(--cyan);box-shadow:inset 0 0 15px rgba(0,255,255,.3);background:#111}.screen{position:relative;z-index:1;display:none;flex-direction:column;height:100%;width:100%;overflow-y:auto;overflow-x:hidden}.screen.active{display:flex}h1,h2,h3{text-align:center;text-shadow:2px 2px var(--magenta),1px 1px 0 #000;margin-top:0}.btn{border:4px solid var(--lime);background:var(--bg-color);color:var(--lime);font-family:inherit;font-size:16px;padding:15px;margin:10px 0;cursor:pointer;text-transform:uppercase;box-shadow:4px 4px 0 var(--lime);transition:all .1s}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--lime)}.btn-magenta{border-color:var(--magenta);color:var(--magenta);box-shadow:4px 4px 0 var(--magenta)}.btn-cyan{border-color:var(--cyan);color:var(--cyan);box-shadow:4px 4px 0 var(--cyan)}#intro-screen{align-items:center;text-align:center}.intro-header{flex-shrink:0;width:100%}.intro-scroll{flex-grow:1;overflow-y:auto;overflow-x:hidden;width:100%;min-height:0;padding:0 5px}.intro-footer{flex-shrink:0;width:100%;padding-top:10px}.body-text{font-family:'Departure Mono','Courier New',monospace;font-size:14px;line-height:1.6}.blink{animation:blinker 1s linear infinite}@keyframes blinker{50%{opacity:0}}.era-block{margin-bottom:20px;border:2px dashed #444;padding:10px}.era-title{color:var(--cyan);font-size:14px;margin-bottom:10px}.civ-item{padding:10px;margin-bottom:10px;border:2px solid #555;background:#222;cursor:not-allowed;color:#777;text-align:center}.civ-item.unlocked{border-color:var(--lime);color:var(--text-color);cursor:pointer;background:#000}.civ-item.unlocked:active{background:var(--lime);color:#000}.game-header{display:flex;justify-content:space-between;margin-bottom:20px;font-size:12px;color:var(--cyan)}.progress-container{width:100%;height:10px;background:#333;border:2px solid var(--lime);margin-bottom:20px}.progress-bar{height:100%;background:var(--lime);width:0%;transition:width .3s}.card-container{flex-grow:1;position:relative;perspective:1000px}.card{position:absolute;top:15%;left:15px;right:15px;bottom:20%;border:4px solid var(--magenta);background:rgba(0,0,0,.6);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding:20px;display:flex;flex-direction:column;justify-content:center;text-align:center;box-shadow:inset 0 0 10px rgba(255,0,255,.2);transition:transform .3s ease-out,opacity .3s;user-select:none}.card.swiping-left{transform:translateX(-150%) rotate(-15deg);opacity:0}.card.swiping-right{transform:translateX(150%) rotate(15deg);opacity:0}.card-text{font-size:16px;line-height:1.6;text-shadow:2px 2px 3px rgba(0,0,0,.9),1px 1px 0 #000}.controls{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-bottom:15px}.controls .btn{flex:1;font-size:14px;padding:12px 5px}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:100;padding:20px}.modal-content{background:var(--bg-color);border:4px solid var(--cyan);padding:20px;width:100%;text-align:center;box-shadow:0 0 20px rgba(0,255,255,.4)}.modal-text{margin-bottom:20px;font-size:16px;line-height:1.6}.hidden{display:none!important}body.lang-hi,body.lang-hi .btn,body.lang-zh,body.lang-zh .btn{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;letter-spacing:.5px}body.lang-hi .card-text,body.lang-zh .card-text{font-size:18px!important;line-height:1.5;text-shadow:1px 1px 3px rgba(0,0,0,.9)!important}body.lang-hi h1,body.lang-hi h2,body.lang-hi h3,body.lang-zh h1,body.lang-zh h2,body.lang-zh h3{text-shadow:2px 2px var(--magenta),1px 1px 2px #000!important}body.lang-hi div,body.lang-hi p,body.lang-zh div,body.lang-zh p{text-shadow:1px 1px 2px rgba(0,0,0,.9)}