*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#e8e8e8;line-height:1.6;min-height:100vh;overflow-x:hidden}#app{max-width:800px;margin:0 auto;padding:20px;min-height:100vh}.story-container{background:#000000b3;border:2px solid #4a90e2;border-radius:15px;padding:30px;margin-bottom:30px;box-shadow:0 10px 30px #00000080;backdrop-filter:blur(10px)}.story-title{color:#4a90e2;font-size:2.5em;margin-bottom:20px;text-align:center;text-shadow:0 0 10px rgba(74,144,226,.5);font-weight:300}.story-content{font-size:1.2em;margin-bottom:30px;text-align:justify;white-space:pre-line;line-height:1.8;color:#f0f0f0}.choices-container{display:flex;flex-direction:column;gap:15px}.choice-button{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;padding:15px 25px;border-radius:10px;font-size:1.1em;cursor:pointer;transition:all .3s ease;text-align:left;box-shadow:0 5px 15px #4a90e24d}.choice-button:hover{background:linear-gradient(135deg,#357abd,#2d5aa0);transform:translateY(-2px);box-shadow:0 8px 25px #4a90e266}.choice-button:active{transform:translateY(0)}.number-display{background:#000c;border:2px solid #50c878;border-radius:10px;padding:20px;margin-bottom:30px;text-align:center;box-shadow:0 5px 20px #50c8784d}.number-value{font-size:3em;color:#50c878;font-weight:700;text-shadow:0 0 15px rgba(80,200,120,.5);display:block;margin:10px 0}.number-rate{font-size:1.2em;color:#90ee90;font-style:italic}.actions-container{background:#000000b3;border:2px solid #ff6b6b;border-radius:10px;padding:25px;margin-bottom:30px;box-shadow:0 5px 20px #ff6b6b4d}.actions-container h3{color:#ff6b6b;margin-bottom:20px;text-align:center;font-size:1.5em}.action-button{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:1em;cursor:pointer;transition:all .3s ease;margin:5px;box-shadow:0 3px 10px #ff6b6b4d}.action-button:hover{background:linear-gradient(135deg,#ee5a52,#d63031);transform:translateY(-2px);box-shadow:0 5px 15px #ff6b6b66}.menu-button{background:linear-gradient(135deg,#6c5ce7,#5f3dc4);color:#fff;border:none;padding:12px 25px;border-radius:25px;font-size:1.1em;cursor:pointer;transition:all .3s ease;position:fixed;top:20px;right:20px;z-index:1000;box-shadow:0 5px 15px #6c5ce74d}.menu-button:hover{background:linear-gradient(135deg,#5f3dc4,#4c2bb3);transform:translateY(-2px);box-shadow:0 8px 25px #6c5ce766}.menu-panel{background:#000000e6;border:2px solid #6c5ce7;border-radius:15px;padding:25px;position:fixed;top:80px;right:20px;z-index:999;min-width:200px;box-shadow:0 10px 30px #000000b3;backdrop-filter:blur(15px)}.menu-panel button{background:linear-gradient(135deg,#6c5ce7,#5f3dc4);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:1em;cursor:pointer;transition:all .3s ease;margin:5px 0;width:100%;box-shadow:0 3px 10px #6c5ce74d}.menu-panel button:hover{background:linear-gradient(135deg,#5f3dc4,#4c2bb3);transform:translateY(-2px);box-shadow:0 5px 15px #6c5ce766}.stats-panel{background:#000c;border:2px solid #fdcb6e;border-radius:10px;padding:25px;margin-bottom:30px;box-shadow:0 5px 20px #fdcb6e4d}.stats-panel h3{color:#fdcb6e;margin-bottom:20px;text-align:center;font-size:1.5em}.stats-content p{margin:10px 0;padding:8px;background:#fdcb6e1a;border-radius:5px;border-left:3px solid #fdcb6e}.temp-message{animation:slideIn .5s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){#app{padding:15px}.story-container{padding:20px}.story-title{font-size:2em}.story-content{font-size:1.1em}.humanity-value{font-size:2.5em}.menu-button{top:15px;right:15px;padding:10px 20px;font-size:1em}.menu-panel{top:70px;right:15px;min-width:180px}}@media (max-width: 480px){.story-title{font-size:1.8em}.story-content{font-size:1em}.choice-button{padding:12px 20px;font-size:1em}.action-button{padding:10px 15px;font-size:.9em}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#357abd,#2d5aa0)}button:focus,.choice-button:focus,.action-button:focus{outline:2px solid #4a90e2;outline-offset:2px}.story-container,.humanity-display,.actions-container,.stats-panel{animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.story-container:hover,.humanity-display:hover,.actions-container:hover,.stats-panel:hover{transform:translateY(-5px);transition:transform .3s ease}.choice-button:hover:before{content:"▶";margin-right:10px;color:#ffffffb3;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}