:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d7f5ff;--bg:#001319;--panel:#001d25c7;--panel-strong:#001e28db;--line:#81ecff33;--cyan:#81ecff;--cyan-strong:#00d4ec;--muted:#8ec4d4;--danger:#ffb3a8;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);background:#001319;font-family:Avenir Next,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:radial-gradient(circle at 20% 0,#003746 0%,#001319 42%,#000b10 100%),linear-gradient(#81ecff0d,#0000 32%);min-height:100vh;margin:0}body.game-player-open{overflow:hidden}button{font:inherit}.app-shell{max-width:760px;padding:calc(14px + var(--safe-top)) calc(12px + var(--safe-right)) calc(30px + var(--safe-bottom)) calc(12px + var(--safe-left));margin:auto}.gate{text-align:center;place-content:center;gap:8px;min-height:78vh;display:grid}.gate h1{color:var(--cyan);letter-spacing:.2px;margin:0;font-size:28px}.gate p{color:var(--muted);margin:0}.gate.error p{color:var(--danger)}.topbar{top:var(--safe-top);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#001e28b8;border:1px solid #81ecff2e;border-radius:16px;grid-template-columns:42px 1fr 42px;align-items:center;padding:8px 10px;display:grid;position:sticky}.topbar h1{text-align:center;letter-spacing:.2px;color:var(--cyan);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:20px;overflow:hidden}.icon-btn{width:36px;height:36px;color:var(--cyan);cursor:pointer;background:#81ecff1f;border:0;border-radius:10px;justify-content:center;align-items:center;font-size:22px;display:inline-flex}.icon-btn img{width:24px;height:24px;display:block}.drawer-layer{z-index:9000;position:fixed;inset:0}.drawer-mask{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000007a;border:0;position:absolute;inset:0}.drawer-panel{width:min(82vw,310px);padding:calc(18px + var(--safe-top)) calc(14px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(14px + var(--safe-left));background:linear-gradient(#002732fa,#000d12fa);border-right:1px solid #81ecff33;animation:.22s ease-out drawer-in;position:absolute;inset:0 auto 0 0;box-shadow:24px 0 70px #0000007a}@keyframes drawer-in{0%{transform:translate(-102%)}to{transform:translate(0)}}.drawer-brand{gap:4px;padding:10px 10px 18px;display:grid}.drawer-brand strong{color:#effcff;font-size:22px}.drawer-brand small{color:var(--muted);text-transform:uppercase;letter-spacing:1.6px;font-size:12px}.drawer-item{color:#d7f5ff;text-align:left;cursor:pointer;background:#81ecff14;border:1px solid #81ecff29;border-radius:16px;align-items:center;gap:12px;width:100%;min-height:52px;margin-top:8px;font-weight:850;display:flex}.drawer-icon{width:34px;height:34px;color:var(--cyan);background:#81ecff1f;border-radius:12px;place-items:center;font-size:20px;display:inline-grid}.drawer-icon img{width:22px;height:22px;display:block}.section{margin-top:16px}.section-head{justify-content:space-between;align-items:end;gap:10px;margin-bottom:10px;display:flex}.section-head h2{color:#d8f8ff;margin:0;font-size:24px;font-weight:800}.section-head p{color:var(--muted);margin:0;font-size:13px}.featured{scrollbar-width:none;gap:10px;padding-bottom:4px;display:flex;overflow:auto}.featured::-webkit-scrollbar{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.game-card{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:16px;overflow:hidden;box-shadow:0 8px 18px #00000038}.game-card.compact{min-width:250px}.thumb-wrap{background:#06202a;position:relative}.game-card img{aspect-ratio:16/10;object-fit:cover;background:#06202a;width:100%;display:block}.game-body{gap:7px;padding:10px;display:grid}.game-body strong{color:#effcff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.25;display:-webkit-box;overflow:hidden}.game-body small{min-height:34px;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.details-btn,.play-btn{background:linear-gradient(135deg,var(--cyan) 0%,var(--cyan-strong) 100%);color:#00414d;cursor:pointer;border:0;border-radius:999px;font-weight:900}.details-btn{height:30px;padding:0 12px;font-size:11px;position:absolute;bottom:8px;right:8px;box-shadow:0 6px 14px #00000061}.play-btn:disabled{opacity:.68;cursor:wait}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.category-card{text-align:left;border:1px solid var(--line);background:var(--panel);color:#d7f5ff;border-radius:16px;min-height:92px;padding:14px;position:relative;overflow:hidden}.category-card strong,.category-card small{z-index:1;display:block;position:relative}.category-card strong{margin-bottom:6px;font-size:17px}.category-card small{color:var(--muted);font-size:12px}.category-card span{color:#81ecff1c;font-size:58px;font-weight:900;position:absolute;bottom:-12px;right:10px}.detail-hero{background:#06202a;border-radius:22px;align-items:flex-end;min-height:330px;margin-top:12px;display:flex;position:relative;overflow:hidden}.favorite-btn{z-index:3;color:#ff4f7b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#00161db8;border:1px solid #ffffff38;border-radius:999px;place-items:center;width:46px;height:46px;font-size:31px;font-weight:900;line-height:1;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 12px 26px #00000052}.favorite-btn.active{background:#ff608c38;border-color:#ff8aa67a;box-shadow:0 12px 28px #ff51803d,0 0 0 6px #ff8aa61f}.detail-hero img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.hero-mask{background:linear-gradient(#00000026 0%,#00080cd1 86%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;width:100%;padding:22px 18px 20px;position:relative}.hero-content h2{color:#fff;text-shadow:0 8px 20px #00000073;margin:0 0 8px;font-size:34px;font-weight:900;line-height:1.05}.rating{background:#00000061;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 10px;display:inline-flex}.rating span:first-child{color:#2ff801;letter-spacing:1px}.rating span:last-child{color:#c9fbff;font-size:12px;font-weight:800}.play-btn{letter-spacing:1px;text-transform:uppercase;min-width:220px;height:48px;font-size:14px;box-shadow:0 0 16px #81ecff59}.likes{color:#ffd2bf;min-height:16px;margin-top:10px;font-size:12px;font-weight:700}.shots{scrollbar-width:none;gap:10px;padding-bottom:4px;display:flex;overflow:auto}.shots::-webkit-scrollbar{display:none}.shots img{aspect-ratio:16/9;object-fit:cover;background:#06202a;border:1px solid #81ecff2e;border-radius:16px;min-width:78%;max-width:78%}.copy{color:#9fc6d3;margin:0;font-size:14px;line-height:1.7}.empty-state{color:var(--muted);text-align:center;background:#001d256b;border:1px dashed #81ecff38;border-radius:18px;margin:18px 0;padding:24px 16px}.search-box{background:#001d25c7;border:1px solid #81ecff38;border-radius:18px;align-items:center;gap:10px;min-height:52px;padding:0 14px;display:flex;box-shadow:0 8px 18px #0000002e}.search-box span{color:var(--cyan);font-size:24px}.search-box span img{width:23px;height:23px;display:block}.search-box input{color:#effcff;width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:16px}.search-box input::placeholder{color:#8ec4d4b8}.game-player-overlay{z-index:9999;touch-action:none;background:#000;position:fixed;inset:0;overflow:hidden}.game-player-frame{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.floating-close{z-index:10001;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#00161dd1;border:1px solid #ffffff2e;border-radius:999px;width:46px;height:46px;font-size:31px;font-weight:800;line-height:1;position:fixed;top:0;left:0;box-shadow:0 12px 26px #00000075,0 0 0 6px #81ecff14}.floating-close:active{cursor:grabbing;transform:scale(.98)}.close-confirm-backdrop{z-index:10000;padding:calc(24px + var(--safe-top)) calc(24px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(24px + var(--safe-left));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000094;place-items:center;display:grid;position:absolute;inset:0}.close-confirm{text-align:center;background:linear-gradient(#002732f5,#000e14f5);border:1px solid #81ecff3d;border-radius:22px;width:min(340px,100%);padding:22px;box-shadow:0 24px 70px #00000085}.close-confirm h2{color:#effcff;margin:0 0 8px;font-size:22px}.close-confirm p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.confirm-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.confirm-actions button{cursor:pointer;border:0;border-radius:14px;min-height:42px;font-weight:900}.confirm-primary{color:#3d0b00;background:linear-gradient(135deg,#ffcfb7,#ff7f69)}.confirm-secondary{color:var(--cyan);background:#81ecff1f;border:1px solid #81ecff2e}@media (width<=420px){.grid,.category-grid{gap:10px}.hero-content h2{font-size:28px}.shots img{min-width:92%;max-width:92%}.game-body{padding:8px}.game-body strong{font-size:13px}.game-body small{font-size:11px}.details-btn{height:28px;padding:0 10px}.floating-close{width:44px;height:44px;font-size:29px}.confirm-actions{grid-template-columns:1fr}}