:root{--color-primary: #f0e8d8;--color-secondary: #a09080;--color-tertiary: #2a2520;--color-tertiary-hover:#332d28;--color-border: #3a3228;--color-border-light: #342e28;--color-surface: #221e1a;--color-bg: #1a1612;--color-gold: #d4a853;--color-gold-muted: #b8882e;--color-gold-text: #1a1510;--color-brand: #5b9cf6;--color-brand-hover: #3b7dd8;--color-brand-light: rgba(91, 156, 246, .15);--font-base: "Roboto", sans-serif;--clr-gold: var(--color-gold);--clr-border: var(--color-border);--clr-surface-1: var(--color-surface);--clr-surface-2: var(--color-tertiary);--clr-text-1: var(--color-primary);--clr-text-2: var(--color-secondary);--clr-text-3: var(--color-secondary);color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--color-primary: #1a1a1a;--color-secondary: #555;--color-tertiary: #f5f5f5;--color-tertiary-hover:#e8e8e8;--color-border: #e0e0e0;--color-border-light: #ddd;--color-surface: #fafafa;--color-bg: #ffffff;--color-gold: #b8882e;--color-gold-muted: #9e7429;--color-gold-text: #ffffff;--color-brand: #2563eb;--color-brand-hover: #1d4ed8;--color-brand-light: rgba(37, 99, 235, .12);color-scheme:light}}[data-theme=light]{--color-primary: #1a1a1a;--color-secondary: #555;--color-tertiary: #f5f5f5;--color-tertiary-hover:#e8e8e8;--color-border: #e0e0e0;--color-border-light: #ddd;--color-surface: #fafafa;--color-bg: #ffffff;--color-gold: #b8882e;--color-gold-muted: #9e7429;--color-gold-text: #ffffff;--color-brand: #2563eb;--color-brand-hover: #1d4ed8;--color-brand-light: rgba(37, 99, 235, .12);color-scheme:light}[data-theme=dark]{--color-primary: #f0e8d8;--color-secondary: #a09080;--color-tertiary: #2a2520;--color-tertiary-hover:#332d28;--color-border: #3a3228;--color-border-light: #342e28;--color-surface: #221e1a;--color-bg: #1a1612;--color-gold: #d4a853;--color-gold-muted: #b8882e;--color-gold-text: #1a1510;--color-brand: #5b9cf6;--color-brand-hover: #3b7dd8;--color-brand-light: rgba(91, 156, 246, .15);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-base);background:var(--color-bg);color:var(--color-primary);min-height:100vh}.landing{display:flex;flex-direction:column;color:var(--color-primary);font-family:var(--font-base)}.landing__hero{display:flex;align-items:flex-start;gap:40px;padding:28px 48px 24px;background:radial-gradient(ellipse at 30% 50%,rgba(212,168,83,.06) 0%,transparent 60%),var(--color-bg)}.landing__hero-left{width:420px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.landing__eyebrow{font-size:36px;font-weight:900;letter-spacing:-.01em;color:var(--color-gold);line-height:1.05}.landing__subtext{font-size:16px;color:var(--color-secondary);line-height:1.5;margin-top:-8px}.landing__cta-group{display:flex;flex-direction:column;gap:8px}.landing__presence{display:none;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--color-primary)}.landing__presence-dot{width:8px;height:8px;background:var(--color-success, #1a9e4e);border-radius:50%;flex-shrink:0;animation:presencePulse 2.8s ease-out infinite;box-shadow:0 0 8px #1a9e4e99}@keyframes presencePulse{0%,to{transform:scale(1);box-shadow:0 0 6px #1a9e4e8c}50%{transform:scale(1.2);box-shadow:0 0 14px #1a9e4ed9}}.landing__presence-n{font-family:Courier New,monospace;font-weight:700;color:var(--color-gold);font-variant-numeric:tabular-nums;line-height:inherit}.landing__presence-loading{display:inline-block;width:32px;height:10px;border-radius:5px;background:var(--color-gold);opacity:.3;animation:onlineShimmer 1.2s ease-in-out infinite}.landing__headline{font-size:28px;font-weight:700;line-height:1;color:var(--color-primary);letter-spacing:-.02em}.landing__headline em{font-style:normal;color:var(--color-gold)}.landing__cta-row{display:flex;flex-direction:column;gap:10px;margin-top:8px;max-width:420px}.landing__btn-primary{width:100%;padding:14px 36px;background:var(--color-gold);color:var(--color-bg);border:none;border-radius:6px;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .12s,box-shadow .18s;box-shadow:0 4px 14px #d4a85340}.landing__btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #d4a85366}.landing__btn-primary:active{transform:translateY(0)}.landing__cta-secondary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.landing__btn-secondary{width:100%;padding:11px 18px;background:transparent;color:var(--color-primary);border:1px solid var(--color-border);border-radius:6px;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:border-color .12s,color .12s,transform .12s}.landing__btn-secondary:hover,.landing__btn-secondary--highlighted{border-color:var(--color-gold);color:var(--color-gold);transform:translateY(-1px)}.landing__mobile-puzzle{display:none}.landing__hero-right{flex-shrink:0;display:flex;flex-direction:row;gap:12px;align-self:flex-start;align-items:stretch}.daily-puzzle{width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:14px 14px 0;background:radial-gradient(ellipse at 50% 0%,rgba(212,168,83,.1) 0%,transparent 70%),var(--color-surface);border:1px solid rgba(212,168,83,.36);border-radius:10px;overflow:hidden}a.daily-puzzle{text-decoration:none;color:inherit;cursor:pointer;will-change:transform;transition:transform .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out}a.daily-puzzle:hover{transform:translateY(-3px);border-color:var(--color-gold);box-shadow:0 8px 24px #00000073,inset 0 0 0 1px #d4a85359}a.daily-puzzle:hover .daily-puzzle__btn{background:var(--color-gold);color:var(--color-bg)}.daily-puzzle__label{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold)}.daily-puzzle__board{display:flex;justify-content:center;padding:4px 0}.daily-puzzle__board .board-container,.daily-puzzle__board .board{width:120px!important;height:120px!important}.daily-puzzle__meta{display:flex;flex-direction:column;gap:1px;text-align:center}.daily-puzzle__title{font-size:13px;font-weight:700;color:var(--color-primary);letter-spacing:-.01em}.daily-puzzle__sub{font-size:11px;color:var(--color-secondary);letter-spacing:.04em}.daily-puzzle__btn{width:calc(100% + 28px);margin:auto -14px 0;padding:11px 14px;background:transparent;color:var(--color-gold);border:none;border-top:1px solid var(--color-gold);border-radius:0;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-decoration:none;display:block;text-align:center;transition:background .12s,color .12s}.daily-puzzle__btn:hover{background:var(--color-gold);color:var(--color-bg)}.live-game{width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:14px 14px 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.live-game__label{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--color-secondary)}.live-game__board-row{display:flex;align-items:center;gap:6px;justify-content:center;padding:4px 0}.live-game__board-row .eval-bar{width:10px;height:120px;border-radius:3px;flex-shrink:0}.live-game__board-wrap{display:flex;justify-content:center}.live-game__board-wrap .board-container,.live-game__board-wrap .board{width:120px!important;height:120px!important}.live-game__toolbar{display:flex;gap:4px;justify-content:center}.live-game__tool-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 8px;background:none;border:1px solid var(--color-border);border-radius:6px;color:var(--color-secondary);font-size:9px;font-weight:600;font-family:inherit;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:color .12s,border-color .12s,background .12s;line-height:1}.live-game__tool-btn svg{font-size:12px}.live-game__tool-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.live-game__tool-btn--active{color:var(--clr-gold, #c9a227);border-color:var(--clr-gold, #c9a227);background:#c9a22714}.live-game__tool-btn--spinning svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.live-game__meta{display:flex;flex-direction:column;gap:1px;text-align:center}.live-game__san{font-size:13px;font-weight:700;color:var(--color-primary);letter-spacing:-.01em}.live-game__class{font-size:11px;color:var(--color-secondary);letter-spacing:.04em}.live-game__online-bar{width:calc(100% + 28px);margin:auto -14px 0;padding:11px 14px;background:transparent;border:none;border-radius:0;font-family:inherit;font-size:12px;font-weight:700;line-height:inherit;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--color-secondary);font-variant-numeric:tabular-nums}.live-game__online-dot{width:7px;height:7px;background:var(--color-success, #1a9e4e);border-radius:50%;flex-shrink:0;animation:presencePulse 2.8s ease-out infinite;box-shadow:0 0 8px #1a9e4e99}@keyframes onlineShimmer{0%{opacity:.2}50%{opacity:.6}to{opacity:.2}}.live-game__online-loading{display:inline-block;width:48px;height:10px;border-radius:5px;background:var(--color-secondary);animation:onlineShimmer 1.2s ease-in-out infinite}.live-game__online-count{transition:opacity .4s ease}.landing__broadcast{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:6px 28px;background:linear-gradient(90deg,#ff6b6b1a,#d4a8530f 60%,#5b9cf614);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.landing__broadcast-live{display:inline-flex;align-items:center;gap:6px;color:#e53e3e}.landing__broadcast-dot{width:7px;height:7px;border-radius:50%;background:#e53e3e;flex-shrink:0;animation:broadcast-pulse 2s ease-in-out infinite}@keyframes broadcast-pulse{0%,to{opacity:1}50%{opacity:.4}}.landing__broadcast-mid{color:var(--color-primary);letter-spacing:.08em}.landing__broadcast-geo{color:var(--color-gold)}.landing__broadcast-tagline{opacity:.55}.landing__radar{display:none}.landing__community{display:flex;flex-direction:column}.landing__avatar-row{display:flex;align-items:center;gap:10px;padding:10px 28px 20px;font-size:12px;color:var(--color-secondary)}.landing__avatar-stack{display:flex;align-items:center}.landing__avatar-chip{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;border:2px solid var(--color-bg);margin-left:-14px;flex-shrink:0}.landing__avatar-chip:first-child{margin-left:0}.landing__avatar-chip--img{object-fit:cover;padding:0;font-size:0}.landing__avatar-text{font-size:12px;color:var(--color-secondary)}.landing__avatar-n{font-weight:700;color:var(--color-gold)}.landing__section{padding:12px 0 8px}.landing__section--yours{background:radial-gradient(ellipse at 10% 50%,rgba(212,168,83,.08) 0%,transparent 50%),transparent;border-bottom:1px solid var(--color-border)}.landing__section-head{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:0 28px}.landing__section-lbl{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-gold)}.landing__section-lbl--quiet{color:var(--color-secondary)}.landing__section-count{font-size:11px;font-weight:700;color:var(--color-secondary)}.landing__cards-row{display:flex;gap:14px;overflow-x:auto;padding:16px 28px 12px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.landing__cards-row::-webkit-scrollbar{display:none}.landing__cards-row>*{flex-shrink:0}.cards-slider{position:relative}.cards-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:34px;height:34px;border-radius:50%;background:#161310eb;border:1px solid var(--color-gold);color:var(--color-gold);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;padding:0;font-family:inherit;transition:transform .1s,opacity .15s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cards-slider__arrow--prev{left:4px}.cards-slider__arrow--next{right:4px}.cards-slider__arrow:hover{transform:translateY(-50%) scale(1.08)}.cards-slider__arrow--hidden{opacity:0;pointer-events:none}.battle-card{flex-shrink:0;width:244px;font-size:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);display:flex;flex-direction:column;overflow:hidden;position:relative;cursor:pointer;will-change:transform;transition:transform .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out}.battle-card--playable{border-color:#d4a8536b;box-shadow:inset 0 0 0 1px #d4a85314;background:radial-gradient(ellipse at 50% 0%,rgba(212,168,83,.1) 0%,transparent 70%),var(--color-surface);animation:card-breathe 3.2s ease-out infinite}@keyframes card-breathe{0%,to{box-shadow:inset 0 0 0 1px #d4a85314,0 0 #d4a85300}50%{box-shadow:inset 0 0 0 1px #d4a8532e,0 0 16px #d4a8532e}}.battle-card--playable:hover{transform:translateY(-3px);border-color:var(--color-gold);box-shadow:0 8px 24px #00000073,inset 0 0 0 1px #d4a85359;animation-play-state:paused;will-change:transform}.battle-card--watch:hover{border-color:#ffffff2e}.battle-card__strip{display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid var(--color-border);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary)}.battle-card__live-dot{width:6px;height:6px;border-radius:50%;background:#e53e3e;flex-shrink:0}.battle-card__move{color:var(--color-primary)}.battle-card__clock{margin-left:auto;font-variant-numeric:tabular-nums}.battle-card__board{display:flex;justify-content:center;padding:8px}.battle-card__board *{pointer-events:none}.battle-card__board .board-container,.battle-card__board .board{width:180px!important;height:180px!important}.battle-card__matchup{display:flex;align-items:flex-start;padding:6px 32px;border-top:1px solid var(--color-border);font-size:12px}.battle-card__team-col{flex:0 0 40px;display:flex;flex-direction:column;align-items:center;gap:4px}.battle-card__score-col{flex:1;height:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.battle-card__score{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-gold);display:flex;align-items:center;gap:4px}.battle-card__score-center{display:flex;flex-direction:column;align-items:center;gap:0}.battle-card__void-count{font-size:8px;font-weight:600;color:var(--color-secondary);line-height:1}.battle-card__score-sep{color:var(--color-secondary);opacity:.7}.battle-card__h2h{font-size:10px;color:var(--color-secondary)}.battle-card__cta{margin-top:auto}.battle-card__btn{display:block;width:100%;text-align:center;padding:12px 14px;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border:none;border-radius:0;cursor:pointer;transition:background .1s;background:var(--color-gold);color:var(--color-gold-text, #1a1510)}.battle-card__btn:hover{background:var(--color-gold-muted, #b8922a)}.battle-card__btn--watch{background:transparent;color:var(--color-secondary);border-top:1px solid var(--color-border);padding:11px 14px}.battle-card__btn--watch:hover{color:var(--color-primary);background:var(--color-surface-2, var(--color-surface))}.battle-card__move-tick{position:relative;left:0;right:0;height:2px;pointer-events:none;overflow:hidden;flex-shrink:0}.battle-card__move-tick-bar{position:absolute;top:0;left:0;width:30%;height:100%;background:linear-gradient(90deg,transparent 0%,var(--color-gold) 40%,var(--color-gold) 60%,transparent 100%);transform:translate(-100%);opacity:0}.battle-card--streak .battle-card__move-tick-bar{animation:tick-slide 1.4s ease-out forwards}@keyframes tick-slide{0%{transform:translate(-100%);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(380%);opacity:0}}.battle-card--skeleton{pointer-events:none;cursor:default;animation:none}.battle-card__skeleton-block{background:linear-gradient(90deg,#ffffff08,#ffffff12,#ffffff08);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.battle-card__skeleton-board{min-height:184px}.battle-card__skeleton-matchup{min-height:76px}.battle-card__skeleton-cta{min-height:42px}.battle-card--watch{width:152px}.battle-card--watch .battle-card__board{padding:6px}.battle-card--watch .battle-card__board .board-container,.battle-card--watch .battle-card__board .board{width:120px!important;height:120px!important}.battle-card--watch .battle-card__strip{font-size:9px;padding:5px 8px}.battle-card--watch .battle-card__matchup{padding:5px 10px;font-size:10px}.battle-card--watch .battle-card__team-col{flex:0 0 28px;gap:3px}.battle-card--watch .battle-card__score{font-size:11px}.battle-card--watch .battle-card__h2h{display:none}.battle-card--watch .battle-card__btn{padding:8px 10px;font-size:10px}@media(max-width:768px){.landing__broadcast{display:flex;justify-content:space-between;align-items:center;padding:6px 16px;gap:8px}.landing__broadcast-tagline{display:none}.landing__presence{display:flex;align-self:center}.landing__radar{display:block;position:absolute;width:480px;height:480px;border-radius:50%;border:1px solid rgba(212,168,83,.2);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;animation:landing-radar 4s ease-out infinite}.landing__radar:nth-child(2){animation-delay:1.3s}.landing__radar:nth-child(3){animation-delay:2.6s}@keyframes landing-radar{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}20%{opacity:.7}to{transform:translate(-50%,-50%) scale(1);opacity:0}}[data-theme=light] .landing__radar{border-color:#b4821e2e}.landing__hero{flex-direction:column;padding:0;gap:0;background:none}.landing__hero-right{display:none}.landing__hero-left{width:100%;margin:1rem;padding:1.25rem;border:1px solid rgba(212,168,83,.32);border-radius:8px;background:radial-gradient(ellipse at 50% 0%,rgba(212,168,83,.14) 0%,transparent 70%),var(--color-surface);box-sizing:border-box;width:calc(100% - 2rem);position:relative;overflow:hidden}.landing__eyebrow{font-size:24px}.landing__broadcast{padding:6px 16px;gap:12px}.landing__mobile-puzzle{display:flex;justify-content:center;padding:20px 16px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.landing__avatar-row,.landing__section-head,.landing__cards-row{padding-left:16px;padding-right:16px}}.battle-card__score-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.battle-card__team{font-weight:600;color:var(--color-primary);font-size:11px;text-align:center}.region-map{overflow:hidden;border-radius:4px;flex-shrink:0}.region-map--thumb{opacity:.9}.region-map--full{opacity:.95;border-radius:8px}