.race-track{width:100%;height:auto;margin:12px 0;display:block}.game-list{flex-wrap:wrap;gap:7px;padding:0;list-style:none;display:flex}.game-list li{background:#e9f1e6;border-radius:8px;padding:5px 9px}.wheel-stage{aspect-ratio:1;width:min(100%,400px);margin:24px auto 14px;position:relative}.wheel-disc{border:5px solid #274438;border-radius:50%;transition:transform 3.5s cubic-bezier(.12,.7,.08,1);position:absolute;inset:4%;overflow:hidden;box-shadow:0 10px 25px #142e2933}.wheel-disc>span{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wheel-disc b{color:#111b15;text-align:center;overflow-wrap:anywhere;background:#ffffffbd;border-radius:5px;max-width:29%;padding:3px 4px;font-size:clamp(8px,1.8vw,14px)}.wheel-pointer{z-index:1;color:#172d25;text-shadow:0 2px #fff;font-size:30px;position:absolute;top:-3%;left:50%;transform:translate(-50%)}.draw-card form button:not(.draw-primary){margin-top:8px}.race-track{aspect-ratio:16/10;background:#142b28;border:0;border-radius:14px;height:auto}.draw-page{color:#22241e;max-width:1170px;margin:auto;padding:26px 24px 60px}.draw-header,.draw-board-title,.draw-connect{justify-content:space-between;align-items:center;gap:12px;display:flex}.draw-header a,.draw-page a{color:#396740;text-underline-offset:4px;text-decoration:underline}.draw-header span,.draw-title small{color:#396740;letter-spacing:.08em;font-size:12px;font-weight:750}.draw-title{margin:35px 0 22px}.draw-title h1{letter-spacing:-.06em;margin:6px 0;font-size:clamp(32px,6vw,64px)}.draw-page p{color:#53574d;margin:8px 0;line-height:1.6}.draw-layout{grid-template-columns:300px minmax(0,1fr);gap:18px;display:grid}.draw-card{background:#fff;border:1px solid #d9dfd3;border-radius:18px;padding:19px}.draw-card h2{margin:0 0 8px;font-size:20px}.draw-page label{margin-top:10px;font-weight:650;display:block}.draw-page input,.draw-page textarea{color:#22241e;background:#f9fbf8;border:1px solid #c7d2c3;border-radius:8px;width:100%;padding:8px;display:block}.draw-range{grid-template-columns:1fr 1fr;gap:10px;display:grid}.draw-page button{color:#203c26;cursor:pointer;background:#e9f1e6;border:1px solid #c5d6c2;border-radius:8px;padding:8px 10px;font-weight:750}.draw-page button:disabled{opacity:.62;cursor:default}:is(.draw-page button:focus-visible,.draw-page input:focus-visible,.draw-page textarea:focus-visible){outline-offset:2px;outline:2px solid #396740}.draw-page .draw-primary{color:#fff;background:#285b35;width:100%;margin-top:12px}.draw-test{border-top:1px solid #d9dfd3;margin-top:17px;padding-top:4px}.draw-test button{margin-top:9px}.draw-page .draw-result{background:#eef4eb;border-radius:8px;padding:10px 12px;font-weight:750}.draw-grid{grid-template-columns:repeat(auto-fill,minmax(53px,1fr));gap:7px;margin:14px 0;display:grid}.draw-grid button{overflow-wrap:anywhere;min-height:47px;padding:5px}.draw-grid small{font-size:10px;display:block}.draw-grid [data-result=win]{color:#58360e;opacity:1;background:#ffe8b5}.draw-grid [data-result=miss]{color:#555;opacity:1;background:#eee}.draw-history ol{max-height:220px;overflow:auto}.draw-application{margin-top:18px}.draw-application code{overflow-wrap:anywhere}.draw-error{color:#a51d27!important}@media (max-width:700px){.draw-page{padding:18px 12px 36px}.draw-layout{grid-template-columns:1fr}}.draw-modes{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.draw-modes [aria-pressed=true]{color:#fff;background:#285b35}.draw-page select{color:#22241e;background:#f9fbf8;border:1px solid #c7d2c3;border-radius:8px;width:100%;padding:8px;display:block}.draw-page{--ink:#242345;--violet:#5742c9;color:var(--ink);max-width:1240px}.draw-header{padding:12px 0 16px}.play-brand{align-items:center;gap:9px;font-weight:800;display:flex}.play-brand i{color:#fff;background:#5540c0;border-radius:12px;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.draw-title{background:radial-gradient(at 92% 0,#fde0eb 0%,#0000 50%),linear-gradient(112deg,#f0ecff,#f5f5ff 56%,#fff4f0);border:1px solid #e7dfff;border-radius:24px;margin:7px 0 20px;padding:26px 28px 22px}.draw-title small,.draw-header span{color:#5342a8}.draw-title h1{margin:4px 0 2px}.draw-modes{gap:7px}.draw-modes button{color:#3f356c;background:#ffffffc9;border:1px solid #ded6f5;border-radius:100px;padding:8px 13px}.draw-modes [aria-pressed=true]{color:#fff;background:#5138be;border-color:#5138be}.draw-card{border-color:#e5dff2;box-shadow:0 6px 23px #3026630a}.draw-layout{grid-template-columns:290px minmax(0,1fr);align-items:start}.draw-page input,.draw-page textarea,.draw-page select{background:#fcfaff;border-color:#ded7ee}.draw-page .draw-primary{background:#5840ca;border-color:#5840ca}.draw-page .draw-result{color:#4e3999;background:#f4efff}.draw-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:9px;margin-top:17px}.draw-grid button{color:#48339a;background:linear-gradient(#f9f6ff,#e9e0ff);border:1px solid #dacffd;border-radius:12px;min-height:54px;font-size:clamp(16px,2.2vw,22px);box-shadow:0 3px #d8c9fa}.draw-grid button:not(:disabled):hover{filter:brightness(.97);outline:2px solid #9c83ee}.draw-grid small{font-size:11px;line-height:1.25}.draw-grid [data-result=win]{color:#603c13;background:#ffe6ae;border-color:#efc879;box-shadow:0 3px #e9be68}.draw-grid [data-result=miss]{box-shadow:none;background:#f0edf5;border-color:#e3ddec}.draw-operations{margin-bottom:15px}.draw-operations summary{margin-bottom:8px}.draw-page .draw-consent{width:auto;display:inline}.counter-card .draw-range>div{background:#f5f0ff;border-radius:14px;padding:16px}.counter-card strong{color:#4e3999;font-size:54px;display:block}@media (max-width:700px){.draw-layout{grid-template-columns:1fr}.draw-title{padding:20px 16px}.draw-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}}
