:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#090d14;color:#edf2f8;font-family:Arial,Helvetica,sans-serif}button{font:inherit}button:focus-visible{outline:3px solid #159dff;outline-offset:3px}main{max-width:1440px;margin:0 auto}.gc-tetris{max-width:1120px;margin:0 auto;padding:26px 28px 74px}.gc-tetris-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #26364b;padding:0 0 17px}.gc-back{font-size:13px;color:#b8cae0}.gc-live,.gc-kicker,.gc-board-top,.gc-stat>span,.gc-side-label,.gc-record>span,.gc-how>b{font-size:10px;letter-spacing:1.7px;color:#9eafc4;font-weight:700}.gc-live{color:#77d6a0}.gc-live i{display:inline-block;width:7px;height:7px;background:#55db92;border-radius:50%;margin-right:7px;box-shadow:0 0 10px #55db92}.gc-intro{display:flex;align-items:center;justify-content:space-between;padding:36px 0 24px}.gc-kicker{color:#56b8ff;margin:0 0 10px}.gc-intro h1{font-size:clamp(44px,7vw,72px);letter-spacing:-4px;line-height:.95;margin:0;color:#f4f8ff}.gc-intro h1 span{color:#159dff}.gc-lead{margin:13px 0 0;color:#a6b5c8;font-size:15px}.gc-badge{width:76px;height:76px;display:grid;place-content:center;text-align:center;line-height:.92;border:1px solid #197dca;border-radius:19px;transform:rotate(7deg);color:#dff2ff;font-size:16px;font-weight:bold;background:linear-gradient(145deg,#0f3d65,#0d1725);box-shadow:0 0 34px #008bff22}.gc-badge b{color:#60c2ff;font-size:10px;letter-spacing:2px;margin-top:6px}.gc-game-tabs{display:flex;gap:9px;margin:8px 0 18px}.gc-game-tabs button{cursor:pointer;padding:12px 18px;border:1px solid #2c4058;background:#101a29;color:#aebed1;border-radius:7px;font-weight:700;transition:.18s}.gc-game-tabs button span{font-size:9px;color:#8194ab;margin-left:10px}.gc-game-tabs button[aria-selected=true]{color:#fff;border-color:#168de3;background:linear-gradient(120deg,#0b3c68,#102338);box-shadow:inset 0 0 0 1px #168de355}.gc-game-tabs button[aria-selected=true] span{color:#65c2ff}.gc-game-layout{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(260px,.8fr);gap:16px;align-items:stretch}.gc-board-panel,.gc-side-panel{border:1px solid #263b54;border-radius:11px;background:linear-gradient(145deg,#111c2b,#0c121c 78%);box-shadow:0 16px 44px #0004}.gc-board-panel{padding:18px;display:flex;flex-direction:column;align-items:center}.gc-board-top{width:100%;display:flex;justify-content:space-between;padding:1px 2px 13px;font-size:9px}.gc-board-top b{color:#e2f2ff}.gc-board-top #gc-state{color:#54b8ff}.gc-board{--cols:10;--rows:20;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));gap:3px;width:min(100%,390px);aspect-ratio:1/2;background:#060b12;border:1px solid #2b4059;border-radius:7px;padding:5px;box-shadow:inset 0 0 35px #000b;touch-action:none}.gc-cell{border-radius:2px;background:linear-gradient(145deg,#202a36,#0b1018 72%);border:1px solid #26313d;min-width:0;min-height:0}.gc-cell.filled{background:linear-gradient(145deg,#59c5ff,#0876d5 72%);border-color:#73d1ff;box-shadow:inset 0 0 4px #fff8,0 0 8px #148ee966}.gc-cell.ghost{background:#0878d455;border-color:#168be588}.gc-cell.snake{background:linear-gradient(145deg,#a8f68c,#56c77f 75%);border-color:#c3ff9a;box-shadow:0 0 8px #64eb8966}.gc-cell.snake-head{background:linear-gradient(145deg,#dbff7d,#76e080 80%);border-color:#efffa4;box-shadow:0 0 12px #a2ff7a88}.gc-cell.food{background:radial-gradient(circle at 35% 30%,#ffb5a7,#ff5362 68%);border-color:#ff9697;border-radius:45%;box-shadow:0 0 9px #ff526766}.gc-mobile-controls{display:none}.gc-key-hint{text-align:center;font-size:10px;color:#8193aa;margin:12px 0 0;line-height:1.5}.gc-side-panel{padding:22px;display:flex;flex-direction:column;gap:17px}.gc-stat{display:flex;flex-direction:column;gap:6px}.gc-stat>span,.gc-side-label,.gc-record>span,.gc-how>b{font-size:9px}.gc-stat>strong,.gc-record>strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#eef7ff;font-size:31px;letter-spacing:1px}.gc-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px 0;border-top:1px solid #28394d;border-bottom:1px solid #28394d}.gc-stat-row .gc-stat>strong{font-size:21px}.gc-next{padding:2px 0}.gc-side-label{margin-bottom:11px}.gc-next-grid{display:grid;grid-template-columns:repeat(4,19px);grid-template-rows:repeat(4,19px);gap:3px;width:max-content}.gc-next-grid .gc-cell{width:19px;height:19px}.gc-record{border-top:1px solid #28394d;padding-top:14px;display:flex;justify-content:space-between;align-items:center}.gc-record>strong{font-size:17px;color:#66c4ff}.gc-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gc-actions button{cursor:pointer;min-height:43px;border:1px solid #2a4059;border-radius:6px;background:#121e2d;color:#dae8f7;font-weight:700;font-size:12px}.gc-actions button:disabled{opacity:.4;cursor:default}.gc-actions .gc-primary{grid-column:1/-1;background:linear-gradient(110deg,#087bdb,#159dff);border:0;color:white;font-size:14px;box-shadow:0 5px 20px #008cff24}.gc-primary span{float:right}.gc-actions button:not(:disabled):hover,.gc-mobile-controls button:hover{border-color:#48b9ff;filter:brightness(1.12)}.gc-how{border-top:1px solid #28394d;padding-top:14px}.gc-how>b{color:#56b8ff}.gc-how p{font-size:12px;color:#98a9be;line-height:1.65;margin:7px 0 0}.gc-personal-note{text-align:center;color:#91a2b8;font-size:11px;margin:18px 0 0}.gc-personal-note:first-letter{color:#69c2ff}body:has(.gc-tetris) header{height:82px}body:has(.gc-tetris) footer{display:none}
@media(max-width:720px){.gc-tetris{padding:18px 15px 45px}.gc-intro{padding:27px 0 20px}.gc-intro h1{font-size:52px}.gc-badge{width:62px;height:62px}.gc-game-layout{grid-template-columns:1fr;gap:12px}.gc-board-panel{padding:13px}.gc-board{width:min(100%,180px);width:min(100%,180px,max(120px,calc((100dvh - 400px)*.5)));gap:2px;padding:4px}.gc-side-panel{padding:17px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.gc-stat-row{grid-column:1/-1;grid-row:2}.gc-next{grid-column:2;grid-row:1 / span 2;justify-self:end;align-self:center}.gc-record{grid-column:1/-1}.gc-actions{grid-column:1/-1}.gc-how{grid-column:1/-1}.gc-mobile-controls{width:min(100%,390px);display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:12px}.gc-mobile-controls button{height:45px;border:1px solid #294766;border-radius:6px;background:#10243a;color:#cdeaff;font-weight:700;font-size:19px;touch-action:manipulation}.gc-mobile-controls button[data-action=rotate],.gc-mobile-controls button[data-action=drop]{color:#65c4ff}.gc-key-hint{max-width:390px}.gc-tetris-head{padding-bottom:13px}}
@media(max-width:380px){.gc-tetris{padding-left:10px;padding-right:10px}.gc-side-panel{padding:13px}.gc-game-tabs button{padding:11px 13px}}
@media(min-width:721px){.gc-board.gc-snake-board{width:min(100%,390px)}}
body:has(.gc-tetris) header{display:none}