*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%;overflow:hidden}body{background:#0b0d15;color:#e8ecf6;font-family:var(--font, system-ui, sans-serif);line-height:var(--line, 1.5);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:var(--accent, #74a9ec)}a:focus-visible,button:focus-visible{outline:3px solid var(--focus, #ffd66b);outline-offset:3px;border-radius:4px}.hub{height:100%;overflow:auto;padding:5rem 1.5rem 4rem}.hub-header{max-width:1200px;margin:0 auto 2rem}.hub-header h1{margin:0 0 .25rem;font-size:clamp(1.75rem,3vw + 1rem,2.75rem);letter-spacing:-.02em;color:#fff}.hub-header p{margin:0;color:var(--muted, #a7afc2)}.game-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.game-tile{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg, 20px);text-align:left;transition:border-color .15s,background .15s,transform .15s;color:#e8ecf6}.game-tile h2{margin:0;font-size:1.2rem;letter-spacing:-.01em}.game-tile p{margin:0;color:var(--muted, #a7afc2);font-size:.95rem}.game-tile.hover,.game-tile:focus-visible,.game-tile:hover{outline:none;border-color:var(--accent, #74a9ec);background:#74a9ec14;transform:translateY(-2px)}.game-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(116,169,236,.12),transparent);border:1px solid rgba(255,255,255,.12);color:var(--accent, #74a9ec);margin-bottom:.25rem}.game-icon svg{width:32px;height:32px}.game-tile.hover .game-icon,.game-tile:hover .game-icon{background:linear-gradient(135deg,#74a9ec33,#c44db526)}.game-stage{position:relative;height:100%;background:radial-gradient(circle at 50% 30%,#1a1f2d,#0b0d12 80%)}.game-root{position:absolute;inset:0}.game-hud{position:absolute;top:72px;left:16px;right:16px;display:flex;justify-content:space-between;gap:1rem;z-index:10;font-weight:600;font-size:1.1rem;text-shadow:0 1px 3px rgba(0,0,0,.6)}.game-playfield{position:absolute;inset:120px 16px 70px;border-radius:var(--radius-lg, 20px);overflow:hidden}.game-exit{position:absolute;bottom:16px;left:16px;z-index:20;padding:.55rem 1rem;border-radius:var(--radius-pill, 999px);border:1px solid rgba(255,255,255,.18);background:#0b0d12d9;color:#e8ecf6;transition:border-color .15s,background .15s}.game-exit.hover,.game-exit:focus-visible,.game-exit:hover{outline:none;border-color:var(--accent, #74a9ec);background:#74a9ec24}.game-result{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:2rem}.game-result h2{margin:0 0 .5rem;font-size:2rem;letter-spacing:-.02em}.game-result p{color:var(--muted, #a7afc2)}.cp-target{position:fixed;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff 0%,#ffe082 30%,var(--peach, #ff8a5b) 70%,#b35a2b 100%);box-shadow:0 0 0 6px #00000040;transform:translate(-50%,-50%);transition:transform .15s,box-shadow .15s,opacity .3s}.cp-target.hover{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 0 12px #ffbf4759}.cp-target.splat{transform:translate(-50%,-50%) scale(1.6);opacity:0;background:radial-gradient(circle at 50% 50%,#fff 0%,#fff 40%,transparent 60%)}.bb-bubble{position:fixed;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #ffffff59,0 4px 12px #0006;transition:transform .2s,opacity .28s;will-change:left,top}.bb-bubble.pop{transform:translate(-50%,-50%) scale(1.8);opacity:0}