.h-text-muted{color:var(--h-text-muted)}.h-text-strong{color:var(--h-text-strong)}.h-text-sm{font-size:var(--h-text-sm)}.h-home{background:radial-gradient(1200px 520px at 78% -12%, #3b82f62e, transparent 58%), radial-gradient(900px 420px at 8% 0%, #38bdf81a, transparent 55%), var(--h-bg-base);min-height:100%}.h-home-frame{align-items:stretch;min-height:100%;display:flex}.h-home-column{flex-direction:column;flex:1;min-width:0;display:flex}.h-siderail{z-index:25;border-right:1px solid var(--h-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080c16eb;flex-direction:column;flex-shrink:0;align-items:center;gap:.75rem;width:72px;min-height:100vh;padding:.85rem .5rem;display:flex;position:sticky;top:0}.h-siderail-brand{border-bottom:1px solid #94a3b81f;place-items:center;width:100%;margin-bottom:.15rem;padding-bottom:.55rem;display:grid}.h-siderail-stack{flex-direction:column;align-items:center;gap:.4rem;width:100%;display:flex}.h-siderail-btn{width:100%;color:var(--h-text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.55rem .2rem;transition:background .15s,color .15s;display:flex}.h-siderail-btn span{letter-spacing:.02em;font-size:.62rem;font-weight:600;line-height:1}.h-siderail-btn:hover{color:var(--h-text);background:#ffffff0d}.h-siderail-btn.active{background:var(--h-accent-muted);color:var(--h-accent-hover)}.h-home-main{max-width:1180px;padding:var(--h-space-6) var(--h-space-6) var(--h-space-8);width:100%;margin:0 auto}.h-hero{gap:var(--h-space-6);margin-bottom:var(--h-space-8);grid-template-columns:minmax(280px,1.15fr) 1fr;align-items:center;display:grid}.h-featured{margin-bottom:var(--h-space-8)}.h-featured-head{justify-content:space-between;align-items:center;gap:var(--h-space-3);margin-bottom:var(--h-space-3);display:flex}.h-featured-head .h-kicker{margin:0}.h-featured-dots{gap:6px;display:flex}.h-featured-dot{cursor:pointer;background:#94a3b859;border:none;border-radius:50%;width:8px;height:8px;padding:0}.h-featured-dot.is-active{background:var(--h-accent,#38bdf8);transform:scale(1.15)}.h-featured-track{overflow:hidden}.h-featured-track-single{display:block}.h-featured-card{border-radius:var(--h-radius-xl);border:1px solid var(--h-border);background:#111a2eb8;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 16px 36px #00000047}.h-featured-card-hero{grid-template-columns:minmax(280px,1.15fr) 1fr;align-items:stretch;display:grid}.h-featured-cover{aspect-ratio:16/10;cursor:pointer;background:var(--h-bg-media);border:none;width:100%;min-height:280px;padding:0;display:block;position:relative;overflow:hidden}.h-featured-cover .hp-game-cover{position:absolute;inset:0}.h-featured-scrim{pointer-events:none;background:linear-gradient(#0000 40%,#0b12208c);position:absolute;inset:0}.h-featured-body{gap:var(--h-space-2);padding:var(--h-space-4);flex-direction:column;flex:1;display:flex}.h-featured-body h2{font-family:var(--h-font-display);color:var(--h-text-strong);letter-spacing:-.02em;margin:0;font-size:clamp(1.05rem,1.6vw,1.25rem);font-weight:700;line-height:1.2}.h-featured-sub{font-size:var(--h-text-sm);color:var(--h-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}.h-featured-actions{gap:var(--h-space-2);padding-top:var(--h-space-2);flex-wrap:wrap;margin-top:auto;display:flex}.h-hero-featured .h-hero-cover{aspect-ratio:16/10;border-radius:var(--h-radius-xl);border:1px solid var(--h-border);min-height:300px;overflow:hidden;box-shadow:0 24px 48px #00000059}.h-hero-scrim{pointer-events:none;z-index:1;background:linear-gradient(105deg,#0b122059,#0000 50%);position:absolute;inset:0}.h-hero-cover{aspect-ratio:4/3;border-radius:var(--h-radius-lg);border:1px solid var(--h-border);background:var(--h-bg-media);position:relative;overflow:hidden}.h-hero-cover .hp-game-cover{position:absolute;inset:0}.h-hero-body h1{margin:0 0 var(--h-space-2);font-family:var(--h-font-display);color:var(--h-text-strong);letter-spacing:-.03em;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:700}.h-hero-actions{gap:var(--h-space-2);margin-top:var(--h-space-4);flex-wrap:wrap;display:flex}.h-grid-showcase{gap:var(--h-space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.h-card-showcase{border-radius:var(--h-radius-lg);background:#111a2ee6}.h-card-showcase:hover{border-color:#3b82f680;box-shadow:0 16px 36px #00000052}.h-card-glow{opacity:.28;filter:blur(20px);pointer-events:none;z-index:0;height:45%;position:absolute;inset:auto 0 0}.h-card-showcase .h-card-art{aspect-ratio:16/10}.h-card-genre{margin:0 0 var(--h-space-2);font-size:var(--h-text-xs);color:var(--h-text-dim);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.h-card-flag{top:var(--h-space-2);left:var(--h-space-2);z-index:2;border-radius:var(--h-radius-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:var(--h-text-xs);color:var(--h-warning);text-transform:uppercase;background:#0000008c;padding:.2rem .55rem;font-weight:600;position:absolute}.h-card-play{z-index:1;opacity:0;background:#0b122073;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}.h-card:hover .h-card-play{opacity:1}.h-card-play svg{color:#fff;filter:drop-shadow(0 4px 12px #0006);width:2.4rem;height:2.4rem}.h-card-stats{font-size:var(--h-text-xs);color:var(--h-text-muted);flex-direction:column;gap:.45rem;display:flex}.h-card-stats .h-presence{width:100%}.h-card-visits{color:var(--h-text-dim)}.h-stat-row-presence{align-items:flex-end;gap:var(--h-space-6)}.h-stat-meta{font-size:var(--h-text-sm);color:var(--h-text-muted);flex-direction:column;gap:.2rem;display:flex}.h-game-detail-side .h-presence{margin-bottom:var(--h-space-4)}.h-hero-body .h-presence{margin:var(--h-space-3) 0 var(--h-space-1)}.h-search-meta{margin:0 0 var(--h-space-4);font-size:var(--h-text-sm);color:var(--h-text-muted)}.h-presence.is-empty .h-presence-num{color:var(--h-text-dim)}.h-presence.is-empty .h-presence-fill{width:0!important}.h-game-detail-bar{margin-bottom:var(--h-space-4)}.h-game-detail-hero{gap:var(--h-space-6);margin-bottom:var(--h-space-6);padding-bottom:var(--h-space-6);border-bottom:1px solid var(--h-border);grid-template-columns:minmax(220px,380px) 1fr;display:grid}.h-game-detail-cover{border-radius:var(--h-radius-xl);border:1px solid var(--h-border);background:var(--h-bg-media);min-height:220px;overflow:hidden;box-shadow:0 16px 36px #00000047}.h-game-detail-cover .hp-game-cover{width:100%;height:100%;min-height:220px}.h-game-detail-summary .h-stat-row{margin:var(--h-space-3) 0}.h-game-detail-grid{gap:var(--h-space-8);grid-template-columns:minmax(0,1fr) 240px;align-items:start;display:grid}.h-detail-meta{gap:var(--h-space-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.h-detail-meta div{flex-direction:column;gap:.25rem;display:flex}.h-detail-meta div.wide{grid-column:1/-1}.h-detail-meta span{font-size:var(--h-text-xs);color:var(--h-text-dim);text-transform:uppercase;letter-spacing:.05em}.h-detail-meta strong{font-size:var(--h-text-sm);color:var(--h-text-strong);word-break:break-all;font-weight:600}.h-related-row{gap:var(--h-space-3);grid-template-columns:repeat(auto-fill,minmax(110px,1fr));display:grid}.h-related-item{gap:var(--h-space-2);cursor:pointer;text-align:left;color:var(--h-text);font-size:var(--h-text-sm);background:0 0;border:none;flex-direction:column;padding:0;display:flex}.h-related-item .hp-game-cover{border-radius:var(--h-radius);aspect-ratio:1;border:1px solid var(--h-border);overflow:hidden}.h-activity-list{flex-direction:column;display:flex}.h-activity-list div{padding:var(--h-space-2) 0;border-bottom:1px solid var(--h-border);font-size:var(--h-text-sm);justify-content:space-between;display:flex}.h-activity-list div:last-child{border-bottom:none}.h-activity-list span{color:var(--h-text-muted)}.h-activity-list strong{color:var(--h-text-strong)}.h-store-head{margin-bottom:var(--h-space-6);padding-bottom:var(--h-space-5);border-bottom:1px solid var(--h-border)}.h-store-grid{gap:var(--h-space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.h-store-card{border:1px solid var(--h-border);border-radius:var(--h-radius-lg);text-align:left;background:#111a2ee6;flex-direction:column;padding:0;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.h-store-card:hover{border-color:#3b82f673;box-shadow:0 12px 28px #00000047}.h-store-card.owned{border-color:#34d39966}.h-store-thumb,.h-store-preview{aspect-ratio:4/3;background:var(--h-bg-media);overflow:hidden}.h-store-preview.tall{aspect-ratio:auto;height:100%;min-height:320px}.h-store-thumb-img,.h-store-preview canvas{object-fit:cover;width:100%;height:100%;display:block}.h-store-thumb-fallback{width:100%;height:100%}.h-store-card-body{padding:var(--h-space-3)}.h-store-card-body h3{font-size:var(--h-text-sm);color:var(--h-text-strong);margin:.15rem 0;font-weight:600}.h-store-card-body p{margin:0 0 var(--h-space-2);font-size:var(--h-text-xs);color:var(--h-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.h-store-card-meta{font-size:var(--h-text-xs);color:var(--h-text-dim);justify-content:space-between;font-weight:600;display:flex}.h-store-detail-layout{grid-template-columns:minmax(280px,1fr) minmax(260px,340px);gap:0;display:grid}.h-store-detail-preview{padding:var(--h-space-4);border-right:1px solid var(--h-border);background:var(--h-bg-media);min-height:360px}.h-store-detail-body{padding:var(--h-space-5)}.h-store-colors{margin:var(--h-space-4) 0}.h-store-colors-row{gap:var(--h-space-2);margin:var(--h-space-2) 0;flex-wrap:wrap;display:flex}.h-store-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px}.h-store-swatch.active{border-color:var(--h-accent);box-shadow:0 0 0 2px var(--h-bg-elevated)}.h-store-swatch.owned{outline:2px solid var(--h-success);outline-offset:1px}.h-store-color-name{font-size:var(--h-text-xs);color:var(--h-text-muted)}.h-store-detail-actions{gap:var(--h-space-2);margin-top:var(--h-space-4);flex-direction:column;display:flex}.hp-game-cover{background:var(--h-bg-media);width:100%;height:100%;position:relative;overflow:hidden}.hp-game-cover-card{aspect-ratio:1}.hp-game-cover-wide{min-height:200px}.hp-game-cover-hero{min-height:100%}.hp-game-cover-img{object-fit:cover;width:100%;height:100%;display:block}.hp-game-cover-placeholder{width:100%;height:100%;min-height:inherit}.h-card-art .hp-game-cover,.h-hero-cover .hp-game-cover{position:absolute;inset:0}.h-avatar-head{justify-content:space-between;align-items:flex-end;gap:var(--h-space-4);margin-bottom:var(--h-space-5);padding-bottom:var(--h-space-5);border-bottom:1px solid var(--h-border);flex-wrap:wrap;display:flex}.h-avatar-head-meta{align-items:center;gap:var(--h-space-2);display:flex}.h-avatar-layout,.pm-avatar-layout{gap:var(--h-space-5);grid-template-columns:minmax(260px,300px) 1fr;min-height:440px;display:grid}.h-avatar-stage-wrap,.pm-avatar-stage-wrap{gap:var(--h-space-3);flex-direction:column;display:flex}.h-avatar-stage,.pm-avatar-stage{border:1px solid var(--h-border);border-radius:var(--h-radius-lg);background:radial-gradient(ellipse at 50% 70%, #3b82f633, transparent 60%), var(--h-bg-media);width:100%;height:320px;overflow:hidden}.h-avatar-slots-equipped,.pm-avatar-slots-equipped{grid-template-columns:1fr;gap:6px;display:grid}.h-avatar-eq-slot,.pm-avatar-eq-slot{justify-content:space-between;align-items:center;gap:var(--h-space-2);border:1px solid var(--h-border);border-radius:var(--h-radius);background:var(--h-bg-input);text-align:left;color:var(--h-text-muted);font-size:var(--h-text-xs);padding:.55rem .75rem;transition:border-color .12s,background .12s;display:flex}.h-avatar-eq-slot.active,.pm-avatar-eq-slot.active{background:var(--h-accent-muted);color:var(--h-text-strong);border-color:#3b82f68c}.h-avatar-eq-slot.filled .h-avatar-eq-value,.pm-avatar-eq-slot.filled .pm-avatar-eq-value{color:var(--h-text-strong);font-weight:600}.h-avatar-eq-label,.pm-avatar-eq-label{text-transform:uppercase;letter-spacing:.05em;color:var(--h-text-dim);font-weight:600}.h-avatar-inventory,.pm-avatar-inventory{border:1px solid var(--h-border);border-radius:var(--h-radius-xl);background:#111a2ed9;flex-direction:column;min-height:0;display:flex;overflow:hidden}.h-avatar-tabs,.pm-avatar-tabs{border-bottom:1px solid var(--h-border);background:#162038cc;flex-wrap:wrap;gap:0;padding:.35rem;display:flex}.h-avatar-tab,.pm-avatar-tab{border-radius:var(--h-radius-full);color:var(--h-text-muted);font-size:var(--h-text-sm);background:0 0;border:none;padding:.5rem .95rem;font-weight:600}.h-avatar-tab:hover,.pm-avatar-tab:hover{color:var(--h-text)}.h-avatar-tab.active,.pm-avatar-tab.active{color:#fff;background:var(--h-accent)}.h-avatar-grid,.pm-avatar-grid{gap:var(--h-space-2);padding:var(--h-space-3);grid-template-columns:repeat(auto-fill,minmax(104px,1fr));align-content:start;max-height:480px;display:grid;overflow-y:auto}.h-avatar-cell,.pm-avatar-cell{padding:var(--h-space-2);border:1px solid var(--h-border);border-radius:var(--h-radius);background:var(--h-bg-input);text-align:left;cursor:pointer;flex-direction:column;gap:.3rem;transition:border-color .12s,background .12s,transform .12s;display:flex}.h-avatar-cell:hover,.pm-avatar-cell:hover{border-color:var(--h-border-strong);background:var(--h-bg-panel)}.h-avatar-cell.equipped,.pm-avatar-cell.equipped{background:var(--h-accent-muted);border-color:#3b82f68c;box-shadow:inset 0 0 0 1px #3b82f633}.h-avatar-cell-art,.pm-avatar-cell-art{aspect-ratio:1;border-radius:var(--h-radius-sm);place-items:center;display:grid}.h-avatar-cell-art svg,.pm-avatar-cell-art svg{width:36%;height:36%}.h-avatar-cell-name,.pm-avatar-cell-name{font-size:var(--h-text-xs);color:var(--h-text-strong);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.h-avatar-cell-state,.pm-avatar-cell-state{text-transform:uppercase;letter-spacing:.04em;color:var(--h-text-dim);font-size:.625rem;font-weight:600}.h-avatar-cell.equipped .h-avatar-cell-state,.pm-avatar-cell.equipped .pm-avatar-cell-state{color:var(--h-accent-hover)}.pm-h1{margin:0 0 var(--h-space-2);font-family:var(--h-font-display);font-size:var(--h-text-xl);color:var(--h-text-strong);font-weight:700}.pm-avatar{min-height:auto}.h-profile-head{align-items:center;gap:var(--h-space-4);margin-bottom:var(--h-space-6);padding-bottom:var(--h-space-5);border-bottom:1px solid var(--h-border);display:flex}.h-profile-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#38bdf8);border:2px solid #ffffff1f;border-radius:50%;flex-shrink:0;place-items:center;width:76px;height:76px;font-size:1.85rem;font-weight:700;display:grid;box-shadow:0 10px 28px #3b82f64d}.h-profile-stats{gap:var(--h-space-3);margin-bottom:var(--h-space-6);grid-template-columns:repeat(3,1fr);display:grid}.h-profile-stat{padding:var(--h-space-4);border:1px solid var(--h-border);border-radius:var(--h-radius-lg);background:#111a2eb3;flex-direction:column;gap:.3rem;display:flex}.h-profile-stat-label{font-size:var(--h-text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--h-text-dim);font-weight:600}.h-profile-stat-value{font-family:var(--h-font-display);font-size:var(--h-text-xl);color:var(--h-text-strong);font-weight:700}.h-profile-stat-value.gold{color:var(--h-warning)}.h-profile-rows{flex-direction:column;display:flex}.h-profile-row{justify-content:space-between;align-items:baseline;gap:var(--h-space-4);padding:var(--h-space-3) 0;border-bottom:1px solid var(--h-border);font-size:var(--h-text-sm);color:var(--h-text-muted);display:flex}.h-profile-row strong{color:var(--h-text-strong);font-weight:600}.h-profile-actions{gap:var(--h-space-2);flex-wrap:wrap;display:flex}@media (width<=900px){.h-game-detail-grid{grid-template-columns:1fr}}@media (width<=800px){.h-game-detail-hero,.h-avatar-layout,.pm-avatar-layout{grid-template-columns:1fr}}@media (width<=720px){.h-hero,.h-featured-card-hero{grid-template-columns:1fr}.h-featured-cover,.h-hero-featured .h-hero-cover{min-height:180px}.h-grid-showcase{gap:var(--h-space-3);grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}.h-store-detail-layout,.h-profile-stats{grid-template-columns:1fr}.h-home-main{padding:var(--h-space-4)}}.pm{z-index:40;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070c16b8;place-items:center;display:grid;position:fixed;inset:0}.pm-shell{border:1px solid var(--h-border);border-radius:var(--h-radius-xl);background:radial-gradient(700px 280px at 100% 0%, #3b82f61f, transparent 55%), var(--h-bg-elevated);width:min(1040px,100%);height:min(720px,100%);color:var(--h-text);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 28px 64px #00000073}.pm-top{align-items:center;gap:var(--h-space-3);padding:var(--h-space-3) var(--h-space-4);border-bottom:1px solid var(--h-border);background:#111a2ea6;display:flex}.pm-brand{font-family:var(--h-font-display);letter-spacing:-.03em;color:var(--h-text-strong);align-items:center;gap:.55rem;font-weight:700;display:flex}.pm-brand-name{font-size:1rem}.pm-now-chip{align-items:center;gap:var(--h-space-2);border:1px solid var(--h-border);border-radius:var(--h-radius-full);font-size:var(--h-text-xs);color:var(--h-text-muted);background:#0b12208c;margin-left:auto;padding:.35rem .7rem;display:flex}.pm-now-chip strong{color:var(--h-text-strong)}.pm-now-dot{background:var(--h-success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #34d3998c}.pm-top-actions{align-items:center;gap:var(--h-space-2);display:flex}.pm-credits{border-radius:var(--h-radius-full);font-size:var(--h-text-sm);color:var(--h-warning);background:#fbbf2414;border:1px solid #fbbf2440;align-items:center;gap:.35rem;padding:.35rem .7rem;font-weight:600;display:inline-flex}.pm-credits svg{width:16px;height:16px}.pm-resume{border-radius:var(--h-radius-full);color:#fff;font-size:var(--h-text-sm);background:#2563eb;border:none;align-items:center;gap:.35rem;padding:.45rem 1rem;font-weight:600;display:inline-flex;box-shadow:0 8px 20px #2563eb4d}.pm-resume:hover:not(:disabled){background:#3b82f6}.pm-resume svg{width:14px;height:14px}.pm-leave{border-radius:var(--h-radius-full);color:#fca5a5;font-size:var(--h-text-sm);background:#f871711a;border:none;align-items:center;gap:.35rem;margin-top:0;padding:.45rem .85rem;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #f8717159}.pm-leave svg{width:14px;height:14px}.pm-body{flex:1;grid-template-columns:200px 1fr;min-height:0;display:grid}.pm-content{padding:var(--h-space-5);overflow-y:auto}.pm-rail{border-right:1px solid var(--h-border);padding:var(--h-space-3);background:#0b122073;flex-direction:column;gap:4px;display:flex}.pm-rail-item{align-items:center;gap:var(--h-space-2);border-radius:var(--h-radius);color:var(--h-text-muted);font-size:var(--h-text-sm);text-align:left;background:0 0;border:none;padding:.55rem .75rem;font-weight:500;display:flex;position:relative}.pm-rail-item.active{color:var(--h-accent-hover)}.pm-rail-pill{border-radius:var(--h-radius);background:var(--h-accent-muted);z-index:-1;position:absolute;inset:0}.pm-rail-item svg{width:16px;height:16px}.pm-panel{height:100%}.pm-foot{padding:var(--h-space-2) var(--h-space-4);border-top:1px solid var(--h-border);font-size:var(--h-text-xs);color:var(--h-text-dim);justify-content:space-between;display:flex}.pm-kicker{margin:0 0 var(--h-space-1);font-size:var(--h-text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--h-accent-hover);font-weight:700}.pm-lede{margin:0 0 var(--h-space-4);font-size:var(--h-text-sm);color:var(--h-text-muted);line-height:1.5}.pm-btn{border-radius:var(--h-radius-full);background:var(--h-bg-panel);color:var(--h-text);font-size:var(--h-text-sm);box-shadow:inset 0 0 0 1px var(--h-border-strong);background-clip:padding-box;border:none;justify-content:center;align-items:center;padding:.5rem .95rem;font-weight:600;display:inline-flex}.pm-btn.primary{color:#fff;background:#2563eb;box-shadow:0 8px 20px #2563eb47}.pm-btn.primary:hover:not(:disabled){background:#3b82f6}.pm-btn.ghost{box-shadow:inset 0 0 0 1px var(--h-border);background:0 0}.pm-btn.small{font-size:var(--h-text-xs);padding:.3rem .7rem}.pm-hero-card{gap:var(--h-space-4);border:1px solid var(--h-border);border-radius:var(--h-radius-xl);background:#0b12208c;grid-template-columns:220px 1fr;display:grid;overflow:hidden}.pm-hero-art{background:var(--h-bg-media);min-height:170px;position:relative;overflow:hidden}.pm-hero-art .hp-game-cover{position:absolute;inset:0}.pm-hero-badge{top:var(--h-space-2);left:var(--h-space-2);z-index:1;border-radius:var(--h-radius-full);font-size:var(--h-text-xs);color:var(--h-text-muted);background:#0000008c;padding:.2rem .55rem;position:absolute}.pm-hero-info{padding:var(--h-space-4)}.pm-hero-info h2{font-family:var(--h-font-display);color:var(--h-text-strong);margin:0 0 .35rem;font-size:1.25rem}.pm-hero-sub,.pm-hero-desc{font-size:var(--h-text-sm);color:var(--h-text-muted);margin:.25rem 0;line-height:1.45}.pm-meta-row{gap:var(--h-space-3);margin:var(--h-space-3) 0;flex-wrap:wrap;display:flex}.pm-tags{margin-bottom:var(--h-space-3);flex-wrap:wrap;gap:.35rem;display:flex}.pm-tags span{border:1px solid var(--h-border);border-radius:var(--h-radius-full);font-size:var(--h-text-xs);color:var(--h-text-muted);padding:.2rem .55rem}.pm-hero-actions{gap:var(--h-space-2);flex-wrap:wrap;display:flex}.pm-grid{gap:var(--h-space-3);grid-template-columns:repeat(auto-fill,minmax(168px,1fr));display:grid}.pm-card{border:1px solid var(--h-border);border-radius:var(--h-radius-lg);text-align:left;background:#0b122073;overflow:hidden}.pm-card.current{border-color:#3b82f68c;box-shadow:0 0 0 1px #3b82f633}.pm-card-art{aspect-ratio:16/10;background:var(--h-bg-media);position:relative;overflow:hidden}.pm-card-art .hp-game-cover{position:absolute;inset:0}.pm-card-body{padding:var(--h-space-3)}.pm-card-body h3{font-size:var(--h-text-sm);color:var(--h-text-strong);margin:0}.pm-card-body p{font-size:var(--h-text-xs);color:var(--h-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.35rem 0 0;display:-webkit-box;overflow:hidden}.pm-card-foot{margin-top:var(--h-space-2);justify-content:space-between;align-items:center;gap:var(--h-space-2);display:flex}.pm-card-meta{font-size:var(--h-text-xs);color:var(--h-text-dim)}.pm-card-flag{z-index:1;border-radius:var(--h-radius-full);font-size:var(--h-text-xs);color:var(--h-warning);background:#0000008c;padding:.15rem .45rem;position:absolute;top:.4rem;left:.4rem}.pm-empty{color:var(--h-text-muted);font-size:var(--h-text-sm)}.pm-settings{gap:var(--h-space-1);flex-direction:column;display:flex}.pm-setting-row{justify-content:space-between;align-items:center;gap:var(--h-space-3);padding:var(--h-space-3) 0;border-bottom:1px solid var(--h-border);display:flex}.pm-setting-label{font-size:var(--h-text-sm);color:var(--h-text-strong);display:block}.pm-setting-hint,.pm-setting-value{font-size:var(--h-text-xs);color:var(--h-text-dim);display:block}.pm-setting-row input[type=range]{width:140px}.pm-switch{border:1px solid var(--h-border);background:var(--h-bg-input);border-radius:999px;width:44px;height:26px;padding:3px;display:flex;position:relative}.pm-switch.on{background:var(--h-accent-muted);border-color:#3b82f673}.pm-switch-knob{background:var(--h-text-muted);border-radius:50%;width:18px;height:18px;display:block}.pm-switch.on .pm-switch-knob{background:var(--h-accent);margin-left:auto}.pm-stub{padding:var(--h-space-5);border:1px dashed var(--h-border);border-radius:var(--h-radius-lg);color:var(--h-text-dim);font-size:var(--h-text-sm)}.pm-meta{flex-direction:column;gap:.15rem;display:flex}.pm-meta-label{font-size:var(--h-text-xs);color:var(--h-text-dim);text-transform:uppercase;letter-spacing:.04em}.pm-meta-value{font-size:var(--h-text-sm);color:var(--h-text-strong);font-weight:600}.pm-content .pm-avatar{padding:0}.pm-chat{flex-direction:column;height:100%;min-height:0;display:flex}.pm-chat-log{min-height:200px;max-height:min(420px,50vh);margin:var(--h-space-4) 0;padding:var(--h-space-3);border:1px solid var(--h-border);border-radius:var(--h-radius-lg);background:#0b122073;flex:1;overflow-y:auto}.pm-chat-empty{color:var(--h-text-dim);font-size:var(--h-text-sm)}.pm-chat-msg{font-size:var(--h-text-sm);border-bottom:1px solid #ffffff0a;flex-wrap:wrap;gap:.35rem .5rem;padding:.35rem 0;display:flex}.pm-chat-msg.self .pm-chat-name{color:var(--h-accent)}.pm-chat-name{color:var(--h-text-strong);font-weight:600}.pm-chat-text{color:var(--h-text-muted)}.pm-chat-form{gap:var(--h-space-2);align-items:center;display:flex}.pm-chat-form input{border:1px solid var(--h-border);border-radius:var(--h-radius-md);color:var(--h-text);font:inherit;background:#0b12208c;flex:1;padding:.65rem .85rem}.pm-chat-form input:focus{border-color:#3b82f68c;outline:none}.pm-chat-form .pm-btn{align-items:center;gap:.35rem;display:inline-flex}.pm-trophy-grid{gap:var(--h-space-3);margin-top:var(--h-space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.pm-trophy-card{gap:var(--h-space-3);padding:var(--h-space-3);border:1px solid var(--h-border);border-radius:var(--h-radius-lg);background:#111a2e8c;grid-template-columns:auto 1fr;display:grid;position:relative}.pm-trophy-card.locked{opacity:.55;filter:grayscale(.85)}.pm-trophy-card.unlocked{background:radial-gradient(120px 80px at 0 0,#fbbf241f,#0000 70%),#111a2ea6;border-color:#fbbf2459}.pm-trophy-icon{border-radius:var(--h-radius-md);width:52px;height:52px;color:var(--h-text-muted);background:#0b1220a6;place-items:center;display:grid}.pm-trophy-card.unlocked .pm-trophy-icon{color:#fbbf24;background:#fbbf241f}.pm-trophy-body h3{font-size:var(--h-text-base);color:var(--h-text-strong);margin:0 0 .25rem}.pm-trophy-body p{font-size:var(--h-text-sm);color:var(--h-text-muted);margin:0;line-height:1.45}.pm-trophy-game{font-size:var(--h-text-xs);color:var(--h-text-dim);margin-top:.45rem;display:inline-block}.pm-trophy-badge{top:var(--h-space-2);right:var(--h-space-2);border-radius:var(--h-radius-full);text-transform:uppercase;letter-spacing:.04em;color:#fbbf24;background:#fbbf2426;padding:.15rem .45rem;font-size:.65rem;font-weight:600;position:absolute}@media (width<=720px){.pm{place-items:stretch stretch;padding:0}.pm-shell{border:none;border-radius:0;width:100%;height:100%}.pm-top{gap:var(--h-space-2);flex-wrap:wrap}.pm-now-chip{order:3;width:100%;margin-left:0}.pm-top-actions{margin-left:auto}.pm-body{grid-template-rows:1fr auto;grid-template-columns:1fr}.pm-rail{border-right:none;border-top:1px solid var(--h-border);padding:var(--h-space-2);-webkit-overflow-scrolling:touch;flex-direction:row;order:2;gap:4px;overflow-x:auto}.pm-rail-item{font-size:var(--h-text-xs);flex-direction:column;flex:1 0 auto;justify-content:center;gap:.2rem;padding:.45rem .65rem}.pm-content{padding:var(--h-space-3);order:1}.pm-hero-card{grid-template-columns:1fr}.pm-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.pm-foot{display:none}}.cr-library{gap:var(--h-space-6);margin-bottom:var(--h-space-8);flex-direction:column;display:flex}.cr-library-head{justify-content:space-between;align-items:flex-end;gap:var(--h-space-4);flex-wrap:wrap;display:flex}.cr-library-head h1{font-family:var(--h-font-display);color:var(--h-text-strong);letter-spacing:-.03em;margin:0 0 .35rem;font-size:clamp(1.45rem,2.4vw,1.85rem);font-weight:700}.cr-library-head p{max-width:36rem;color:var(--h-text-muted);font-size:var(--h-text-sm);margin:0}.cr-empty{align-items:flex-start;gap:var(--h-space-3);padding:var(--h-space-8) var(--h-space-5);border-radius:var(--h-radius-xl);border:1px dashed var(--h-border);background:#111a2e73;flex-direction:column;display:flex}.cr-empty p{color:var(--h-text-muted);margin:0}.cr-game-grid{gap:var(--h-space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.cr-game-card{border-radius:var(--h-radius-xl);border:1px solid var(--h-border);background:#111a2eb8;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 12px 28px #00000047}.cr-game-thumb{aspect-ratio:16/10;cursor:pointer;background:#0a101c;border:none;width:100%;padding:0;display:block;position:relative;overflow:hidden}.cr-game-swatch{opacity:.85;background-image:linear-gradient(#00000026 1px,#0000 1px),linear-gradient(90deg,#00000026 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.cr-game-thumb-label{letter-spacing:.06em;text-transform:uppercase;color:#ffffffd9;text-shadow:0 1px 4px #00000080;font-size:.68rem;font-weight:700;position:absolute;bottom:.65rem;left:.75rem}.cr-game-meta{padding:var(--h-space-3) var(--h-space-4) var(--h-space-4);flex-direction:column;gap:.35rem;display:flex}.cr-game-meta h2{color:var(--h-text-strong);letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:700}.cr-game-meta>p{color:var(--h-text-muted);margin:0;font-size:.78rem}.cr-game-actions{flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.55rem;display:flex}.cr-game-delete{color:var(--h-text-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:.35rem .4rem;font-size:.78rem}.cr-game-delete:hover{color:#f87171}.cr-modal-backdrop{z-index:80;padding:var(--h-space-4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040810b8;place-items:center;display:grid;position:fixed;inset:0}.cr-modal{width:min(440px,100%);padding:var(--h-space-5);border-radius:var(--h-radius-xl);border:1px solid var(--h-border);background:#111a2e;box-shadow:0 24px 64px #00000080}.cr-modal h2{font-family:var(--h-font-display);color:var(--h-text-strong);margin:0 0 .35rem;font-size:1.25rem}.cr-modal-lead{margin:0 0 var(--h-space-4);font-size:var(--h-text-sm);color:var(--h-text-muted)}.cr-template-pick{margin:0 0 var(--h-space-4);flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.cr-template-pick button{text-align:left;border-radius:var(--h-radius-md);border:1px solid var(--h-border);width:100%;color:inherit;cursor:pointer;background:#080c16a6;flex-direction:column;gap:.2rem;padding:.75rem .85rem;display:flex}.cr-template-pick button:hover{background:#38bdf814;border-color:#38bdf873}.cr-template-pick strong{color:var(--h-text-strong);font-size:var(--h-text-sm)}.cr-template-pick span{color:var(--h-text-muted);font-size:.75rem}.cr-modal-cancel{width:100%}.gs-root{z-index:70;color:#e2e8f0;background:#070b14;flex-direction:column;display:flex;position:fixed;inset:0}.gs-topbar{background:#0c1220;border-bottom:1px solid #1e293b;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;height:48px;padding:0 .75rem 0 .5rem;display:flex}.gs-topbar-left,.gs-topbar-right{align-items:center;gap:.5rem;min-width:0;display:flex}.gs-back{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:.4rem .55rem;font-size:.8rem}.gs-back:hover{color:#e2e8f0;background:#94a3b81f}.gs-brand{letter-spacing:.12em;text-transform:uppercase;color:#38bdf8;border-right:1px solid #1e293b;margin-right:.15rem;padding-right:.35rem;font-size:.68rem;font-weight:800}.gs-title{color:#f1f5f9;min-width:0;max-width:280px;font:inherit;background:0 0;border:1px solid #0000;border-radius:6px;padding:.35rem .5rem;font-size:.9rem;font-weight:600}.gs-title:hover,.gs-title:focus{background:#0a101c;border-color:#334155;outline:none}.gs-tool{color:#cbd5e1;cursor:pointer;background:#111827;border:1px solid #1e293b;border-radius:6px;padding:.35rem .7rem;font-size:.78rem;font-weight:600}.gs-tool:hover{color:#f8fafc;border-color:#334155}.gs-play{color:#041018;cursor:pointer;background:#0ea5e9;border:none;border-radius:6px;padding:.4rem .85rem;font-size:.78rem;font-weight:700}.gs-play:disabled{opacity:.55;cursor:default}.gs-play:not(:disabled):hover{background:#38bdf8}.gs-body{flex:1;grid-template-columns:1fr;min-height:0;display:grid}.gs-body.has-help{grid-template-columns:1fr minmax(220px,280px)}.gs-editor-pane{background:#0a0e16;flex-direction:column;min-width:0;min-height:0;display:flex}.gs-tabbar{background:#0e1524;border-bottom:1px solid #1e293b;flex-shrink:0;justify-content:space-between;align-items:center;height:34px;padding:0 .75rem;display:flex}.gs-tab{color:#64748b;border-radius:4px 4px 0 0;padding:.35rem .55rem;font-size:.75rem;font-weight:600}.gs-tab.is-active{color:#e2e8f0;background:#0a0e16;border:1px solid #1e293b;border-bottom-color:#0a0e16}.gs-tab-meta{color:#64748b;letter-spacing:.04em;text-transform:uppercase;font-size:.68rem}.gs-editor{resize:none;color:#e2e8f0;tab-size:2;background:#0a0e16;border:none;outline:none;flex:1;width:100%;min-height:0;padding:1rem 1.15rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88rem;line-height:1.55}.gs-error{color:#fecaca;background:#7f1d1d66;border-top:1px solid #f8717159;flex-shrink:0;padding:.55rem 1rem;font-size:.8rem}.gs-help{background:#0c1220;border-left:1px solid #1e293b;padding:1rem;overflow:auto}.gs-help h2{letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;margin:0 0 .65rem;font-size:.72rem;font-weight:800}.gs-help pre{color:#94a3b8;background:#070b14;border:1px solid #1e293b;border-radius:8px;margin:0 0 .75rem;padding:.75rem;font-size:.72rem;line-height:1.45;overflow:auto}.gs-help p{color:#64748b;margin:0;font-size:.72rem}@media (width<=720px){.gs-body.has-help{grid-template-columns:1fr}.gs-help{border-top:1px solid #1e293b;border-left:none;max-height:40vh}.gs-title{max-width:120px}.gs-brand{display:none}}.tc-root{z-index:40;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.tc-zone{pointer-events:auto;touch-action:none;position:absolute;inset:0}.tc-stick{pointer-events:none;position:absolute}.tc-stick-base{-webkit-backdrop-filter:blur(4px);background:#10162647;border:2px solid #ffffff47;border-radius:50%;width:124px;height:124px;position:absolute;transform:translate(-50%,-50%)}.tc-stick-nub{background:#ffffff8c;border:2px solid #ffffffbf;border-radius:50%;width:56px;height:56px;position:absolute;box-shadow:0 4px 14px #00000059}.tc-actions{right:max(18px, env(safe-area-inset-right));bottom:max(28px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute}.tc-jump,.tc-attack{-webkit-backdrop-filter:blur(6px);color:#eef2ff;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;background:#1016268c;border:none;border-radius:50%;place-items:center;width:84px;height:84px;font-size:.75rem;font-weight:700;display:grid;position:relative;bottom:auto;right:auto;box-shadow:inset 0 0 0 2px #ffffff47}.tc-attack{background:#2563eb8c;width:72px;height:72px;box-shadow:inset 0 0 0 2px #93c5fd73}.tc-jump:active,.tc-attack:active{filter:brightness(1.1);transform:scale(.94)}.tc-jump svg{width:38px;height:38px}.sc-root{z-index:45;pointer-events:none;position:fixed;inset:0}.sc-toast-log{left:max(12px, env(safe-area-inset-left));bottom:max(80px, calc(env(safe-area-inset-bottom) + 64px));flex-direction:column;gap:3px;width:min(300px,100vw - 24px);display:flex;position:absolute}.sc-toast-line{border-radius:var(--h-radius-full);border:1px solid var(--h-border);color:var(--h-text);font-size:var(--h-text-xs);text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1220e0;padding:.35rem .6rem;overflow:hidden}.sc-toast-line strong{color:var(--h-accent);margin-right:.3rem;font-weight:600}.sc-toast-line.self strong{color:#9ae68a}.sc-composer{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));gap:var(--h-space-2);pointer-events:auto;max-width:400px;padding:var(--h-space-3);border:1px solid var(--h-border-strong);border-radius:var(--h-radius-lg);background:#171a21f0;flex-direction:column;display:flex;position:absolute}.sc-root.touch .sc-composer{max-width:none}.sc-log{flex-direction:column;gap:.25rem;max-height:140px;display:flex;overflow-y:auto}.sc-empty{font-size:var(--h-text-xs);color:var(--h-text-dim)}.sc-msg{font-size:var(--h-text-sm);color:var(--h-text);word-break:break-word}.sc-msg-name{color:var(--h-accent);margin-right:.35rem;font-weight:600}.sc-msg.self .sc-msg-name{color:#9ae68a}.sc-form{gap:var(--h-space-2);display:flex}.sc-form input{border:1px solid var(--h-border);border-radius:var(--h-radius);background:var(--h-bg-input);min-width:0;color:var(--h-text-strong);font-size:var(--h-text-sm);outline:none;flex:1;padding:.45rem .55rem}.sc-form input:focus{border-color:var(--h-accent)}.sc-form button,.sc-emote-btn{border-radius:var(--h-radius);background:var(--h-bg-panel);color:var(--h-text);font-size:var(--h-text-sm);box-shadow:inset 0 0 0 1px var(--h-border-strong);border:none;padding:.45rem .65rem;font-weight:500}.sc-toolbar{gap:var(--h-space-2);display:flex}.sc-emote-panel{pointer-events:auto;padding:var(--h-space-3);border:1px solid var(--h-border-strong);border-radius:var(--h-radius-lg);background:#171a21f5;min-width:220px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sc-emote-panel h3{margin:0 0 var(--h-space-2);font-size:var(--h-text-sm);color:var(--h-text-strong);text-align:center;font-weight:600}.sc-emote-grid{gap:var(--h-space-2);grid-template-columns:repeat(2,1fr);display:grid}.sc-emote-grid button{padding:var(--h-space-2);border:1px solid var(--h-border);border-radius:var(--h-radius);background:var(--h-bg-input);color:var(--h-text);font-size:var(--h-text-sm)}.sc-emote-grid button:hover{border-color:var(--h-accent);color:var(--h-accent)}.sc-fab-row{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));gap:var(--h-space-2);pointer-events:auto;display:flex;position:absolute}.sc-fab-col{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));gap:var(--h-space-2);pointer-events:auto;flex-direction:column;display:flex;position:absolute}.sc-fab{border-radius:var(--h-radius-full);min-width:52px;height:42px;color:var(--h-text);font-size:var(--h-text-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px var(--h-border);background:#0b1220e6;border:none;padding:0 .85rem;font-weight:600}.sc-fab.active{color:var(--h-accent);background:var(--h-accent-muted);box-shadow:inset 0 0 0 1px var(--h-accent)}.sc-root.touch .sc-fab-row,.sc-root.touch .sc-fab-col{bottom:max(72px, calc(env(safe-area-inset-bottom) + 56px))}.am-backdrop{z-index:80;padding:var(--h-space-4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070c16b8;place-items:center;display:grid;position:fixed;inset:0}.am-card{gap:var(--h-space-3);width:min(420px,100%);padding:var(--h-space-6);border:1px solid var(--h-border);border-radius:var(--h-radius-xl);background:radial-gradient(380px 160px at 100% 0%, #3b82f624, transparent 60%), var(--h-bg-elevated);color:var(--h-text);flex-direction:column;display:flex;box-shadow:0 24px 56px #0006}.am-kicker{font-size:var(--h-text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--h-accent-hover);margin:0;font-weight:700}.am-title{font-family:var(--h-font-display);font-size:var(--h-text-xl);color:var(--h-text-strong);letter-spacing:-.02em;margin:0;font-weight:700}.am-lede{font-size:var(--h-text-sm);color:var(--h-text-muted);margin:0;line-height:1.5}.am-tabs{border:1px solid var(--h-border);border-radius:var(--h-radius-full);background:var(--h-bg-input);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.am-tabs button{border-radius:var(--h-radius-full);color:var(--h-text-muted);font-weight:600;font-size:var(--h-text-sm);background:0 0;border:0;padding:.5rem}.am-tabs button.on{background:var(--h-accent);color:#fff}.am-field{font-size:var(--h-text-xs);color:var(--h-text-muted);flex-direction:column;gap:.35rem;font-weight:600;display:flex}.am-field input{border:1px solid var(--h-border);border-radius:var(--h-radius);background:var(--h-bg-input);color:var(--h-text-strong);font-size:var(--h-text-sm);outline:none;padding:.65rem .85rem}.am-field input:focus{box-shadow:var(--h-focus);border-color:#3b82f68c}.am-error{font-size:var(--h-text-sm);color:#fca5a5;margin:0}.am-info{font-size:var(--h-text-sm);color:#6ee7b7;margin:0}.am-btn{border-radius:var(--h-radius-full);font-weight:600;font-size:var(--h-text-sm);cursor:pointer;background:var(--h-bg-panel);color:var(--h-text);box-shadow:inset 0 0 0 1px var(--h-border-strong);background-clip:padding-box;border:none;padding:.65rem 1rem}.am-btn.primary{color:#fff;background:#2563eb;box-shadow:0 10px 24px #2563eb47}.am-btn.primary:hover:not(:disabled){background:#3b82f6}.am-btn.danger{color:#fca5a5;background:#f871711f;box-shadow:inset 0 0 0 1px #f8717159}.am-dismiss{color:var(--h-text-dim);font-size:var(--h-text-sm);cursor:pointer;background:0 0;border:none;padding:.35rem}.am-dismiss:hover{color:var(--h-text-muted)}.am-profile-banner,.am-profile-head,.am-profile-stats,.am-profile-panel,.am-profile-note{display:none}.gui-root{z-index:32;pointer-events:none;position:fixed;inset:0}.gui-menu-backdrop{padding:var(--h-space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#070c16b8;place-items:center;display:grid;position:absolute;inset:0}.gui-menu{width:min(460px,100%);padding:var(--h-space-6);border:1px solid var(--h-border);border-radius:var(--h-radius-xl);background:radial-gradient(420px 180px at 100% 0%, #3b82f629, transparent 60%), var(--h-bg-elevated);color:var(--h-text);box-shadow:0 24px 56px #00000073}.gui-kicker{margin:0 0 var(--h-space-1);font-size:var(--h-text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--h-accent-hover);font-weight:700}.gui-title{margin:0 0 var(--h-space-2);font-family:var(--h-font-display);color:var(--h-text-strong);letter-spacing:-.03em;font-size:clamp(1.45rem,4vw,1.9rem);font-weight:700}.gui-sub{margin:0 0 var(--h-space-3);font-size:var(--h-text-base);color:var(--h-text-muted)}.gui-body{margin:0 0 var(--h-space-4);font-size:var(--h-text-sm);color:var(--h-text-muted);line-height:1.55}.gui-controls{margin:0 0 var(--h-space-5);gap:var(--h-space-2);flex-direction:column;padding:0;list-style:none;display:flex}.gui-controls li{align-items:center;gap:var(--h-space-3);font-size:var(--h-text-sm);color:var(--h-text);display:flex}.gui-controls kbd{border:1px solid var(--h-border-strong);border-radius:var(--h-radius);background:var(--h-bg-input);min-width:2.4rem;font-family:var(--h-font-display);font-size:var(--h-text-xs);text-align:center;color:var(--h-accent-hover);padding:.3rem .55rem;font-weight:700}.gui-menu-actions{gap:var(--h-space-2);flex-wrap:wrap;display:flex}.gui-btn{pointer-events:auto;border-radius:var(--h-radius-full);background:var(--h-bg-panel);color:var(--h-text-strong);font-size:var(--h-text-sm);box-shadow:inset 0 0 0 1px var(--h-border-strong);background-clip:padding-box;border:none;padding:.6rem 1.15rem;font-weight:600}.gui-btn.primary{color:#fff;background:#2563eb;box-shadow:0 10px 24px #2563eb4d}.gui-btn.primary:hover:not(:disabled){background:#3b82f6}.gui-hud{left:var(--h-space-4);align-items:flex-start;gap:var(--h-space-2);flex-direction:column;max-width:min(280px,42vw);padding-right:0;display:flex;position:absolute;top:4.75rem}.gui-badge{border-radius:var(--h-radius-full);background:var(--h-accent-muted);color:var(--h-accent-hover);font-size:var(--h-text-xs);letter-spacing:.04em;text-transform:uppercase;border:1px solid #3b82f659;padding:.3rem .65rem;font-weight:700}.gui-objective{padding:var(--h-space-3);border:1px solid var(--h-border);border-radius:var(--h-radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1220c7;flex-direction:column;gap:.2rem;display:flex}.gui-objective strong{font-size:var(--h-text-sm);color:var(--h-text-strong)}.gui-objective span{font-size:var(--h-text-xs);color:var(--h-text-muted)}.gui-progress{width:min(220px,40vw);padding:var(--h-space-2) var(--h-space-3);border:1px solid var(--h-border);border-radius:var(--h-radius-lg);background:#0b1220c7}.gui-progress-label{font-size:var(--h-text-xs);color:var(--h-text-muted);justify-content:space-between;margin-bottom:.4rem;font-weight:600;display:flex}.gui-progress-track{background:#ffffff14;border-radius:99px;height:7px;overflow:hidden}.gui-progress-fill{background:#2563eb;border-radius:99px;height:100%}@media (width<=640px){.gui-hud{top:auto;bottom:max(5.5rem, calc(env(safe-area-inset-bottom) + 4.5rem));left:var(--h-space-3);max-width:min(220px,55vw)}.gui-menu{padding:var(--h-space-5)}}.pph{z-index:36;border:1px solid var(--h-border);border-radius:var(--h-radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#0b1220e0;flex-direction:column;align-items:center;gap:.4rem;min-width:148px;padding:.65rem 1rem;display:flex;position:fixed;bottom:max(5.5rem,12vh);left:50%;transform:translate(-50%);box-shadow:0 14px 32px #0006}.pph-object{font-size:var(--h-text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--h-text-dim);font-weight:700}.pph-row{align-items:center;gap:.55rem;display:flex}.pph-key{border:1px solid var(--h-border-strong);border-radius:var(--h-radius);background:var(--h-bg-panel);min-width:1.85rem;height:1.85rem;color:var(--h-text-strong);font-family:var(--h-font-display);font-size:var(--h-text-sm);place-items:center;padding:0 .4rem;font-weight:700;display:grid}.pph-action{font-size:var(--h-text-sm);color:var(--h-text-strong);font-weight:600}.pph-touch{pointer-events:auto;border-radius:var(--h-radius-full);color:#fff;font-size:var(--h-text-base);touch-action:none;background:#2563eb;border:none;padding:.6rem 1.2rem;font-weight:700;box-shadow:0 10px 22px #2563eb59}.pph-hold-track{background:#ffffff1a;border-radius:99px;width:100%;height:5px;overflow:hidden}.pph-hold-fill{background:linear-gradient(90deg,#3b82f6,#38bdf8);height:100%}@media (width<=640px){.pph{bottom:max(7.5rem,16vh)}}.hb-notify{top:max(3.6rem, calc(env(safe-area-inset-top) + 3.1rem));z-index:46;pointer-events:none;flex-direction:column;align-items:center;gap:.4rem;width:min(420px,100vw - 1.5rem);display:flex;position:fixed;left:50%;transform:translate(-50%)}.hb-notify-live{border-radius:var(--h-radius-full);border:1px solid var(--h-border);color:var(--h-text-strong);font-size:var(--h-text-sm);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1220d1;max-width:100%;padding:.35rem .85rem;font-weight:600}.hb-notify-stack{flex-direction:column;align-items:center;gap:.35rem;width:100%;max-height:min(42vh,280px);margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.hb-notify-toast{border-radius:var(--h-radius-full);border:1px solid var(--h-border-strong);max-width:100%;color:var(--h-text);font-size:var(--h-text-sm);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1220e6;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .9rem;line-height:1.3;display:inline-flex;box-shadow:0 8px 24px #00000047}.hb-notify-toast.leaving{pointer-events:none}.hb-notify-credit{color:var(--h-warning);border-color:#fbbf2459}.hb-notify-warn{color:#fca5a5;border-color:#f8717159}.hb-notify-detail{flex-shrink:0;font-weight:700}.hb-notify-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=640px){.hb-notify{top:max(3.2rem, calc(env(safe-area-inset-top) + 2.75rem));width:min(100vw - 1rem,360px)}.hb-notify-toast{font-size:var(--h-text-xs);padding:.4rem .75rem}}.hb-root,.hb-viewport{position:fixed;inset:0}.hb-viewport canvas{width:100%;height:100%;display:block}.hb-loading{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070c16c7;place-items:center;display:grid;position:fixed;inset:0}.hb-loading-card{text-align:center;align-items:center;gap:var(--h-space-2);padding:var(--h-space-6);border:1px solid var(--h-border);border-radius:var(--h-radius-xl);background:radial-gradient(320px 140px at 50% 0%, #3b82f629, transparent 60%), var(--h-bg-elevated);flex-direction:column;min-width:260px;display:flex;box-shadow:0 24px 48px #0006}.hb-loading-cover,.hb-loading-swatch{border-radius:var(--h-radius-lg);border:1px solid var(--h-border);width:64px;height:64px;overflow:hidden}.hb-loading-swatch{background:var(--h-bg-panel)}.hb-loading-cover .hp-game-cover{width:100%;height:100%}.hb-loading-spin{border:2px solid var(--h-border);border-top-color:var(--h-accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite hb-spin}@keyframes hb-spin{to{transform:rotate(360deg)}}.hb-loading-kicker{font-size:var(--h-text-xs);color:var(--h-accent-hover);text-transform:uppercase;letter-spacing:.08em;margin:0;font-weight:700}.hb-loading-title{font-family:var(--h-font-display);font-size:var(--h-text-lg);color:var(--h-text-strong);margin:0;font-weight:700}.hb-loading-phase{font-size:var(--h-text-sm);color:var(--h-text-muted);margin:0}.hb-menu-btn{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:50;border-radius:var(--h-radius-full);border:1px solid var(--h-border);width:44px;height:44px;color:var(--h-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1220e0;place-items:center;display:grid;position:fixed}.hb-menu-btn svg{width:20px;height:20px}.hb-hud{z-index:30;pointer-events:none;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));position:fixed;inset:0}.hb-brand{border:1px solid var(--h-border);border-radius:var(--h-radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--h-font-display);font-size:var(--h-text-sm);letter-spacing:-.02em;color:var(--h-text-strong);background:#0b1220d1;align-items:center;gap:.45rem;padding:.4rem .7rem;font-weight:700;display:inline-flex}.hb-now{margin-top:var(--h-space-2);border:1px solid var(--h-border);border-radius:var(--h-radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--h-text-xs);color:var(--h-text-muted);background:#0b1220d1;max-width:280px;padding:.4rem .7rem}.hb-now-label{text-transform:uppercase;letter-spacing:.06em;margin-right:.35rem;font-weight:600}.hb-now-title{color:var(--h-text-strong);font-weight:600}.hb-online{color:var(--h-success);align-items:center;gap:.3rem;margin-left:.45rem;display:inline-flex}.hb-online-dot{background:var(--h-success);border-radius:50%;width:6px;height:6px}.hb-contact{display:none}.hb-hint{left:50%;bottom:max(16px, env(safe-area-inset-bottom));border:1px solid var(--h-border);border-radius:var(--h-radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--h-text-xs);color:var(--h-text-muted);white-space:nowrap;background:#0b1220e0;padding:.5rem .9rem;position:absolute;transform:translate(-50%)}.hb-status.error{margin-top:var(--h-space-2);border-radius:var(--h-radius-lg);color:#fca5a5;font-size:var(--h-text-sm);background:#f871711f;border:1px solid #f8717166;max-width:360px;padding:.5rem .75rem}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--h-bg-base:#0b1220;--h-bg-elevated:#111a2e;--h-bg-panel:#162038;--h-bg-panel-hover:#1c2a46;--h-bg-input:#0a101c;--h-bg-overlay:#070c16b8;--h-bg-media:#080e1a;--h-border:#94a3b81f;--h-border-strong:#94a3b838;--h-text:#e2e8f0;--h-text-muted:#94a3b8;--h-text-dim:#64748b;--h-text-strong:#f8fafc;--h-accent:#3b82f6;--h-accent-hover:#60a5fa;--h-accent-muted:#3b82f629;--h-accent-glow:#3b82f659;--h-success:#34d399;--h-success-muted:#34d39929;--h-warning:#fbbf24;--h-danger:#f87171;--h-radius-sm:8px;--h-radius:12px;--h-radius-lg:16px;--h-radius-xl:22px;--h-radius-full:999px;--h-space-1:.25rem;--h-space-2:.5rem;--h-space-3:.75rem;--h-space-4:1rem;--h-space-5:1.25rem;--h-space-6:1.5rem;--h-space-8:2rem;--h-font:"Outfit", system-ui, sans-serif;--h-font-display:"Sora", "Outfit", system-ui, sans-serif;--h-font-mono:ui-monospace, "Cascadia Code", monospace;--h-text-xs:.6875rem;--h-text-sm:.8125rem;--h-text-base:.9rem;--h-text-lg:1.05rem;--h-text-xl:1.35rem;--h-text-2xl:1.85rem;--h-shadow-panel:0 18px 40px #00000047;--h-focus:0 0 0 3px #3b82f659}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--h-font);font-size:var(--h-text-base);color:var(--h-text);background:var(--h-bg-base);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;line-height:1.45}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}img,svg{max-width:100%;display:block}a{color:var(--h-accent)}:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible,[role=switch]:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid #3b82f6a6}.h-logo-mark{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:22%;flex-shrink:0;width:auto;height:auto;display:block;box-shadow:0 0 0 1px #38bdf81f,0 6px 16px #00000059}.h-shell{background:var(--h-bg-base);color:var(--h-text);position:fixed;inset:0;overflow:hidden}.h-scroll{height:100%;overflow:hidden auto}.h-topbar{z-index:20;justify-content:space-between;align-items:center;gap:var(--h-space-4);min-height:60px;padding:.65rem var(--h-space-6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--h-border);background:#0b1220d1;display:flex;position:sticky;top:0}.h-topbar-left,.h-topbar-right{align-items:center;gap:var(--h-space-4);min-width:0;display:flex}.h-brand{color:var(--h-text-strong);font-family:var(--h-font-display);letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:.55rem;font-size:1.1rem;font-weight:700;display:inline-flex}.h-brand-text{letter-spacing:-.04em}.h-nav{gap:.25rem;display:flex}.h-nav-item{border-radius:var(--h-radius-full);color:var(--h-text-muted);font-size:var(--h-text-sm);background:0 0;border:none;padding:.45rem .9rem;font-weight:500;transition:background .15s,color .15s}.h-nav-item:hover{color:var(--h-text);background:#ffffff0d}.h-nav-item.active{background:var(--h-accent-muted);color:var(--h-accent-hover)}.h-main{max-width:1180px;padding:var(--h-space-6);margin:0 auto}.h-page-title{margin:0 0 var(--h-space-1);font-family:var(--h-font-display);font-size:var(--h-text-2xl);color:var(--h-text-strong);letter-spacing:-.03em;font-weight:700}.h-page-sub{color:var(--h-text-muted);font-size:var(--h-text-sm);margin:0;line-height:1.5}.h-panel{border:1px solid var(--h-border);border-radius:var(--h-radius-lg);background:#111a2eb3}.h-panel-head{padding:var(--h-space-3) 0;margin-bottom:var(--h-space-3);border-bottom:1px solid var(--h-border);font-size:var(--h-text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--h-text-muted);font-weight:600}.h-panel-body{padding:0}.h-block{margin-bottom:var(--h-space-6);padding-bottom:var(--h-space-5);border-bottom:1px solid var(--h-border)}.h-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.h-block-title{margin:0 0 var(--h-space-3);font-size:var(--h-text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--h-text-muted);font-weight:600}.h-btn{justify-content:center;align-items:center;gap:var(--h-space-2);border-radius:var(--h-radius-full);background:var(--h-bg-panel);color:var(--h-text);font-size:var(--h-text-sm);box-shadow:inset 0 0 0 1px var(--h-border-strong);-webkit-font-smoothing:antialiased;background-clip:padding-box;border:none;padding:.55rem 1.05rem;font-weight:600;transition:background .15s,box-shadow .15s,filter .12s;display:inline-flex}.h-btn:hover:not(:disabled){background:var(--h-bg-panel-hover);box-shadow:inset 0 0 0 1px #94a3b866}.h-btn:disabled{opacity:.45;cursor:default}.h-btn-primary{color:#fff;background:#2563eb;box-shadow:0 8px 22px #2563eb47}.h-btn-primary:hover:not(:disabled){background:#3b82f6;box-shadow:0 8px 22px #2563eb57}.h-btn-accent{color:#0b1220;box-shadow:none;background:#0ea5e9}.h-btn-accent:hover:not(:disabled){background:#38bdf8}.h-btn-ghost{box-shadow:inset 0 0 0 1px var(--h-border);background:0 0}.h-btn-danger{color:#fca5a5;background:#f871711f;box-shadow:inset 0 0 0 1px #f8717159}.h-btn-danger:hover:not(:disabled){background:#f8717138}.h-btn-block{width:100%}.h-input-wrap{align-items:center;gap:var(--h-space-2);padding:0 var(--h-space-3);border-radius:var(--h-radius-full);border:1px solid var(--h-border);background:var(--h-bg-input);min-height:38px;display:flex}.h-input-wrap:focus-within{box-shadow:var(--h-focus);border-color:#3b82f68c}.h-input-wrap input{min-width:0;color:var(--h-text-strong);font-size:var(--h-text-sm);background:0 0;border:none;outline:none;flex:1}.h-input-wrap input::placeholder{color:var(--h-text-dim)}.h-badge{border-radius:var(--h-radius-sm);box-shadow:inset 0 0 0 1px var(--h-border);font-size:var(--h-text-xs);color:var(--h-text-muted);background:#ffffff0a;align-items:center;gap:.35rem;padding:.2rem .55rem;font-weight:600;display:inline-flex}.h-presence{flex-direction:column;gap:.4rem;width:min(100%,220px);display:flex}.h-presence-top{font-family:var(--h-font-display);align-items:baseline;gap:.4rem;display:flex}.h-presence-num{letter-spacing:-.04em;color:var(--h-text-strong);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:700;line-height:1}.h-presence-label{font-size:var(--h-text-xs);color:var(--h-text-dim);text-transform:lowercase;letter-spacing:.02em;font-weight:500}.h-presence-cap{font-family:var(--h-font-mono);font-size:var(--h-text-xs);color:var(--h-text-dim);font-variant-numeric:tabular-nums;margin-left:auto}.h-presence-track{background:#94a3b824;width:100%;height:3px;overflow:hidden}.h-presence-fill{background:var(--h-text-muted);width:0;height:100%;transition:width .35s}.h-presence.is-live .h-presence-num{color:#93c5fd}.h-presence.is-live .h-presence-fill{background:var(--h-accent)}.h-presence-sm{gap:.25rem;width:auto;min-width:0}.h-presence-sm .h-presence-num{font-size:.95rem}.h-presence-sm .h-presence-label{font-size:.65rem}.h-presence-sm .h-presence-cap{font-size:.6rem}.h-presence-sm .h-presence-track{height:2px}.h-presence-lg{gap:.5rem;width:min(100%,260px)}.h-presence-lg .h-presence-num{font-size:1.75rem}.h-presence-lg .h-presence-track{height:4px}.h-stat-row{gap:var(--h-space-4);font-size:var(--h-text-sm);color:var(--h-text-muted);flex-wrap:wrap;display:flex}.h-stat-row strong{color:var(--h-text-strong);font-weight:600}.h-grid-cards{gap:var(--h-space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.h-card{border:1px solid var(--h-border);border-radius:var(--h-radius-lg);text-align:left;cursor:pointer;background:#111a2ed9;flex-direction:column;padding:0;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.h-card:hover{border-color:#3b82f673;box-shadow:0 14px 32px #00000047}.h-card-art{aspect-ratio:16/10;background:var(--h-bg-media);position:relative}.h-card-body{padding:var(--h-space-3)}.h-card-body h3{margin:0 0 var(--h-space-1);font-size:var(--h-text-sm);color:var(--h-text-strong);font-weight:600}.h-section{margin-bottom:var(--h-space-8)}.h-section-head{align-items:baseline;gap:var(--h-space-2);margin-bottom:var(--h-space-4);display:flex}.h-section-head h2{font-family:var(--h-font-display);font-size:var(--h-text-lg);color:var(--h-text-strong);letter-spacing:-.02em;margin:0;font-weight:700}.h-section-count{font-size:var(--h-text-xs);color:var(--h-text-dim)}.h-modal-backdrop{z-index:50;padding:var(--h-space-4);background:var(--h-bg-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);place-items:center;display:grid;position:fixed;inset:0}.h-modal{border:1px solid var(--h-border-strong);border-radius:var(--h-radius-xl);background:var(--h-bg-elevated);width:min(720px,100%);max-height:min(90vh,820px);box-shadow:var(--h-shadow-panel);position:relative;overflow:auto}.h-modal-close{top:var(--h-space-3);right:var(--h-space-3);z-index:2;border:1px solid var(--h-border);border-radius:var(--h-radius-full);background:var(--h-bg-panel);width:32px;height:32px;color:var(--h-text-muted);font-size:14px;line-height:1;position:absolute}.h-modal-close:hover{color:var(--h-text-strong);background:var(--h-bg-panel-hover)}.h-kicker{font-size:var(--h-text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--h-accent-hover);font-weight:700}.h-tag{border-radius:var(--h-radius-full);border:1px solid var(--h-border);font-size:var(--h-text-xs);color:var(--h-text-muted);background:#ffffff0a;padding:.25rem .6rem;font-weight:500;display:inline-block}.h-tag-row{flex-wrap:wrap;gap:.4rem;display:flex}.mono{font-family:var(--h-font-mono);font-size:var(--h-text-xs);word-break:break-all}.h-divider{height:1px;margin:var(--h-space-4) 0;background:var(--h-border)}.h-credits{align-items:center;gap:var(--h-space-2);border-radius:var(--h-radius-full);font-size:var(--h-text-sm);color:var(--h-warning);background:#fbbf2414;border:1px solid #fbbf2440;padding:.35rem .75rem;font-weight:600;display:inline-flex}.h-account{align-items:center;gap:var(--h-space-2);border-radius:var(--h-radius-full);border:1px solid var(--h-border);background:var(--h-bg-input);font-size:var(--h-text-sm);padding:.2rem .7rem .2rem .2rem;font-weight:500;display:inline-flex}.h-account.active{background:var(--h-accent-muted);border-color:#3b82f673}.h-account-avatar{color:#fff;width:28px;height:28px;font-size:var(--h-text-xs);background:linear-gradient(135deg,#3b82f6,#38bdf8);border-radius:50%;place-items:center;font-weight:700;display:grid}.h-empty{padding:var(--h-space-8);text-align:center;color:var(--h-text-muted);font-size:var(--h-text-sm)}.h-foot{margin-top:var(--h-space-8);padding-top:var(--h-space-4);border-top:1px solid var(--h-border);font-size:var(--h-text-xs);color:var(--h-text-dim)}@media (width<=720px){.h-topbar{padding:.55rem var(--h-space-3);flex-wrap:wrap}.h-nav{width:auto;overflow-x:auto}.h-siderail{width:60px;padding:.65rem .35rem}.h-siderail-btn span{display:none}.h-brand-text{font-size:.95rem}}