:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#cbd5e1;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 20% 10%,#14b8a629,#0000 28rem),radial-gradient(circle at 84% 18%,#f472b61a,#0000 24rem),linear-gradient(145deg,#020617 0%,#101827 52%,#070b14 100%)}@media (width<=1024px){:root{font-size:16px}}#root{min-height:100svh}body{margin:0}*{box-sizing:border-box}.hub-shell{width:min(100%,1120px);min-height:100svh;margin:0 auto;padding:56px 24px}.hub-hero{align-items:end;min-height:32svh;padding:28px 0;display:grid}.hub-kicker{color:#5eead4;letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:800;display:block}.hub-hero h1{color:#f8fafc;margin:10px 0 0;font-size:clamp(3.2rem,14vw,7rem);line-height:.9}.hub-hero p{color:#cbd5e1;max-width:560px;margin:18px 0 0;font-size:clamp(1.05rem,3vw,1.35rem)}.games-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;padding-bottom:40px;display:grid}.game-card{min-height:210px;color:inherit;background:linear-gradient(#0f172ac2,#020617e6),linear-gradient(135deg,#5eead429,#fb71851a);border:1px solid #94a3b833;border-radius:8px;grid-template-rows:auto 1fr auto;gap:18px;padding:22px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;box-shadow:0 18px 50px #0000003d}.game-card:hover{border-color:#5eead46b;transform:translateY(-3px);box-shadow:0 24px 70px #00000057}.game-card:focus-visible,.back-link:focus-visible{outline-offset:4px;outline:3px solid #5eead473}.game-card-thumb{color:#f8fafc;width:64px;height:64px;font-family:var(--mono);background:linear-gradient(135deg,#5eead43d,#60a5fa2e),#0f172ad1;border:1px solid #94a3b833;border-radius:8px;place-items:center;font-size:2.2rem;line-height:1;display:grid}.game-card-content{align-content:start;gap:10px;display:grid}.game-card-content strong{color:#f8fafc;font-size:1.65rem;line-height:1}.game-card-content span{color:#cbd5e1;max-width:34rem}.game-card-action{color:#042f2e;background:linear-gradient(135deg,#99f6e4,#22d3ee);border:1px solid #5eead461;border-radius:7px;justify-self:start;place-items:center;min-height:38px;padding:0 16px;font-weight:800;line-height:1;display:inline-grid}.tetris-page{min-height:100svh;position:relative}.back-link{z-index:2;color:#e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617b8;border:1px solid #94a3b838;border-radius:7px;place-items:center;min-height:38px;padding:0 14px;font-size:.86rem;font-weight:800;text-decoration:none;transition:transform .14s,border-color .14s,color .14s;display:inline-grid;position:absolute;top:18px;left:18px;box-shadow:0 12px 32px #0000003d}.back-link:hover{color:#f8fafc;border-color:#5eead461;transform:translateY(-1px)}.game-shell{box-sizing:border-box;place-items:center;min-height:100svh;padding:24px;display:grid}.play-area{grid-template-columns:minmax(260px,430px) minmax(220px,300px);align-items:start;gap:24px;width:min(100%,980px);display:grid}.board-wrap{justify-self:center;width:100%;max-width:430px;position:relative}.board{aspect-ratio:1/2;box-sizing:border-box;background:linear-gradient(#0f172ad6,#020617f5),repeating-linear-gradient(0deg,#0000 0 calc(5% - 1px),#94a3b80f calc(5% - 1px) 5%);border:1px solid #94a3b838;border-radius:8px;grid-template-rows:repeat(20,1fr);grid-template-columns:repeat(10,1fr);gap:3px;padding:8px;display:grid;box-shadow:0 22px 70px #0000006b}.snake-board-wrap,.minesweeper-board-wrap{max-width:560px}.blagger-board-wrap{max-width:640px}.snake-board{aspect-ratio:1;box-sizing:border-box;background:linear-gradient(#0f172ad6,#020617f5),repeating-linear-gradient(0deg,#0000 0 calc(5% - 1px),#94a3b80f calc(5% - 1px) 5%),repeating-linear-gradient(90deg,#0000 0 calc(5% - 1px),#94a3b80f calc(5% - 1px) 5%);border:1px solid #94a3b838;border-radius:8px;grid-template-rows:repeat(20,1fr);grid-template-columns:repeat(20,1fr);gap:3px;padding:8px;display:grid;box-shadow:0 22px 70px #0000006b}.minesweeper-board{grid-template-columns:repeat(var(--minesweeper-size), 1fr);grid-template-rows:repeat(var(--minesweeper-size), 1fr);aspect-ratio:1;box-sizing:border-box;background:linear-gradient(#0f172ad6,#020617f5),repeating-linear-gradient(0deg,#0000 0 calc(10% - 1px),#94a3b80f calc(10% - 1px) 10%),repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#94a3b80f calc(10% - 1px) 10%);border:1px solid #94a3b838;border-radius:8px;gap:4px;padding:8px;display:grid;box-shadow:0 22px 70px #0000006b}.blagger-board{grid-template-columns:repeat(var(--blagger-width), 1fr);grid-template-rows:repeat(var(--blagger-height), 1fr);aspect-ratio:var(--blagger-width) / var(--blagger-height);background:linear-gradient(180deg, #0f172ad6, #020617f5), repeating-linear-gradient(0deg, transparent 0, transparent calc((100% / var(--blagger-height)) - 1px), #94a3b80f calc((100% / var(--blagger-height)) - 1px), #94a3b80f calc(100% / var(--blagger-height))), repeating-linear-gradient(90deg, transparent 0, transparent calc((100% / var(--blagger-width)) - 1px), #94a3b80f calc((100% / var(--blagger-width)) - 1px), #94a3b80f calc(100% / var(--blagger-width)));box-sizing:border-box;border:1px solid #94a3b838;border-radius:8px;gap:3px;padding:8px;display:grid;box-shadow:0 22px 70px #0000006b}.cell,.preview-cell,.snake-cell{background:#0f172ad1;border-radius:4px;min-width:0;min-height:0;box-shadow:inset 0 0 0 1px #94a3b80f}.snake-cell-head{background:linear-gradient(135deg,#f8fafc,#5eead4);border-radius:5px;box-shadow:inset 0 2px #ffffff6b,inset 0 -3px #0f172a38,0 5px 14px #14b8a64d}.snake-cell-snake{background:linear-gradient(135deg,#86efac,#14b8a6);box-shadow:inset 0 2px #ffffff4d,inset 0 -3px #0f172a2e,0 5px 14px #14b8a63d}.snake-cell-food{background:linear-gradient(135deg,#fda4af,#fb7185);border-radius:50%;box-shadow:inset 0 2px #ffffff57,0 0 18px #fb718557}.minesweeper-cell{aspect-ratio:1;color:#f8fafc;width:100%;min-width:0;min-height:0;font-family:var(--mono);background:linear-gradient(135deg,#334155eb,#0f172af5),#0f172ad1;border-color:#94a3b82e;border-radius:5px;padding:0;font-size:clamp(.75rem,3vw,1.35rem);box-shadow:inset 0 2px #ffffff14,inset 0 -3px #02061747}.minesweeper-cell:hover{border-color:#5eead470;box-shadow:inset 0 2px #ffffff1f,0 0 18px #22d3ee29}.minesweeper-cell-revealed{color:#67e8f9;background:#020617b8;border-color:#94a3b81a;transform:none;box-shadow:inset 0 0 0 1px #94a3b80f}.minesweeper-cell-mine{color:#fff1f2;background:linear-gradient(135deg,#fb7185,#be123c);box-shadow:inset 0 2px #ffffff3d,0 0 18px #fb71854d}.minesweeper-cell-revealed:hover{transform:none}.blagger-cell{color:#cbd5e1;min-width:0;min-height:0;font-family:var(--mono);background:#0f172ad1;border-radius:4px;place-items:center;font-size:clamp(.52rem,1.7vw,1rem);font-weight:900;line-height:1;display:grid;box-shadow:inset 0 0 0 1px #94a3b80f}.blagger-cell-wall{background:linear-gradient(135deg,#475569f5,#1e293bfa),#0f172ae6;box-shadow:inset 0 2px #ffffff14,inset 0 -3px #02061742}.blagger-cell-exit{color:#022c22;background:linear-gradient(135deg,#99f6e4,#22c55e);font-size:clamp(.42rem,1.35vw,.76rem);box-shadow:inset 0 2px #ffffff4d,0 0 18px #22c55e3d}.blagger-cell-sight:not(.blagger-cell-wall):not(.blagger-cell-guard){background:linear-gradient(135deg,#7f1d1d9e,#0f172ad6),#0f172ad1;box-shadow:inset 0 0 0 1px #f871712e,0 0 14px #f871711a}.blagger-cell-item{color:#422006;background:linear-gradient(135deg,#fef08a,#f59e0b);box-shadow:inset 0 2px #ffffff5c,0 0 18px #facc1557}.blagger-cell-guard{color:#fff1f2;background:linear-gradient(135deg,#fb7185,#be123c);box-shadow:inset 0 2px #ffffff47,0 0 20px #fb718561}.blagger-cell-player{color:#042f2e;background:linear-gradient(135deg,#f8fafc,#5eead4);box-shadow:inset 0 2px #ffffff70,inset 0 -3px #0f172a2e,0 5px 16px #14b8a657}.cell-i{background:linear-gradient(135deg,#5eead4,#0891b2)}.cell-j{background:linear-gradient(135deg,#60a5fa,#1d4ed8)}.cell-l{background:linear-gradient(135deg,#fbbf24,#f97316)}.cell-o{background:linear-gradient(135deg,#fde047,#eab308)}.cell-s{background:linear-gradient(135deg,#86efac,#16a34a)}.cell-t{background:linear-gradient(135deg,#c084fc,#7c3aed)}.cell-z{background:linear-gradient(135deg,#fb7185,#e11d48)}.cell-i,.cell-j,.cell-l,.cell-o,.cell-s,.cell-t,.cell-z,.preview-cell[class*=cell-]{box-shadow:inset 0 2px #ffffff52,inset 0 -3px #0f172a33,0 5px 14px #00000047}.panel{gap:16px;display:grid}.brand,.stat,.preview-panel,.controls{background:#0f172aad;border:1px solid #94a3b82e;border-radius:8px;box-shadow:0 18px 50px #00000038}.brand{text-align:left;padding:20px}.brand span,.stat span,.preview-panel span,.controls span{color:#94a3b8;text-transform:uppercase;font-size:.78rem;font-weight:800;display:block}.brand strong{color:#f8fafc;margin-top:6px;font-size:clamp(2rem,8vw,3.6rem);line-height:.96;display:block}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.snake-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.minesweeper-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blagger-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{text-align:left;padding:14px}.stat strong{color:#f8fafc;font-family:var(--mono);margin-top:8px;font-size:1.35rem;line-height:1;display:block}.preview-panel{justify-items:start;gap:14px;padding:18px;display:grid}.next-piece{aspect-ratio:1;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:4px;width:128px;display:grid}.controls{flex-wrap:wrap;align-items:center;gap:8px;padding:16px;display:flex}.controls span{flex:1 0 100%}kbd{color:#e2e8f0;min-width:34px;min-height:32px;font-family:var(--mono);box-sizing:border-box;background:#020617b3;border:1px solid #94a3b838;border-radius:6px;place-items:center;padding:0 10px;font-size:.85rem;display:inline-grid}button{color:#042f2e;min-height:44px;font:800 .95rem/1 var(--sans);cursor:pointer;background:linear-gradient(135deg,#99f6e4,#22d3ee);border:1px solid #5eead461;border-radius:7px;transition:transform .14s,box-shadow .14s,border-color .14s}button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #22d3ee2e}button:focus-visible{outline-offset:3px;outline:3px solid #5eead473}.restart{width:100%}.minesweeper-flag-mode{color:#e2e8f0;background:#0f172ab8}.minesweeper-flag-mode-active{color:#042f2e;background:linear-gradient(135deg,#fda4af,#fb7185);border-color:#fb718585}.blagger-touch-controls{background:#0f172aad;border:1px solid #94a3b82e;border-radius:8px;grid-template-rows:repeat(3,48px);grid-template-columns:repeat(3,48px);justify-content:center;gap:8px;padding:16px;display:none;box-shadow:0 18px 50px #00000038}.blagger-touch-button{color:#e2e8f0;background:#020617b3;min-width:48px;min-height:48px;padding:0}.blagger-touch-up{grid-area:1/2}.blagger-touch-left{grid-area:2/1}.blagger-touch-down{grid-area:2/2}.blagger-touch-right{grid-area:2/3}.game-over{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#020617d1;border-radius:8px;place-content:center;justify-items:center;gap:14px;padding:24px;display:grid;position:absolute;inset:8px}.game-over h2{color:#f8fafc;margin:0;font-size:clamp(2rem,9vw,4rem);line-height:1}.game-over p{color:#cbd5e1;font-family:var(--mono)}@media (width<=760px){.hub-shell{padding:34px 14px}.hub-hero{min-height:26svh;padding:18px 0 24px}.game-card{min-height:190px;padding:18px}.back-link{margin:14px 14px 0;position:relative;top:auto;left:auto}.game-shell{place-items:start center;padding:14px}.play-area{grid-template-columns:1fr;gap:14px}.board-wrap{max-width:min(100%,46svh)}.snake-board-wrap{max-width:min(100%,72svw,48svh)}.minesweeper-board-wrap{max-width:min(100%,86svw,54svh)}.blagger-board-wrap{max-width:min(100%,94svw,56svh)}.panel{grid-template-columns:1fr 1fr;gap:10px;width:100%}.brand,.stats-grid,.controls,.blagger-touch-controls,.restart{grid-column:1/-1}.blagger-touch-controls{display:grid}.brand{padding:16px}.brand strong{font-size:2rem}.preview-panel{padding:14px}.next-piece{width:min(100%,104px)}}