*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0b0f17;color:#f5f7fb;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100dvh}.topbar{position:sticky;top:0;z-index:20;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px clamp(16px,4vw,48px);background:rgba(11,15,23,.94);backdrop-filter:blur(14px);border-bottom:1px solid #222b3b}.topbar h1{font-size:clamp(1.3rem,3vw,2rem);margin:0}.topbar p{margin:4px 0 0;color:#aab5c7;font-size:.9rem}.search-wrap{width:min(440px,48vw)}#search{width:100%;border:1px solid #313c50;border-radius:14px;background:#151c29;color:#fff;padding:12px 14px;font-size:16px;outline:none}#search:focus{border-color:#7798ff;box-shadow:0 0 0 3px rgba(119,152,255,.18)}main{padding:18px clamp(16px,4vw,48px) 50px}.filters{display:flex;gap:8px;overflow:auto;padding:2px 0 18px}.filter{flex:0 0 auto;border:1px solid #313c50;background:#151c29;color:#dbe3f0;border-radius:999px;padding:8px 12px;cursor:pointer}.filter.active{background:#eef3ff;color:#111827;border-color:#eef3ff}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.card{overflow:hidden;border:1px solid #202a39;background:#111824;border-radius:18px;display:flex;flex-direction:column;min-width:0}.thumb{aspect-ratio:4/3;width:100%;object-fit:cover;background:#182131}.card-body{display:flex;flex-direction:column;gap:7px;padding:12px;flex:1}.title{font-weight:750;line-height:1.2}.meta{font-size:.8rem;color:#9facc0}.play{margin-top:auto;border:0;border-radius:12px;padding:11px 12px;background:#eef3ff;color:#111827;font-size:15px;font-weight:750;cursor:pointer}.empty{grid-column:1/-1;color:#aab5c7;text-align:center;padding:60px 20px}.player{position:fixed;inset:0;z-index:1000;background:#000}.player-shell{position:absolute;inset:0;width:100vw;height:100dvh;background:#000;overflow:hidden}.game-frame{display:block;border:0;width:100%;height:100%;background:#000}.exit-fullscreen,.enter-fullscreen{position:absolute;z-index:1003;right:max(10px,env(safe-area-inset-right));border:1px solid rgba(255,255,255,.25);background:rgba(5,8,13,.82);color:#fff;border-radius:10px;padding:10px 12px;font-weight:700;backdrop-filter:blur(8px);cursor:pointer}.exit-fullscreen{top:max(10px,env(safe-area-inset-top))}.enter-fullscreen{top:max(58px,calc(env(safe-area-inset-top) + 58px))}.loading{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#fff;background:#000;font-weight:700}.loading.done{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:650px){.topbar{align-items:stretch;flex-direction:column;gap:10px}.search-wrap{width:100%}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-body{padding:10px}.title{font-size:.92rem}.exit-fullscreen span{display:none}.exit-fullscreen{width:44px;height:44px;padding:0;border-radius:12px;font-size:20px}}@media(max-width:370px){.game-grid{grid-template-columns:1fr}}@media(orientation:landscape){.player-shell{width:100vw;height:100dvh}}:fullscreen .player-shell,:fullscreen.player-shell{width:100vw;height:100vh;height:100dvh}.player-shell:-webkit-full-screen{width:100vw;height:100vh;height:100dvh}