:root{font-family:Arial,Helvetica,sans-serif;color:#e9ece9;background:#101c27;font-synthesis:none;--tone0:#eeb85f;--tone1:#c7d7d1;--tone2:#79c3ad;--tone3:#d88883;--tone4:#829ccf;--tone5:#f2e7c6}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{border:1px solid #53606b;background:transparent;color:inherit;border-radius:5px;padding:10px 13px;cursor:pointer;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#32404d;transform:translateY(-1px)}button:disabled{opacity:.42;cursor:not-allowed}button.primary{background:#eeb85f;color:#15202a;border-color:#eeb85f;font-weight:700}a{color:inherit;text-decoration:none}main{width:100%;min-height:100vh;padding:0 clamp(18px,4vw,72px)}header{min-height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #33414e;gap:20px}.brand{font-weight:800;font-size:29px;letter-spacing:-2px}.brand span{font-size:10px;font-weight:400;letter-spacing:2px;margin-left:24px}.local,.eyebrow{font-size:10px;letter-spacing:2px;color:#a9b8c3}.local{color:#adcbbb}.intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:54px 0 48px}h1{font-size:clamp(54px,6.7vw,104px);font-weight:400;line-height:.97;letter-spacing:-5px;margin:20px 0 26px}em{font-family:Georgia,serif;color:#eeb85f;font-weight:400}.lede{line-height:1.7;color:#b6c0c7;font-size:15px}.seal{border:1px solid #59656d;aspect-ratio:1;border-radius:50%;width:195px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(8deg);background:radial-gradient(circle,#223441,transparent)}.seal b{font-family:Georgia,serif;font-size:65px;font-weight:400;color:#eeb85f}.seal span{font-size:10px;letter-spacing:2px}.seal small{margin-top:9px;color:#8598a4;font-size:10px}.studio{display:grid;grid-template-columns:310px minmax(0,1fr);border:1px solid #41505c;border-radius:12px;overflow:hidden;background:#142431}.controls{padding:25px;border-right:1px solid #41505c;background:#172a37;min-width:0}.controls h2{font-size:22px;line-height:1.3;overflow-wrap:anywhere;font-weight:400}.buttons{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.buttons button{font-size:12px}label{display:block;font-size:12px;color:#c1cdd5;line-height:1.7}select,input[type=number]{display:block;background:#101c27;color:#e3e9eb;padding:10px;border:1px solid #53606b;border-radius:4px;width:100%;margin-top:7px}.space{margin-top:32px}.hint{font-size:11px;line-height:1.65;color:#9cabb6}.rules{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.rules label{padding:8px;border:1px solid #52606a;border-radius:4px;display:flex;align-items:center;gap:5px}.rules .allowed{color:#eeb85f;border-color:#b58c49}input[type=checkbox]{accent-color:#eeb85f}.score{padding:30px;min-width:0}.scoretop{display:flex;align-items:start;justify-content:space-between;gap:12px}.score h2{font-family:Georgia,serif;font-size:32px;line-height:1.12;font-weight:400;margin:14px 0 24px}.badge{font-size:9px;letter-spacing:1px;border:1px solid #4d7464;color:#a0d2b8;padding:9px;flex-shrink:0;border-radius:30px}.badge.draft{color:#efbf73;border-color:#a57948}.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:10px;margin-bottom:26px}.legend span{display:flex;align-items:center;gap:6px;overflow-wrap:anywhere}.legend i{width:7px;height:7px;border-radius:50%;flex-shrink:0}.legend small{color:#8297a6}.ribbon{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.ribbon>div{background:var(--color);color:#142431;border-radius:55px 55px 6px 6px;min-width:0;padding:28px 8px 15px;text-align:center;animation:arrive .45s ease-out}.ribbon small{font-size:8px;letter-spacing:1px}.ribbon strong{display:block;font-family:Georgia,serif;font-size:56px;font-weight:400;line-height:1.5}.ribbon span{font-size:10px;overflow-wrap:anywhere;display:block}.steer{display:flex;align-items:end;gap:12px;margin:18px 0}.steer label{width:100px}.steer button{font-size:11px}.manual{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-top:1px solid #41505c;border-bottom:1px solid #41505c;padding:15px 0}.manual span{font-size:9px;letter-spacing:1px;margin-right:auto}.manual button{font-size:11px;padding:8px}.rounds{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px;max-height:420px;overflow:auto;padding:18px 3px 10px}.rounds button{display:flex;align-items:center;gap:5px;padding:8px;border-color:#304553;min-width:0}.rounds small{font-size:9px;color:#93a7b5;margin-right:auto}.rounds span{width:17px;height:25px;border-radius:10px 10px 2px 2px;color:#162634;font-size:10px;display:grid;place-items:center}.rounds .chosen{border-color:#eeb85f;background:#263b46}.status{border-left:2px solid #eeb85f;padding:12px 16px;font-size:13px;line-height:1.5;color:#d7cbb5;min-height:44px}.author{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:70px;padding:60px 0 80px;border-bottom:1px solid #33414e}.author h2,footer h2{font-family:Georgia,serif;font-size:42px;font-weight:400;line-height:1.1}.author p{font-size:13px;line-height:1.8;color:#a9bac5}.author textarea{width:100%;height:380px;resize:vertical;min-height:160px;max-height:800px;background:#0b151e;color:#b4d3c8;border:1px solid #3e535f;border-radius:8px;padding:18px;margin-top:10px;font:12px/1.7 monospace;tab-size:2}footer{padding:40px 0 60px;display:grid;grid-template-columns:1fr 1.5fr;gap:70px}footer p{font-size:11px;line-height:1.8;color:#97aab7}footer button{font-size:11px}@keyframes arrive{0%{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.studio{grid-template-columns:260px minmax(0,1fr)}.score{padding:20px}.badge{font-size:8px}.scoretop{flex-wrap:wrap}.seal{width:150px}.author,footer{gap:30px}}@media(max-width:720px){header .brand span,.local{display:none}header{min-height:65px}.intro{padding:35px 0}.seal{width:100px}.seal b{font-size:38px}.seal span,.seal small{font-size:7px}h1{letter-spacing:-3px;font-size:52px}.lede{font-size:12px}.studio{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid #41505c}.score{padding:18px}.ribbon{gap:4px}.ribbon>div{padding:22px 4px 14px}.ribbon small{font-size:6px;letter-spacing:0}.ribbon strong{font-size:40px}.ribbon span{font-size:8px}.author,footer{grid-template-columns:1fr;gap:20px}.author{padding:30px 0}.manual span{width:100%}.rounds{max-height:370px}.seal{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.controls h2,.legend span,.ribbon span{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}
