:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf2ed;background:#0b121c;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #c8eaa3;outline-offset:4px}button:disabled{opacity:.42;cursor:default}.shell{max-width:1120px;margin:auto;padding:28px 28px 32px}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #263642;padding-bottom:22px}.brand{font-size:24px;font-weight:750;letter-spacing:-.8px}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a{padding:8px 12px;border-radius:7px;color:#9dafb8;font-size:13px}.nav a:hover,.nav a[aria-current=page]{background:#182731;color:#ecf2ef}.intro{margin:54px 0 28px}.intro h1{font-size:46px;letter-spacing:-1.7px;margin:0 0 10px}.intro p{color:#9dafb8;margin:0;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #293a45;border-radius:14px;overflow:hidden;background:#101b26;transition:transform .16s,border-color .16s}.card:hover{transform:translateY(-4px);border-color:#8da87b}.thumbnail{display:block;width:100%;height:260px;object-fit:cover;object-position:center 42%;background:#080f18;border-bottom:1px solid #293a45}.card-copy{padding:23px}.card h2{font-size:25px;letter-spacing:-.6px;margin:0 0 9px}.card p{color:#9dafb8;font-size:14px;margin:0;line-height:1.8;min-height:50px}.play-link{display:flex;justify-content:space-between;margin-top:23px;color:#c8eaa3;font-size:13px;font-weight:650}.footer{color:#8199a4;font-size:12px;margin-top:36px;line-height:1.8}.game-heading{display:flex;align-items:end;justify-content:space-between;margin:30px 0 20px;gap:18px}.game-heading h1{font-size:32px;letter-spacing:-1px;margin:0}.game-heading .back{color:#9dafb8;font-size:13px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px}.commands,.mode-picker{display:flex;gap:8px;flex-wrap:wrap}button{color:#d8e2dc;background:#15242f;border:1px solid #3b515b;border-radius:8px;padding:10px 16px;min-height:44px}.primary{background:#c8eaa3;color:#14251a;border-color:#c8eaa3;font-weight:650}.mode-picker button{font-size:13px;padding:9px 13px}.mode-picker button[aria-pressed=true]{border-color:#c8eaa3;color:#c8eaa3;background:#1d3026}.workspace{display:grid;grid-template-columns:minmax(0,480px) minmax(240px,1fr);gap:28px;align-items:start;max-width:860px}.board{border:1px solid #2a3d47;border-radius:12px;padding:10px;background:#0b121c}.board canvas{display:block;width:100%;height:auto;border-radius:6px}.side{display:flex;flex-direction:column;gap:18px}.panel{border:1px solid #2a3d47;border-radius:12px;background:#101b26;padding:20px}.panel h2{margin:0 0 17px;font-size:13px;color:#9dafb8;font-weight:500}.stats{display:grid;gap:16px}.stat{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.stat span{font-size:13px;color:#9dafb8}.stat strong{font-size:18px;text-align:right;font-variant-numeric:tabular-nums;font-weight:650}.record{padding-top:16px;margin-top:18px;border-top:1px solid #293a45}.record strong{color:#c8eaa3}.controls p{font-size:13px;color:#aebfc5;line-height:1.9;margin:0 0 8px}.controls p:last-child{margin-bottom:0}kbd{font-family:inherit;font-size:12px;display:inline-block;padding:0 6px;border:1px solid #354b57;border-radius:4px;background:#162630}.touch-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:250px;margin:0 auto}.touch-pad button{font-size:23px;touch-action:none;user-select:none;min-width:0;min-height:52px;padding:7px}.touch-pad .empty{display:grid;place-items:center;color:#748b96}.touch-pad button.pressed{background:#c8eaa3;color:#14251a;border-color:#c8eaa3}.tetris-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tetris-pad button{touch-action:none;user-select:none;padding:9px 5px;font-size:13px}.tetris-pad .wide{grid-column:span 3}.breakout-pad{display:flex;gap:8px}.breakout-pad button{flex:1;font-size:25px;touch-action:none;user-select:none}.breakout-pad button.pressed,.tetris-pad button.pressed{background:#c8eaa3;color:#14251a}.status{font-size:13px;color:#a8beb5;margin:18px 0 0;line-height:1.7;min-height:22px}.mode-note{font-size:12px;color:#8fa5b0;line-height:1.8;margin:14px 0 0}@media(max-width:850px){.cards{gap:12px}.thumbnail{height:210px}.card-copy{padding:18px}.workspace{grid-template-columns:minmax(0,440px) minmax(210px,1fr);gap:18px}.panel{padding:16px}}@media(max-width:660px){.shell{padding:18px 16px 24px}.header{gap:14px;padding-bottom:15px}.brand{font-size:21px}.nav{gap:0}.nav a{font-size:12px;padding:8px}.intro{margin:34px 0 24px}.intro h1{font-size:36px}.cards{grid-template-columns:1fr;gap:18px}.thumbnail{height:220px;object-position:center 42%}.card p{min-height:0}.workspace{grid-template-columns:1fr;max-width:480px;margin:auto}.side{gap:14px}.game-heading{margin:24px 0 16px}.game-heading h1{font-size:28px}.game-heading .back{display:none}.board{padding:6px}.toolbar{gap:14px}.mode-picker,.commands{width:100%}.commands button{flex:1;padding:9px 7px}.stats{grid-template-columns:1fr 1fr;gap:14px}.stat{flex-direction:column;gap:5px}.stat strong{text-align:left}.record{flex-direction:row}.touch-pad{max-width:260px}.panel.touch{order:-1}.touch-pad button{min-height:50px}.status{margin-top:14px}.footer{margin-top:26px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}