.comment-section{background:var(--surface-comment-section);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-card);display:grid;gap:18px;overflow:hidden;padding:20px}.comment-section__header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.comment-section__room{display:grid;gap:4px}.comment-section__lead{color:var(--accent);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.comment-section__title{color:var(--text);font-size:1.12rem;line-height:1.4}.comment-section__hint{color:var(--text-muted);line-height:1.5}.comment-section__meta{align-items:flex-end;display:grid;gap:8px}.comment-section__badge,.comment-section__presence{background:var(--surface-chip);border:1px solid var(--surface-stat-border);border-radius:999px;color:var(--text-muted);font-size:.8rem;font-weight:700;padding:8px 12px}.comment-section__presence{align-items:center;display:inline-flex;gap:8px}.comment-section__presence-dot{background:#2ed573;border-radius:999px;box-shadow:0 0 0 6px #2ed57329;display:inline-block;height:8px;width:8px}.comment-section__empty{display:grid;gap:8px}.comment-section__status{color:var(--text-muted);line-height:1.6}.comment-list{align-content:start;background:var(--surface-comment-list);border:1px solid var(--surface-stat-border);border-radius:24px;display:grid;gap:12px;max-height:440px;min-height:280px;overflow-y:auto;padding:18px}.comment-message{display:grid;gap:6px;justify-items:flex-start}.comment-message--own{justify-items:flex-end}.comment-message__meta{align-items:center;display:inline-flex;gap:8px;padding:0 4px}.comment-message__author{color:var(--text);font-size:.88rem}.comment-message__date{color:var(--text-muted);font-size:.78rem}.comment-message__bubble{background:var(--surface-message);border:1px solid var(--surface-stat-border);border-radius:20px 20px 20px 8px;color:var(--text);line-height:1.65;max-width:min(85%,540px);padding:12px 14px;white-space:pre-wrap;word-break:break-word}.comment-message--own .comment-message__bubble{background:linear-gradient(135deg,#0071e3,#2490ff);border-color:transparent;border-radius:20px 20px 8px;color:#fff}.comment-composer{background:var(--surface-composer);border:1px solid var(--surface-stat-border);border-radius:24px;display:grid;gap:12px;padding:16px}.comment-composer__top,.comment-composer__footer{align-items:center;display:flex;gap:12px;justify-content:space-between}.comment-composer__name,.comment-composer__textarea{background:var(--surface-input);border:1px solid var(--border-strong);color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.comment-composer__name{border-radius:999px;max-width:240px;padding:12px 14px;width:100%}.comment-composer__textarea{border-radius:18px;flex:1;min-height:56px;padding:14px 16px;resize:vertical}.comment-composer__name:focus,.comment-composer__textarea:focus{border-color:#0071e36b;box-shadow:var(--focus-ring)}.comment-composer__bottom{align-items:flex-end;display:flex;gap:12px}.comment-composer__guide,.comment-composer__counter,.comment-composer__feedback{color:var(--text-muted);font-size:.84rem}.comment-composer__identity{align-items:center;display:flex;gap:12px;min-width:0}.comment-composer__identity-copy{display:grid;gap:4px;min-width:0}.comment-composer__identity-copy strong{color:var(--text);font-size:.92rem}.comment-composer__identity-copy span{color:var(--text-muted);font-size:.8rem;line-height:1.4}.comment-composer__avatar{border:1px solid var(--surface-stat-border);border-radius:999px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.comment-composer__avatar--fallback{align-items:center;background:linear-gradient(135deg,#0071e3,#2490ff);color:#fff;display:inline-flex;font-weight:800;justify-content:center}.comment-composer__feedback--muted{opacity:.92}.comment-composer__submit{background:var(--surface-control);border:1px solid var(--border-strong);border-radius:18px;box-shadow:var(--shadow-card);color:var(--text);cursor:pointer;font-weight:800;min-height:56px;padding:0 18px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,opacity .2s ease}.comment-composer__submit:hover:not(:disabled){background:var(--surface-control-hover);border-color:var(--border-strong);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.comment-composer__submit:disabled{cursor:wait;opacity:.65}@media (max-width: 768px){.comment-section{border-radius:24px;padding:16px}.comment-section__header,.comment-composer__top,.comment-composer__bottom,.comment-composer__footer{align-items:stretch;flex-direction:column}.comment-section__meta{justify-items:flex-start}.comment-composer__name{max-width:none}.comment-composer__identity,.comment-composer__submit{width:100%}.comment-message__bubble{max-width:100%}}.video-list{display:grid;gap:1.5rem;width:100%}.video-list__section{display:grid;gap:1rem}.video-list__section-header{align-items:end;display:grid;gap:.75rem;grid-template-columns:minmax(0,240px) minmax(0,1fr);margin:0 auto;max-width:100%;width:100%}.video-list__section-eyebrow{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.08em;margin-bottom:.25rem;text-transform:uppercase}.video-list__section-title{font-size:clamp(1.2rem,2vw,1.6rem);font-weight:800;letter-spacing:-.04em}.video-list__section-description{color:var(--text-muted);font-size:.96rem;justify-self:end;line-height:1.6;max-width:540px;text-align:right}.video-list__grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.video-list__actions{display:flex;justify-content:center;padding-top:.5rem}.video-list__load-more{background:var(--surface-control);border:1px solid var(--border-strong);border-radius:999px;box-shadow:var(--shadow-card);color:var(--text);cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:-.02em;min-width:180px;padding:.9rem 1.4rem;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.video-list__load-more:hover:not(:disabled){background:var(--surface-control-hover);border-color:var(--border-strong);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.video-list__load-more:disabled{cursor:wait;opacity:.7}.video-list__status{color:var(--text-muted);font-size:1rem;line-height:1.7;margin:0 auto;max-width:960px;padding:6px 0 12px;text-align:center}.video-list__section-status{color:var(--text-muted);font-size:.98rem;line-height:1.7;margin:0;padding:.35rem 0 .25rem}.video-card{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--text);cursor:pointer;display:grid;gap:.85rem;padding:1rem 1rem 1.1rem;text-align:left;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}.video-card:hover,.video-card[data-active=true]{background:var(--surface-card-hover);border-color:var(--surface-card-hover-border);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.video-card__meta-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.video-card__rank{color:var(--accent);font-size:.9rem;font-weight:700;letter-spacing:-.02em}.video-card__trend-group{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.video-card__trend-badge{border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.02em;padding:.28rem .55rem;white-space:nowrap}.video-card__trend-badge[data-tone=new]{background:#10b98124;color:#047857}.video-card__trend-badge[data-tone=up]{background:#ef44441f;color:#b91c1c}.video-card__trend-badge[data-tone=down]{background:#3b82f61f;color:#1d4ed8}.video-card__trend-badge[data-tone=steady]{background:#64748b1f;color:#475569}.video-card__thumbnail{aspect-ratio:16 / 9;border:1px solid var(--surface-thumbnail-border);border-radius:16px;box-shadow:0 10px 26px #0f172a1a;object-fit:cover;width:100%}.video-card__title{font-size:1rem;font-weight:700;letter-spacing:-.03em;line-height:1.45}.video-card__footer{align-items:center;display:flex;gap:12px;justify-content:space-between;min-width:0}.video-card__channel{color:var(--text-muted);flex:1;font-size:.92rem;letter-spacing:-.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-card__views{color:var(--text-muted);flex-shrink:0;font-size:.88rem;font-weight:700;letter-spacing:-.01em}@media (max-width: 768px){.video-list__section-header{grid-template-columns:1fr}.video-list__section-description{justify-self:start;max-width:none;text-align:left}.video-list__grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width: 480px){.video-list__grid{grid-template-columns:1fr}}.search-bar{display:block;max-width:100%;min-width:0}.search-bar__field{position:relative}.search-bar__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-control);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--text);cursor:pointer;font-size:.98rem;font-weight:600;letter-spacing:-.02em;min-height:58px;padding:0 52px 0 18px;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;width:100%}.search-bar__select:hover,.search-bar__select:focus{background:var(--surface-control-hover);border-color:var(--accent-border);box-shadow:var(--shadow-soft),var(--focus-ring);outline:none;transform:translateY(-1px)}.search-bar__select:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.72;transform:none}.search-bar__chevron{color:var(--accent);pointer-events:none;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.search-bar__helper{color:var(--text-muted);display:block;font-size:.92rem;line-height:1.55;margin-top:.75rem}@media (max-width: 768px){.search-bar__select{min-height:54px;padding:0 48px 0 16px}}.video-player{margin:0 auto;max-width:100%;padding:0;width:100%}.video-player__frame{background:var(--surface-player-frame);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--surface-player-inset);overflow:hidden;padding:14px;position:relative;transition:background .32s ease,border-color .32s ease,box-shadow .32s ease,padding .32s ease}.video-player__embed,.video-player__embed iframe{aspect-ratio:16 / 9;background:#000;border:0;border-radius:18px;box-shadow:0 18px 40px #0f172a29;display:block;transition:transform .3s ease,box-shadow .3s ease;width:100%}.video-player__embed:hover,.video-player__embed iframe:hover{box-shadow:0 24px 48px #0f172a2e;transform:scale(1.003)}.video-player__embed[data-visible=false]{opacity:0;pointer-events:none}.video-player__overlay-nav{top:14px;right:14px;bottom:14px;left:14px;pointer-events:none;position:absolute;z-index:3}.video-player__overlay-button{align-items:center;background:transparent;border:0;color:#f8fafc;cursor:pointer;display:inline-flex;height:34px;justify-content:center;pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);transition:color .22s ease,transform .22s ease,opacity .22s ease;width:34px}.video-player__overlay-button--previous{left:12px}.video-player__overlay-button--next{right:12px}.video-player__overlay-button:hover,.video-player__overlay-button:focus-visible{color:#fff;outline:none}.video-player__overlay-icon{font-size:1.55rem;font-weight:300;line-height:1;text-shadow:0 6px 16px rgba(0,0,0,.32)}.video-player__placeholder{align-items:center;aspect-ratio:16 / 9;background:radial-gradient(circle at top,rgba(0,113,227,.14),transparent 44%),#0f172a;border-radius:18px;color:#ffffffd1;display:flex;font-size:1rem;font-weight:600;justify-content:center;top:14px;right:14px;bottom:14px;left:14px;padding:24px;position:absolute;text-align:center}.video-player[data-cinematic=true] .video-player__frame{align-items:center;background:#000;border:0;border-radius:14px;box-shadow:none;display:flex;justify-content:center;min-height:var(--cinematic-player-max-height);padding:0;width:100%}.video-player[data-cinematic=true] .video-player__embed,.video-player[data-cinematic=true] .video-player__placeholder{aspect-ratio:auto;flex:none;height:var(--cinematic-player-max-height);width:min(100%,calc(var(--cinematic-player-max-height) * 16 / 9))}.video-player[data-cinematic=true] .video-player__placeholder{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%)}.video-player[data-cinematic=true] .video-player__overlay-nav{top:0;right:0;bottom:0;left:0}.video-player[data-cinematic=true] .video-player__embed iframe{aspect-ratio:auto;height:100%;border-radius:14px;box-shadow:0 24px 80px #00000057,0 0 0 1px #ffffff0d;width:100%}@media (max-width: 768px){.video-player__frame{border-radius:20px;padding:10px}.video-player__overlay-nav,.video-player__placeholder{top:10px;right:10px;bottom:10px;left:10px}.video-player[data-cinematic=true] .video-player__frame{padding:0}.video-player__overlay-button{height:30px;width:30px}.video-player__overlay-icon{font-size:1.35rem}}@media (max-width: 480px){.video-player__placeholder{font-size:.92rem;padding:18px}}#root{min-height:100vh}.app-shell{--app-content-max-width: 1240px;--app-cinematic-max-width: 1820px;display:flex;flex-direction:column;min-height:100vh;padding:32px 20px 64px}.app-shell__header{margin:0 auto;max-width:1240px;padding:18px 16px 20px;position:relative;width:100%;z-index:10}.app-shell__header-top{align-items:center;display:flex;gap:16px;justify-content:space-between}.app-shell__header-actions{align-items:center;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;min-width:0}.app-shell__title{color:var(--text);font-family:var(--font-display);font-size:clamp(1.7rem,4vw,2.4rem);font-weight:800;letter-spacing:-.04em;line-height:1;margin:0}.app-shell__main{display:grid;gap:28px;margin:0 auto;width:100%}.app-shell__panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);justify-self:center;padding:28px;width:min(var(--app-content-max-width),100%)}.app-shell__mobile-stack{display:grid;gap:18px;min-width:0}.app-shell__mobile-tabs{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell__mobile-tab{background:var(--surface-interactive);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-card);color:var(--text-muted);cursor:pointer;font-size:.92rem;font-weight:800;min-height:48px;padding:0 14px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease}.app-shell__mobile-tab[data-active=true]{background:var(--surface-emphasis);border-color:transparent;box-shadow:var(--surface-emphasis-shadow);color:var(--text-inverse)}.app-shell__stage{display:grid;justify-items:center;width:100%}.app-shell__stage-stack{display:grid;gap:28px;width:min(var(--app-content-max-width),100%)}.app-shell__stage-stack[data-cinematic=true]{width:min(var(--app-cinematic-max-width),100%)}.app-shell__stage[data-cinematic=true]{--cinematic-player-max-height: min( calc(100dvh - 170px) , calc((100vw - 72px)*.5625) );align-content:start;background:var(--surface-stage-bg);box-shadow:var(--surface-stage-shadow);min-height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:20px clamp(14px,3.6vw,36px) 28px}.app-shell__stage:fullscreen,.app-shell__stage:-webkit-full-screen{height:100%;overflow-y:auto;width:100%}.app-shell__panel--player{padding:28px 28px 22px;scroll-margin-top:16px;transition:width .32s ease,padding .32s ease,background .32s ease,border-color .32s ease,box-shadow .32s ease,transform .32s ease,border-radius .32s ease}.app-shell__player-viewport{scroll-margin-top:12px;width:100%}.app-shell__section-heading{align-items:flex-start;display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.app-shell__section-heading--player{align-items:center;flex-direction:row;justify-content:space-between}.app-shell__section-heading--chart{align-items:center;flex-direction:row;gap:12px;justify-content:space-between}.app-shell__chart-filter-group{align-items:flex-end;display:grid;flex-shrink:0;gap:6px;justify-items:end;max-width:min(320px,100%)}.app-shell__section-heading-copy{display:grid;gap:6px;min-width:0}.app-shell__player-actions{align-items:center;display:inline-flex;flex-shrink:0;gap:12px}.app-shell__section-eyebrow{color:var(--text-muted);font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.app-shell__section-title{font-size:clamp(1.35rem,2.4vw,2rem);font-weight:700;letter-spacing:-.03em}.app-shell__mode-toggle{background:var(--surface-interactive);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-card);color:var(--text);cursor:pointer;flex-shrink:0;font-size:.92rem;font-weight:800;padding:.82rem 1.15rem;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease}.app-shell__mode-toggle:hover{box-shadow:var(--surface-emphasis-shadow);transform:translateY(-1px)}.app-shell__subtle-toggle{background:var(--surface-interactive);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-card);color:var(--text);cursor:pointer;flex-shrink:0;font-size:.82rem;font-weight:800;justify-self:end;min-height:38px;padding:0 14px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease}.app-shell__subtle-toggle:hover,.app-shell__subtle-toggle:focus-visible{box-shadow:var(--surface-emphasis-shadow);transform:translateY(-1px)}.app-shell__subtle-toggle[data-active=true]{background:var(--surface-emphasis);border-color:transparent;box-shadow:var(--surface-emphasis-shadow);color:var(--text-inverse)}.app-shell__chart-filter-status{color:var(--text-muted);font-size:.76rem;font-weight:600;line-height:1.4;margin:0;max-width:320px;text-align:right;text-wrap:balance}.app-shell__fullscreen-loading{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f3f4f6c2;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:40}.app-shell__fullscreen-loading-card{align-items:center;background:#ffffffeb;border:1px solid rgba(148,163,184,.2);border-radius:28px;box-shadow:var(--shadow-soft);display:grid;gap:10px;justify-items:center;max-width:min(360px,calc(100vw - 32px));padding:28px 26px;text-align:center}.app-shell__fullscreen-loading-spinner{animation:app-shell-spin .9s linear infinite;border:3px solid rgba(14,165,233,.16);border-radius:999px;border-top-color:#0ea5e9;display:block;height:40px;width:40px}.app-shell__fullscreen-loading-eyebrow,.app-shell__fullscreen-loading-title,.app-shell__fullscreen-loading-copy,.app-shell__fullscreen-loading-status{margin:0}.app-shell__fullscreen-loading-eyebrow{color:var(--accent);font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.app-shell__fullscreen-loading-title{color:var(--text);font-size:1.12rem;font-weight:800}.app-shell__fullscreen-loading-copy{color:var(--text-muted);font-size:.88rem;line-height:1.5}.app-shell__fullscreen-loading-status{background:var(--surface-chip-muted);border:1px solid var(--surface-stat-border);border-radius:999px;color:var(--text);font-size:.8rem;font-weight:700;line-height:1.4;padding:10px 14px}.app-shell__mode-toggle[data-active=true]{background:var(--surface-emphasis);border-color:transparent;color:var(--text-inverse)}.app-shell__panel--player[data-cinematic=true]{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;width:min(var(--app-cinematic-max-width),100%)}.app-shell__panel--player[data-cinematic=true] .app-shell__section-heading--player,.app-shell__panel--player[data-cinematic=true] .video-player,.app-shell__panel--player[data-cinematic=true] .app-shell__stage-meta{margin-left:auto;margin-right:auto;width:100%}.app-shell__panel--player[data-cinematic=true] .app-shell__section-heading{margin-bottom:14px}.app-shell__panel--player[data-cinematic=true] .app-shell__section-eyebrow{color:var(--text-muted)}.app-shell__panel--player[data-cinematic=true] .app-shell__section-title{color:var(--text);font-size:clamp(1.45rem,1.8vw,2.05rem)}.app-shell__panel--player[data-cinematic=true] .app-shell__mode-toggle{background:var(--surface-control);border-color:var(--border-strong);box-shadow:var(--shadow-card);color:var(--text)}.app-shell__panel--player[data-cinematic=true] .app-shell__mode-toggle:hover{background:var(--surface-control-hover);border-color:var(--border-strong);box-shadow:var(--shadow-soft)}.app-shell__panel--player[data-cinematic=true] .app-shell__mode-toggle[data-active=true]{background:#0f172ae6;border-color:#0f172aeb;box-shadow:0 12px 28px #0f172a2e;color:#fff}:root[data-theme=dark] .app-shell__panel--player[data-cinematic=true] .app-shell__mode-toggle[data-active=true]{background:#e2e8f01a;border-color:#94a3b847;box-shadow:0 12px 28px #02061752;color:var(--text)}:root[data-theme=dark] .app-shell__fullscreen-loading{background:#08111fb8}:root[data-theme=dark] .app-shell__fullscreen-loading-card{background:linear-gradient(180deg,#09121ffa,#0d1a2df0),#09121ff0;border-color:#94a3b82e}:root[data-theme=dark] .app-shell__fullscreen-loading-spinner{border-color:#67e8f929;border-top-color:#67e8f9}@keyframes app-shell-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-shell__stage-meta{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;padding-top:16px}.app-shell__stage-copy{display:grid;flex:1;gap:6px;min-width:0;width:100%}.app-shell__stage-headline{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;min-width:0;width:100%}.app-shell__stage-side{align-items:flex-end;display:grid;gap:12px;justify-items:end;min-width:220px;width:220px}.app-shell__stage-actions{align-items:center;display:inline-flex;gap:10px;justify-content:flex-end;width:100%}.app-shell__stage-title{color:var(--text);min-width:0;font-size:clamp(1.06rem,1.35vw,1.28rem);font-weight:800;letter-spacing:-.02em;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell__stage-channel{color:var(--text-muted);line-height:1.5;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell__stage-helper{color:var(--text-muted);font-size:.84rem;line-height:1.5;margin:0}.app-shell__stage-stat{align-items:center;background:var(--surface-stat);border:1px solid var(--surface-stat-border);border-radius:999px;box-sizing:border-box;color:var(--text);display:inline-flex;flex-shrink:0;font-size:.88rem;font-weight:700;height:42px;justify-content:center;line-height:1;padding:0 14px;white-space:nowrap}.app-shell__stage-action-button{align-items:center;background:var(--surface-control);border:1px solid var(--border-strong);border-radius:999px;box-sizing:border-box;box-shadow:var(--shadow-card);color:var(--text);cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:800;height:42px;gap:8px;justify-content:center;line-height:1;min-width:42px;padding:0 14px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease,opacity .22s ease}.app-shell__stage-action-button:hover,.app-shell__stage-action-button:focus-visible{background:var(--surface-control-hover);border-color:var(--border-strong);box-shadow:var(--shadow-soft);outline:none;transform:translateY(-1px)}.app-shell__stage-action-button:disabled{cursor:default;opacity:.6;transform:none}.app-shell__stage-action-button:not([class*=--game]):not([class*=--favorite]){width:42px;padding:0}.app-shell__stage-action-button--game{padding:0;width:42px}.app-shell__stage-action-button--game[data-variant=buy]{background:linear-gradient(180deg,#22c55e29,#16a34a1a);border-color:#16a34a3d;color:#15803d}.app-shell__stage-action-button--game[data-variant=buy]:hover,.app-shell__stage-action-button--game[data-variant=buy]:focus-visible{background:linear-gradient(180deg,#22c55e38,#16a34a24);border-color:#16a34a52}.app-shell__stage-action-button--game[data-variant=buy]:disabled{background:linear-gradient(180deg,#22c55e24,#16a34a14);border-color:#16a34a2e;color:#15803d;cursor:not-allowed;opacity:.62}.app-shell__stage-action-button--game[data-variant=sell]{background:linear-gradient(180deg,#f8717124,#dc262614);border-color:#dc26263d;color:#b91c1c}.app-shell__stage-action-button--game[data-variant=sell]:hover,.app-shell__stage-action-button--game[data-variant=sell]:focus-visible{background:linear-gradient(180deg,#f8717133,#dc26261f);border-color:#dc262652}.app-shell__stage-action-button--game[data-variant=sell]:disabled{background:linear-gradient(180deg,#f871711f,#dc26260f);border-color:#dc26262e;color:#b91c1c;cursor:not-allowed;opacity:.62}.app-shell__stage-action-button--history{background:#0e749014;border-color:#0891b233;color:#0f766e}.app-shell__stage-action-button--history:hover,.app-shell__stage-action-button--history:focus-visible{background:#0e749024}.app-shell__stage-action-button--favorite{width:42px;padding:0}.app-shell__stage-action-button--favorite[data-active=true]{background:#d977061f;border-color:#f59e0b47;color:#b45309}.app-shell__stage-action-button--favorite[data-active=true]:hover,.app-shell__stage-action-button--favorite[data-active=true]:focus-visible{background:#d977062e}.app-shell__stage-action-icon{align-items:center;display:inline-flex;height:18px;justify-content:center;line-height:1;width:18px}.app-shell__stage-action-icon svg{display:block;height:18px;width:18px}.app-shell__stage-status{color:var(--text-muted);font-size:.78rem;line-height:1.5;margin:0;max-width:220px;min-height:1.17rem;text-align:right}.app-shell__stage-status[data-visible=false]{visibility:hidden}.app-shell__game-panel{background:linear-gradient(135deg,#ffffffd1,#f1f5f9e6),var(--surface-elevated);border:1px solid rgba(148,163,184,.2);border-radius:22px;box-shadow:var(--shadow-card);display:grid;gap:12px;margin-top:16px;padding:16px}.app-shell__game-panel-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.app-shell__game-panel-copy{display:grid;gap:4px}.app-shell__game-panel-eyebrow{color:var(--text-muted);font-size:.72rem;letter-spacing:.12em;margin:0;text-transform:uppercase}.app-shell__game-panel-title{color:var(--text);font-size:1rem;font-weight:800;line-height:1.35;margin:0}.app-shell__game-panel-subtle{color:var(--text-muted);font-size:.72rem;line-height:1.35;margin:0}.app-shell__game-panel-metrics{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(112px,1fr));justify-content:end}.app-shell__game-panel-metric{align-items:flex-start;background:var(--surface-stat);border:1px solid var(--surface-stat-border);border-radius:16px;color:var(--text);display:grid;gap:4px;min-width:0;padding:10px 12px}.app-shell__game-panel-metric-label{color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.app-shell__game-panel-metric-value{color:var(--text);font-size:.86rem;font-weight:800;line-height:1.15}.app-shell__game-panel-helper,.app-shell__game-panel-status,.app-shell__game-empty{color:var(--text-muted);font-size:.84rem;line-height:1.5;margin:0}.app-shell__game-panel-status{color:var(--text)}.app-shell__game-panel-helper[data-tone=warning]{color:#dc2626}.app-shell__game-panel-actions{align-items:center;background:#ffffff9e;border:1px solid rgba(148,163,184,.16);border-radius:18px;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.app-shell__game-panel-actions-copy{display:grid;gap:4px;min-width:0}.app-shell__game-panel-actions-eyebrow,.app-shell__game-panel-actions-title{margin:0}.app-shell__game-panel-actions-eyebrow{color:var(--text-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.app-shell__game-panel-actions-title{color:var(--text);font-size:.88rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell__game-panel-actions-buttons{display:inline-flex;flex-shrink:0;gap:8px}.app-shell__game-panel-action{align-items:center;background:var(--surface-control);border:1px solid var(--border-strong);border-radius:999px;box-shadow:var(--shadow-card);color:var(--text);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:800;justify-content:center;min-height:36px;min-width:72px;padding:0 14px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,opacity .22s ease}.app-shell__game-panel-action:hover,.app-shell__game-panel-action:focus-visible{background:var(--surface-control-hover);border-color:var(--border-strong);box-shadow:var(--shadow-soft);outline:none;transform:translateY(-1px)}.app-shell__game-panel-action:disabled{cursor:default;opacity:.6;transform:none}.app-shell__game-panel-action[data-variant=buy]{background:linear-gradient(180deg,#22c55e2e,#16a34a1f);border-color:#16a34a3d;color:#15803d}.app-shell__game-panel-action[data-variant=buy]:hover,.app-shell__game-panel-action[data-variant=buy]:focus-visible{background:linear-gradient(180deg,#22c55e3d,#16a34a29);border-color:#16a34a52}.app-shell__game-panel-action[data-variant=buy]:disabled{background:linear-gradient(180deg,#22c55e29,#16a34a1a);border-color:#16a34a2e;color:#15803d}.app-shell__game-panel-action[data-variant=sell]{background:linear-gradient(180deg,#f8717124,#dc262614);border-color:#dc26263d;color:#b91c1c}.app-shell__game-panel-action[data-variant=sell]:hover,.app-shell__game-panel-action[data-variant=sell]:focus-visible{background:linear-gradient(180deg,#f8717133,#dc26261f);border-color:#dc262652}.app-shell__game-panel-action[data-variant=sell]:disabled{background:linear-gradient(180deg,#f871711f,#dc26260f);border-color:#dc26262e;color:#b91c1c}.app-shell__game-price-strip{display:flex;flex-wrap:wrap;gap:8px}.app-shell__game-price-chip{align-items:center;background:#ffffffb8;border:1px solid rgba(148,163,184,.2);border-radius:999px;color:var(--text);display:inline-flex;font-size:.76rem;font-weight:800;line-height:1;min-height:32px;padding:0 12px}.app-shell__game-price-chip[data-tone=gain],.app-shell__game-position-meta [data-tone=gain],.app-shell__game-history-meta [data-tone=gain],.app-shell__game-leaderboard-meta [data-tone=gain]{color:#dc2626}.app-shell__game-price-chip[data-tone=loss],.app-shell__game-position-meta [data-tone=loss],.app-shell__game-history-meta [data-tone=loss],.app-shell__game-leaderboard-meta [data-tone=loss]{color:#2563eb}.app-shell__game-price-chip[data-tone=flat],.app-shell__game-position-meta [data-tone=flat],.app-shell__game-history-meta [data-tone=flat],.app-shell__game-leaderboard-meta [data-tone=flat]{color:var(--text-muted)}.app-shell__game-tabs{background:var(--surface-chip-muted);border-radius:999px;display:inline-grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px}.app-shell__game-tab{background:transparent;border:0;border-radius:999px;color:var(--text-muted);cursor:pointer;font-size:.84rem;font-weight:700;min-height:38px;padding:0 14px;transition:background .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease}.app-shell__game-tab[data-active=true]{background:var(--surface-control);box-shadow:var(--shadow-card);color:var(--text)}.app-shell__game-tab:hover,.app-shell__game-tab:focus-visible{outline:none;transform:translateY(-1px)}.app-shell__game-tab-panel{display:grid;gap:10px}.app-shell__game-positions{display:grid;gap:10px;list-style:none;margin:0;padding:0}.app-shell__game-position{align-items:center;background:#ffffffb8;border:1px solid rgba(148,163,184,.18);border-radius:18px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:10px}.app-shell__game-position[data-selected=true]{border-color:#0e74904d;box-shadow:0 10px 24px #0e749014}.app-shell__game-position-select{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:grid;gap:12px;grid-template-columns:64px minmax(0,1fr);min-width:0;padding:0;text-align:left;width:100%}.app-shell__game-position-select:hover .app-shell__game-position-title,.app-shell__game-position-select:focus-visible .app-shell__game-position-title{text-decoration:underline}.app-shell__game-position-select:focus-visible{outline:none}.app-shell__game-position-thumb{aspect-ratio:16 / 9;border-radius:12px;display:block;height:auto;object-fit:cover;width:64px}.app-shell__game-position-copy{display:grid;gap:4px;min-width:0}.app-shell__game-position-title,.app-shell__game-position-meta,.app-shell__game-position-hold{margin:0}.app-shell__game-position-title{color:var(--text);font-size:.88rem;font-weight:800;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell__game-position-meta,.app-shell__game-position-hold{color:var(--text-muted);font-size:.76rem;line-height:1.45}.app-shell__game-position-side{align-items:flex-end;display:grid;gap:6px;justify-items:end}.app-shell__game-position-sell{align-items:center;background:linear-gradient(180deg,#f8717124,#dc262614);border:1px solid rgba(220,38,38,.24);border-radius:999px;color:#b91c1c;cursor:pointer;display:inline-flex;font-size:.76rem;font-weight:800;height:34px;justify-content:center;line-height:1;min-width:68px;padding:0 12px;transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease}.app-shell__game-position-sell:hover,.app-shell__game-position-sell:focus-visible{background:linear-gradient(180deg,#f8717133,#dc26261f);border-color:#dc262652;box-shadow:var(--shadow-soft);outline:none;transform:translateY(-1px)}.app-shell__game-position-sell:disabled{cursor:default;opacity:.62;transform:none}.app-shell__game-history{display:grid;gap:10px;list-style:none;margin:0;padding:0}.app-shell__game-history-item{align-items:center;background:#ffffffb8;border:1px solid rgba(148,163,184,.18);border-radius:18px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:10px}.app-shell__game-history-item[data-selected=true]{border-color:#0e74904d;box-shadow:0 10px 24px #0e749014}.app-shell__game-history-select{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:grid;gap:12px;grid-template-columns:64px minmax(0,1fr);min-width:0;padding:0;text-align:left;width:100%}.app-shell__game-history-select:hover .app-shell__game-history-title,.app-shell__game-history-select:focus-visible .app-shell__game-history-title{text-decoration:underline}.app-shell__game-history-select:focus-visible{outline:none}.app-shell__game-history-select:disabled{cursor:default}.app-shell__game-history-select:disabled .app-shell__game-history-title{text-decoration:none}.app-shell__game-history-thumb{aspect-ratio:16 / 9;border-radius:12px;display:block;height:auto;object-fit:cover;width:64px}.app-shell__game-history-copy{display:grid;gap:4px;min-width:0}.app-shell__game-history-title,.app-shell__game-history-meta,.app-shell__game-history-time{margin:0}.app-shell__game-history-title{color:var(--text);font-size:.88rem;font-weight:800;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell__game-history-meta,.app-shell__game-history-time{color:var(--text-muted);font-size:.76rem;line-height:1.45}.app-shell__game-history-side{align-items:flex-end;display:grid;gap:6px;justify-items:end}.app-shell__game-history-status{align-items:center;background:var(--surface-stat);border:1px solid var(--surface-stat-border);border-radius:999px;color:var(--text);display:inline-flex;font-size:.72rem;font-weight:800;justify-content:center;min-height:28px;padding:0 10px;white-space:nowrap}.app-shell__game-history-status[data-status=open]{background:#0e74901a;border-color:#0e74902e;color:#0f766e}.app-shell__game-history-status[data-status=closed]{background:#0f172a14;border-color:#0f172a1f}.app-shell__game-history-status[data-status=auto]{background:#f59e0b1f;border-color:#f59e0b33;color:#b45309}.app-shell__game-leaderboard{display:grid;gap:10px;list-style:none;margin:0;padding:0}.app-shell__game-leaderboard-pinned{display:grid;gap:8px}.app-shell__game-leaderboard-pinned-label{color:var(--text-muted);font-size:.76rem;font-weight:700;letter-spacing:.04em;margin:0;text-transform:uppercase}.app-shell__game-leaderboard-item{align-items:center;background:#ffffffb8;border:1px solid rgba(148,163,184,.18);border-radius:18px;display:grid;gap:12px;grid-template-columns:auto auto minmax(0,1fr);padding:12px}.app-shell__game-leaderboard-item[data-me=true]{background:linear-gradient(90deg,#0e74901f,#0e749005),#ffffffb8;border-color:#0e749057;box-shadow:0 10px 24px #0e74901a}.app-shell__game-leaderboard-item[data-me=true] .app-shell__game-leaderboard-rank{background:#0e74901f;border-color:#0e749042;color:#0f766e}.app-shell__game-leaderboard-item[data-me=true] .app-shell__game-leaderboard-name{color:#0f172a}.app-shell__game-leaderboard-rank{align-items:center;background:var(--surface-stat);border:1px solid var(--surface-stat-border);border-radius:999px;color:var(--text);display:inline-flex;font-size:.82rem;font-weight:800;height:34px;justify-content:center;min-width:34px;padding:0 10px}.app-shell__game-leaderboard-avatar{border-radius:999px;display:block;height:40px;object-fit:cover;width:40px}.app-shell__game-leaderboard-avatar--fallback{align-items:center;background:var(--surface-emphasis);color:var(--text-inverse);display:inline-flex;font-size:.86rem;font-weight:800;justify-content:center}.app-shell__game-leaderboard-copy{display:grid;gap:4px;min-width:0}.app-shell__game-leaderboard-head{align-items:baseline;display:flex;gap:10px;justify-content:space-between}.app-shell__game-leaderboard-name,.app-shell__game-leaderboard-total,.app-shell__game-leaderboard-meta{margin:0}.app-shell__game-leaderboard-name{color:var(--text);font-size:.88rem;font-weight:800;min-width:0}.app-shell__game-leaderboard-total{color:var(--text);flex-shrink:0;font-size:.8rem;font-weight:700}.app-shell__game-leaderboard-meta{color:var(--text-muted);font-size:.76rem;line-height:1.45}:root[data-theme=dark] .app-shell__stage-action-button--game[data-variant=buy]{background:linear-gradient(180deg,#22c55e4d,#16a34a2e);border-color:#4ade8057;color:#dcfce7}:root[data-theme=dark] .app-shell__stage-action-button--game[data-variant=buy]:disabled{background:linear-gradient(180deg,#22c55e38,#16a34a1f);border-color:#4ade803d;color:#bbf7d0}:root[data-theme=dark] .app-shell__stage-action-button--game[data-variant=sell]{background:linear-gradient(180deg,#f8717138,#dc26261f);border-color:#f871714d;color:#fee2e2}:root[data-theme=dark] .app-shell__stage-action-button--game[data-variant=sell]:disabled{background:linear-gradient(180deg,#f871712e,#dc26261a);border-color:#f8717138;color:#fecaca}:root[data-theme=dark] .app-shell__stage-action-button--favorite[data-active=true]{background:#fbbf2429;border-color:#fbbf2442;color:#fde68a}:root[data-theme=dark] .app-shell__game-panel{background:linear-gradient(135deg,#0f172ad1,#1e293be0),var(--surface-elevated);border-color:#94a3b838}:root[data-theme=dark] .app-shell__game-price-chip{background:#0f172aa3;border-color:#94a3b829}:root[data-theme=dark] .app-shell__game-panel-actions{background:linear-gradient(180deg,#0c1626f0,#0a1220e6),#08111fd1;border-color:#94a3b82e;box-shadow:0 16px 34px #02061747}:root[data-theme=dark] .app-shell__game-panel-action{background:linear-gradient(180deg,#121f34f5,#0a1220e0),#0a1220e6;border-color:#94a3b838;color:var(--text)}:root[data-theme=dark] .app-shell__game-panel-action:hover,:root[data-theme=dark] .app-shell__game-panel-action:focus-visible{background:linear-gradient(180deg,#182842fa,#0d182af0),#0c1626f5;border-color:#7cc4ff3d}:root[data-theme=dark] .app-shell__game-panel-action[data-variant=buy]{background:linear-gradient(180deg,#22c55e57,#16a34a33);border-color:#4ade8057;box-shadow:0 14px 32px #16a34a38;color:#dcfce7}:root[data-theme=dark] .app-shell__game-panel-action[data-variant=buy]:hover,:root[data-theme=dark] .app-shell__game-panel-action[data-variant=buy]:focus-visible{background:linear-gradient(180deg,#4ade806b,#16a34a3d);border-color:#86efac6b;box-shadow:0 18px 36px #16a34a47}:root[data-theme=dark] .app-shell__game-panel-action[data-variant=buy]:disabled{background:linear-gradient(180deg,#22c55e3d,#16a34a24);border-color:#4ade803d;box-shadow:none;color:#bbf7d0}:root[data-theme=dark] .app-shell__game-panel-action[data-variant=sell]{background:linear-gradient(180deg,#f8717138,#dc26261f);border-color:#f871714d;color:#fee2e2}:root[data-theme=dark] .app-shell__game-panel-action[data-variant=sell]:hover,:root[data-theme=dark] .app-shell__game-panel-action[data-variant=sell]:focus-visible{background:linear-gradient(180deg,#fca5a547,#dc262629);border-color:#fca5a557}:root[data-theme=dark] .app-shell__game-panel-action[data-variant=sell]:disabled{background:linear-gradient(180deg,#f871712e,#dc26261a);border-color:#f8717138;color:#fecaca}:root[data-theme=dark] .app-shell__game-panel-helper[data-tone=warning]{color:#fca5a5}:root[data-theme=dark] .app-shell__game-position{background:#0f172aa3;border-color:#94a3b829}:root[data-theme=dark] .app-shell__game-history-item{background:#0f172aa3;border-color:#94a3b829}:root[data-theme=dark] .app-shell__game-tab[data-active=true]{background:#e2e8f01f;color:var(--text)}:root[data-theme=dark] .app-shell__game-position-sell{background:linear-gradient(180deg,#f8717138,#dc26261f);border-color:#f871714d;color:#fee2e2}:root[data-theme=dark] .app-shell__game-history-status[data-status=open]{background:#2dd4bf1f;border-color:#2dd4bf3d;color:#99f6e4}:root[data-theme=dark] .app-shell__game-history-status[data-status=closed]{background:#e2e8f014;border-color:#94a3b829;color:var(--text)}:root[data-theme=dark] .app-shell__game-history-status[data-status=auto]{background:#facc151f;border-color:#facc1533;color:#fde68a}:root[data-theme=dark] .app-shell__game-leaderboard-item{background:#0f172aa3;border-color:#94a3b829}:root[data-theme=dark] .app-shell__game-leaderboard-item[data-me=true]{background:linear-gradient(90deg,#2dd4bf1f,#2dd4bf08),#0f172aa3;border-color:#2dd4bf47;box-shadow:0 10px 24px #0891b224}:root[data-theme=dark] .app-shell__game-leaderboard-item[data-me=true] .app-shell__game-leaderboard-rank{background:#2dd4bf1f;border-color:#2dd4bf3d;color:#99f6e4}:root[data-theme=dark] .app-shell__game-leaderboard-item[data-me=true] .app-shell__game-leaderboard-name{color:#f8fafc}:root[data-theme=dark] .app-shell__game-rank-history-axis{stroke:#94a3b842}:root[data-theme=dark] .app-shell__game-rank-history-line,:root[data-theme=dark] .app-shell__game-rank-history-point{stroke:#67e8f9}:root[data-theme=dark] .app-shell__game-rank-history-line--prebuy{stroke:#67e8f966}:root[data-theme=dark] .app-shell__game-rank-history-line{fill:none}:root[data-theme=dark] .app-shell__game-rank-history-point{fill:#67e8f9}:root[data-theme=dark] .app-shell__game-rank-history-point--prebuy{fill:#67e8f980}:root[data-theme=dark] .app-shell__game-rank-history-chartout{fill:#08111ff5;stroke:#fbbf24}:root[data-theme=dark] .app-shell__game-rank-history-chartout--prebuy{fill:#08111fe0;stroke:#fbbf2494}:root[data-theme=dark] .app-shell__game-rank-history-event{fill:#edf4ffeb}:root[data-theme=dark] .app-shell__game-rank-history-event-label{fill:#08111f}:root[data-theme=dark] .app-shell__game-rank-history-sample{background:linear-gradient(180deg,#0e1829f5,#0a1220e6),#08111fd1;border-color:#94a3b82e}:root[data-theme=dark] .app-shell__game-rank-history-sample[data-pre-buy=true]{background:linear-gradient(180deg,#121e31e0,#0a1220d6),#08111fb8;border-style:dashed}.app-shell__panel--player[data-cinematic=true] .app-shell__stage-meta{padding-top:18px}.app-shell__panel--player[data-cinematic=true] .app-shell__stage-title{color:var(--text)}.app-shell__panel--player[data-cinematic=true] .app-shell__stage-channel{color:var(--text-muted)}.app-shell__panel--player[data-cinematic=true] .app-shell__stage-stat{background:var(--surface-stat);border-color:var(--surface-stat-border);color:var(--text)}.app-shell__panel--chart-cinematic{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:var(--surface-panel-highlight);border-color:var(--border);box-shadow:var(--shadow-soft);width:100%}.app-shell__panel--chart-cinematic .app-shell__section-eyebrow{color:var(--text-muted)}.app-shell__panel--chart-cinematic .app-shell__section-title{color:var(--text)}.app-shell__cinematic-filters{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--surface-panel-highlight-alt);border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow-soft);display:grid;gap:16px;padding:18px 20px;width:100%}.app-shell__cinematic-filters .app-shell__section-heading{margin-bottom:0}.app-shell__section-heading--filters{align-items:center;flex-direction:row;gap:16px;justify-content:space-between}.app-shell__filter-trigger,.app-shell__modal-action,.app-shell__modal-close{background:var(--surface-control);border:1px solid var(--border-strong);border-radius:999px;box-shadow:var(--shadow-card);cursor:pointer;color:var(--text);font-size:.94rem;font-weight:800;min-height:46px;padding:0 18px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.app-shell__filter-trigger:hover,.app-shell__filter-trigger:focus-visible,.app-shell__modal-action:hover,.app-shell__modal-action:focus-visible,.app-shell__modal-close:hover,.app-shell__modal-close:focus-visible{background:var(--surface-control-hover);border-color:var(--border-strong);box-shadow:var(--shadow-soft);outline:none;transform:translateY(-1px)}.app-shell__filter-summary{display:grid;gap:12px}.app-shell__filter-summary-text{color:var(--text-muted);font-size:.78rem;font-weight:700;letter-spacing:.04em;line-height:1.2;margin:0;text-transform:uppercase}.app-shell__favorites-list{display:grid;gap:14px}.app-shell__favorites-status{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin:0}.app-shell__quick-category-group{display:flex;flex-wrap:wrap;gap:10px}.app-shell__quick-category{background:var(--surface-control);border:1px solid var(--border-strong);border-radius:999px;box-shadow:var(--shadow-card);color:var(--text);cursor:pointer;font-size:.86rem;font-weight:800;min-height:38px;padding:0 14px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease}.app-shell__quick-category:hover,.app-shell__quick-category:focus-visible{background:var(--surface-control-hover);border-color:var(--border-strong);box-shadow:var(--shadow-soft);color:var(--text);outline:none;transform:translateY(-1px)}.app-shell__quick-category[data-active=true]{background:#0f172ae6;border-color:#0f172aeb;box-shadow:0 12px 28px #0f172a2e;color:#fff}:root[data-theme=dark] .app-shell__quick-category[data-active=true]{background:#e2e8f01a;border-color:#94a3b847;box-shadow:0 12px 28px #02061752;color:var(--text)}.app-shell__filter-pill-group{display:flex;flex-wrap:wrap;gap:12px}.app-shell__filter-pill{align-items:center;background:var(--surface-chip-muted);border:1px solid var(--surface-stat-border);border-radius:999px;color:var(--text);display:inline-flex;gap:8px;line-height:1;min-height:38px;min-width:0;padding:0 14px}.app-shell__filter-pill strong{color:var(--text-muted);font-size:.74rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.app-shell__filter-pill span{color:var(--text);font-size:.88rem;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell__modal-backdrop{align-items:center;background:var(--modal-backdrop);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:24px;position:fixed;z-index:30}.app-shell__modal{background:var(--surface-modal);border:1px solid var(--border);border-radius:32px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;max-height:min(760px,calc(100dvh - 48px));max-width:760px;overflow:hidden;padding:24px;width:min(760px,100%)}.app-shell__modal-backdrop--history{overflow-y:auto}.app-shell__modal-header,.app-shell__modal-footer{align-items:center;display:flex;gap:16px;justify-content:space-between}.app-shell__modal-body{display:grid;gap:20px;min-height:0;overflow-y:auto;padding:12px 0 20px}.app-shell__modal-fields{display:grid;gap:14px}.app-shell__modal-field{background:var(--surface-modal-field);border:1px solid var(--border);border-radius:24px;padding:16px}.app-shell__modal-field .app-shell__section-heading{margin-bottom:14px}.app-shell__modal-field-title{color:var(--text);font-size:1.1rem;font-weight:800;letter-spacing:-.03em;margin:0}.app-shell__modal-field-copy{color:var(--text-muted);font-size:.93rem;line-height:1.55;margin:0 0 14px}.app-shell__modal-close{min-height:42px}.app-shell__modal-action{min-width:116px}.app-shell__modal--history{max-width:880px;width:min(880px,100%)}.app-shell__game-history-modal-head{align-items:center;display:grid;gap:16px;grid-template-columns:160px minmax(0,1fr)}.app-shell__game-history-modal-thumb{aspect-ratio:16 / 9;border-radius:18px;display:block;object-fit:cover;width:100%}.app-shell__game-history-modal-copy{display:grid;gap:10px;min-width:0}.app-shell__game-history-modal-title,.app-shell__game-history-modal-channel{margin:0}.app-shell__game-history-modal-title{color:var(--text);font-size:1.05rem;font-weight:800;line-height:1.4}.app-shell__game-history-modal-channel{color:var(--text-muted);font-size:.88rem}.app-shell__game-rank-history-empty{color:var(--text-muted);margin:0}.app-shell__game-rank-history-chart{display:grid;gap:14px}.app-shell__game-rank-history-chart-svg{display:block;height:auto;max-width:100%;overflow:visible;width:100%}.app-shell__game-rank-history-axis{stroke:#64748b52;stroke-width:1}.app-shell__game-rank-history-line{stroke:#0f766e;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.app-shell__game-rank-history-line--prebuy{stroke:#0f766e61;stroke-dasharray:5 6}.app-shell__game-rank-history-point{fill:#0f766e}.app-shell__game-rank-history-point--prebuy{fill:#0f766e73}.app-shell__game-rank-history-chartout{fill:#fff;stroke:#b45309;stroke-width:2}.app-shell__game-rank-history-chartout--prebuy{fill:#ffffffd9;stroke:#b453098c}.app-shell__game-rank-history-event{fill:#0f172ae6}.app-shell__game-rank-history-event-label{fill:#fff;font-size:9px;font-weight:800}.app-shell__game-rank-history-axis-label{fill:var(--text-muted);font-size:11px}.app-shell__game-rank-history-stats{display:flex;flex-wrap:wrap;gap:8px}.app-shell__game-rank-history-samples{display:grid;gap:10px;list-style:none;margin:0;padding:0}.app-shell__game-rank-history-sample{align-items:center;background:#ffffff9e;border:1px solid rgba(148,163,184,.16);border-radius:18px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:12px 14px}.app-shell__game-rank-history-sample[data-pre-buy=true]{background:#ffffff75;border-style:dashed}.app-shell__game-rank-history-sample-rank,.app-shell__game-rank-history-sample-meta{margin:0}.app-shell__game-rank-history-sample-rank{color:var(--text);font-size:.88rem;font-weight:800}.app-shell__game-rank-history-sample-meta{color:var(--text-muted);font-size:.78rem}.app-shell__game-rank-history-sample-side{align-items:flex-end;display:grid;gap:6px;justify-items:end}.app-shell__theme-toggle{align-items:center;background:transparent;border:0;border-radius:999px;box-shadow:none;color:var(--text);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:800;justify-content:center;min-height:40px;min-width:40px;padding:0;width:40px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease}.app-shell__theme-toggle:hover,.app-shell__theme-toggle:focus-visible{background:#94a3b81f;box-shadow:var(--shadow-soft);outline:none;transform:translateY(-1px)}.app-shell__theme-toggle[data-active=true]{background:#0f172ae6;box-shadow:0 12px 28px #0f172a2e;color:#fff}:root[data-theme=dark] .app-shell__theme-toggle[data-active=true]{background:transparent;box-shadow:none;color:var(--text)}.app-shell__auth-panel,.app-shell__auth-session{align-items:center;background:transparent;border:1px solid var(--border);border-radius:18px;box-shadow:none;display:flex;gap:10px;max-width:none;padding:6px;position:relative;width:auto;z-index:11}.app-shell__auth-panel,.app-shell__auth-session{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}.app-shell__auth-avatar{border:1px solid var(--surface-stat-border);border-radius:999px;flex-shrink:0;height:32px;object-fit:cover;width:32px}.app-shell__auth-avatar--fallback{align-items:center;background:linear-gradient(135deg,#0071e3,#2490ff);color:#fff;display:inline-flex;font-size:.9rem;font-weight:800;justify-content:center}.app-shell__google-login{align-items:center;display:inline-flex;gap:6px}.app-shell__google-login-trigger{align-items:center;background:radial-gradient(circle at 30% 30%,#fffffff5,#f7f9fcfa),linear-gradient(135deg,#fffffffa,#f1f5f9f0);border:1px solid rgba(148,163,184,.26);border-radius:999px;box-shadow:0 10px 24px #0f172a1f,inset 0 1px #ffffffd9;color:inherit;cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;width:40px}.app-shell__google-login-trigger:hover,.app-shell__google-login-trigger:focus-visible{box-shadow:0 14px 28px #0f172a2e,inset 0 1px #ffffffe6;outline:none;transform:translateY(-1px)}.app-shell__google-login-trigger:disabled{cursor:wait;opacity:.7;transform:none}:root[data-theme=dark] .app-shell__google-login-trigger{background:radial-gradient(circle at 30% 30%,#243142f5,#0f172afa),linear-gradient(135deg,#1e293bf5,#0f172aeb);border-color:#94a3b82e;box-shadow:0 14px 28px #02061766,inset 0 1px #ffffff0f}.app-shell__google-login-trigger-glyph{align-items:center;background:linear-gradient(135deg,#4285f4 0,#4285f4 28%,#34a853 28%,#34a853 52%,#fbbc05 52%,#fbbc05 76%,#ea4335 76%,#ea4335);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;display:inline-flex;font-family:Arial,Helvetica Neue,sans-serif;font-size:1.14rem;font-weight:900;height:18px;justify-content:center;letter-spacing:-.06em;line-height:1;text-align:center;transform:translate(.35px);width:18px}.app-shell__auth-status{color:var(--text-muted);font-size:.78rem;line-height:1.4;margin:0;max-width:280px;text-align:left}.app-shell__auth-status--error{color:#d93b45}.app-shell__auth-logout{background:var(--surface-interactive);border:1px solid var(--border);border-radius:14px;color:var(--text);cursor:pointer;font-size:.8rem;font-weight:800;min-height:32px;padding:0 10px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease}.app-shell__auth-logout:hover{box-shadow:var(--shadow-card);transform:translateY(-1px)}@media (max-width: 768px){.app-shell{overflow-x:clip;padding:16px 12px 36px}.app-shell__header{padding:14px 4px 12px}.app-shell__header-top{align-items:center;flex-wrap:nowrap}.app-shell__header-actions{flex-wrap:nowrap;justify-content:flex-end;margin-left:auto;width:auto}.app-shell__header-actions,.app-shell__auth-panel,.app-shell__auth-session{flex-direction:row}.app-shell__title{flex:1;min-width:0}.app-shell__auth-panel,.app-shell__auth-session{width:auto}.app-shell__theme-toggle{width:40px}.app-shell__main{gap:18px;min-width:0}.app-shell__stage[data-cinematic=true]{--cinematic-player-max-height: min( calc(100dvh - 220px) , calc((100vw - 28px)*.5625) );padding:16px 14px 22px}.app-shell__stage-stack,.app-shell__stage-stack[data-cinematic=true]{gap:18px;width:100%}.app-shell__panel{border-radius:24px;min-width:0;padding:20px;width:100%}.app-shell__cinematic-filters{border-radius:22px;gap:14px;padding:16px}.app-shell__panel--filters,.app-shell__panel--favorites,.app-shell__panel--community,.app-shell__panel--chart{padding:16px}.app-shell__panel--player{border-radius:24px;padding:16px;width:100%}.app-shell__section-heading--player{align-items:flex-start;flex-direction:row;gap:10px;justify-content:space-between;margin-bottom:14px}.app-shell__mode-toggle{width:auto}.app-shell__player-actions{display:inline-flex;gap:8px;justify-content:flex-end;width:auto}.app-shell__mode-toggle{border-radius:16px;font-size:.84rem;min-height:42px;padding:.68rem .9rem}.app-shell__stage-meta{align-items:stretch;flex-direction:column;gap:12px}.app-shell__stage-side{align-items:flex-end;justify-items:end;min-width:0;width:100%}.app-shell__stage-actions{flex-wrap:wrap;width:100%}.app-shell__stage-action-button{margin-left:0;width:auto}.app-shell__stage-action-button--game{min-width:56px;padding:0 14px;width:auto}.app-shell__stage-action-button--history{min-width:88px}.app-shell__stage-status{max-width:none;text-align:left}.app-shell__game-panel{border-radius:20px;padding:14px}.app-shell__game-panel-header{align-items:flex-start;flex-direction:column}.app-shell__game-panel-metrics{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;width:100%}.app-shell__game-tabs{width:100%}.app-shell__game-panel-actions{align-items:stretch;flex-direction:column}.app-shell__game-panel-actions-buttons{width:100%}.app-shell__game-panel-action{flex:1 1 0}.app-shell__game-position{grid-template-columns:minmax(0,1fr) auto}.app-shell__game-position-select{grid-template-columns:56px minmax(0,1fr)}.app-shell__game-position-side{align-items:flex-end;grid-column:auto;justify-items:end}.app-shell__game-history-item{grid-template-columns:minmax(0,1fr) auto}.app-shell__game-history-select{grid-template-columns:56px minmax(0,1fr)}.app-shell__game-history-side{align-items:flex-end;grid-column:auto;justify-items:end}.app-shell__game-leaderboard-item{grid-template-columns:auto auto minmax(0,1fr)}.app-shell__game-leaderboard-copy{grid-column:auto}.app-shell__game-leaderboard-head{align-items:baseline;flex-direction:row;flex-wrap:wrap;gap:4px 10px}.app-shell__section-heading-copy{flex:1}.app-shell__mobile-tabs{position:sticky;top:12px;z-index:5}.app-shell__section-heading--filters{align-items:flex-start;flex-direction:column}.app-shell__filter-trigger{width:100%}.app-shell__filter-pill{flex:1 1 calc(50% - 6px);min-width:0;padding:0 12px}.app-shell__modal-backdrop{align-items:center;padding:16px 12px}.app-shell__modal{border-radius:28px;max-height:min(760px,calc(100dvh - 12px));padding:18px;width:100%}.app-shell__modal-header,.app-shell__modal-footer{align-items:stretch;flex-direction:column}.app-shell__modal-close,.app-shell__modal-action{width:100%}.app-shell__game-history-modal-head,.app-shell__game-rank-history-sample{grid-template-columns:1fr}.app-shell__game-rank-history-sample-side{justify-items:start}}@media (max-width: 480px){.app-shell__title{font-size:1.5rem}.app-shell__panel--filters,.app-shell__panel--favorites,.app-shell__panel--community,.app-shell__panel--chart,.app-shell__panel--player{border-radius:22px;padding:14px}.app-shell__section-title{font-size:1.25rem}.app-shell__stage-title{font-size:1rem}}@font-face{font-family:Neo둥근모;src:local("Neo둥근모"),local("Neo둥근모 "),local("NeoDunggeunmo"),local("NeoDunggeunmo "),url(/assets/neodgm-D-3Py31k.woff2) format("woff2"),url(/assets/neodgm-D99SKBE2.woff) format("woff");font-display:swap;font-weight:400}*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f5f7;--surface: rgba(255, 255, 255, .78);--surface-strong: rgba(255, 255, 255, .92);--surface-muted: rgba(255, 255, 255, .64);--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .14);--text: #1d1d1f;--text-muted: #6e6e73;--accent: #0071e3;--accent-soft: rgba(0, 113, 227, .1);--shadow-soft: 0 20px 60px rgba(15, 23, 42, .08);--shadow-card: 0 12px 34px rgba(15, 23, 42, .07);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--text-inverse: #fff;--page-bg: #f3f4f6;--page-overlay-top: transparent;--page-overlay-bottom: transparent;--surface-interactive: rgba(255, 255, 255, .82);--surface-interactive-hover: #fff;--surface-emphasis: linear-gradient(135deg, #0f172a, #1f355d);--surface-emphasis-hover: linear-gradient(135deg, #111b30, #264271);--surface-emphasis-shadow: 0 16px 30px rgba(15, 23, 42, .14);--surface-emphasis-shadow-hover: 0 18px 36px rgba(15, 23, 42, .16);--surface-panel-highlight: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(247, 250, 255, .92)), rgba(255, 255, 255, .9);--surface-panel-highlight-alt: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(247, 250, 255, .9)), rgba(255, 255, 255, .86);--surface-control: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .72)), var(--surface-strong);--surface-control-hover: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(246, 250, 255, .96)), #fff;--surface-chip: rgba(255, 255, 255, .72);--surface-chip-muted: rgba(15, 23, 42, .04);--surface-input: #fff;--surface-input-strong: rgba(255, 255, 255, .96);--surface-player-frame: linear-gradient(180deg, rgba(255, 255, 255, .6), rgba(255, 255, 255, .28)), rgba(255, 255, 255, .42);--surface-player-inset: inset 0 1px 0 rgba(255, 255, 255, .6);--surface-stage-bg: radial-gradient(circle at top, rgba(0, 113, 227, .14), transparent 28%), linear-gradient(180deg, #fbfbfd 0%, #f4f7fb 54%, #eef3f8 100%);--surface-stage-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), inset 0 -1px 0 rgba(15, 23, 42, .04);--surface-stat: rgba(15, 23, 42, .06);--surface-stat-border: rgba(15, 23, 42, .08);--surface-card-hover: #fff;--surface-card-hover-border: rgba(0, 113, 227, .18);--shadow-card-hover: 0 22px 50px rgba(15, 23, 42, .12);--surface-thumbnail-border: rgba(15, 23, 42, .08);--surface-comment-section: radial-gradient(circle at top left, rgba(36, 144, 255, .18), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(247, 250, 255, .92));--surface-comment-list: linear-gradient(180deg, rgba(243, 247, 255, .96), rgba(237, 243, 252, .92));--surface-message: rgba(255, 255, 255, .96);--surface-composer: rgba(255, 255, 255, .82);--surface-modal: linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(247, 250, 255, .96)), var(--surface);--surface-modal-field: rgba(255, 255, 255, .72);--modal-backdrop: radial-gradient(circle at top, rgba(46, 118, 255, .2), transparent 26%), rgba(15, 23, 42, .42);--focus-ring: 0 0 0 4px rgba(0, 113, 227, .1);--accent-border: rgba(0, 113, 227, .22);--font-display: "Neo둥근모", monospace;--font-body: "Arial", "Helvetica Neue", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;color-scheme:light}:root[data-theme=dark]{--bg: #08111f;--surface: rgba(10, 18, 32, .78);--surface-strong: rgba(12, 21, 36, .92);--surface-muted: rgba(15, 24, 40, .76);--border: rgba(148, 163, 184, .18);--border-strong: rgba(148, 163, 184, .28);--text: #edf4ff;--text-muted: #9eb0cb;--accent: #7cc4ff;--accent-soft: rgba(124, 196, 255, .18);--shadow-soft: 0 24px 72px rgba(2, 6, 23, .5);--shadow-card: 0 16px 40px rgba(2, 6, 23, .42);--page-bg: #08111f;--page-overlay-top: transparent;--page-overlay-bottom: transparent;--surface-interactive: rgba(9, 18, 31, .88);--surface-interactive-hover: rgba(16, 28, 47, .98);--surface-emphasis: linear-gradient(135deg, #4f5c6f, #2a3442);--surface-emphasis-hover: linear-gradient(135deg, #5d6a7d, #334050);--surface-emphasis-shadow: 0 18px 38px rgba(15, 23, 42, .34);--surface-emphasis-shadow-hover: 0 20px 42px rgba(15, 23, 42, .4);--surface-panel-highlight: linear-gradient(180deg, rgba(8, 17, 31, .97), rgba(11, 23, 40, .94)), rgba(9, 18, 31, .92);--surface-panel-highlight-alt: linear-gradient(180deg, rgba(9, 18, 31, .96), rgba(13, 26, 45, .92)), rgba(9, 18, 31, .88);--surface-control: linear-gradient(180deg, rgba(17, 30, 50, .96), rgba(10, 18, 32, .84)), var(--surface-strong);--surface-control-hover: linear-gradient(180deg, rgba(22, 37, 61, .98), rgba(14, 24, 40, .92)), rgba(12, 22, 38, .98);--surface-chip: rgba(15, 24, 40, .92);--surface-chip-muted: rgba(148, 163, 184, .1);--surface-input: rgba(7, 14, 26, .92);--surface-input-strong: rgba(9, 17, 30, .96);--surface-player-frame: linear-gradient(180deg, rgba(30, 41, 59, .62), rgba(2, 6, 23, .88)), rgba(7, 13, 24, .9);--surface-player-inset: inset 0 1px 0 rgba(255, 255, 255, .05);--surface-stage-bg: radial-gradient(circle at top, rgba(56, 189, 248, .16), transparent 30%), linear-gradient(180deg, #040b18 0%, #091321 48%, #0f172a 100%);--surface-stage-shadow: inset 0 1px 0 rgba(255, 255, 255, .02), inset 0 -1px 0 rgba(148, 163, 184, .08);--surface-stat: rgba(148, 163, 184, .12);--surface-stat-border: rgba(148, 163, 184, .16);--surface-card-hover: rgba(17, 30, 49, .98);--surface-card-hover-border: rgba(124, 196, 255, .32);--shadow-card-hover: 0 24px 54px rgba(2, 6, 23, .52);--surface-thumbnail-border: rgba(148, 163, 184, .16);--surface-comment-section: radial-gradient(circle at top left, rgba(56, 189, 248, .14), transparent 34%), linear-gradient(180deg, rgba(8, 17, 31, .96), rgba(10, 20, 36, .92));--surface-comment-list: linear-gradient(180deg, rgba(8, 17, 31, .96), rgba(11, 22, 38, .9));--surface-message: rgba(16, 28, 47, .92);--surface-composer: rgba(10, 18, 32, .88);--surface-modal: linear-gradient(180deg, rgba(8, 17, 31, .98), rgba(11, 23, 40, .95)), var(--surface);--surface-modal-field: rgba(12, 22, 38, .9);--modal-backdrop: radial-gradient(circle at top, rgba(56, 189, 248, .14), transparent 26%), rgba(2, 6, 23, .72);--focus-ring: 0 0 0 4px rgba(124, 196, 255, .16);--accent-border: rgba(124, 196, 255, .28);color-scheme:dark}body{background:var(--page-bg);color:var(--text);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;position:relative;text-rendering:optimizeLegibility;transition:background .3s ease,color .3s ease;-webkit-font-smoothing:antialiased}body:before{background:var(--page-overlay-top);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-2}body:after{background:var(--page-overlay-bottom);content:"";height:100%;left:0;opacity:.9;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}button,input,textarea,select{font:inherit}a{color:inherit}@keyframes coinSpin{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes questionBlink{0%,50%{opacity:1}51%,to{opacity:.3}}