@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Rajdhani:wght@500;600;700&display=swap";:root{--font-display: "Press Start 2P", "Courier New", monospace;--font-body: "Rajdhani", "Trebuchet MS", sans-serif;--bg: #f6f5ef;--bg-2: #d8e0f8;--ink: #141426;--muted: #32385d;--panel: rgba(255, 255, 255, .85);--panel-solid: #ffffff;--line: #1c245d;--neon-a: #ff3f7f;--neon-b: #0ec6ff;--neon-c: #ffd243;--game-title: #13152a;--scanline: rgba(11, 17, 36, .065);--shadow: 0 16px 0 rgba(20, 20, 38, .22), 0 22px 30px rgba(13, 12, 35, .24)}:root[data-theme=night]{--bg: #080b1f;--bg-2: #1a0f2b;--ink: #f2f6ff;--muted: #a8b3da;--panel: rgba(14, 20, 48, .86);--panel-solid: #111938;--line: #37d5ff;--neon-a: #ff4d9b;--neon-b: #32e7ff;--neon-c: #ffd33f;--game-title: #f3f7ff;--scanline: rgba(159, 201, 255, .09);--shadow: 0 16px 0 rgba(5, 8, 21, .76), 0 28px 40px rgba(0, 0, 0, .55)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font-body);letter-spacing:.02em;background:radial-gradient(circle at 12% 15%,color-mix(in srgb,var(--neon-b) 20%,transparent),transparent 45%),radial-gradient(circle at 88% 4%,color-mix(in srgb,var(--neon-a) 22%,transparent),transparent 32%),linear-gradient(145deg,var(--bg),var(--bg-2));transition:background .3s ease,color .2s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,var(--scanline) 3px,var(--scanline) 4px);opacity:.9}h1,h2,p{margin:0}#app{min-height:100vh}.app-shell{position:relative;width:min(1220px,calc(100% - 1.6rem));margin:0 auto;padding:1rem 0 2rem;overflow:hidden}.bg-orb{position:absolute;border-radius:6px;opacity:.42;pointer-events:none;image-rendering:pixelated}.orb-a{width:170px;height:170px;left:-42px;top:102px;background:linear-gradient(135deg,color-mix(in srgb,var(--neon-a) 80%,#fff),transparent 70%);transform:rotate(8deg)}.orb-b{width:220px;height:220px;right:-64px;top:245px;background:linear-gradient(135deg,color-mix(in srgb,var(--neon-b) 78%,#fff),transparent 72%);transform:rotate(-7deg)}.orb-c{width:140px;height:140px;left:42%;bottom:-58px;background:linear-gradient(135deg,color-mix(in srgb,var(--neon-c) 82%,#fff),transparent 72%);transform:rotate(15deg)}.glass{border:2px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.topbar{position:sticky;top:.85rem;z-index:20;margin-bottom:1rem;border-radius:0;padding:.86rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-wrap{display:flex;align-items:center;gap:.75rem}.logo-bubble{width:56px;height:56px;border-radius:0;border:2px solid color-mix(in srgb,var(--neon-c) 80%,#000);display:grid;place-items:center;font-family:var(--font-display);font-size:.9rem;color:#fff;background:linear-gradient(130deg,color-mix(in srgb,var(--neon-b) 70%,#022841),color-mix(in srgb,var(--neon-a) 70%,#33021f));text-shadow:0 0 8px color-mix(in srgb,var(--neon-b) 80%,#fff)}.brand-name{font-family:var(--font-display);font-size:clamp(.8rem,.65rem + .5vw,1rem);letter-spacing:.12em;line-height:1.4;text-transform:uppercase}.brand-sub{margin-top:.28rem;color:var(--muted);font-size:.92rem;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:.7rem}.demo-pill{font-family:var(--font-display);font-size:.62rem;letter-spacing:.12em;border:2px solid color-mix(in srgb,var(--neon-a) 55%,#2f0018);border-radius:0;color:#fff;background:linear-gradient(120deg,color-mix(in srgb,var(--neon-a) 80%,#87153a),color-mix(in srgb,var(--neon-c) 72%,#855100));padding:.64rem .85rem;text-shadow:0 0 10px rgba(255,255,255,.48)}.theme-btn,.back-btn,.retry-btn{border:2px solid var(--line);border-radius:0;font-family:var(--font-display);font-size:.62rem;line-height:1.3;letter-spacing:.08em;color:var(--ink);background:var(--panel-solid);padding:.62rem .9rem;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease;text-transform:uppercase}.theme-btn:hover,.back-btn:hover,.retry-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px color-mix(in srgb,var(--neon-b) 66%,transparent)}.theme-btn:active,.back-btn:active,.retry-btn:active{transform:translate(1px,1px)}.content{display:grid;gap:1rem}.intro{border-radius:0;padding:1.2rem;margin-bottom:1rem}.intro h1{font-family:var(--font-display);font-size:clamp(1.1rem,.95rem + 1.15vw,1.65rem);line-height:1.35;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.6rem;text-shadow:0 0 5px color-mix(in srgb,var(--neon-b) 55%,transparent),0 0 12px color-mix(in srgb,var(--neon-a) 38%,transparent)}.intro p{color:var(--muted);font-size:1.05rem;font-weight:600}.category-section{margin-bottom:1.2rem}.category-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.62rem}.category-head h2{font-family:var(--font-display);font-size:clamp(.75rem,.67rem + .25vw,.95rem);letter-spacing:.1em;text-transform:uppercase}.count-chip{font-family:var(--font-display);font-size:.58rem;border:2px solid color-mix(in srgb,var(--neon-c) 55%,#2a240f);border-radius:0;background:color-mix(in srgb,var(--neon-c) 22%,var(--panel-solid));color:var(--ink);padding:.42rem .6rem}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:.75rem}.game-card{border-radius:0;border:2px solid var(--line);padding:.9rem .62rem;cursor:pointer;display:grid;justify-items:center;gap:.5rem;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;animation:cardIn .25s steps(3,end) both}.game-card:hover{transform:translate(-2px,-3px);box-shadow:0 0 0 2px color-mix(in srgb,var(--neon-b) 40%,transparent),8px 8px color-mix(in srgb,var(--neon-a) 24%,transparent);border-color:color-mix(in srgb,var(--neon-b) 70%,#081132)}.icon-dot{width:74px;height:74px;border-radius:0;border:2px solid color-mix(in srgb,var(--neon-c) 68%,#271603);display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-size:.86rem;letter-spacing:.06em;text-shadow:0 0 9px rgba(255,255,255,.42)}.game-title{color:var(--game-title);font-family:var(--font-display);font-size:.64rem;line-height:1.55;text-align:center;text-transform:uppercase;word-break:break-word}.game-hint{color:var(--muted);font-size:.96rem;font-weight:700}.playground{display:grid;gap:.9rem}.play-head{border-radius:0;padding:.75rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.playing-meta{text-align:right}.playing-label{color:var(--muted);font-family:var(--font-display);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase}.playing-name{margin-top:.2rem;font-family:var(--font-display);font-size:clamp(.62rem,.58rem + .15vw,.75rem);letter-spacing:.08em;text-transform:uppercase}.iframe-wrap{position:relative;border-radius:0;padding:.6rem;min-height:70vh;overflow:hidden}.iframe-wrap iframe{width:100%;height:calc(70vh - .8rem);min-height:500px;border:2px solid var(--line);border-radius:0;background:#070d1f}.iframe-wrap.is-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;width:100vw;height:100dvh;padding:0;min-height:100dvh;background:#000}.iframe-wrap.is-fullscreen iframe{height:100dvh;min-height:100dvh;border:0}.iframe-wrap.is-fullscreen .state-layer{top:0;right:0;bottom:0;left:0;border:0}.iframe-wrap:fullscreen,.iframe-wrap:-webkit-full-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;width:100vw;height:100dvh;padding:0;min-height:100dvh;background:#000}.iframe-wrap:fullscreen iframe,.iframe-wrap:-webkit-full-screen iframe{height:100dvh;min-height:100dvh;border:0}.iframe-wrap:fullscreen .state-layer,.iframe-wrap:-webkit-full-screen .state-layer{top:0;right:0;bottom:0;left:0;border:0}.state-layer{position:absolute;top:.6rem;right:.6rem;bottom:.6rem;left:.6rem;border:2px solid var(--line);border-radius:0;display:grid;place-content:center;justify-items:center;gap:.7rem;background:color-mix(in srgb,var(--panel-solid) 85%,transparent);font-family:var(--font-display);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;z-index:3}.state-layer.error{background:color-mix(in srgb,#f83b69 20%,var(--panel-solid))}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 820px){.app-shell{width:calc(100% - .8rem);padding-top:.55rem}.topbar{top:.5rem;padding:.7rem;align-items:flex-start;flex-direction:column}.topbar-actions{width:100%;justify-content:space-between}.logo-bubble{width:46px;height:46px;font-size:.72rem}.intro{padding:.95rem}.intro p{font-size:.96rem}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.play-head{flex-direction:column;align-items:stretch}.play-head .back-btn{width:100%}.playing-meta{text-align:left}.iframe-wrap{min-height:64vh}.iframe-wrap iframe{min-height:56vh;height:56vh}}