@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Nunito:wght@700;800;900&display=swap";.tetris-game[data-v-aac125aa]{color:#edf7ff;box-sizing:border-box;background:linear-gradient(145deg,#17223a,#101827);border:1px solid #36506f;border-radius:23px;width:min(100%,670px);padding:clamp(16px,3vw,24px);font-family:Nunito,sans-serif}.tetris-game header[data-v-aac125aa]{justify-content:space-between;align-items:end;gap:12px;margin-bottom:17px;display:flex}.eyebrow[data-v-aac125aa]{color:#55d9d0;letter-spacing:.15em;margin:0 0 2px;font:500 10px DM Mono,monospace}.tetris-game h2[data-v-aac125aa]{letter-spacing:-.05em;margin:0;font-size:28px}.stats[data-v-aac125aa]{gap:8px;display:flex}.stats span[data-v-aac125aa]{color:#f8fbff;text-align:center;background:#0c1321;border:1px solid #314966;border-radius:9px;min-width:66px;padding:7px 8px;font:800 17px DM Mono,monospace}.stats small[data-v-aac125aa]{color:#93a8c1;margin-top:2px;font-size:8px;display:block}.stats .pulse[data-v-aac125aa]{color:#ffe270;animation:.24s ease-out score-pop-aac125aa}.play-area[data-v-aac125aa]{justify-content:center;align-items:stretch;gap:16px;display:flex}.board[data-v-aac125aa]{background:#07101e;border:2px solid #36506f;border-radius:12px;grid-template-columns:repeat(10,1fr);gap:3px;width:min(100%,290px);height:min(68vh,570px);padding:6px;display:grid;position:relative;box-shadow:inset 0 2px #ffffff0a,0 14px 28px #05091380}.cell[data-v-aac125aa]{background:#172237;border-radius:3px;min-width:0;box-shadow:inset 0 1px #ffffff18}.cell.falling[data-v-aac125aa]{animation:.16s ease-out descend-aac125aa;box-shadow:inset 0 2px #ffffffa0,inset 0 -3px #00000035}.cell.clearing[data-v-aac125aa]{z-index:1;animation:.38s ease-in forwards line-blast-aac125aa}.cell.clearing[data-v-aac125aa]:after{content:"";border-radius:50%;width:8px;height:8px;animation:.38s ease-out forwards sparks-aac125aa;position:absolute;box-shadow:18px -14px #fff1a6,-16px -13px #ff7a83,17px 16px #55e0dc,-15px 18px #ffdb69}.message[data-v-aac125aa]{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#06101edb;place-content:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.message strong[data-v-aac125aa]{font-size:23px}.message span[data-v-aac125aa]{color:#b7c8dc;font:11px DM Mono,monospace}.paused .cell[data-v-aac125aa]{opacity:.55}.controls[data-v-aac125aa]{background:#0d1728;border:1px solid #314966;border-radius:12px;flex-direction:column;width:174px;padding:12px;display:flex}.controls>p[data-v-aac125aa]{color:#89a4c3;text-align:center;letter-spacing:.12em;margin:0 0 10px;font:500 9px DM Mono,monospace}.move-grid[data-v-aac125aa]{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px;display:grid}.move-grid button[data-v-aac125aa]:first-child{grid-column:2}.move-grid button[data-v-aac125aa]:nth-child(2){grid-area:2/1}.move-grid button[data-v-aac125aa]:nth-child(3){grid-area:2/2}.move-grid button[data-v-aac125aa]:nth-child(4){grid-area:2/3}.controls button[data-v-aac125aa]{color:#eaf5ff;cursor:pointer;touch-action:manipulation;background:#243a58;border:1px solid #416488;border-radius:8px;justify-content:center;align-items:center;gap:3px;min-height:42px;padding:5px;display:flex}.move-grid button[data-v-aac125aa]{flex-direction:column;gap:4px;min-height:54px}.controls button[data-v-aac125aa]:hover{background:#31547b;transform:translateY(-1px)}.controls button[data-v-aac125aa]:focus-visible{outline-offset:2px;outline:3px solid #5eead4}.controls kbd[data-v-aac125aa]{color:#aac4de;background:#101e31;border:1px solid #52718f;border-radius:4px;padding:2px 5px;font:500 9px DM Mono,monospace}.wide-button[data-v-aac125aa]{width:100%;margin-top:6px;font-size:11px}.wide-button kbd[data-v-aac125aa]{margin-left:auto}.drop[data-v-aac125aa]{color:#fff8dd!important;background:#754c23!important;border-color:#bd8545!important}.restart[data-v-aac125aa]{color:#b9ccdf!important;background:0 0!important;border-color:#314966!important;margin-top:auto!important}@keyframes descend-aac125aa{0%{filter:brightness(1.7);transform:translateY(-7px)}to{transform:translateY(0)}}@keyframes line-blast-aac125aa{35%{filter:brightness(1.8);transform:scale(1.22)}to{opacity:0;transform:scale(.04)}}@keyframes sparks-aac125aa{to{opacity:0;transform:scale(2.2)rotate(30deg)}}@keyframes score-pop-aac125aa{50%{transform:scale(1.18)}}@media (width<=530px){.tetris-game[data-v-aac125aa]{padding:14px}.play-area[data-v-aac125aa]{gap:9px}.board[data-v-aac125aa]{width:min(100%,245px);height:min(62vh,480px)}.controls[data-v-aac125aa]{width:128px;padding:8px}.controls button[data-v-aac125aa]{min-height:37px}.wide-button[data-v-aac125aa]{font-size:9px}.tetris-game h2[data-v-aac125aa]{font-size:23px}.stats span[data-v-aac125aa]{min-width:55px;font-size:14px}}@media (width<=390px){.play-area[data-v-aac125aa]{align-items:flex-start}.board[data-v-aac125aa]{width:205px;height:min(60vh,410px)}.controls[data-v-aac125aa]{width:105px}.controls kbd[data-v-aac125aa]{display:none}.wide-button[data-v-aac125aa]{font-size:0}.wide-button[data-v-aac125aa] svg{margin:auto}}.snake-game[data-v-09202d2e]{color:#effcf1;box-sizing:border-box;background:#10251d;border-radius:20px;width:min(100%,430px);margin:auto;padding:clamp(16px,4vw,24px);font-family:Arial,sans-serif}header[data-v-09202d2e]{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}h2[data-v-09202d2e],p[data-v-09202d2e]{margin:0}h2[data-v-09202d2e]{font-size:1.5rem}.help[data-v-09202d2e],header p[data-v-09202d2e]{color:#a8cbb2;font-size:.85rem}button[data-v-09202d2e]{color:#f5fff6;min-height:42px;font:inherit;cursor:pointer;touch-action:manipulation;background:#24533e;border:1px solid #4b8a68;border-radius:9px;padding:8px 12px}button[data-v-09202d2e]:hover{background:#326f53}button[data-v-09202d2e]:focus-visible{outline-offset:2px;outline:3px solid #bef264}.board[data-v-09202d2e]{aspect-ratio:1;background:#07170f;border:2px solid #397253;border-radius:10px;grid-template-columns:repeat(16,1fr);gap:2px;width:100%;padding:5px;display:grid}.board[data-v-09202d2e],.cell[data-v-09202d2e]{position:relative}.cell[data-v-09202d2e]{background:#153322;border-radius:2px;min-width:0}.cell.snake[data-v-09202d2e]{background:#8de04d;box-shadow:inset 0 1px #efffc7}.cell.head[data-v-09202d2e]{background:#b5f35d;border-radius:35%;box-shadow:inset 0 1px #f4ffcd}.cell.head[data-v-09202d2e]:after,.cell.head[data-v-09202d2e]:before{z-index:1;content:"";background:#193025;border-radius:50%;width:23%;height:23%;position:absolute}.cell.head-right[data-v-09202d2e]:before{top:22%;right:16%}.cell.head-right[data-v-09202d2e]:after{bottom:22%;right:16%}.cell.head-left[data-v-09202d2e]:before{top:22%;left:16%}.cell.head-left[data-v-09202d2e]:after{bottom:22%;left:16%}.cell.head-up[data-v-09202d2e]:before{top:16%;left:22%}.cell.head-up[data-v-09202d2e]:after{top:16%;right:22%}.cell.head-down[data-v-09202d2e]:before{bottom:16%;left:22%}.cell.head-down[data-v-09202d2e]:after{bottom:16%;right:22%}.cell.food[data-v-09202d2e]{background:#fb5d63;border-radius:50%;transform:scale(.72)}.message[data-v-09202d2e]{color:#fff;background:#07170fcc;place-items:center;font-size:1.8rem;font-weight:700;display:grid;position:absolute;inset:0}.help[data-v-09202d2e]{text-align:center;margin:13px 0}.controls[data-v-09202d2e]{grid-template-columns:repeat(3,1fr);gap:8px;max-width:250px;margin:auto;display:grid}.controls button[data-v-09202d2e]:first-child{grid-column:2}.controls button[data-v-09202d2e]:nth-child(2){grid-area:2/1}.controls button[data-v-09202d2e]:nth-child(3){grid-area:2/2}.controls button[data-v-09202d2e]:nth-child(4){grid-area:2/3}:root{color:#f8f8ff;background:#161729;font-family:Nunito,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}.app-shell{background:radial-gradient(circle at 50% 0,#393562 0,#1c1c31 43%,#131421);grid-template-columns:228px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:6;background:#11121fdf;border-right:1px solid #37384f;min-height:100vh;padding:27px 14px}.sidebar-brand{color:#fff;letter-spacing:-1px;margin:0 12px 34px;font-size:18px;font-weight:900}.sidebar-brand span{color:#ffbd42}.game-nav{gap:8px;display:grid}.nav-game{color:#9fa1b8;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px;transition:background .18s,color .18s,border-color .18s;display:flex}.nav-game:hover{color:#e8e8f3;background:#26273b}.nav-game.active{color:#fff;background:#2d2e46;border-color:#555875;box-shadow:inset 3px 0 #ffbf42}.nav-game span{gap:1px;display:grid}.nav-game strong{letter-spacing:.02em;font-size:13px}.nav-game small{color:#8588a3;font:400 10px DM Mono,monospace}.nav-game.active small{color:#d0b985}.sidebar-note{color:#696c85;margin:34px 12px 0;font:400 11px/1.65 DM Mono,monospace}.game-shell{place-items:center;min-width:0;min-height:100vh;padding:24px;display:grid}.game{width:min(100%,520px)}.topbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.brand{letter-spacing:-1.8px;color:#fff;text-shadow:0 3px #a74455;font-size:clamp(25px,7vw,34px);font-weight:900}.brand span{color:#ffb33d}.icon-button{color:#fff;cursor:pointer;background:#30314a;border:2px solid #575978;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.scores{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.score-card{background:#27283f;border:1px solid #464862;border-radius:14px;padding:10px 16px 12px}.final-score span,.score-card span{color:#aeb0c6;letter-spacing:.08em;align-items:center;gap:5px;font:500 11px DM Mono,monospace;display:flex}.score-card.best span{color:#ffc355}.score-card strong{color:#fff;margin-top:2px;font:800 25px DM Mono,monospace;display:block}.score-card.score-pop strong{color:#ffcc60;animation:.22s ease-out score-pop}.combo{color:#ffca55;text-align:center;height:24px;font:800 14px DM Mono,monospace;animation:.25s ease-out pop}.board{aspect-ratio:1;background:#25263e;border:2px solid #555773;border-radius:22px;grid-template-columns:repeat(8,1fr);gap:clamp(4px,1vw,7px);padding:clamp(7px,1.6vw,11px);display:grid;box-shadow:0 16px 34px #08091366,inset 0 2px #ffffff12}.board.resolving{animation:.38s cubic-bezier(.36,.07,.19,.97) board-shake}.board-cell{background:#3a3b53;border-radius:clamp(4px,1vw,7px);transition:background .14s,transform .14s;position:relative;box-shadow:inset 0 2px #ffffff0b}.board-cell.filled{background:#ffb13d;box-shadow:inset 0 3px #ffe19a,inset 0 -4px #c76a21}.board-cell.placed{animation:.22s cubic-bezier(.2,1.4,.5,1) land}.board-cell.preview.valid{opacity:.82;background:#70e5c7}.board-cell.preview.invalid{opacity:.7;background:#ff6c78}.board-cell.clearing{z-index:1;animation:.38s cubic-bezier(.2,.8,.25,1) 80ms forwards clear}.board-cell.clearing:after,.board-cell.clearing:before{content:"";pointer-events:none;background:#fff5bb;border-radius:50%;position:absolute;inset:20%}.board-cell.clearing:before{animation:.4s ease-out 50ms forwards blast-ring}.board-cell.clearing:after{animation:.4s ease-out 50ms forwards sparks;box-shadow:20px -17px #ffda61,-18px -16px #ff755d,21px 17px #ffd85f,-19px 20px #ff6c71}.hint{text-align:center;color:#9295af;margin:18px 0 14px;font-size:13px}.tray{background:#22233a;border-radius:18px;grid-template-columns:repeat(3,1fr);align-items:center;min-height:104px;padding:8px 12px;display:grid}.shape{--cell:clamp(15px, 5.1vw, 25px);grid-template-columns:repeat(var(--shape-width),var(--cell));grid-auto-rows:var(--cell);touch-action:none;cursor:grab;background:0 0;border:0;justify-self:center;padding:12px;display:grid}.shape:active{cursor:grabbing;transform:scale(1.08)}.shape.dragging{opacity:.18;transform:scale(.92)}.shape i{background:var(--shape-color);border-radius:5px;display:block;box-shadow:inset 0 2px #ffffff80,inset 0 -3px #00000030}.drag-ghost{--cell:clamp(24px, 6vw, 32px);z-index:4;grid-template-columns:repeat(var(--shape-width),var(--cell));grid-auto-rows:var(--cell);pointer-events:none;filter:drop-shadow(0 12px 8px #090a1a80);display:grid;position:fixed;transform:translate(-50%,-100%)rotate(-2deg)}.drag-ghost i{background:var(--shape-color);border-radius:7px;display:block;box-shadow:inset 0 3px #ffffff90,inset 0 -4px #00000035}.drag-ghost.invalid{opacity:.55;filter:grayscale(.4)drop-shadow(0 12px 8px #090a1a80)}.overlay{z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#11121bd9;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.game-over-card{text-align:center;background:linear-gradient(145deg,#393a58,#272840);border:1px solid #666989;border-radius:26px;width:min(100%,360px);padding:30px;box-shadow:0 24px 60px #0008}.burst{color:#ffbf42;background:#343650;border:5px solid #ffbf42;border-radius:50%;place-items:center;width:76px;height:76px;margin:-57px auto 14px;display:grid}.game-over-card>p:first-of-type{color:#ffbd47;letter-spacing:.13em;margin:0;font:500 11px DM Mono,monospace}.game-over-card h1{margin:6px 0 22px;font-size:29px}.final-score{background:#202136;border-radius:14px;padding:15px}.final-score span{justify-content:center}.final-score strong{margin-top:2px;font:800 40px DM Mono,monospace;display:block}.record{color:#b9bbcf;margin:13px 0 20px;font-size:14px}.play-again{color:#242334;cursor:pointer;background:#ffbc43;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-weight:900;display:flex}@keyframes clear{30%{filter:brightness(1.7);transform:scale(1.22)}to{opacity:0;transform:scale(.05)}}@keyframes blast-ring{to{opacity:0;transform:scale(4.5)}}@keyframes sparks{to{opacity:0;transform:scale(1.8)rotate(25deg)}}@keyframes land{0%{filter:brightness(1.8);transform:scale(.35)}75%{transform:scale(1.13)}to{transform:scale(1)}}@keyframes board-shake{15%,45%,75%{transform:translate(-4px)}30%,60%,90%{transform:translate(4px)}}@keyframes score-pop{50%{transform:scale(1.25)}}@keyframes pop{50%{transform:scale(1.13)}}@media (width<=720px){.app-shell{display:block}.sidebar{border-top:1px solid #37384f;border-right:0;align-items:center;min-height:76px;padding:8px;display:flex;position:fixed;inset:auto 0 0}.sidebar-brand,.sidebar-note{display:none}.game-nav{grid-template-columns:repeat(3,1fr);gap:5px;width:100%}.nav-game{text-align:center;border-radius:10px;flex-direction:column;justify-content:center;gap:3px;min-height:58px;padding:5px}.nav-game span{display:contents}.nav-game strong{font-size:10px}.nav-game small{display:none}.nav-game.active{box-shadow:inset 0 3px #ffbf42}.game-shell{min-height:100vh;padding:16px 16px 94px}}@media (width<=460px){.tray{min-height:88px}.shape{padding:8px}}