:root{--bg:#10110f;--panel:#f5f5eeeb;--panel-dark:#171815eb;--ink:#171814;--paper-muted:#686a60;--muted:#c7cab8;--line:#ffffff29;--dark-line:#17181424;--acid:#c7f032;--cyan:#35d6c9;--coral:#ff6b55;--violet:#8067ff;--shadow:0 28px 90px #00000052;--radius:8px;--font:"Segoe UI", "Inter", Arial, sans-serif}*{box-sizing:border-box}html{background:linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/38px 38px,linear-gradient(#ffffff09 1px,#0000 1px) 0 0/38px 38px,linear-gradient(135deg,#10110f 0%,#1c221a 38%,#22201b 100%) 0 0/100% 100%;min-height:100%}body{color:#f3f5e8;min-height:100vh;font-family:var(--font);margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.46}.app-shell{width:min(1180px,100vw - 28px);margin:0 auto;padding:22px 0 52px}.topbar{grid-template-columns:minmax(0,1fr) 220px;align-items:end;gap:18px;min-height:22vh;padding:28px 0;display:grid}.kicker,.step-label{color:var(--acid);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:0;max-width:880px;margin:0;font-size:clamp(40px,7vw,86px);line-height:.95}h2{margin:0 0 20px;font-size:clamp(28px,4vw,48px);line-height:1}h3{margin:0;font-size:18px}.progress{color:var(--muted);gap:10px;display:grid}.progress span{border:1px solid var(--line);width:42px;height:42px;color:var(--acid);justify-self:end;place-items:center;display:grid}.progress div{background:#ffffff1f;height:8px;overflow:hidden}.progress i{background:linear-gradient(90deg, var(--acid), var(--cyan), var(--coral));height:100%;display:block}.entry-stage,.stage-card,.scenario-stage,.timer-panel,.loading-stage{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-dark);box-shadow:var(--shadow)}.entry-stage{grid-template-columns:1fr .72fr;min-height:520px;display:grid;overflow:hidden}.pixel-field{background:#dfe2d2;grid-template-columns:repeat(12,1fr);gap:6px;padding:28px;display:grid}.pixel-field span{background:#171814;min-height:34px;animation:2.4s ease-in-out infinite rot}@keyframes rot{0%,to{opacity:.28;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(12px)scale(.82)}}.entry-copy{flex-direction:column;justify-content:flex-end;gap:24px;padding:32px;display:flex}.entry-copy p{color:var(--muted);margin:0;font-size:22px;line-height:1.35}.entry-actions,.nav-row,.scenario-actions{flex-wrap:wrap;gap:12px;display:flex}.primary-action,.secondary-action,.scenario-actions button,.extra-panel button,.feedback-tab{border-radius:var(--radius);border:1px solid #0000;min-height:50px;padding:14px 18px;font-weight:800;transition:transform .18s,border-color .18s,background .18s}.primary-action{color:#11130e;background:var(--acid)}.secondary-action,.scenario-actions button:nth-child(2),.feedback-tab{color:#f3f5e8;border-color:var(--line);background:#ffffff0f}.primary-action:hover,.secondary-action:hover,.scenario-actions button:hover,.extra-panel button:hover,.feedback-tab:hover{transform:translateY(-1px)}.compact{min-height:44px;padding:11px 14px}.stage-grid,.session-stage{grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);align-items:start;gap:18px;display:grid}.stage-card,.scenario-stage,.timer-panel,.loading-stage{padding:24px}.question-block{border-top:1px solid var(--line);gap:14px;padding:18px 0;display:grid}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.option,.chip,.example-row button,.final-row button{border:1px solid var(--line);border-radius:var(--radius);color:#f5f7ea;text-align:left;background:#ffffff0e;align-items:center;gap:10px;min-height:54px;padding:12px;display:flex}.option span{height:32px;color:var(--acid);background:#c7f03224;flex:0 0 32px;place-items:center;font-weight:900;display:grid}.selected,.option.selected,.chip.selected,.emoji-row .selected,.final-row .selected{background:#c7f03229;border-color:#c7f032e0}.range-head,.section-head,.scenario-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.range-head strong,.scenario-top span{color:var(--acid)}input[type=range]{width:100%;accent-color:var(--acid)}.hint{color:var(--muted);margin:0}.toggle-line{color:var(--muted);align-items:center;gap:10px;display:flex}.toggle-line input{width:18px;height:18px;accent-color:var(--acid)}.chips,.example-row,.final-row{flex-wrap:wrap;gap:10px;display:flex}.chip{min-height:40px}.chips input,.wide-input,.extra-panel input{border:1px solid var(--line);border-radius:var(--radius);color:#f3f5e8;background:#ffffff12;min-height:42px;padding:10px 12px}.field-label{margin-bottom:12px;font-size:18px;font-weight:800;display:block}textarea{resize:vertical;border:1px solid var(--line);border-radius:var(--radius);color:#f3f5e8;background:#ffffff12;width:100%;min-height:148px;padding:14px}.example-row{margin:12px 0}.example-row button{max-width:260px;min-height:42px;color:var(--muted)}.reveal{border-bottom:1px solid var(--line)}.loading-stage{text-align:center;place-items:center;min-height:430px;display:grid}.loader-ring{border:8px solid #ffffff1f;border-top-color:var(--acid);border-right-color:var(--cyan);width:118px;height:118px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);margin-bottom:16px;padding:12px 14px}.status.success{border-color:#35d6c973}.status.warning{border-color:#ff6b558c}.scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.scenario-card{border:1px solid var(--dark-line);border-radius:var(--radius);min-height:340px;color:var(--ink);background:var(--panel);flex-direction:column;gap:18px;padding:18px;display:flex}.scenario-card p{color:#373a32;flex:1;margin:0;line-height:1.5}.scenario-actions button:first-child,.extra-panel button{color:#11130e;background:var(--acid)}.scenario-actions button:nth-child(2){color:var(--ink);border-color:var(--dark-line);background:#1718140d}.extra-panel{border:1px solid var(--line);border-radius:var(--radius);gap:10px;margin-top:16px;padding:14px;display:grid}.extra-panel div{grid-template-columns:1fr auto;gap:10px;display:grid}.timer-panel{position:sticky;top:18px}.timer{color:var(--acid);text-align:center;font-variant-numeric:tabular-nums;border:1px solid #c7f03273;margin:18px 0;padding:22px;font-size:clamp(58px,12vw,132px);font-weight:900;line-height:.9}.stop{background:var(--coral)}.session-text{color:var(--muted);margin:0 0 18px;font-size:20px;line-height:1.48}.feedback-tab{width:100%}.feedback-panel{gap:12px;margin-top:14px;display:grid}.emoji-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.emoji-row button{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0f;min-height:58px;font-size:26px}@media (max-width:960px){.app-shell{width:min(100% - 18px,720px);padding-top:12px}.topbar,.entry-stage,.stage-grid,.session-stage,.scenario-grid{grid-template-columns:1fr}.topbar,.entry-stage{min-height:auto}.pixel-field{grid-template-columns:repeat(8,1fr);max-height:250px}.entry-actions,.nav-row,.scenario-actions{flex-direction:column}.primary-action,.secondary-action,.scenario-actions button{width:100%}.option-grid{grid-template-columns:1fr}.timer-panel{position:static}.extra-panel div{grid-template-columns:1fr}}