#sl-game{--sl-ink:#233e44;max-width:1040px;margin:20px auto;border-radius:24px;overflow:hidden;background:#fffaf0;color:var(--sl-ink);border:1px solid #dae5dc;box-shadow:0 14px 38px #254b4320;text-align:left}#sl-game *{box-sizing:border-box}#sl-game button,#sl-game input{font:inherit}#sl-game button{cursor:pointer;touch-action:manipulation}#sl-game button:focus-visible,#sl-game input:focus-visible{outline:3px solid #15746f;outline-offset:3px}#sl-game [hidden]{display:none!important}.sl-top{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #dce6dc}.sl-top small{display:block;font-size:10px;letter-spacing:2px;color:#577a76;font-weight:800}.sl-top strong{display:block;font-size:24px;line-height:1.5}.sl-top strong span{font-size:12px;font-weight:500;color:#6d817b;margin-left:7px}.sl-top button,.sl-sub button{min-height:40px;background:transparent;border:1px solid #b4c8bd;border-radius:12px;padding:7px 10px;color:#385a52;font-size:12px!important}.sl-top>div:last-child{display:flex;gap:6px}.sl-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(255px,1fr)}.sl-stage{position:relative;min-width:0;align-self:center;background:#c9eee6;overflow:hidden}#sl-canvas{width:100%;height:auto;aspect-ratio:600/510;display:block;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}#sl-sector{position:absolute;top:14px;left:16px;pointer-events:none;border-radius:20px;padding:6px 12px;background:#fff9e6e6;font-size:12px;font-weight:700;color:#47615c}#sl-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:22px;text-align:center;background:#ecf7ecee;backdrop-filter:blur(3px)}#sl-overlay-icon{font-size:52px;color:#eeac38}#sl-overlay h2{font-size:27px;line-height:1.3;margin:10px 0}#sl-overlay p{font-size:14px;line-height:1.7;margin:0 0 18px;color:#53716b}#sl-resume,#sl-action{border:0;background:#286a5d;color:#fff8df;border-radius:14px;min-height:49px;padding:12px 20px;font-weight:800!important;box-shadow:0 4px 0 #184b40;font-size:16px!important}#sl-action{width:100%}#sl-game button:disabled{opacity:.55;cursor:default}.sl-console{padding:20px;display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:0}.sl-hud{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;text-align:center}.sl-hud>div{background:#f0efe2;border-radius:12px;padding:10px 3px}.sl-hud small{font-size:11px;color:#60746c;display:block}.sl-hud b{display:block;font-size:24px;line-height:1.4;font-variant-numeric:tabular-nums}#sl-label{color:#bc693f;font-size:12px;font-weight:800;display:block}#sl-message{font-size:22px;line-height:1.3;margin:8px 0;word-break:keep-all}#sl-detail{font-size:13px;line-height:1.7;color:#5b7168;margin:0;min-height:44px}#sl-history{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}#sl-history span{background:#eeede1;border-radius:7px;text-align:center;font-size:12px;padding:7px 0;color:#758578}#sl-history span.sl-hit{background:#d8ebce;color:#326547}#sl-history span.sl-miss{background:#f7e0d5;color:#a65740}.sl-controls label{display:flex;justify-content:space-between;font-size:12px;color:#456259}.sl-controls label span{color:#7e8d82}#sl-aim{display:block;width:100%;height:32px;margin:5px 0 10px;accent-color:#286a5d;touch-action:pan-y}.sl-sub{display:flex;gap:8px}.sl-sub button{flex:1}.sl-key{margin:0;font-size:11px!important;line-height:1.7;color:#77867b}.quiz_doc.sl-description,.answer_shadow.sl-rules{font-size:14px!important;line-height:1.8!important;text-align:left!important;max-width:1040px;margin:16px auto;word-break:keep-all}.sl-rules h3{font-size:16px;margin:0 0 10px}.sl-rules p{font-size:14px!important;line-height:1.8!important;text-align:left!important;margin:9px 0}
@media(max-width:700px){#sl-game{border-radius:18px}.sl-layout{grid-template-columns:1fr}.sl-top{padding:12px 14px}.sl-top strong{font-size:22px}.sl-top strong span{display:none}.sl-console{padding:14px;gap:12px}.sl-hud>div{padding:5px}.sl-hud b{font-size:21px}.sl-feedback{min-height:83px}#sl-message{font-size:21px;margin:5px 0}#sl-detail{min-height:0}#sl-history{grid-template-columns:repeat(10,1fr);gap:3px}#sl-history span{font-size:10px;padding:6px 0}.sl-key{display:none}.sl-stage{width:100%}#sl-overlay h2{font-size:25px}.sl-top small{font-size:9px;letter-spacing:1.3px}}
@media(max-height:500px) and (orientation:landscape){.sl-layout{grid-template-columns:minmax(0,1.25fr) minmax(240px,1fr)}.sl-top{padding:7px 14px}.sl-stage{max-height:330px}#sl-canvas{height:330px;max-width:100%;object-fit:contain}.sl-console{padding:10px;gap:8px}#sl-message{font-size:18px}.sl-key,.sl-controls label{display:none}.sl-hud b{font-size:18px}#sl-detail{font-size:12px}.sl-feedback{min-height:0}#sl-history{grid-template-columns:repeat(10,1fr)}#sl-aim{margin:0;height:24px}#sl-action{min-height:40px;padding:7px}}
@media(prefers-reduced-motion:reduce){#sl-overlay{backdrop-filter:none}}