.commission{box-sizing:border-box;max-width:1100px;margin:16px auto;padding:18px;border:1px solid #acc7bc;border-radius:18px;background:linear-gradient(130deg,#1a3548,#332c51);color:#f5f5de;overflow-wrap:anywhere;text-align:left}
.commission h2{font:700 clamp(20px,3vw,27px)/1.4 system-ui,sans-serif;margin:5px 0 10px}.commission p{line-height:1.7;margin:8px 0}.commission .commission-kicker{font-size:12px;color:#ffe5a7;letter-spacing:.09em}.commission-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 6px}.commission button,.commission a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:46px;max-width:100%;padding:10px 16px;border:1px solid #a5c7c7;border-radius:10px;font:inherit;color:#f7f9df;background:#294553;text-decoration:none;cursor:pointer;line-height:1.5}.commission .commission-primary{background:#e8edb3;color:#172b35;font-weight:750}.commission button:disabled{opacity:.5;cursor:default}.commission :focus-visible{outline:3px solid #fff0aa;outline-offset:3px}.commission [hidden]{display:none!important}.commission small{display:block;line-height:1.7;color:#d0d7e3}.commission-beats{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.commission-beats span{width:30px;height:30px;display:grid;place-items:center;border:1px solid #8ca2b4;border-radius:50%;color:#e2def3;background:#17273a}.commission-beats [data-active=true]{outline:3px solid #fff2b6;outline-offset:1px;background:#506451;color:#fff}.commission-note{padding:10px;border-left:3px solid #c6e8ad;background:#15283c}.commission [role=status]:empty{display:none}@media(max-width:420px){.commission{padding:14px}.commission-actions>*{flex:1 1 135px}.commission-beats{gap:4px}.commission-beats span{width:27px;height:27px}}@media(prefers-reduced-motion:reduce){.commission *{animation:none!important;transition:none!important}}

#commission-jump{display:inline-flex;align-items:center;min-height:44px;color:#f6e6ab}#commission-jump:focus-visible{outline:3px solid #f6e6ab;outline-offset:3px}@media(max-width:619px){body:has(#commission-jump) #game{height:140px}}
@media(max-width:360px){body:has(#commission-jump):has(#return-notice:not([hidden])) #game{height:76px}}
@media(max-width:360px){body:has(#commission-jump):has(#return-notice:not([hidden])) .intro{margin:0}}

.commission-info{margin-top:8px}.commission-info summary{display:flex;align-items:center;min-height:44px;cursor:pointer;color:#d0d7e3;font-size:13px}