:root{color:#1d2529;background:#f4f0e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;background:linear-gradient(180deg,#f4f0e8f5,#e8ebe4fa),#f4f0e8}.topbar{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1180px;padding:18px 22px}.brand,.icon-link,.primary-button,.secondary-button{align-items:center;display:inline-flex;gap:10px}.brand{font-weight:800}.brand-mark{align-items:center;background:#315c72;border-radius:8px;color:#fff;display:inline-flex;height:34px;justify-content:center;width:34px}.nav-actions{display:flex;gap:8px}.icon-link{border:1px solid rgba(29,37,41,.12);border-radius:8px;padding:10px 12px}.game-layout,.stats-layout{margin:0 auto;max-width:1180px;padding:16px 22px 56px}.access-shell{align-items:center;display:flex;justify-content:center;padding:24px}.access-panel{background:#fffaf1;border:1px solid rgba(29,37,41,.12);border-radius:8px;display:grid;gap:18px;max-width:520px;padding:32px;width:min(100%,520px)}.access-panel h1{font-size:clamp(1.8rem,8vw,3rem)}.access-panel input{background:#fffdf8;border:1px solid rgba(29,37,41,.16);border-radius:8px;color:#1d2529;min-height:48px;padding:0 14px;width:100%}.access-icon{align-items:center;background:#315c72;border-radius:8px;color:#fff;display:inline-flex;height:42px;justify-content:center;width:42px}.hero-band{align-items:end;display:grid;gap:24px;grid-template-columns:1fr auto;padding:24px 0 28px}.eyebrow{color:#647069;font-size:.78rem;font-weight:800;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,5vw,4.4rem);line-height:1.02;margin-bottom:0;max-width:800px}.mode-panel{display:grid;gap:10px;min-width:250px}.segmented-control{background:#e3dccf;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;padding:4px}.segmented-control button,select{border:0;border-radius:7px;color:#1d2529;cursor:pointer;min-height:42px}.segmented-control button{background:transparent}.segmented-control button.active{background:#fffaf1;box-shadow:0 1px 8px #2b30331f;font-weight:700}select{background:#fffaf1;border:1px solid rgba(29,37,41,.14);padding:0 12px}.workspace{display:grid;gap:18px;grid-template-columns:120px 1fr}.stage-rail{display:grid;gap:8px;height:min-content}.stage-rail span{border-left:3px solid rgba(49,92,114,.18);color:#647069;padding:10px 12px}.stage-rail span.active{border-color:#315c72;color:#1d2529;font-weight:800}.play-surface{background:#fffaf1;border:1px solid rgba(29,37,41,.12);border-radius:8px;min-height:520px;overflow:hidden}.center-panel,.prompt-panel,.result-grid{min-height:520px;padding:34px}.center-panel{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.center-panel p{color:#5c6862;max-width:520px}.primary-button,.secondary-button{border:0;border-radius:8px;cursor:pointer;font-weight:800;justify-content:center;min-height:46px;padding:0 18px}.primary-button{background:#315c72;color:#fff}.secondary-button{background:#e3dccf;color:#1d2529}.primary-button:disabled{cursor:not-allowed;opacity:.48}.image-stage{display:grid;gap:18px;padding:22px}.image-stage img{background:#efe4d0;border-radius:8px;display:block;max-height:640px;object-fit:contain;width:100%}.timer-row{align-items:center;display:grid;gap:14px;grid-template-columns:70px 1fr;font-weight:800}.timer-track{background:#e3dccf;border-radius:999px;height:10px;overflow:hidden}.timer-fill{background:#c25746;height:100%;transition:width .2s ease}.prompt-panel{display:grid;gap:18px;grid-template-rows:auto 1fr auto auto}.prompt-panel p{color:#5c6862}textarea{background:#fffdf8;border:1px solid rgba(29,37,41,.16);border-radius:8px;color:#1d2529;line-height:1.55;min-height:240px;padding:16px;resize:vertical;width:100%}.error-text{color:#a3382b;font-weight:700}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-grid{display:grid;gap:20px;grid-template-columns:minmax(170px,.7fr) 1.3fr}.score-block{align-items:center;background:#e8ebe4;border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:190px}.score{font-size:4rem;font-weight:900}.breakdown{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(86px,1fr))}.breakdown div,.metric{background:#f4f0e8;border-radius:8px;display:grid;gap:8px;padding:16px}.breakdown span,.metric span{color:#647069;font-size:.84rem}.breakdown strong,.metric strong{font-size:1.7rem}.result-grid section,.alternative-story{background:#fffdf8;border:1px solid rgba(29,37,41,.1);border-radius:8px;padding:18px}.result-grid ul{margin-bottom:0;padding-left:18px}.stats-header{padding:28px 0}.metric-grid{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.chart-panel{background:#fffaf1;border:1px solid rgba(29,37,41,.12);border-radius:8px;margin-top:18px;padding:24px 12px 12px}@media(max-width:820px){.hero-band,.workspace,.result-grid,.metric-grid{grid-template-columns:1fr}.mode-panel{min-width:0}.stage-rail{grid-template-columns:repeat(5,1fr);overflow-x:auto}.stage-rail span{border-left:0;border-top:3px solid rgba(49,92,114,.18);min-width:84px;text-align:center}.breakdown{grid-template-columns:repeat(2,1fr)}.topbar{align-items:flex-start;gap:12px}}