[hidden]{display:none!important}
main{min-height:780px;height:100dvh}header{padding:10px 22px;flex-shrink:0}#chapter{max-width:160px}
#reaction{padding:12px 24px 10px;text-align:center;background:linear-gradient(110deg,#070e23,#0a0e22,#121020);border-bottom:1px solid #9db8ff33;flex-shrink:0}
#thought-count{margin:0 0 5px}#thought{max-width:1040px;margin:0 auto;font-size:clamp(18px,2vw,26px);line-height:1.35;font-weight:400;color:#f0f4ff}#route-status{margin:7px 0 0;color:#b9cfff;font-size:12px;min-height:18px}
#pool{min-height:350px}.water-label{position:absolute;top:calc(32% - 83px);transform:translateX(-50%);text-align:center;font-size:17px;padding:7px 13px;border:1px solid transparent;border-radius:16px;pointer-events:none;background:#04081acc;width:35%;max-width:35%;line-height:1.25}.water-label span{display:block;font-size:10px;margin-top:4px;color:#b8c7e2}.moon-label{left:20%;color:#bed1ff}.ember-label{left:80%;color:#ffe1a5}.water-label[data-selected=true]{border-color:currentColor;box-shadow:0 0 24px #b8c9ff20}#combo{left:50%;top:16px;transform:translateX(-50%);text-align:center;min-width:100px}#combo strong{font-size:24px}#combo small{max-width:140px}#notice{top:auto;bottom:65px;background:#030715d9;border-radius:12px;padding:3px 8px;max-width:480px}#notice:empty{display:none}#progress{max-width:70%}
footer{flex-shrink:0;min-height:126px;padding:12px 22px;align-items:center;gap:18px}.feedback-area{flex:1;max-width:850px}#instruction{font-size:20px;font-weight:400;line-height:1.25;margin:0}#help{font-size:12px;line-height:1.5;margin:6px 0}#reflect-heading{font-size:14px;color:#e8f1ff;margin:8px 0}#reflect-heading span{font-size:11px;color:#afbfdb}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:330px}.actions button{font-size:12px}#next,#resume,#onward,#transfer{background:linear-gradient(135deg,#9db8ff,#ffd27d);color:#080e20;border-color:transparent}.choice-row{display:flex;flex-wrap:wrap;gap:7px}.choice-row button{padding:9px 16px;font-size:13px}#route-controls{font-size:11px;color:#b6c8e8;text-align:right}#route-controls summary{cursor:pointer;padding:7px}#route-controls .choice-row{justify-content:flex-end}#route-controls button{font-size:11px}#route-controls[open]{flex-basis:100%}
.quiet{border:0;background:transparent;color:#a7b9d9;margin-top:18px;padding-left:0}.small{font-size:12px!important;color:#a9bbd8!important}h3{font-size:17px;font-weight:500;margin-bottom:9px}dialog{max-height:88dvh;overflow:auto;background:#080f22}#ending,#review{width:min(600px,calc(100vw - 28px))}#personal-list p,#review-list p{padding:9px 12px;margin:7px 0;border:1px solid #9db8ff30;border-radius:9px;font-size:14px}#onward{display:inline-block;padding:12px 18px}.keys{margin-top:8px}
@media(max-width:600px){main{min-height:840px}header{padding:9px 12px}#chapter{max-width:95px}#reaction{padding:10px 15px}#thought{font-size:18px}#route-status{font-size:11px}#pool{min-height:340px}.water-label{font-size:14px;padding:5px 7px;width:39%;max-width:39%;top:calc(32% - 64px)}.water-label span{font-size:9px}#combo{top:8px}#combo>span{font-size:8px}#combo strong{font-size:20px}#combo small{font-size:8px;max-width:110px}#notice{left:50%;right:auto;transform:translateX(-50%);width:92%;text-align:center;bottom:55px;top:auto}footer{flex-direction:column;align-items:stretch;gap:8px;padding:11px 14px}#instruction{font-size:17px}#help{font-size:11px}.actions{max-width:none;justify-content:flex-start}.actions button{font-size:11px;padding:8px 11px}#route-controls{text-align:left}#route-controls .choice-row{justify-content:flex-start}.keys{display:none}#reflect-panel .choice-row{gap:6px}#reflect-panel button{padding:9px 12px;font-size:12px}#progress{font-size:9px}}