*{box-sizing:border-box;margin:0;padding:0}body{font-family:Helvetica Neue,Arial,sans-serif;background-color:#000;color:#fff;overflow:hidden;width:100vw;height:100vh;margin:0;padding:0}#root{width:100%;height:100%}.game-container{display:flex;flex-direction:column;width:100%;height:100%}.visual-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.story-area{position:absolute;bottom:0;left:0;width:100%;height:auto;min-height:20%;background:linear-gradient(to top,rgba(0,0,0,.95) 10%,rgba(0,0,0,.6) 80%,transparent 100%);z-index:20;transition:opacity .3s ease;padding-bottom:3%;overflow:hidden}.story-area.hidden{opacity:0;pointer-events:none}.text-box{position:relative;width:100%;background-color:transparent;color:#fff;padding:40px 40px 0;cursor:pointer;font-family:sans-serif;font-size:24px;line-height:1.6;box-sizing:border-box}.text-box-name{font-weight:700;margin-bottom:10px;color:#fc0}.text-content-wrapper{position:relative;width:100%}.text-ghost{visibility:hidden;white-space:pre-wrap}.text-visible{position:absolute;top:0;left:0;width:100%;height:100%;white-space:pre-wrap}.text-cursor{display:inline-block;margin-left:5px;animation:blink 1s infinite}.text-cursor-placeholder{display:inline-block;margin-left:5px;opacity:0}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.title-menu-container{position:absolute;bottom:2%;left:50%;transform:translate(-50%);width:70%;max-width:480px;display:flex;flex-direction:column;align-items:stretch;gap:12px;z-index:10;padding:20px;background:linear-gradient(to top,#000c,#0000);border-radius:20px 20px 0 0}.title-menu-buttons-row{display:flex;gap:15px;width:100%}.title-menu-secondary-row{margin-top:8px;display:flex;flex-direction:column;gap:15px;align-items:flex-end;width:100%}.chapter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%}.title-button{min-width:auto;padding:12px 20px;font-size:1.1rem;cursor:pointer;background-color:#0f0f23e6;border:3px solid rgba(180,180,240,.7);border-radius:12px;color:#fff;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 16px #0009,inset 0 1px #ffffff1a;font-family:inherit;text-align:center;width:100%}.title-button:hover{background-color:#46468cf2;border-color:#e6e6ff;transform:scale(1.05);box-shadow:0 8px 24px #7878ff99,inset 0 1px #fff3}.title-button:active{transform:scale(1)}.secondary-button{padding:8px 12px;font-size:1rem;cursor:pointer;background-color:#0f0f23d9;border:1px solid rgba(180,180,240,.5);border-radius:8px;color:#e0e0ff;font-weight:600;letter-spacing:1px;text-transform:uppercase;transition:all .2s ease;box-shadow:0 4px 10px #0006;font-family:inherit;min-width:auto;text-align:center}.secondary-button:hover:not(:disabled){background-color:#282850e6;border-color:#fff;color:#fff;transform:translateY(-2px)}.secondary-button:disabled{cursor:not-allowed;opacity:.6}.menu-buttons-container{position:absolute;top:10px;right:10px;z-index:20;display:flex;gap:10px;transition:opacity .3s ease}.menu-buttons-container.hidden{opacity:0;pointer-events:none}.icon-button{background:none;border:none;cursor:pointer;padding:5px;transition:transform .2s}.icon-button:hover{transform:scale(1.1)}.icon-button img{width:40px;height:40px}.ending-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#00000080;z-index:30}.ending-text{color:#ff0;font-size:48px;font-weight:700;margin-bottom:40px;text-shadow:2px 2px 4px black}.ending-button{padding:1rem 3rem;font-size:1.5rem;cursor:pointer;background-color:#ffffffe6;border:none;border-radius:5px;color:#333;font-weight:700}@media(max-width:768px){.title-menu-container{width:90%;bottom:5%}.icon-button{padding:10px}.text-box{padding:15px 20px;font-size:18px;line-height:1.4}.text-box-name{margin-bottom:5px;font-size:20px}}