.navbar{background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:999;box-shadow:0 1px 8px #0000000f}.nav-inner{max-width:var(--max);margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo-wrap{display:flex;align-items:center;gap:12px}.logo-img{width:52px;height:52px;object-fit:contain;flex-shrink:0;display:block}.site-name{display:block;font-size:15px;font-weight:800;line-height:1.2;color:var(--text)}.site-title p{font-size:11px;color:var(--text-muted)}#nav-menu{display:flex;gap:8px}#nav-menu a{font-size:13px;font-weight:500;color:var(--text-muted);padding:7px 12px;border-radius:var(--radius-sm);transition:color .18s,background .18s}#nav-menu a:hover,#nav-menu a[aria-current=page]{color:var(--orange);background:var(--orange-lt)}.hamburger{display:none;background:none;border:none;color:var(--text);font-size:22px;cursor:pointer;padding:4px}@media(max-width:640px){.hamburger{display:block}#nav-menu{display:none;position:absolute;top:70px;right:16px;background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:var(--radius);flex-direction:column;width:200px;overflow:hidden;padding:8px}#nav-menu.open{display:flex}#nav-menu a{border-radius:var(--radius-sm)}}.breadcrumb{background:var(--bg3);border-bottom:1px solid var(--border);padding:10px 24px}.breadcrumb ol{max-width:var(--max);margin:0 auto;display:flex;align-items:center;gap:6px;list-style:none;font-size:12px;color:var(--text-muted)}.breadcrumb a{color:var(--text-muted);transition:color .15s}.breadcrumb a:hover{color:var(--orange)}.bc-sep{color:var(--border)}.gl-page-header{background:var(--white);border-bottom:1px solid var(--border);padding:28px 24px 24px}.gl-page-header-inner{max-width:var(--max);margin:0 auto}.gl-page-title{font-size:clamp(20px,3vw,28px);font-weight:800;color:var(--text);margin-bottom:6px;line-height:1.25}.gl-page-desc{font-size:14px;color:var(--text-muted);line-height:1.6}.gl-page-desc strong{color:var(--text)}.gl-filters{background:var(--white);border-bottom:1px solid var(--border)}.gl-filters-inner{max-width:var(--max);margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.filter-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.filter-pills{display:flex;flex-wrap:wrap;gap:8px}.filter-pill{display:inline-block;padding:8px 16px;border:1.5px solid var(--border);border-radius:50px;background:var(--white);font-size:13px;font-weight:600;color:var(--text-muted);box-shadow:var(--shadow);cursor:pointer;transition:border-color .18s,color .18s,background .18s,box-shadow .18s;text-decoration:none}.filter-pill:hover{border-color:var(--orange);color:var(--orange)}.filter-pill.active{background:var(--orange);border-color:var(--orange);color:var(--white);box-shadow:0 4px 12px #f895204d}.gl-main{background:var(--bg2);min-height:60vh;padding:32px 0 64px}.gl-container{max-width:var(--max);margin:0 auto;padding:0 24px}.gl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.game-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .15s;display:flex;flex-direction:column}.game-card:hover{border-color:var(--orange);box-shadow:0 6px 24px #f895202e;transform:translateY(-3px)}.game-card.active{border-color:var(--orange);box-shadow:0 0 0 3px #f8952040}.gc-photo{aspect-ratio:4/3;background:linear-gradient(135deg,#fff3e0,#fde8c0);display:flex;align-items:center;justify-content:center;overflow:hidden}.gc-photo img{width:100%;height:100%;object-fit:cover}.gc-emoji{font-size:48px;line-height:1}.gc-info{flex:1;padding:14px 16px 16px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:4px}.gc-name{font-size:15px;font-weight:800;color:var(--text);line-height:1.2}.gc-type{font-size:12px;font-weight:600;color:var(--orange);text-transform:uppercase;letter-spacing:.5px}.gc-players{font-size:12px;font-weight:500;color:var(--text-muted)}.gc-playtime{font-size:11px;color:var(--text-muted)}.gl-detail-panel{grid-column:1 / -1;background:var(--white);border:1.5px solid var(--orange);border-radius:var(--radius);box-shadow:0 8px 32px #f8952026;padding:28px;position:relative;animation:slideDown .22s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gl-detail-close{position:absolute;top:14px;right:14px;background:var(--bg3);border:1px solid var(--border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:var(--text-muted);transition:background .18s,color .18s}.gl-detail-close:hover{background:var(--orange);color:var(--white);border-color:var(--orange)}.gl-detail-inner{display:flex;gap:28px;align-items:flex-start}.gl-detail-photo{width:130px;min-width:130px;aspect-ratio:1;background:linear-gradient(135deg,#fff3e0,#fde8c0);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.gl-detail-photo img{width:100%;height:100%;object-fit:cover}.gc-emoji.lg{font-size:56px}.gl-detail-text{flex:1;min-width:0}.gl-detail-badge{display:inline-block;background:var(--orange-lt);color:var(--orange-dk);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;border-radius:50px;margin-bottom:8px}.gl-detail-name{font-size:22px;font-weight:800;color:var(--text);margin-bottom:6px}.gl-detail-players{font-size:13px;color:var(--text-muted);margin-bottom:12px}.gl-detail-desc{font-size:14px;color:var(--text-muted);line-height:1.75}.btn-reserve{display:inline-block;background:var(--orange);color:var(--white);font-size:16px;font-weight:700;padding:16px 44px;border-radius:50px;box-shadow:0 4px 18px #f8952059;transition:background .2s,box-shadow .2s,transform .15s;text-transform:uppercase;letter-spacing:.6px}.btn-reserve:hover{background:var(--orange-dk);box-shadow:0 6px 28px #f8952080;transform:translateY(-2px)}.gl-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--text-muted);font-size:15px}.noscript-list{margin-top:32px;padding:24px;background:var(--white);border-radius:var(--radius);border:1px solid var(--border)}.noscript-list h2{font-size:18px;font-weight:700;margin-bottom:16px}.noscript-list ul{display:flex;flex-direction:column;gap:10px;list-style:disc;padding-left:20px}.noscript-list li{font-size:13px;color:var(--text-muted);line-height:1.6}.gl-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:48px;flex-wrap:wrap}.pg-btn{min-width:40px;height:40px;padding:0 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--white);font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow);transition:border-color .18s,background .18s,color .18s,transform .12s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.pg-btn:hover:not(.disabled){border-color:var(--orange);color:var(--orange);transform:translateY(-1px)}.pg-btn.active{background:var(--orange);border-color:var(--orange);color:var(--white);box-shadow:0 4px 12px #f8952059}.pg-btn.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.footer{background:var(--text);padding:40px 24px}.footer-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr;grid-template-areas:"brand" "links" "copy";gap:20px;text-align:center;align-items:center}.footer-brand{grid-area:brand}.footer-links{grid-area:links}.footer-copy{grid-area:copy}.footer-brand p{font-size:13px;color:#ffffff73;margin-top:5px}.footer-logo{font-size:22px;font-weight:800;color:var(--orange)}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.footer-links a{font-size:13px;color:#ffffff8c;padding:7px 14px;border:1px solid rgba(255,255,255,.12);border-radius:50px;transition:color .18s,border-color .18s}.footer-links a:hover{color:var(--orange);border-color:var(--orange)}.footer-copy{font-size:11px;color:#ffffff40}@media(min-width:768px){.gl-filters-inner{flex-wrap:nowrap}}@media(min-width:1024px){.footer-inner{grid-template-columns:1fr auto 1fr;grid-template-areas:"brand links copy";text-align:left}.footer-brand{justify-self:start}.footer-links{justify-self:center}.footer-copy{justify-self:end;text-align:right}}@media(max-width:640px){.gl-filters-inner{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:10px}.gl-page-header{padding:20px 16px 18px}.breadcrumb{padding:8px 16px}.gl-container{padding:0 16px}.gl-main{padding:24px 0 48px}.gl-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gc-emoji{font-size:36px}.gc-name{font-size:13px}.gc-info{padding:10px 12px 12px}.gl-detail-inner{flex-direction:column;gap:16px}.gl-detail-photo{width:100%;min-width:0;aspect-ratio:16/7}.gc-emoji.lg{font-size:40px}.gl-detail-name{font-size:18px}}