:root{--bg:#101319;--bg-deep:#090b10;--line:rgba(235,255,61,.2);--line-strong:rgba(235,255,61,.42);--text:#f7f5ef;--muted:rgba(218,223,232,.66);--accent:#ebff3d;--accent-strong:#d5ff18;--glass-border:rgba(255,255,255,.12);--glass-border-accent:rgba(235,255,61,.16);--glass-panel:rgba(16,20,28,.56);--glass-panel-strong:rgba(12,16,24,.78);--glass-shadow:0 24px 58px rgba(4,8,18,.34);--glass-backdrop:blur(22px) saturate(1.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Noto Sans TC,sans-serif;background:radial-gradient(circle at 18% 10%,rgba(235,255,61,.15) 0%,rgba(235,255,61,.03) 24%,transparent 48%),radial-gradient(circle at 82% 18%,rgba(120,103,255,.14) 0%,rgba(120,103,255,.04) 22%,transparent 44%),radial-gradient(circle at 50% 110%,rgba(235,255,61,.1) 0%,rgba(235,255,61,.02) 18%,transparent 42%),linear-gradient(180deg,#1b2029 0%,#141821 14%,var(--bg) 44%,var(--bg-deep) 100%);color:var(--text);line-height:1.5}.shell{min-height:100vh;position:relative;isolation:isolate}.shell:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.72;transform:scale(1.05);filter:blur(128px);background:radial-gradient(circle at 14% 12%,#ebff3d3d,#ebff3d00 26%),radial-gradient(circle at 76% 16%,#7867ff29,#7867ff00 24%),radial-gradient(circle at 28% 66%,#9cff341f,#9cff3400 22%),radial-gradient(circle at 84% 74%,#ebff3d1f,#ebff3d00 22%),radial-gradient(circle at 22% 94%,#ebff3d2e,#ebff3d00 18%)}.brand-link{display:inline-flex;align-items:center;text-decoration:none}.brand-mark{font-size:24px;font-weight:900;letter-spacing:.03em;color:var(--accent);text-shadow:0 0 18px rgba(235,255,61,.16),0 0 10px rgba(120,103,255,.12)}body{min-width:320px;background:linear-gradient(180deg,#181e22,#101519 46%,#090d10)}.shell{min-height:100vh;padding:18px 20px 52px}.shell:before,.shell:after{content:"";position:fixed;left:0;right:0;z-index:20;height:4px;pointer-events:none;background:linear-gradient(90deg,#ebff3d00,#ebff3d85 18%,#ebff3d38,#ebff3d85 82%,#ebff3d00);opacity:1;filter:none;transform:none}.shell:before{top:0}.shell:after{bottom:0}.lobby-page{width:min(1180px,100%);margin:0 auto}.site-header{display:flex;align-items:center;justify-content:flex-start;min-height:38px;padding:0 0 12px}.site-header .brand-mark{font-size:30px;line-height:1}.hero{position:relative;display:block;width:100%;overflow:hidden;border:0;border-radius:0;background:none;box-shadow:none;line-height:0}.hero-image{display:block;width:100%;height:auto}.content{width:100%;margin:0;padding:22px 0 0}.section-head{width:100%;margin:0 0 16px}.section-kicker{margin:0 0 6px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em;text-shadow:0 0 18px rgba(235,255,61,.18)}.section-title{margin:0;color:#fbfcff;font-size:28px;line-height:1.08;text-shadow:0 8px 24px rgba(7,10,18,.32)}.grid{display:grid;gap:26px}.empty-state{position:relative;grid-column:1/-1;padding:32px 20px;overflow:hidden;border:1px solid var(--glass-border);border-radius:18px;background:linear-gradient(180deg,#161b230a,#fff0 16%),linear-gradient(180deg,var(--glass-panel) 0%,var(--glass-panel-strong) 100%);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);box-shadow:var(--glass-shadow),inset 0 1px #ffffff0d;text-align:center}.empty-state.is-error{border-color:#ff768c3d;background:linear-gradient(180deg,#501e2829,#fff0 18%),linear-gradient(180deg,var(--glass-panel) 0%,var(--glass-panel-strong) 100%)}.empty-title{font-size:16px;font-weight:800}.empty-copy{margin-top:8px;color:var(--muted);font-size:13px}.game-shelf{min-width:0}.game-shelf-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:4px 0 16px}.game-shelf-title{margin:0;color:#fbfcff;font-size:28px;line-height:1.1}.game-shelf-count{color:#f7f8fc8f;font-size:12px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.game-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:26px;align-items:start}.game-tile{min-width:0}.game-tile-poster{position:relative;display:block;width:100%;aspect-ratio:3/4;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(180deg,#ebff3d14,#ebff3d00 32%),linear-gradient(160deg,#233727e0,#091016f5 74%);background-position:center;background-size:cover;box-shadow:0 22px 40px #00000045;text-decoration:none;transition:transform .18s ease,border-color .18s ease}.game-tile-poster:hover{transform:translateY(-2px);border-color:#ebff3d52}.game-tile-poster.is-empty:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,#ebff3d29,#ebff3d00 36%),linear-gradient(180deg,#50784e29,#50784e00 54%)}.game-tile-body{display:grid;gap:10px;padding:12px 2px 0}.game-tile-title{margin:0;overflow:hidden;color:#fbfcff;font-size:20px;font-weight:900;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.game-tile-tags{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.game-tile-tag,.game-tile-rating{color:#f7f8fc9e;font-size:13px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.game-tile-rating{color:var(--accent)}.game-tile-play{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;background:var(--accent);color:#0b1012;font-size:14px;font-weight:950;text-decoration:none;transition:transform .18s ease,background .18s ease}.game-tile-play:hover{transform:translateY(-1px);background:#f3ff74}@media(min-width:1280px){.game-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.shell{padding:12px 12px 36px}.site-header{min-height:34px;padding-bottom:10px}.site-header .brand-mark{font-size:26px}.hero{width:100%}.content{padding-top:18px}.section-title,.game-shelf-title{font-size:24px}.game-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-tile-poster{border-radius:12px}.game-tile-body{gap:5px;padding-top:7px}.game-tile-title{font-size:14px}.game-tile-tags{gap:4px}.game-tile-tag,.game-tile-rating{font-size:11px}.game-tile-play{min-height:32px;padding:0 12px;font-size:12px}}