.nav-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1.5rem 0;padding:0.75rem 0}.nav-button{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--border);background:var(--bg-input);color:var(--text);cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all 0.2s;margin:0;padding:0}.nav-button:hover{background:var(--bg-elevated);border-color:var(--primary-dark)}.nav-button:active{background:var(--primary-dark);color:var(--primary-very-light)}#section-counter{font-family:system-ui,sans-serif;font-size:0.9rem;color:var(--text-dim);margin:0 1rem;padding:0;line-height:1}.scene-viewport{width:75%;margin:0 auto;position:relative;padding-top:42.1875%;overflow:hidden;border-radius:10px;border:1px solid var(--border);background:var(--bg);container-type:inline-size;container-name:viewport}.scene-section{position:absolute;top:0;left:0;width:100%;height:100%;display:none;aspect-ratio:16/9;display:flex !important;align-items:center;justify-content:center}.scene-section img{height:100%;width:auto;object-fit:contain;position:absolute;left:50%;top:50%;transform-origin:center center;transition:transform 0.3s ease}.visual-novel-box{border:0.2cqw solid var(--border);border-radius:1cqw;padding:0.4cqw 2cqw;background:rgba(22,32,50,0.92);box-shadow:var(--shadow);width:90%;min-width:85%;font-size:2.1cqw;position:absolute;bottom:2cqw;left:50%;transform:translateX(-50%);backdrop-filter:blur(8px)}.visual-novel-box:has(.character-name){padding-top:0.8cqw}.visual-novel-box.hidden{opacity:0;pointer-events:none;transition:opacity 0.2s}.character-name,.choice-name{font-family:'Georgia',serif;font-size:2.4cqw;font-weight:bold;padding:0 1.5cqw;background:var(--primary-dark);color:var(--primary-very-light);border-radius:0.5cqw;margin:0;transform:translateY(-60%);width:max-content;position:absolute;top:0;left:1cqw}.dialog-content{font-size:2.1cqw;line-height:1.4;max-height:15cqw;overflow-y:auto;padding:0.4cqw 0.5cqw;color:var(--text)}.choices-section{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;padding:2cqw;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2cqw;background:rgba(15,23,32,0.7);backdrop-filter:blur(4px)}.choice-form{width:90%;min-width:85%}.choice-box{width:100%;border:0.2cqw solid var(--border);border-radius:1cqw;padding:0.5cqw 1.5cqw;background:rgba(22,32,50,0.92);box-shadow:var(--shadow);transition:all 0.2s ease;position:relative;backdrop-filter:blur(8px)}.choice-box:has(.choice-name){padding-top:1.5cqw}.choice-box:hover{transform:translateY(-0.3cqw);border-color:var(--primary-dark);box-shadow:0 0.6cqw 0.8cqw rgba(0,0,0,0.25)}.choice-box.selected{border-color:var(--primary);background:rgba(28,42,64,0.95);box-shadow:0 0 0 0.15cqw var(--primary-dark)}.choice-button{width:100%;background:none;border:none;padding:0;font-size:2.1cqw;line-height:1.4;cursor:pointer;color:var(--text);text-align:left;font-family:inherit}.end-screen{position:absolute;font-size:1.6cqw;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:2cqw;color:var(--text)}.end-screen h1{margin-bottom:1.5cqw;color:var(--text-dim)}.restart-button{background:var(--primary-dark);color:var(--primary-very-light);padding:1cqw 2cqw;border:1px solid var(--primary);border-radius:0.5cqw;font-size:1.6cqw;cursor:pointer;transition:all 0.2s;font-family:inherit}.restart-button:hover{background:var(--primary);color:var(--bg)}