@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&display=swap";html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#141433;font-family:Nunito,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}.game-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.game-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;max-width:100%;max-height:100%}.hud{position:absolute;top:0;left:0;right:0;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:10}.hud-left{display:flex;align-items:center;gap:8px}.hud-title{position:absolute;left:50%;transform:translate(-50%);font-size:14px;font-weight:700;letter-spacing:2px;color:#f2b233;text-shadow:0 2px 4px rgba(0,0,0,.6);pointer-events:none}.score-label{font-size:13px;font-weight:700;letter-spacing:1px;color:#f2b233;text-shadow:0 1px 2px rgba(0,0,0,.6)}.score-value{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.7)}.medallion-icon{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#ffe08a,#f2b233,#c87f1e);box-shadow:0 0 8px #f2b23399,inset 0 -2px 4px #0003;border:1px solid #9a5f14;display:flex;align-items:center;justify-content:center}.medallion-icon:after{content:"";width:8px;height:8px;border-radius:50%;background:#9a5f14cc}.hud-right{display:flex;align-items:center;gap:6px}.life-icon{width:28px;height:22px;position:relative;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.life-icon svg{width:100%;height:100%}.life-icon .cap-shape{fill:#ffd166;stroke:#b8860b}.life-icon .tassel-line{stroke:#f2b233}.life-icon .tassel-dot{fill:#ffd166}.life-icon.lost{opacity:.25;filter:grayscale(1) drop-shadow(0 2px 4px rgba(0,0,0,.5))}.overlay-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#141433eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;pointer-events:auto;gap:14px;text-align:center;padding:24px;animation:fadeInOverlay .4s ease-out}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.overlay-title{font-size:clamp(32px,8vw,64px);font-weight:900;letter-spacing:2px;color:#f2b233;text-shadow:0 4px 20px rgba(242,178,51,.4),0 2px 4px rgba(0,0,0,.6);margin:0;animation:titleFloat 3s ease-in-out infinite}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.overlay-subtitle{font-size:clamp(14px,3vw,20px);color:#b8bcd0;margin:0;opacity:.9}.overlay-prompt{font-size:clamp(14px,3vw,18px);font-weight:700;letter-spacing:.5px;color:#f2b233;margin:8px 0 0;animation:pulse 1.5s ease-in-out infinite;cursor:pointer;-webkit-user-select:none;user-select:none}.overlay-hint{font-size:clamp(11px,2.4vw,13px);color:#fff9;margin:14px 0 0;max-width:22em;line-height:1.5;-webkit-user-select:none;user-select:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.overlay-score{font-size:clamp(24px,5vw,40px);font-weight:800;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);margin:8px 0}.touch-jump-layer{position:absolute;inset:0;z-index:5;touch-action:none;-webkit-tap-highlight-color:transparent}.touch-controls{position:absolute;bottom:0;left:0;right:0;padding:16px 20px;padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));pointer-events:none;z-index:15;display:flex;justify-content:space-between;align-items:flex-end;touch-action:none}.touch-back-zone{position:relative;width:96px;height:96px;pointer-events:auto;touch-action:none;display:flex;align-items:center;justify-content:center;flex-shrink:0}.touch-btn{position:absolute;border-radius:50%;background:#1e244e9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(242,178,51,.35);display:flex;align-items:center;justify-content:center;transition:transform .08s ease,background .08s ease,border-color .08s ease;touch-action:none;-webkit-user-select:none;user-select:none}.touch-btn:active,.touch-btn.pressed{transform:scale(.92);background:#323a6ee6;border-color:#f2b233}.touch-btn svg{width:46%;height:46%;stroke:#f2b233;stroke-width:2.6;fill:none;pointer-events:none}.back-btn{width:78px;height:78px}.back-hint{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);font-size:9px;font-weight:700;letter-spacing:1.2px;color:#f2b233b3;text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:480px){.touch-back-zone{width:84px;height:84px}.back-btn{width:68px;height:68px}}.hub{position:relative;min-height:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:clamp(28px,5vw,64px) clamp(18px,5vw,48px) 28px;box-sizing:border-box;background:radial-gradient(1100px 640px at 78% -12%,rgba(52,245,255,.1),transparent 62%),radial-gradient(900px 620px at 8% 112%,rgba(255,47,184,.1),transparent 62%),radial-gradient(700px 500px at 50% 45%,rgba(167,139,250,.06),transparent 70%),#0b0b1a;isolation:isolate}.hub-glow{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:-1;opacity:.55}.hub-glow--pink{width:460px;height:460px;left:-140px;bottom:-120px;background:radial-gradient(circle,rgba(255,47,184,.34),transparent 68%);animation:hubDrift 22s ease-in-out infinite alternate}.hub-glow--cyan{width:420px;height:420px;right:-120px;top:-140px;background:radial-gradient(circle,rgba(52,245,255,.3),transparent 68%);animation:hubDrift 26s ease-in-out infinite alternate-reverse}@keyframes hubDrift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-26px) scale(1.08)}}.hub-header{position:relative;display:flex;align-items:center;gap:clamp(16px,3vw,28px);width:min(1080px,100%);margin-bottom:clamp(28px,5vw,52px)}.hub-logo{flex:0 0 auto;width:clamp(64px,9vw,92px);height:clamp(64px,9vw,92px);filter:drop-shadow(0 0 22px rgba(255,47,184,.35));animation:logoBreath 4.5s ease-in-out infinite}.hub-logo svg{width:100%;height:100%}@keyframes logoBreath{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hub-heading{min-width:0}.hub-kicker{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:5px;color:#34f5ff;text-transform:uppercase}.hub-title{margin:0;font-family:Space Grotesk,Segoe UI,system-ui,sans-serif;font-size:clamp(30px,5.4vw,54px);font-weight:700;line-height:1.02;letter-spacing:1px;color:#f5f5ff;text-shadow:0 0 34px rgba(52,245,255,.25)}.hub-title--accent{background:linear-gradient(92deg,#ff2fb8,#ffd166,#34f5ff 110%);-webkit-background-clip:text;background-clip:text;color:transparent}.hub-subtitle{margin:10px 0 0;font-size:clamp(13px,1.8vw,15px);font-weight:600;color:#9b9bc0;letter-spacing:.4px}.hub-count{margin-left:auto;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:12px 18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff14}.hub-count__num{font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:700;line-height:1;color:#ffd166;text-shadow:0 0 18px rgba(255,209,102,.45)}.hub-count__label{font-size:10px;font-weight:800;letter-spacing:3px;color:#9b9bc0}.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,30px);width:min(1080px,100%);align-items:stretch}.game-card{position:relative;display:flex;flex-direction:column;border-radius:26px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(165deg,#ffffff0e,#ffffff05);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s ease,box-shadow .28s ease}.game-card:hover,.game-card:focus-within{transform:translateY(-6px)}.game-card--gold:hover,.game-card--gold:focus-within{border-color:#ffd1668c;box-shadow:0 24px 60px -18px #f2b2336b,0 8px 30px #00000080}.game-card--violet:hover,.game-card--violet:focus-within{border-color:#a78bfa99;box-shadow:0 24px 60px -18px #a78bfa73,0 8px 30px #00000080}.game-art{position:relative;aspect-ratio:16 / 9;overflow:hidden}.game-art svg{position:absolute;inset:0;width:100%;height:100%}.game-art--gold{background:linear-gradient(160deg,#1b1b4b,#3b2d6e 55%,#f2b233)}.game-art--violet{background:linear-gradient(160deg,#241447,#0e0a26)}.game-art__badge{position:absolute;top:12px;left:12px;z-index:2;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.game-art__badge--gold{color:#ffd166;background:#140f288c;border:1px solid rgba(255,209,102,.35)}.game-art__badge--violet{color:#b7f7ff;background:#0e0a268c;border:1px solid rgba(52,245,255,.35)}.game-body{display:flex;flex-direction:column;flex:1;gap:12px;padding:clamp(18px,3vw,26px)}.game-tags{display:flex;flex-wrap:wrap;gap:6px}.game-tags span{padding:4px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#c9c9e8;background:#ffffff0f;border:1px solid rgba(255,255,255,.09)}.game-title{margin:0;font-family:Space Grotesk,Segoe UI,system-ui,sans-serif;font-size:clamp(24px,3vw,32px);font-weight:700;letter-spacing:1.5px;color:#f5f5ff}.game-card--gold .game-title{color:#ffe9b0;text-shadow:0 0 26px rgba(255,209,102,.28)}.game-card--violet .game-title{color:#d9ccff;text-shadow:0 0 26px rgba(167,139,250,.3)}.game-desc{margin:0;font-size:clamp(13px,1.6vw,15px);line-height:1.55;color:#a6a6c9}.game-meta{display:flex;align-items:center;min-height:30px}.game-meta__hint{font-size:12.5px;font-weight:600;color:#8f8fb8}.keycaps{display:inline-flex;gap:6px}.keycaps kbd{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:30px;padding:0 10px;box-sizing:border-box;border-radius:9px;font-family:Nunito,sans-serif;font-size:11px;font-weight:800;letter-spacing:1px;color:#ffe9b0;background:linear-gradient(180deg,#33336b,#23234f);border:1px solid rgba(255,209,102,.3);box-shadow:0 3px #00000073,inset 0 1px #ffffff24}.game-play{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:auto;padding:14px 22px;border-radius:14px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;font-style:normal;letter-spacing:3px;text-decoration:none;text-transform:uppercase;cursor:pointer;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.game-play svg{width:18px;height:18px}.game-play:active{transform:translateY(1px) scale(.98)}.game-play--gold{color:#221a02;background:linear-gradient(135deg,#ffe08a,#f2b233 55%,#e0951c);box-shadow:0 10px 26px -8px #f2b2338c}.game-play--gold:hover{filter:brightness(1.06);box-shadow:0 14px 32px -8px #f2b233b3}.game-play--violet{color:#0b0b1a;background:linear-gradient(135deg,#b7f7ff,#34f5ff 48%,#a78bfa 120%);box-shadow:0 10px 26px -8px #34f5ff80}.game-play--violet:hover{filter:brightness(1.06);box-shadow:0 14px 32px -8px #34f5ffad}.hub-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:clamp(28px,5vw,48px);font-size:12px;font-weight:700;letter-spacing:2px;color:#6f6f98;text-transform:uppercase}.hub-footer__dot{color:#ff2fb8}:is(.game-play,.game-card,.hub-count):focus-visible{outline:2px solid #34f5ff;outline-offset:3px}.exit-hub-btn{position:absolute;top:54px;right:16px;z-index:30;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#0b0b1ab8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e8e8ff;font-family:Nunito,sans-serif;font-size:12px;font-weight:800;letter-spacing:2px;cursor:pointer;box-shadow:0 6px 22px #0006;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.exit-hub-btn svg{width:15px;height:15px;stroke:#34f5ff}.exit-hub-btn:hover{transform:translateY(-1px);border-color:#34f5ff80}.exit-hub-btn:active{transform:scale(.96)}.fullscreen-btn{position:absolute;top:54px;right:108px;z-index:30;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#0b0b1ab8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e8e8ff;cursor:pointer;box-shadow:0 6px 22px #0006;transition:transform .15s ease,border-color .15s ease;touch-action:manipulation}.fullscreen-btn svg{width:16px;height:16px;stroke:#34f5ff}.fullscreen-btn:hover{transform:translateY(-1px);border-color:#34f5ff80}.fullscreen-btn:active{transform:scale(.94)}@media(max-width:480px){.exit-hub-btn{padding:8px 11px;font-size:11px;letter-spacing:1.4px}.fullscreen-btn{right:92px;width:34px;height:34px}}@media(max-width:840px){.hub-grid{grid-template-columns:1fr}.hub-count{display:none}.hub-header{justify-content:center;text-align:center}}@media(max-width:520px){.hub{padding-top:22px}.hub-header{flex-direction:column;gap:12px}.game-play{letter-spacing:2px}}