main.game{width:100%;max-width:var(--content-max);flex-direction:column;gap:24px;margin:0 auto;padding:28px 40px 48px;display:flex}.game-mobile{display:none}.game-topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.game-crumbs{min-width:0;font:400 var(--size-mono-sm) var(--font-mono);color:var(--text-4);align-items:center;gap:8px;display:flex}.game-crumbs a{color:inherit;transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.game-crumbs a:hover{color:var(--text)}.game-crumbs [aria-current]{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.game-refresh{font-size:var(--size-caption);white-space:nowrap}.game-error,.game-warning{border-radius:var(--radius-control);color:var(--text-2);font-size:var(--size-caption);justify-content:space-between;align-items:center;gap:12px;margin:0;padding:10px 14px;display:flex}.game-error{border:1px solid var(--danger-soft-border)}.game-warning{border:1px solid var(--warn-soft-border)}.game-error button{width:28px;height:28px;color:var(--text-3);place-items:center;display:grid}.game-hero{border-radius:var(--radius-card);background:var(--surface-skeleton);isolation:isolate;flex:none;height:320px;position:relative;overflow:hidden}.game-hero-art{object-fit:cover;object-position:center 30%;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.game-hero-shade{z-index:-1;background:linear-gradient(#0b0d1200 50%,#0b0d12bf 100%),linear-gradient(90deg,#0b0d12f2 0%,#0b0d12b3 45%,#0b0d1233 100%);position:absolute;inset:0}.game-hero-body{justify-content:space-between;align-items:flex-end;gap:40px;display:flex;position:absolute;bottom:36px;left:40px;right:40px}.game-hero-main{flex-direction:column;flex:none;gap:14px;width:min(460px,100%);min-width:0;display:flex}.game-hero-name{font-size:var(--size-display);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-weight:600;line-height:1}.game-hero-meta{font:400 var(--size-mono-sm) var(--font-mono);color:var(--text-3)}.game-hero-count{font:500 var(--size-mono-stat) var(--font-mono);justify-content:space-between;margin-top:6px;display:flex}.game-hero-total{color:var(--text-4)}.game-hero-progress{align-items:center;gap:12px;display:flex}.game-hero-bar{flex-direction:column;flex:1;gap:6px;display:flex}.game-hero .gm-bar{border-radius:3px}.game-hero-side{flex-direction:column;align-items:flex-end;gap:20px;min-width:0;display:flex}.game-status-options{border-radius:var(--radius-control);background:#0b0d1299;border:1px solid #ffffff1f;gap:4px;padding:4px;display:flex}.game-status-options button{font-size:var(--size-small);color:var(--text-2);white-space:nowrap;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:5px;padding:8px 14px;font-weight:500}.game-status-options button:hover:not(:disabled){color:#fff}.game-status-options button[aria-pressed=true]{background:var(--text);color:var(--text-on-light)}.game-status-options button:disabled:not([aria-pressed=true]){color:var(--text-dim);cursor:not-allowed}.game-tiers{scrollbar-width:none;gap:20px;max-width:100%;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.game-tiers::-webkit-scrollbar{display:none}.game-tiers[data-more-right]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000)}.game-tiers[data-more-left]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px);mask-image:linear-gradient(90deg,#0000,#000 40px)}.game-tiers[data-more-left][data-more-right]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000)}.game-tiers li:first-child{margin-left:auto}.game-tiers li{white-space:nowrap;align-items:center;gap:8px;display:flex}.game-tier-swatch{background:var(--tier-frame);width:12px;height:12px;box-shadow:var(--tier-glow);border-radius:3px}.game-tier-count{font:500 var(--size-mono-sm) var(--font-mono);color:var(--tier-text)}.game-tier-name{font-size:var(--size-caption);color:var(--text-3)}.game-body{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}.game-achievements{flex-direction:column;gap:16px;min-width:0;display:flex}.game-side{flex-direction:column;gap:16px;min-width:0;display:flex;position:sticky;top:24px}.game-tools{flex-direction:column;gap:12px;display:flex}.game-tools-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.game-tabs{border-radius:var(--radius-control);background:var(--surface);border:1px solid var(--border);gap:2px;padding:3px;display:flex}.game-tabs button{border-radius:var(--radius-pill);font-size:var(--size-small);color:var(--text-3);white-space:nowrap;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);align-items:center;gap:8px;padding:7px 12px;font-weight:500;display:flex}.game-tabs button:hover{color:var(--text)}.game-tabs button[aria-pressed=true]{background:var(--text);color:var(--text-on-light)}.game-tab-count{font:400 var(--size-mono-xs) var(--font-mono);color:var(--text-dim)}.game-count{font:400 var(--size-mono-sm) var(--font-mono);color:var(--text-4);white-space:nowrap}.game-search{border-radius:var(--radius-control);background:var(--surface);border:1px solid var(--border);min-width:0;height:38px;color:var(--text-3);flex:1;align-items:center;gap:10px;padding:0 12px;display:flex}.game-search:focus-within{border-color:var(--border-hover)}.game-search svg{opacity:.6;flex:none}.game-search input{min-width:0;height:100%;color:var(--text);font:400 var(--size-small) var(--font-ui);background:0 0;border:0;outline:none;flex:1}.game-search input::placeholder{color:var(--text-4)}.game-search input::-webkit-search-cancel-button{display:none}.game-select{flex:none;position:relative}.game-select select{appearance:none;border-radius:var(--radius-control);background:var(--surface);border:1px solid var(--border);height:38px;color:var(--text-2);font:400 var(--size-small) var(--font-ui);cursor:pointer;padding:0 40px 0 14px}.game-select svg{opacity:.55;pointer-events:none;margin-top:-7px;position:absolute;top:50%;right:12px}.game-grid{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:18px 14px;margin:0;padding:20px;list-style:none;display:grid}.game-grid li{justify-content:center;display:flex}.game-grid-tile{border-radius:14px;padding:0}.game-grid-tile .gm-tile-rate{font-size:var(--size-mono-xs)}.game-grid-tile[aria-pressed=true] .gm-tile-frame{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--text)}.game-grid-tile:hover .gm-tile-frame{filter:brightness(1.12)}.game-more{align-self:center}.game-empty,.game-placeholder{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-card);flex-direction:column;align-items:center;gap:12px;padding:48px;display:flex}.game-empty h3,.game-placeholder h2{font-size:var(--size-section);margin:0;font-weight:500}.game-empty p,.game-placeholder p{max-width:440px;font-size:var(--size-small);color:var(--text-3);margin:0;line-height:1.5}.game-placeholder svg{color:var(--text-3)}.game-detail{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);flex-direction:column;align-items:center;gap:14px;padding:28px 24px;display:flex;position:relative;overflow:hidden}.game-detail>*{position:relative}.game-detail-tint{background:var(--tier-frame);opacity:.12;position:absolute;inset:0}.game-detail-tier{font:500 var(--size-mono-sm) var(--font-mono);letter-spacing:.1em;color:var(--tier-text)}.game-detail-name{font-size:var(--size-title);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-weight:600;line-height:1.1}.game-detail-desc{font-size:var(--size-body);color:var(--text-2);margin:0;line-height:1.4}.game-detail-lines{border-top:1px solid var(--border);width:100%;font:400 var(--size-mono-sm) var(--font-mono);color:var(--text-3);flex-direction:column;gap:8px;padding-top:14px;display:flex}.game-detail-status[data-locked]{color:var(--tier-text)}.game-xp{font:inherit}@media (max-width:768px){main.game{gap:16px;padding:0 16px 24px}.game-desktop{display:none}.game-mobile{display:revert}.game-topbar{display:none}.game-hero{border-radius:0;order:-1;height:300px;margin:0 -16px}.game-hero-art{object-position:30% center}.game-hero-shade{background:linear-gradient(0deg, var(--bg) 0%, #0b0d124d 60%, #0b0d1299 100%)}.game-hero-icon{width:44px;height:44px;color:var(--text);background:#0b0d12b3;border-radius:12px;place-items:center;display:grid}.game-back{left:16px;top:max(16px, env(safe-area-inset-top));position:absolute}.game-hero-actions{right:16px;top:max(16px, env(safe-area-inset-top));gap:8px;display:flex;position:absolute}.game-hero-body{bottom:16px;left:16px;right:16px}.game-hero-main{gap:10px;width:100%}.game-hero-label{font:500 var(--size-micro) var(--font-mono);letter-spacing:.08em;color:var(--accent)}.game-hero-label[data-status=hunting]{color:var(--text-2)}.game-hero-label[data-status=aside]{color:#e7ada3;color:lab(76.1988% 20.8153 13.9591)}.game-hero-name{font-size:var(--size-title)}.game-hero-percent{font:500 var(--size-mono-big) var(--font-mono)}.game-hero .gm-bar-fill{background:var(--xp-fill)}.game-hero .gm-bar-gold .gm-bar-fill{background:var(--perfect-frame)}.game-hero-mini{font:400 var(--size-mono-xs) var(--font-mono);color:var(--text-2)}.game-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.game-stats div{border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);flex-direction:column-reverse;gap:4px;padding:12px;display:flex}.game-stats dd{font:500 var(--size-mono) var(--font-mono);margin:0}.game-stats dt{font-size:var(--size-mono-xs);color:var(--text-3)}.game-body{grid-template-columns:minmax(0,1fr)}.game-side{position:static}.game-tools{gap:4px}.game-tools-row{flex-wrap:wrap;gap:4px 12px}.game-tabs{border-radius:var(--radius-tile);flex:1}.game-tabs button{border-radius:var(--radius-control);font-size:var(--size-caption);flex:1;justify-content:center;padding:9px 6px}.game-tabs button[aria-pressed=true]{background:var(--border-strong);color:var(--text)}.game-tab-count{font:inherit;color:inherit}.game-search{border-radius:var(--radius-tile);border-color:var(--border-strong);flex:100%;order:-1;height:44px;display:none}.game-search[data-open]{display:flex}.game-search-toggle{width:44px;height:44px;color:var(--text-2);place-items:center;display:grid}.game-search-toggle[aria-expanded=true]{color:var(--accent)}.game-tools-row>.game-select:not([data-mobile-label]){margin-right:auto}.game-select{min-height:44px;font-size:var(--size-small);color:var(--text-3);align-items:center;gap:4px;display:flex}.game-select[data-mobile-label]{color:var(--text-2)}.game-select select{opacity:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.game-select svg{margin:0;position:static}.game-rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.game-row{border-top:1px solid var(--row-divider);align-items:center;gap:12px;padding:10px 0;display:flex}.game-row .gm-tile-frame{border-radius:var(--radius-tile)}.game-row .gm-tile-inner{border-radius:8px}.game-row-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.game-row-name{font-size:var(--size-body);font-weight:500}.game-row-desc{font-size:var(--size-mono-xs);color:var(--text-3);line-height:1.4}.game-row-status{font:400 var(--size-micro) var(--font-mono);color:var(--text-4)}.game-row-reward{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:3px;display:flex}.game-row-rate{font:500 var(--size-mono-xs) var(--font-mono);color:var(--tier-text)}.game-row-reward .game-xp{font:400 var(--size-micro) var(--font-mono);color:var(--text-3)}.game-empty,.game-placeholder{padding:32px 16px}}.game-status-sheet-title{font-size:var(--size-section);margin:0 0 12px;font-weight:500}.game-status-list{flex-direction:column;gap:8px;display:flex}.game-status-list button{border-radius:var(--radius-card);border:1px solid var(--border-strong);background:var(--surface-2);min-height:52px;color:var(--text-2);font-size:var(--size-body);text-align:left;padding:0 16px;font-weight:500}.game-status-list button[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--text-on-light)}.game-status-list button:disabled:not([aria-pressed=true]){color:var(--text-dim)}.game-owner-back.gm-btn{flex:none;gap:8px}.game-owner-label{border-radius:var(--radius-pill);background:var(--on-art-bg);font:400 var(--size-mono-sm) var(--font-mono);color:var(--text-2);align-items:center;gap:8px;padding:6px 10px;display:flex;position:absolute;top:28px;left:40px}.game-owner-label svg{opacity:.7}main.game[data-owner] .game-placeholder:only-child{grid-column:1/-1}@media (max-width:768px){.game-owner-mobile{min-height:44px;margin-top:max(4px, env(safe-area-inset-top));font-size:var(--size-section);color:var(--text);align-items:center;gap:10px;font-weight:500;text-decoration:none;display:flex}.game-owner-mobile svg{color:var(--text-3)}main.game[data-owner] .game-hero{order:0}.game-owner-label{top:16px;left:16px}}
