:root{--bg:#08090d;--surface:#11131a;--surface-2:#171a23;--border:#292d3a;--text:#f5f5f7;--muted:#a9adba;--yellow:#ffd84d;--purple:#a98cff;--green:#79e6a5;--radius:18px}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit}.page-width{width:min(960px,calc(100% - 32px));margin-inline:auto}.site-header{border-bottom:1px solid var(--border);background:rgba(8,9,13,.96)}.header-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{color:var(--yellow);font-weight:800;text-decoration:none;letter-spacing:.03em}nav{display:flex;flex-wrap:wrap;gap:20px}nav a{color:var(--muted);text-decoration:none}nav a:hover{color:var(--yellow)}.hero{padding-block:72px 44px;text-align:center}.eyebrow,.result-label{margin:0 0 8px;color:var(--purple);font-size:.78rem;font-weight:800;letter-spacing:.13em}.hero h1{margin:0;color:var(--yellow);font-size:clamp(2.2rem,7vw,4.5rem);line-height:1}.hero-copy{max-width:720px;margin:24px auto 0;color:var(--muted);font-size:1.08rem}.information-section{margin-bottom:28px}.content-card,.calculator-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:clamp(20px,4vw,38px)}.content-card h2,.section-heading h2{margin:0 0 10px;color:var(--yellow);font-size:clamp(1.8rem,5vw,2.6rem)}.content-card p{color:var(--muted)}.disclaimer{border-left:3px solid var(--purple);padding-left:16px}.calculator-section{padding-block:20px 70px}.section-heading{max-width:720px;margin-bottom:24px}.section-heading>p:last-child{color:var(--muted)}.explorer-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:32px;align-items:start}.board-wrap{width:100%;max-width:600px;margin-inline:auto}.square-board{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;aspect-ratio:1;padding:8px;border:1px solid var(--border);border-radius:14px;background:#0b0e15}.square-cell{min-width:0;aspect-ratio:1;border:1px solid #343a4c;border-radius:8px;background:linear-gradient(135deg,#1b2130,#121722);color:var(--text);cursor:pointer;font-size:clamp(.9rem,2.4vw,1.35rem);font-weight:800;transition:background .15s,border-color .15s,transform .15s}.square-cell:nth-child(-n+6),.square-cell:nth-child(n+13):nth-child(-n+18),.square-cell:nth-child(n+25):nth-child(-n+30){background:#202636}.square-cell:hover,.square-cell:focus-visible{border-color:var(--yellow);transform:translateY(-1px);outline:none}.square-cell.related{border-color:var(--green);background:rgba(121,230,165,.18);color:var(--green)}.square-cell.starter{border-color:var(--yellow);background:var(--yellow);color:#111;box-shadow:0 0 0 2px #08090d,0 0 0 4px var(--yellow)}fieldset{margin:0 0 22px;padding:0;border:0}legend{margin-bottom:10px;color:var(--muted);font-size:.85rem;font-weight:700}.control-row{display:flex;flex-wrap:wrap;gap:8px}.control-button,.secondary-button{border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);cursor:pointer;font:inherit;font-weight:700;padding:9px 12px}.control-button:hover,.control-button:focus-visible,.secondary-button:hover,.secondary-button:focus-visible{border-color:var(--yellow);outline:none}.control-button.active{border-color:var(--yellow);background:var(--yellow);color:#111}.secondary-button{width:100%;margin-bottom:26px}.result-panel{border-top:1px solid var(--border);padding-top:22px}.result-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 22px}.result-summary div{padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}dt{color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}dd{margin:3px 0 0;color:var(--text);font-weight:800}.related-marks{display:flex;flex-wrap:wrap;gap:7px;min-height:38px}.related-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;padding:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff4a3 0%,#ffd21f 38%,#e5ad00 100%);color:#171717;border:2px solid #e2ad00;font-size:1.3rem;font-weight:900;line-height:1;box-shadow:inset 0 2px 1px rgba(255,255,255,.65),0 4px 11px rgba(133,93,0,.30);text-shadow:none}.explorer-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:18px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text);padding:9px 14px;font:inherit;font-size:.9rem;font-weight:700;text-decoration:none}.explorer-link:hover,.explorer-link:focus-visible{border-color:var(--yellow);color:var(--yellow);outline:none}.coverage{margin:18px 0 0;color:var(--muted);font-weight:700}.back-navigation{padding-bottom:24px}.back-to-strategies{color:var(--muted);text-decoration:none}.back-to-strategies:hover{color:var(--yellow)}@media(max-width:720px){.hero{padding-block:52px 34px}.explorer-layout{grid-template-columns:1fr;gap:26px}.board-wrap{max-width:560px}.controls-wrap{max-width:560px;width:100%;margin-inline:auto}}@media(max-width:420px){.page-width{width:min(100% - 20px,960px)}.square-board{gap:3px;padding:5px}.square-cell{border-radius:5px;font-size:clamp(.72rem,4vw,1rem)}.related-mark{flex-basis:44px;width:44px;height:44px;font-size:1.1rem}.explorer-link{width:100%;text-align:center}.control-button{flex:1 1 auto}.result-summary{gap:7px}}

.context-section{display:grid;gap:18px;margin-bottom:12px}.context-card{padding:clamp(18px,3vw,28px)}.context-card>.eyebrow{margin-bottom:16px}.strategy-draws{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.strategy-draw{min-width:0;padding:14px 8px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);text-align:center}.strategy-draw-time{display:block;margin-bottom:10px;color:var(--muted);font-size:.82rem;font-weight:700}.strategy-draw-balls{min-height:62px;display:flex;align-items:center;justify-content:center}.strategy-draw-ball{width:62px;height:62px;display:inline-flex;align-items:center;justify-content:center;border:2px solid #e2ad00;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff4a3 0%,#ffd21f 38%,#e5ad00 100%);color:#171717;font-family:Arial,Helvetica,sans-serif;font-size:1.45rem;font-weight:900;line-height:1;box-shadow:inset 0 2px 1px rgba(255,255,255,.65),0 4px 11px rgba(133,93,0,.30)}.strategy-draw-mark{display:block;margin-top:8px;color:var(--muted);font-size:.82rem}.strategy-draw-promo{display:block;margin-top:4px;color:var(--muted);font-size:.75rem}.strategy-draw-empty{color:var(--muted);font-size:1.15rem}.strategy-under{overflow-x:auto;border:1px solid var(--border);border-radius:12px}.strategy-under-table{width:100%;min-width:560px;border-collapse:collapse;color:var(--text);font-size:.88rem}.strategy-under-table th,.strategy-under-table td{padding:11px 12px;border-bottom:1px solid var(--border);text-align:center;white-space:nowrap}.strategy-under-table th{color:var(--muted);font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}.strategy-under-table th:first-child,.strategy-under-table td:first-child{text-align:left}.strategy-under-table tr:last-child td{border-bottom:0}.under-number{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:2px solid #e2ad00;border-radius:50%;background:#ffd21f;color:#171717;font-size:.95rem;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 3px 8px rgba(133,93,0,.24)}.under-na{color:var(--muted)}.strategy-under-note{margin:12px 2px 0;color:var(--muted);font-size:.8rem}@media(max-width:560px){.strategy-draws{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.strategy-draw{padding-inline:5px}.strategy-draw-ball{width:56px;height:56px;font-size:1.25rem}.strategy-under-table{font-size:.8rem}.strategy-under-table th,.strategy-under-table td{padding:9px 8px}}