:root{font-family:Arial,sans-serif;color:#f0ede5;background:#171b27;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:46px;border:1px solid #657077;border-radius:4px;background:transparent;color:inherit;padding:12px 17px;margin:5px 5px 5px 0;text-align:left}button:hover:not(:disabled){background:#ffffff12;border-color:#f4bba0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ffc7a5;outline-offset:4px}button:disabled{cursor:not-allowed;color:#c7c5c0;opacity:.6}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #454852;padding:23px 4vw;gap:20px}.brand{display:flex;gap:14px;align-items:center;color:inherit;text-decoration:none;font-size:38px}.brand span{font-size:11px;font-weight:700;letter-spacing:2px;line-height:1.7}.edition{font-size:10px;letter-spacing:2px;color:#c1c3c9}.edition span{margin-left:35px}.workspace{display:grid;grid-template-columns:minmax(265px,.85fr) minmax(500px,1.65fr);max-width:1500px;margin:auto;min-height:calc(100dvh - 190px)}aside{padding:48px 4vw;border-right:1px solid #454852;background:radial-gradient(ellipse at 0 45%,#393342 0,transparent 65%)}.eyebrow{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:#e6b39e;margin:22px 0}h1{font-family:Georgia,serif;font-size:clamp(40px,4.8vw,72px);line-height:1.04;letter-spacing:-2px;margin:22px 0}h1 em{color:#eeb795;font-weight:400}h2{font:normal clamp(34px,4vw,56px)/1.1 Georgia,serif;letter-spacing:-1px;margin:22px 0}h3{font: 27px/1.25 Georgia,serif}.intro{line-height:1.7;color:#c4c2c4}.door{height:165px;width:102px;border:1px solid #ae8c7b;margin:35px auto;transform:skewY(-8deg);position:relative;box-shadow:15px 10px #262a37}.bell{position:absolute;right:14px;top:65px;color:#efc4a3}.shadow{position:absolute;left:10px;bottom:-45px;width:180px;height:44px;background:linear-gradient(100deg,#edb19333,transparent);transform:skew(45deg)}.rule{margin-top:55px}.rule span{font-size:10px;letter-spacing:2px;color:#edbd9e}.rule p{font-size:13px;line-height:1.65;color:#bdbec6;margin:8px 0 20px}.small{font-size:12px;line-height:1.7;color:#c1c2ca}.stage{padding:36px clamp(24px,4vw,64px);min-width:0}.topline{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#c2c4cc;font-size:11px}.pill{border:1px solid #6e777d;padding:8px 12px;border-radius:100px;letter-spacing:1px}.progress{display:flex;gap:6px;margin:25px 0 38px}.progress i{height:3px;background:#4d505c;flex:1}.progress .filled{background:#ebba9d}.lead{font:18px/1.65 Georgia,serif;color:#c9c9cf;max-width:650px}.settings{display:flex;gap:20px;margin:30px 0}label{display:block;font-size:12px;line-height:1.6}select,input,textarea{display:block;background:#242a38;color:inherit;border:1px solid #697079;padding:12px;border-radius:4px;margin:8px 0 15px;max-width:100%;width:100%}.settings label{flex:1}.notice{padding:20px;background:#ffffff06;border-left:2px solid #d0a288;font-size:13px;line-height:1.7;margin:20px 0 28px}.primary{background:#efbc9d;color:#242431;border-color:#efbc9d;font-weight:600}.primary:hover:not(:disabled){background:#ffd2b6}.primary span{margin-left:40px}.curtain{padding:35px;text-align:center;background:repeating-linear-gradient(90deg,#222737,#222737 20px,#252a39 21px 40px);border:1px solid #4c5261;margin:30px 0}.curtain p{font-size:14px;line-height:1.7;color:#c8c9cf}.curtain-symbol{font-size:65px;color:#eabca0}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.actions button{display:flex;align-items:center;gap:16px;position:relative;overflow:hidden;min-height:100px;margin:0;line-height:1.5}.actions b{font:22px Georgia,serif;color:#e8b99d}.actions button>*:not(.bar){position:relative}.actions small{display:block;font-size:11px;margin-top:7px;color:#d0cec9}.bar{position:absolute;inset:0;background:#e6ba8f20}.performance{border-top:1px solid #6b605c;margin-top:30px}.performance h3{font-size:36px;color:#efc3a5}.score{border-top:1px solid #4d505b;margin-top:45px;padding-top:20px;font-size:13px;line-height:1.7}.score summary,footer summary{cursor:pointer;padding:10px 0}.score article{padding:15px 0;border-bottom:1px solid #4a4f5a}.score textarea{height:110px}.editor{margin-top:25px}fieldset{border:1px solid #5b606c;margin:20px 0;padding:20px}.error{color:#ffb9ab;border:1px solid;padding:15px}footer{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #454852;padding:20px 4vw;font-size:10px;letter-spacing:1px}footer details{max-width:650px}footer p{line-height:1.7;letter-spacing:0}button{transition:background .15s}@media(max-width:800px){.workspace{display:block}aside{padding:25px;border-right:0;border-bottom:1px solid #454852}aside h1{font-size:40px}aside h1 br{display:none}aside .door,aside .rule,aside .intro{display:none}.stage{padding:25px}header{padding:18px}.edition{display:none}header button{font-size:11px}footer{display:block}.actions{grid-template-columns:1fr}.topline{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media print{body{background:#fff;color:#000}header,aside,.topline,.progress,.stage>.eyebrow,.stage>h2,.stage>.lead,.curtain,.actions,.performance,.settings,.notice,.editor,footer,button,label{display:none!important}.workspace{display:block}.stage{padding:0}.score{display:block;border:0}.score>*{display:block}.score article{break-inside:avoid}.score p,.score small{color:#000}details:not([open])>*{display:block}.score summary{font-size:24px}}.print-score{display:none}@media print{.workspace{display:none!important}.print-score{display:block}.print-score h1,.print-score h2,.print-score h3{color:#000}.print-score article{break-inside:avoid}}
