:root{color-scheme:dark}.blocks-page{margin:0;background:#0b1120;color:#f1f5f9;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.blocks-page *{box-sizing:border-box}.blocks-page a{color:inherit;text-decoration:none}.blocks-page button{font:inherit;cursor:pointer}.blocks-page button:focus-visible,.blocks-page a:focus-visible,.blocks-page canvas:focus-visible{outline:3px solid #c9ff59;outline-offset:4px}.blocks-header{max-width:1100px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #263249}.blocks-brand{font-size:21px;font-weight:900;letter-spacing:-1px}.blocks-brand span{color:#c9ff59;margin-left:6px;font-size:12px;letter-spacing:2px}.blocks-home{font-size:13px;color:#cbd5e1!important}.blocks-main{max-width:980px;margin:auto;padding:32px}.blocks-eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#c9ff59}.blocks-intro h1{margin:5px 0 10px;font-size:clamp(38px,6vw,68px);line-height:1;letter-spacing:-3px;font-weight:900}.blocks-intro h1 span{color:#ff796e}.blocks-intro>p:last-child{color:#94a3b8;font-size:14px;margin:0 0 26px}.blocks-layout{display:grid;grid-template-columns:minmax(230px,380px) 270px;gap:28px;justify-content:center;align-items:start}.blocks-play{min-width:0}.blocks-board-wrap{position:relative;margin:auto;width:min(100%,300px);border:1px solid #34415b;border-radius:12px;overflow:hidden;background:#111a2b;box-shadow:0 20px 60px #02071366}.blocks-board-wrap canvas{display:block;width:100%;height:auto;touch-action:none}.blocks-overlay{position:absolute;inset:0;background:#0b1120dc;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;backdrop-filter:blur(4px)}.blocks-overlay[hidden]{display:none}.blocks-overlay p:first-child{font-size:10px;letter-spacing:2px;color:#c9ff59;font-weight:800}.blocks-overlay h2{font-size:34px;letter-spacing:-1px;margin:10px 0}.blocks-overlay p{font-size:13px;color:#b8c4d5;line-height:1.5}.blocks-primary{border:0;background:#c9ff59;color:#0b1120;padding:15px 22px;border-radius:8px;font-weight:800!important;margin-top:15px;min-height:48px}.blocks-primary:hover{background:#d9ff8d}.blocks-touch{display:grid;grid-template-columns:repeat(4,1fr) 1.5fr;gap:7px;width:min(100%,340px);margin:14px auto 0}.blocks-touch button{background:#1b273d;color:#f1f5f9;border:1px solid #34415b;border-radius:8px;min-height:50px;font-size:22px;font-weight:700;touch-action:none;user-select:none}.blocks-touch button:active{background:#34415b}.blocks-touch #blocks-drop{font-size:13px;color:#c9ff59}.blocks-status{font-size:11px;text-align:center;min-height:32px;line-height:1.5;color:#94a3b8;margin:12px 0}.blocks-sidebar{display:flex;flex-direction:column;gap:14px}.blocks-card{background:#131d2f;border:1px solid #263249;border-radius:12px;padding:20px}.blocks-label{font-size:10px;letter-spacing:2px;font-weight:800;color:#94a3b8;margin:0 0 8px}.blocks-score-card>strong{font-size:42px;font-weight:850;letter-spacing:-2px;color:#c9ff59;font-variant-numeric:tabular-nums}.blocks-score-card dl{display:flex;justify-content:space-between;gap:10px;margin:20px 0 0}.blocks-score-card dt{font-size:9px;color:#94a3b8;letter-spacing:1px}.blocks-score-card dd{font-size:16px;margin:7px 0 0;font-weight:750;font-variant-numeric:tabular-nums}.blocks-next-card{padding-bottom:12px}.blocks-next-card canvas{display:block;margin:auto;max-width:100%}.blocks-next-card>p:last-child{font-size:11px;color:#94a3b8;text-align:center;margin:0}.blocks-secondary{background:transparent;border:1px solid #43526c;color:#f1f5f9;border-radius:8px;min-height:46px;font-size:13px}.blocks-secondary:hover:enabled{border-color:#c9ff59}.blocks-secondary:disabled{opacity:.4;cursor:default}.blocks-how h2{margin:0 0 10px;font-size:14px}.blocks-how p{font-size:12px;line-height:1.65;color:#94a3b8;margin:0}.blocks-how dl{margin:16px 0;display:grid;gap:8px}.blocks-how dl>div{display:flex;justify-content:space-between;gap:15px;font-size:12px}.blocks-how dt{font-weight:750;color:#cbd5e1}.blocks-how dd{margin:0;color:#94a3b8}.blocks-how .blocks-tip{font-size:11px}.blocks-other{font-size:12px;color:#ff9b8f!important;padding:8px 2px}.blocks-footer{max-width:1100px;margin:25px auto 0;border-top:1px solid #263249;padding:24px 32px;display:flex;justify-content:space-between;color:#64748b;font-size:11px}.blocks-footer a{font-weight:800;letter-spacing:1px}@media(max-width:650px){.blocks-header{padding:20px}.blocks-main{padding:25px 16px}.blocks-layout{grid-template-columns:1fr;gap:10px}.blocks-intro{text-align:center}.blocks-intro h1{letter-spacing:-2px}.blocks-board-wrap{width:min(100%,280px,calc(57svh * .5))}.blocks-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:10px}.blocks-card{padding:16px}.blocks-score-card>strong{font-size:32px}.blocks-score-card dl{margin-top:12px;gap:8px}.blocks-next-card canvas{height:76px;width:122px}.blocks-secondary,.blocks-how,.blocks-other{grid-column:1/-1}.blocks-how dl{grid-template-columns:1fr 1fr;column-gap:24px}.blocks-footer{padding:20px}.blocks-touch{width:min(100%,320px)}}@media(prefers-reduced-motion:reduce){.blocks-overlay{backdrop-filter:none}}
/* Reserve vertical room for the title and touch controls on compact phones. */
@media(max-width:650px){.blocks-board-wrap{width:min(100%,280px,max(140px,calc((100svh - 290px)*.5)))}.blocks-main{padding-top:16px}.blocks-intro>p:last-child{margin-bottom:16px}.blocks-overlay{padding:12px}.blocks-overlay h2{font-size:26px}}