.arrows-go{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:.75rem .5rem 2rem;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:100%}.arrows-go--loading{min-height:260px}.ag-grid{--ag-cols: 5;--ag-cell: clamp(34px, calc((100vw - 60px) / var(--ag-cols)), 58px);--ag-gap: 4px;display:grid;grid-template-columns:repeat(var(--ag-cols),var(--ag-cell));grid-auto-rows:var(--ag-cell);gap:var(--ag-gap);padding:var(--ag-gap);background:var(--border);border-radius:14px;border:1px solid var(--border)}.ag-cell{width:var(--ag-cell);height:var(--ag-cell);border-radius:8px;background:var(--surface);display:flex;align-items:center;justify-content:center;position:relative;cursor:default;transition:background .15s;overflow:visible}.ag-cell--arrow{cursor:pointer}.ag-cell--arrow:active .ag-arrow:not(.ag-arrow--flying):not(.ag-arrow--collide){transform:rotate(var(--ag-rot, 0deg)) scale(.88)}.ag-cell--blocker{animation:ag-flash-red .46s ease-out}@keyframes ag-flash-red{0%{background:#ff5c5c8c;box-shadow:inset 0 0 0 2px #ff5c5ce6}to{background:var(--surface);box-shadow:inset 0 0 0 0 transparent}}.ag-arrow{--ag-rot: 0deg;--ag-fly-x: 0;--ag-fly-y: 0;display:flex;align-items:center;justify-content:center;width:60%;height:60%;color:var(--accent);transform:rotate(var(--ag-rot));transition:transform .14s cubic-bezier(.34,1.2,.64,1);pointer-events:none;will-change:transform,opacity}.ag-arrow svg{width:100%;height:100%}.ag-arrow--flying{animation:ag-fly var(--ag-fly-dur, .42s) cubic-bezier(.3,.1,.5,1) forwards;z-index:5}@keyframes ag-fly{0%{transform:rotate(var(--ag-rot)) scale(1);opacity:1}30%{transform:translate(calc(var(--ag-fly-x) * (var(--ag-cell) + var(--ag-gap)) * .25),calc(var(--ag-fly-y) * (var(--ag-cell) + var(--ag-gap)) * .25)) rotate(var(--ag-rot)) scale(1.1);opacity:1}to{transform:translate(calc(var(--ag-fly-x) * (var(--ag-cell) + var(--ag-gap))),calc(var(--ag-fly-y) * (var(--ag-cell) + var(--ag-gap)))) rotate(var(--ag-rot)) scale(.7);opacity:0}}.ag-arrow--collide{animation:ag-shake .46s cubic-bezier(.36,.07,.19,.97);color:#ff5c5c}@keyframes ag-shake{0%{transform:rotate(var(--ag-rot)) translate(0)}15%{transform:rotate(var(--ag-rot)) translate(-5px)}30%{transform:rotate(var(--ag-rot)) translate(5px)}45%{transform:rotate(var(--ag-rot)) translate(-4px)}60%{transform:rotate(var(--ag-rot)) translate(3px)}75%{transform:rotate(var(--ag-rot)) translate(-2px)}to{transform:rotate(var(--ag-rot)) translate(0);color:var(--accent)}}.ag-bottom{display:flex;gap:.6rem;align-items:center}.ag-iconbtn{width:44px;height:44px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s,background .12s}.ag-iconbtn:active{transform:scale(.92);background:var(--surface-hover)}.sg-stars{display:inline-flex;gap:4px;align-items:center}.sg-star{display:inline-flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--text) 18%,transparent);transition:color .2s}.sg-star--filled{color:#ffc832;filter:drop-shadow(0 0 6px rgba(255,200,50,.4))}.sg-star--pop{animation:sg-star-pop .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes sg-star-pop{0%{transform:scale(0) rotate(-60deg);opacity:0}60%{transform:scale(1.3) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.sg-lives{display:inline-flex;gap:3px;align-items:center}.sg-heart{display:inline-flex;color:color-mix(in srgb,var(--text) 15%,transparent);transition:color .18s,transform .18s}.sg-heart--alive{color:#ff5c7a;filter:drop-shadow(0 0 4px rgba(255,92,122,.35))}.sg-heart--breaking{animation:sg-heart-break .5s ease-out both}@keyframes sg-heart-break{0%{transform:scale(1);color:#ff5c7a}30%{transform:scale(1.4);color:#ff9eae}60%{transform:scale(.8) rotate(-8deg);color:color-mix(in srgb,var(--text) 15%,transparent)}to{transform:scale(1) rotate(0);color:color-mix(in srgb,var(--text) 15%,transparent)}}.sg-level-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:360px;padding:0 .25rem;gap:1rem}.sg-level-header__title{display:flex;flex-direction:column;align-items:flex-start}.sg-level-header__label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.sg-level-header__num{font-size:1.35rem;font-weight:700;line-height:1.1}.sg-level-header__meta{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.sg-level-header__time{font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.sg-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:50;animation:sg-fade-in .2s ease-out;padding:1rem}@keyframes sg-fade-in{0%{opacity:0}to{opacity:1}}.sg-modal{background:var(--surface);border-radius:18px;padding:1.5rem 1.25rem 1.25rem;max-width:320px;width:100%;display:flex;flex-direction:column;align-items:center;gap:.85rem;animation:sg-modal-in .35s cubic-bezier(.34,1.4,.64,1);border:1px solid var(--border)}@keyframes sg-modal-in{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.sg-modal__title{font-size:1.5rem;font-weight:800;margin:0;letter-spacing:.02em}.sg-modal--won .sg-modal__title{color:#48c878}.sg-modal--lost .sg-modal__title{color:#ff5c5c}.sg-modal__sub{font-size:.85rem;color:var(--muted);margin:0}.sg-modal__stars{margin:.25rem 0 .3rem}.sg-modal__stats{display:flex;gap:1.5rem;justify-content:center}.sg-modal__stats>div{display:flex;flex-direction:column;align-items:center;gap:.15rem}.sg-modal__stat-label{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.sg-modal__stat-value{font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums}.sg-modal__stat-value--best{color:#ffc832}.sg-modal__badge{font-size:.75rem;font-weight:700;color:#ffc832;background:#ffc8321f;padding:.25rem .75rem;border-radius:999px;text-transform:uppercase;letter-spacing:.1em;margin:0}.sg-modal__failMsg{font-size:.95rem;color:var(--text);text-align:center;margin:.25rem 0}.sg-modal__actions{display:flex;gap:.6rem;width:100%;margin-top:.25rem}.sg-btn{flex:1;padding:.7rem 1rem;border-radius:10px;font-size:.95rem;font-weight:700;border:none;cursor:pointer;transition:transform .1s,opacity .12s;letter-spacing:.02em}.sg-btn:active{transform:scale(.96);opacity:.9}.sg-btn--primary{background:var(--accent);color:var(--accent-text)}.sg-btn--primary:active{background:color-mix(in srgb,var(--accent) 85%,black)}.sg-btn--secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.bp{--bp-cell: clamp(32px, calc((100vw - 32px)/8) , 48px);--bp-gap: 3px;display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:.75rem .5rem 2rem;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:100%}.bp--loading{min-height:260px}.bp-header{display:flex;gap:10px;width:100%;max-width:calc((var(--bp-cell) + var(--bp-gap)) * 8 + var(--bp-gap) * 2)}.bp-stat{flex:1;padding:8px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:2px;font-variant-numeric:tabular-nums}.bp-stat__label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.bp-stat__value{font-size:20px;font-weight:700;color:var(--text);transition:color .18s ease}.bp-stat--best .bp-stat__value{color:#ffc832}.bp-grid{display:grid;grid-template-columns:repeat(8,var(--bp-cell));grid-auto-rows:var(--bp-cell);gap:var(--bp-gap);padding:var(--bp-gap);background:var(--border);border-radius:14px;border:1px solid var(--border);touch-action:none}.bp-cell{width:var(--bp-cell);height:var(--bp-cell);border-radius:7px;background:var(--surface);position:relative;transition:background .14s ease,box-shadow .14s ease;will-change:transform}.bp-cell--filled{background:var(--bp-color);box-shadow:inset 0 -3px color-mix(in srgb,var(--bp-color) 60%,#000),inset 0 2px color-mix(in srgb,var(--bp-color) 88%,#fff)}.bp-cell--placed{animation:bp-place .42s cubic-bezier(.34,1.56,.64,1)}@keyframes bp-place{0%{transform:scale(.55);filter:brightness(1.4)}55%{transform:scale(1.12);filter:brightness(1.12)}to{transform:scale(1);filter:brightness(1)}}.bp-cell--preview{background:color-mix(in srgb,var(--bp-color) 38%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--bp-color) 70%,transparent);animation:bp-preview-pulse 1.4s ease-in-out infinite}@keyframes bp-preview-pulse{0%,to{opacity:.85}50%{opacity:1}}.bp-cell--clearing{animation:bp-clear .46s ease-out forwards;animation-delay:var(--bp-clear-delay, 0ms);z-index:2}@keyframes bp-clear{0%{transform:scale(1);filter:brightness(1)}35%{transform:scale(1.2);filter:brightness(1.8)}to{transform:scale(.05);filter:brightness(2);opacity:0}}.bp-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:calc((var(--bp-cell) + var(--bp-gap)) * 8 + var(--bp-gap) * 2);padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.bp-tray-slot{min-height:calc(var(--bp-cell) * 2.2);display:flex;align-items:center;justify-content:center}.bp-piece{--bp-piece-cell: calc(var(--bp-cell) * .55);display:grid;grid-template-columns:repeat(var(--bp-piece-cols),var(--bp-piece-cell));grid-template-rows:repeat(var(--bp-piece-rows),var(--bp-piece-cell));gap:2px;touch-action:none;cursor:grab;transition:transform .16s cubic-bezier(.34,1.56,.64,1),opacity .16s ease;animation:bp-piece-bob 2.6s ease-in-out infinite}.bp-piece:active{transform:scale(1.08);cursor:grabbing}@keyframes bp-piece-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.bp-piece__cell{width:var(--bp-piece-cell);height:var(--bp-piece-cell);border-radius:4px}.bp-piece__cell--on{background:var(--bp-piece-color);box-shadow:inset 0 -2px color-mix(in srgb,var(--bp-piece-color) 60%,#000),inset 0 1px color-mix(in srgb,var(--bp-piece-color) 88%,#fff)}.bp-ghost{position:fixed;pointer-events:none;display:grid;grid-template-columns:repeat(var(--bp-piece-cols),var(--bp-ghost-cell));grid-template-rows:repeat(var(--bp-piece-rows),var(--bp-ghost-cell));gap:var(--bp-gap);z-index:1000;filter:drop-shadow(0 10px 22px rgba(0,0,0,.25));animation:bp-ghost-in .13s ease-out;transition:filter .14s ease}.bp-ghost--bad{filter:drop-shadow(0 10px 22px rgba(255,92,92,.35)) saturate(.6)}@keyframes bp-ghost-in{0%{transform:scale(.88);opacity:.7}to{transform:scale(1);opacity:1}}.bp-ghost__cell{width:var(--bp-ghost-cell);height:var(--bp-ghost-cell);border-radius:7px}.bp-ghost__cell--on{background:var(--bp-piece-color);box-shadow:inset 0 -3px color-mix(in srgb,var(--bp-piece-color) 60%,#000),inset 0 2px color-mix(in srgb,var(--bp-piece-color) 88%,#fff)}.bp-ghost--bad .bp-ghost__cell--on{background:#ff5c5c;box-shadow:inset 0 -3px #00000047,inset 0 2px #ffffff40}.bp-bottom{display:flex;gap:.6rem;align-items:center}.bp-iconbtn{width:44px;height:44px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s,background .12s}.bp-iconbtn:active{transform:scale(.92);background:var(--surface-hover)}.bp-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000061;display:flex;align-items:center;justify-content:center;z-index:2000;animation:bp-fade-in .22s ease-out;padding:1rem}@keyframes bp-fade-in{0%{opacity:0}to{opacity:1}}.bp-modal{width:100%;max-width:320px;background:var(--bg);border:1px solid var(--border);border-radius:18px;padding:22px 20px 18px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 20px 60px #00000059;animation:bp-modal-in .32s cubic-bezier(.34,1.56,.64,1)}@keyframes bp-modal-in{0%{transform:scale(.85) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.bp-modal__title{font-size:20px;font-weight:700;color:var(--text)}.bp-modal__record{font-size:12px;font-weight:600;color:#ffc832;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,#ffc832 18%,transparent);letter-spacing:.05em;text-transform:uppercase;animation:bp-record-pop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes bp-record-pop{0%{transform:scale(0) rotate(-8deg);opacity:0}60%{transform:scale(1.15) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0)}}.bp-modal__stats{display:flex;gap:10px;width:100%}.bp-modal__stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px;border-radius:12px;background:var(--surface);font-variant-numeric:tabular-nums}.bp-modal__stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.bp-modal__stat-value{font-size:22px;font-weight:700;color:var(--text)}.bp-modal__btn{width:100%;padding:12px 16px;border-radius:12px;background:var(--accent, #2aabee);color:var(--accent-text, #fff);font-weight:600;font-size:15px;transition:transform .12s ease,filter .12s ease}.bp-modal__btn:active{transform:scale(.97);filter:brightness(.92)}:root{--accent: var(--tg-theme-button-color, #0098ea);--accent-text: var(--tg-theme-button-text-color, #ffffff);--accent-soft: color-mix(in srgb, var(--accent) 18%, transparent);--danger: #e5484d;--success: #30a46c;--warning: #f5a524;--overlay: rgba(0, 0, 0, .55);--radius-xs: 8px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--shadow-1: 0 4px 12px rgba(0, 0, 0, .18), 0 1px 2px rgba(0, 0, 0, .28);--shadow-2: 0 12px 32px rgba(0, 0, 0, .42), 0 2px 6px rgba(0, 0, 0, .24);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .15s;--dur: .22s;--dur-slow: .32s;--z-popup: 100;--z-toast: 200;--z-tooltip: 300;--safe-top: calc( var(--tg-content-safe-area-inset-top, 0px) + var(--tg-safe-area-inset-top, env(safe-area-inset-top, 0px)) );--safe-bottom: calc( var(--tg-content-safe-area-inset-bottom, 0px) + var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)) );--safe-left: calc( var(--tg-content-safe-area-inset-left, 0px) + var(--tg-safe-area-inset-left, env(safe-area-inset-left, 0px)) );--safe-right: calc( var(--tg-content-safe-area-inset-right, 0px) + var(--tg-safe-area-inset-right, env(safe-area-inset-right, 0px)) )}.toast-viewport{position:fixed;left:0;right:0;bottom:calc(var(--safe-bottom) + 16px);z-index:var(--z-toast);display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 16px;pointer-events:none}.toast{min-width:220px;max-width:420px;display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-2);color:var(--text);font-size:.9rem;line-height:1.3;pointer-events:auto;animation:toast-in var(--dur) var(--ease-out);transform-origin:bottom center;will-change:transform,opacity}.toast[data-exit=true]{animation:toast-out var(--dur-fast) var(--ease-in-out) forwards}.toast-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.toast[data-type=info] .toast-dot{background:var(--accent)}.toast[data-type=success] .toast-dot{background:var(--success)}.toast[data-type=error] .toast-dot{background:var(--danger)}.toast[data-type=warning] .toast-dot{background:var(--warning)}.toast-message{flex:1;word-break:break-word}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{to{opacity:0;transform:translateY(4px) scale(.98)}}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:var(--z-popup);display:flex;align-items:center;justify-content:center;padding:24px;padding-top:calc(var(--safe-top) + 24px);padding-bottom:calc(var(--safe-bottom) + 24px);animation:popup-overlay-in var(--dur) var(--ease-out)}.popup-overlay[data-exit=true]{animation:popup-overlay-out var(--dur-fast) var(--ease-in-out) forwards}.popup{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-2);padding:20px 20px 16px;display:flex;flex-direction:column;gap:12px;animation:popup-in var(--dur-slow) var(--ease-out);transform-origin:center;will-change:transform,opacity}.popup-overlay[data-exit=true] .popup{animation:popup-out var(--dur-fast) var(--ease-in-out) forwards}.popup-title{margin:0;font-size:1.05rem;font-weight:600;line-height:1.3}.popup-body{margin:0;font-size:.92rem;line-height:1.45;color:var(--muted)}.popup-actions{display:flex;gap:8px;margin-top:4px}.popup-btn{flex:1;padding:12px 14px;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.popup-btn:active{transform:scale(.97)}.popup-btn[data-variant=primary]{background:var(--accent);color:var(--accent-text)}.popup-btn[data-variant=primary]:active{background:color-mix(in srgb,var(--accent) 85%,black)}.popup-btn[data-variant=secondary]{background:transparent;color:var(--text);border:1px solid var(--border)}.popup-btn[data-variant=secondary]:active{background:var(--surface-hover)}.popup-btn[data-variant=destructive]{background:var(--danger);color:#fff}.popup-btn[data-variant=destructive]:active{background:color-mix(in srgb,var(--danger) 85%,black)}@keyframes popup-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes popup-overlay-out{to{opacity:0}}@keyframes popup-in{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes popup-out{to{opacity:0;transform:scale(.96) translateY(4px)}}.tooltip{position:fixed;z-index:var(--z-tooltip);max-width:min(280px,calc(100vw - 32px));padding:8px 12px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);font-size:.82rem;line-height:1.35;pointer-events:none;animation:tooltip-in var(--dur) var(--ease-out);transform-origin:center bottom;will-change:transform,opacity}.tooltip[data-placement=bottom]{transform-origin:center top}.tooltip-arrow{position:absolute;left:50%;width:10px;height:10px;background:var(--surface);border:1px solid var(--border);transform:translate(-50%) rotate(45deg)}.tooltip[data-placement=top] .tooltip-arrow{bottom:-6px;border-top:0;border-left:0}.tooltip[data-placement=bottom] .tooltip-arrow{top:-6px;border-bottom:0;border-right:0}@keyframes tooltip-in{0%{opacity:0;transform:scale(.94) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}:root{--bg: var(--tg-theme-bg-color, #ffffff);--surface: var(--tg-theme-secondary-bg-color, #f2f4f7);--surface-hover: color-mix(in srgb, var(--surface) 88%, var(--text));--text: var(--tg-theme-text-color, #111418);--muted: var(--tg-theme-hint-color, #707579);--border: color-mix(in srgb, var(--text) 14%, transparent);--radius: 12px}:root[data-tg-theme=dark]{--bg: var(--tg-theme-bg-color, #0f1115);--surface: var(--tg-theme-secondary-bg-color, #1a1d24);--surface-hover: color-mix(in srgb, var(--surface) 86%, white);--text: var(--tg-theme-text-color, #f0f2f5);--muted: var(--tg-theme-hint-color, #8d97a5);--border: color-mix(in srgb, var(--text) 12%, transparent)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}input,textarea,[contenteditable=true]{user-select:text;-webkit-user-select:text}html,body,#root{height:100%;margin:0}html{touch-action:manipulation}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;overflow:hidden}#root{overflow:hidden;padding-top:var(--safe-top, 0px);padding-bottom:var(--safe-bottom, 0px);padding-left:var(--safe-left, 0px);padding-right:var(--safe-right, 0px)}@media (prefers-reduced-motion: no-preference){:root{--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:none;border:none;color:inherit;padding:0}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;height:100%;text-align:center;padding:1rem}.hub{max-width:640px;margin:0 auto;padding:1.25rem 0 3rem}.hub-header{padding:0 1rem 1rem}.hub-profile{display:flex;align-items:center;gap:.75rem}.hub-avatar{flex-shrink:0;width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--accent-text);font-size:1.1rem;font-weight:600;display:flex;align-items:center;justify-content:center}.hub-name{font-size:1rem;font-weight:600;line-height:1.2}.hub-tagline{font-size:.8rem;color:var(--muted)}.game-list{list-style:none;margin:0;padding:0;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.game-list__item+.game-list__item{border-top:1px solid var(--border)}.game-row{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;text-decoration:none;color:inherit;transition:background var(--dur-fast) ease;-webkit-tap-highlight-color:transparent}.game-row:active{background:var(--surface-hover)}.game-row:active .game-row__icon{transform:scale(.88)}.game-row__icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center;transition:transform var(--dur-fast) var(--ease-out)}.game-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.game-row__title{font-size:.975rem;font-weight:500}.game-row__desc{font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-row__right{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.game-row__stars{font-size:.78rem;color:var(--muted)}.game-row__chevron{color:var(--muted);opacity:.4;flex-shrink:0}.game-screen{display:flex;flex-direction:column;height:100%}.game-header{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.game-header h2{margin:0;font-size:1rem}.back{color:var(--accent);font-size:.9rem}.muted-hint{color:var(--muted);font-size:.9rem;margin:0}.error-detail{color:var(--muted);font-size:.8rem;margin:0;opacity:.7}.game-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem}.game-placeholder{text-align:center;color:var(--muted)}