.nav a{color:var(--muted);padding:12px;text-decoration:none;font-size:14px}
.rail-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:16px 10px;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;color:var(--ink);font-size:14px}.rail-trigger span{margin-left:auto}.rail-trigger[aria-expanded=true]{color:var(--cyan);background:#66bfff15}
.rail .rail-bottom button{width:100%;background:none;border:1px solid var(--line);padding:10px;margin-top:10px;border-radius:5px}.rail .rail-bottom button:disabled{opacity:.45}
.game-drawer{position:fixed;inset:auto;margin:0;top:145px;left:245px;width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 175px);padding:24px;border:1px solid #80b8e280;border-radius:2px 18px 2px 18px;color:var(--ink);background:#12273bf5;box-shadow:0 20px 70px #0005;backdrop-filter:blur(22px);overflow:auto}
.game-drawer::backdrop{background:#00000022}
.drawer-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.drawer-head h2{font-size:19px;margin:0}.drawer-close{width:30px;height:30px;border:1px solid var(--line);background:none;border-radius:4px}
.drawer-facts{margin:0}.drawer-facts div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.drawer-facts dt{color:var(--muted)}.drawer-facts dd{margin:0}
.skill-item{border-bottom:1px solid var(--line);padding:13px 0}.skill-item button{width:100%;display:flex;justify-content:space-between;padding:9px 0;background:none;border:0;font-size:15px;text-align:left}.skill-item button span{font-size:12px;color:var(--cyan)}.skill-item button:disabled{opacity:.45}.skill-item p{font-size:12px;color:var(--muted);margin:2px 0 8px}
.drawer-note{color:var(--muted);font-size:12px;line-height:1.8}.drawer-message{color:var(--cyan);font-size:14px;min-height:24px}.drawer-action{background:#2469bf;border:1px solid #83b7eb;padding:11px 16px;border-radius:5px;color:white;margin:8px 0}.drawer-action.secondary{background:transparent;color:var(--ink);border-color:var(--line)}
.game-drawer textarea{width:100%;min-height:110px;padding:12px;border:1px solid var(--line);border-radius:4px;background:#071a2e66;color:var(--ink);font:15px 'Microsoft YaHei'}.game-drawer audio{width:100%;margin-top:12px}
.paused-banner{padding:14px;border:1px solid var(--line);margin-bottom:15px;color:var(--cyan)}.paused-banner[hidden]{display:none}
html[data-theme=light] .game-drawer{background:#f1f8fff5;border-color:#86a9cd;box-shadow:0 20px 70px #2e557144}
html[data-theme=light] .game-drawer textarea{background:#fff}
@media(max-width:700px){.rail{display:flex;flex-direction:column}.rail>.rail-card:first-child{display:none}.rail>.rail-card:nth-child(2){display:flex;padding:4px}.rail-trigger{justify-content:center;font-size:12px;padding:12px 4px;gap:4px}.rail .rail-bottom{margin:0;padding:0;border:0;display:flex;gap:10px}.rail .rail-bottom button{margin:0}.game-drawer{left:16px;top:90px;max-height:calc(100dvh - 110px)}}
.game-drawer.skill-feedback-window{inset:0;margin:auto;width:660px;height:fit-content;max-height:calc(100dvh - 40px);padding:30px;background-image:linear-gradient(125deg,#9ddbff12,transparent 42%,#70b4ee10);border-radius:3px 28px 3px 28px;border-top-color:#d9f1ff;box-shadow:inset 0 1px 0 #ffffff80,inset 1px 0 0 #caedff30,0 24px 90px #00102370}
.skill-feedback-window .drawer-head{padding-bottom:16px;border-bottom:1px solid var(--line)}
.skill-feedback-window .drawer-close{position:relative;flex:0 0 42px;width:42px;height:42px;border:0;font-size:25px;display:grid;place-items:center}
.drawer-close svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:2}.countdown-track{stroke:var(--line)}.countdown-progress{stroke:var(--cyan);stroke-dasharray:100;stroke-dashoffset:0}
.skill-kicker,.skill-ai-label{color:var(--muted);font-size:13px}.skill-prompt{font-size:25px;line-height:1.5;margin:22px 0 12px}.skill-guidance{font-size:19px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0 24px}
.feedback-window-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:13px}
.skill-score-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:22px 0 26px}.skill-score{display:flex;align-items:center;flex-direction:column;padding:14px 4px;border:1px solid var(--line);border-radius:2px 12px 2px 12px}.skill-score span{font-size:13px}.skill-score strong{font:36px/1.6 var(--mono)}.skill-score small{font-size:11px;color:var(--muted)}.skill-score.increased{border-color:var(--cyan);background:#2199e21a;box-shadow:inset 0 1px #ddfaffb0,0 0 18px #3ab9ff15}.skill-score.increased strong,.skill-score.increased small{color:var(--cyan)}
#record-indicator{background:transparent;border:1px solid var(--line);border-radius:20px;padding:6px 10px;display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}#record-indicator i{width:7px;height:7px;border-radius:50%;background:#8394a7;flex-shrink:0}#record-indicator.is-recording i{background:#21bf7c;box-shadow:0 0 0 4px #21bf7c1c}#creative-error{color:#d66065}
.choices.has-d{grid-template-columns:repeat(2,minmax(0,1fr))}.choices.has-d .choice{min-height:100px;overflow-wrap:anywhere}
@media(max-width:900px){header{flex-wrap:wrap;height:auto;min-height:100px;padding:12px 0;gap:10px}#record-indicator{margin-left:auto}}
@media(max-width:500px){.game-drawer.skill-feedback-window{padding:20px;width:calc(100vw - 32px)}.skill-score-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-guidance{font-size:17px}.choices.has-d{grid-template-columns:1fr}}