#root{width:100%;min-height:100vh}body{color:#e0e0e0;background:#0a0a0f;margin:0}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0b12;--bg-card:#151520;--bg-surface:#1c1c2e;--bg-elevated:#242440;--text:#e8e8f0;--text-dim:#7a7a95;--text-bright:#fff;--accent:#4f8aff;--basic:#3b82f6;--core:#22c55e;--special:#f59e0b;--mythical:#a855f7;--legendary:#ef4444;--win:#00e676;--lose:#f44;--draw:#ffb800;--gold:#ffb800;--border:#2a2a40}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.rank-badge{border:2px solid var(--rank-color);background:var(--bg-surface);box-shadow:0 0 8px color-mix(in srgb, var(--rank-color) 20%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.rank-badge--clickable{cursor:pointer}.rank-badge--clickable:hover{box-shadow:0 0 14px color-mix(in srgb, var(--rank-color) 35%, transparent)}.rank-badge svg{flex-shrink:0}.rank-badge__name{font-weight:800;font-size:inherit;letter-spacing:.05em;margin-left:6px}.rank-overlay{z-index:300;-webkit-backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rank-overlay__card{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:380px;padding:28px 32px}.rank-overlay__title{color:var(--text-bright);text-align:center;margin-bottom:20px;font-size:1.1rem;font-weight:800}.rank-overlay__list{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.rank-overlay__row{background:var(--bg-elevated);border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}.rank-overlay__row--active{border:1px solid var(--rank-color);box-shadow:0 0 12px color-mix(in srgb, var(--rank-color) 15%, transparent)}.rank-overlay__name{letter-spacing:.05em;width:80px;font-size:.8rem;font-weight:800}.rank-overlay__elo{color:var(--text-dim);flex:1;font-size:.75rem}.rank-overlay__you{color:var(--win);letter-spacing:.1em;background:#00e6761a;border-radius:4px;padding:2px 6px;font-size:.55rem;font-weight:800}.rank-overlay__close{text-align:center;width:100%}.btn{cursor:pointer;letter-spacing:.05em;border:none;border-radius:10px;padding:12px 24px;font-size:1rem;font-weight:700;transition:all .2s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--accent), #36f);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 0 16px #4f8aff4d}.btn-secondary{background:var(--bg-surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#24244080;border-color:#4f8aff66}.btn-ghost{color:var(--text-dim);background:0 0;font-size:.9rem}.btn-ghost:hover{color:var(--text)}.btn-danger{background:var(--bg-surface);color:var(--text-dim);border:1px solid var(--border)}.btn-danger:hover:not(:disabled){color:var(--lose);background:#ff44440f;border-color:#ff444480}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-lg{padding:14px 28px;font-size:1.05rem}.input{background:var(--bg-surface);border:1px solid var(--border);color:var(--text);border-radius:10px;outline:none;padding:14px 16px;font-size:1rem;transition:border-color .2s}.input:focus{border-color:var(--accent)}.input--disabled{opacity:.4;cursor:not-allowed}.lobby{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.lobby__container{text-align:center;width:100%;max-width:380px}.lobby__title{letter-spacing:.3em;background:linear-gradient(135deg, var(--gold), #ff8c00, var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;margin-right:-.3em;font-size:4rem;font-weight:900}.lobby__tagline{color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;margin-bottom:48px;font-size:.85rem}.lobby__status{color:var(--text-dim);font-size:.9rem}.lobby__menu{flex-direction:column;gap:12px;display:flex}.lobby__waiting{flex-direction:column;align-items:center;gap:16px;display:flex}.lobby__code{letter-spacing:.5em;color:var(--gold);background:var(--bg-surface);border:2px solid #ffb8004d;border-radius:14px;padding:16px 36px;font-size:2.5rem;font-weight:900}.lobby__hint{color:var(--text-dim);font-size:.8rem}.lobby__spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.lobby__error{color:var(--lose);margin-bottom:12px;font-size:.9rem}@keyframes spin{to{transform:rotate(360deg)}}.card{border:2px solid var(--border);-webkit-user-select:none;user-select:none;cursor:default;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:80px;height:110px;transition:box-shadow .2s,border-color .2s,background .2s;display:flex;position:relative}.card--small{width:60px;height:84px}.card--small .card__value{font-size:1.15rem}.card--small .card__name{font-size:.45rem}.card--basic{background:linear-gradient(160deg,#0a1530 0%,#122244 50%,#0a1530 100%);border-color:#3b82f659}.card--core{background:linear-gradient(160deg,#0a1a10 0%,#12291a 50%,#0a1a10 100%);border-color:#22c55e66}.card--special{background:linear-gradient(160deg,#1a1400 0%,#332800 50%,#1a1400 100%);border-color:#ffd70099}.card--mythical{background:linear-gradient(160deg,#1a0033 0%,#2a0050 50%,#1a0033 100%);border-color:#b44fff80}.card--legendary{background:linear-gradient(160deg,#1a0a0a 0%,#331515 50%,#1a0a0a 100%);border-color:#ef444480}.card__value{font-size:1.5rem;font-weight:900;line-height:1}.card__name{text-transform:uppercase;letter-spacing:.1em;font-size:.55rem}.card--basic .card__value{color:#60a5fa}.card--basic .card__name{color:#3b82f6}.card--core .card__value{color:#4ade80}.card--core .card__name{color:#22c55e}.card--special .card__value{color:gold}.card--special .card__name{color:#ffbf00}.card--mythical .card__value{color:#c084fc}.card--mythical .card__name{color:#a855f7}.card--legendary .card__value{color:#f87171}.card--legendary .card__name{color:#ef4444}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:#fff3;box-shadow:0 0 10px #ffffff0d}.card--interactive.card--basic:hover{border-color:#3b82f699;box-shadow:0 0 12px #3b82f633}.card--interactive.card--core:hover{border-color:#22c55eb3;box-shadow:0 0 12px #22c55e33}.card--interactive.card--special:hover{border-color:#ffd700cc;box-shadow:0 0 16px #ffd70059}.card--interactive.card--mythical:hover{border-color:#a855f7b3;box-shadow:0 0 12px #a855f733}.card--interactive.card--legendary:hover{border-color:#ef4444b3;box-shadow:0 0 12px #ef444433}.card--selected.card--interactive.card--basic:hover{border-color:#60a5fa;box-shadow:0 0 20px #3b82f680,inset 0 0 20px #3b82f61a}.card--selected.card--interactive.card--core:hover{border-color:#4ade80;box-shadow:0 0 20px #22c55e99,inset 0 0 20px #22c55e1a}.card--selected.card--interactive.card--special:hover{border-color:#fbbf24;box-shadow:0 0 20px #f59e0b99,inset 0 0 20px #f59e0b1a}.card--selected.card--interactive.card--mythical:hover{border-color:#c084fc;box-shadow:0 0 20px #a855f799,inset 0 0 20px #a855f71a}.card--selected.card--interactive.card--legendary:hover{border-color:#f87171;box-shadow:0 0 20px #ef444499,inset 0 0 20px #ef44441a}.card--selected{z-index:10}.card--selected.card--basic{background:linear-gradient(160deg,#122244 0%,#1a3366 50%,#122244 100%);border-color:#60a5fa;box-shadow:0 0 20px #3b82f680,inset 0 0 20px #3b82f61a}.card--selected.card--core{background:linear-gradient(160deg,#12291a 0%,#1a3d28 50%,#12291a 100%);border-color:#4ade80;box-shadow:0 0 20px #22c55e99,inset 0 0 20px #22c55e1a}.card--selected.card--special{background:linear-gradient(160deg,#332600 0%,#4d3900 50%,#332600 100%);border-color:#fbbf24;box-shadow:0 0 20px #f59e0b99,inset 0 0 20px #f59e0b1a}.card--selected.card--mythical{background:linear-gradient(160deg,#2e0060 0%,#408 50%,#2e0060 100%);border-color:#c084fc;box-shadow:0 0 20px #a855f799,inset 0 0 20px #a855f71a}.card--selected.card--legendary{background:linear-gradient(160deg,#331515 0%,#4d2020 50%,#331515 100%);border-color:#f87171;box-shadow:0 0 20px #ef444499,inset 0 0 20px #ef44441a}.card--locked{cursor:default}.card__lock-overlay{letter-spacing:.15em;color:var(--win);background:#00e6761f;border-radius:10px;justify-content:center;align-items:center;font-size:.55rem;font-weight:900;display:flex;position:absolute;inset:0}.card--used{cursor:default;opacity:.3!important}.card--used.card--basic{background:linear-gradient(160deg,#060a18,#0a1020);border-color:#3b82f61a}.card--used.card--core{background:linear-gradient(160deg,#060e08,#0a150c);border-color:#22c55e26}.card--used.card--special{background:linear-gradient(160deg,#0e0c00,#151200);border-color:#eab3081a}.card--used.card--mythical{background:linear-gradient(160deg,#0e0018,#150025);border-color:#a855f726}.card--used.card--legendary{background:linear-gradient(160deg,#150808,#1e0c0c);border-color:#ef444426}.card--disabled{cursor:default;opacity:.7}.card__info-icon{color:#ffffff80;cursor:help;z-index:20;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.5rem;font-style:italic;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.card__tooltip{border:1px solid var(--border);width:200px;color:var(--text);z-index:100;pointer-events:none;background:#1a1a2e;border-radius:8px;padding:10px 12px;font-size:.7rem;font-style:normal;font-weight:500;line-height:1.5;position:absolute;bottom:calc(100% + 8px);right:-8px;box-shadow:0 8px 24px #00000080}.card--back{cursor:default;background:linear-gradient(160deg,#1a1a30,#252545,#1a1a30);border-color:#3a3a55;overflow:hidden}.card__back-design{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;display:flex}.card__back-diamond{background:#4f8aff26;border:1px solid #4f8aff33;width:12px;height:12px;transform:rotate(45deg)}.card--small .card__back-diamond{width:8px;height:8px}.card__back-diamond--bottom{background:#b44fff26;border-color:#b44fff33}.card__back-logo{background:linear-gradient(135deg,#4f8aff80,#b44fff80);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:900}.card--small .card__back-logo{font-size:.9rem}.board{flex-direction:column;gap:8px;height:100vh;padding:12px 16px;display:flex;position:relative}.board__header{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;flex-shrink:0;align-items:center;gap:12px;padding:12px 24px;display:flex}.board__player{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.board__player--right{justify-content:flex-end}.board__player--right .board__player-info{text-align:right}.board__player-info{flex-direction:column;gap:2px;min-width:0;display:flex}.board__player-name{color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden}.board__avatar{border-radius:50%;flex-shrink:0;width:44px;height:44px;overflow:hidden}.board__avatar-img{object-fit:cover;width:100%;height:100%}.board__avatar-placeholder{background:var(--bg-elevated);border:1px solid var(--border);width:100%;height:100%;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.board__avatar-cpu{border:1px solid var(--accent);width:100%;height:100%;color:var(--accent);letter-spacing:.05em;background:linear-gradient(135deg,#1a1a3a,#2a2a50);border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;font-weight:900;display:flex}.board__player-timer{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:.8rem;font-weight:700}.board__player-timer--low{color:var(--lose);animation:1s ease-in-out infinite timerPulse}.board__score-display{color:var(--gold);text-align:center;min-width:40px;padding:0 16px;font-size:1.8rem;font-weight:900;position:relative}.board__score-bonus{color:var(--win);font-size:.9rem;font-weight:800;animation:1.5s ease-out forwards bonusPop;position:absolute;top:-8px;right:-4px}@keyframes bonusPop{0%{opacity:0;transform:translateY(4px)scale(.5)}20%{opacity:1;transform:translateY(-4px)scale(1.2)}40%{transform:translateY(-8px)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.8)}}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.5}}.board__center-info{flex-direction:column;align-items:center;gap:4px;display:flex}.board__round-badge{text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);font-size:.75rem;font-weight:700}.board__mode-badge{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);background:#4f8aff1a;border-radius:4px;padding:2px 8px;font-size:.55rem}.board__banner{text-align:center;border-radius:8px;flex-shrink:0;padding:8px;font-size:.8rem;font-weight:600}.board__banner--danger{color:var(--lose);background:#f443;border:1px solid #ff44444d}.board__opponent-cards{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:6px;padding:4px 0;display:flex}.board__arena{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;flex:1;position:relative;overflow:hidden}.board__arena-cards{justify-content:center;align-items:center;gap:24px;display:flex;position:absolute;inset:0}.board__slot{position:relative}.board__slot-label{text-align:center;text-transform:uppercase;letter-spacing:.2em;color:var(--text-dim);padding-bottom:6px;font-size:.65rem;font-weight:700;position:absolute;bottom:100%;left:0;right:0}.board__slot-cards{gap:4px;display:flex}.board__slot-sum-area{text-align:center;color:var(--text-bright);padding-top:6px;font-size:1.3rem;font-weight:900;position:absolute;top:100%;left:0;right:0}.board__slot-vs{color:var(--text-dim);letter-spacing:.1em;padding:0 8px;font-size:1rem;font-weight:900}.board__arena-status{text-align:center;pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:calc(50% + 56px) 0 0}.board__slot-empty{background:#0a0a1466;border:1px solid #1e1e3299;border-radius:10px;width:60px;height:84px}.board__slot-shimmer{gap:4px;display:flex}.shimmer{background:linear-gradient(110deg, var(--bg-elevated) 0%, var(--bg-elevated) 40%, #4f8aff0f 50%, var(--bg-elevated) 60%, var(--bg-elevated) 100%);background-size:200% 100%;border:1px solid #2a2a4080;border-radius:10px;width:60px;height:84px;animation:1.8s ease-in-out infinite shimmerMove}@keyframes shimmerMove{0%{background-position:200% 0}to{background-position:-200% 0}}.board__status-text{color:var(--text-dim);font-size:.85rem;font-weight:500;line-height:1}.board__status-text--win{color:var(--win);letter-spacing:.15em;font-size:1.1rem;font-weight:800}.board__status-text--lose{color:var(--lose);letter-spacing:.15em;font-size:1.1rem;font-weight:800}.board__status-text--draw{color:var(--draw);letter-spacing:.15em;font-size:1.1rem;font-weight:800}.board__action-bar{flex-shrink:0;justify-content:center;align-items:center;height:48px;display:flex}.board__action-info{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;padding:8px 16px;display:flex}.board__action-count{color:var(--text);font-size:.85rem;font-weight:600}.board__action-sum{color:var(--accent);font-size:.85rem;font-weight:700}.board__hand{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:6px;padding:4px 0 8px;display:flex}.board__countdown-overlay{z-index:500;-webkit-backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.board__countdown-number{color:#fff;text-shadow:0 0 40px #fa09,0 0 80px #ffaa004d;font-size:8rem;font-weight:900}.overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay__bonus{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.overlay__bonus-label{text-transform:uppercase;letter-spacing:.3em;color:var(--text-dim);font-size:.85rem;font-weight:700}.overlay__bonus-icon{color:var(--gold);text-shadow:0 0 40px #ffb80080;font-size:5rem;font-weight:900}.overlay__bonus-reason{color:var(--gold);max-width:400px;font-size:1rem;font-weight:600}.overlay__bonus-player{color:var(--text-dim);font-size:.9rem;font-weight:500}.overlay__result{text-align:center;flex-direction:column;align-items:center;gap:24px;width:100%;padding:0 16px;display:flex}.overlay__title{letter-spacing:.3em;filter:drop-shadow(0 4px 24px #00000080);margin:0;font-size:6rem;font-weight:900;line-height:1}.overlay__title--win{background:linear-gradient(135deg, #00c853, var(--win), #69f0ae);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 40px #00e67659);-webkit-background-clip:text;background-clip:text}.overlay__title--lose{background:linear-gradient(135deg, #d32f2f, var(--lose), #ff8a80);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 40px #ff444459);-webkit-background-clip:text;background-clip:text}.overlay__title--draw{background:linear-gradient(135deg, #f9a825, var(--draw), #ffe082);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 40px #ffc10759);-webkit-background-clip:text;background-clip:text}.overlay__panel{background:0 0;border:none;width:100%;max-width:400px;padding:24px 32px}.overlay__panel-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:0 100px;display:grid}.overlay__panel-col{flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex}.overlay__panel-avatar{border-radius:50%;flex-shrink:0;width:64px;height:64px;overflow:hidden}.overlay__avatar-img{object-fit:cover;width:100%;height:100%}.overlay__avatar-placeholder{background:var(--bg-elevated);border:2px solid var(--border);width:100%;height:100%;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;font-weight:900;display:flex}.overlay__avatar-cpu{border:2px solid var(--accent);width:100%;height:100%;color:var(--accent);background:linear-gradient(135deg,#1a1a3a,#2a2a50);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:900;display:flex}.overlay__panel-name{color:var(--text);text-transform:uppercase;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:12ch;font-size:.9rem;font-weight:700;overflow:hidden}.overlay__panel-score{flex-shrink:0;align-items:center;gap:16px;display:flex}.overlay__score-num{color:#fff;font-size:3.5rem;font-weight:900;line-height:1}.overlay__score-divider{color:var(--text-dim);font-size:1.5rem;line-height:1}.overlay__elo-change{align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.overlay__elo-label,.overlay__elo-old,.overlay__elo-arrow{color:var(--text-dim)}.overlay__elo-new{color:var(--text-bright)}.overlay__elo-new--up{color:var(--win)}.overlay__elo-new--down{color:var(--lose)}.overlay__elo-diff--up{color:var(--win)}.overlay__elo-diff--down{color:var(--lose)}.overlay__rank-change{align-items:center;gap:8px;font-size:.9rem;font-weight:800;display:flex}.overlay__rank-arrow{color:var(--text-dim)}.overlay__rank-new-name{text-transform:uppercase;font-weight:800}.overlay__actions{flex-direction:column;align-items:center;gap:12px;margin-top:8px;display:flex}.overlay__rematch-hint{color:var(--accent);font-size:.85rem;font-weight:600}.overlay__opponent-left{color:var(--lose);font-size:.85rem;font-weight:600}.overlay__buttons{gap:12px;display:flex}.overlay__btn--requested{background:var(--bg-elevated)!important;color:var(--text-dim)!important;cursor:default!important}.board__leave-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;letter-spacing:.05em;background:0 0;border-radius:6px;margin-top:4px;padding:3px 14px;font-size:.6rem;font-weight:600;transition:all .2s}.board__leave-btn:hover{color:var(--lose);background:#ff44440f;border-color:#ff444480}.overlay__confirm{background:var(--bg-surface);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:32px 40px;display:flex}.overlay__confirm-title{color:var(--text-bright);font-size:1.3rem;font-weight:800}.overlay__confirm-text{color:var(--text-dim);font-size:.9rem}.splash{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex;position:relative}.splash__glow{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#ffaa0040 0%,#0000 70%);border-radius:50%;width:220px;height:220px;animation:2s ease-in-out infinite splashGlow;position:absolute}.splash__title{letter-spacing:.3em;background:linear-gradient(135deg, var(--gold), #ff8c00, var(--gold));-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;background-clip:text;margin-right:-.3em;font-size:4rem;font-weight:900;position:relative}.splash__tagline{color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;margin-bottom:24px;font-size:.8rem}.splash__dots{gap:8px;display:flex}.splash__dot{background:var(--gold);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite dotPulse}.splash__dot:nth-child(2){animation-delay:.2s}.splash__dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@keyframes splashGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.auth{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth__container{text-align:center;width:100%;max-width:380px}.auth__title{letter-spacing:.3em;background:linear-gradient(135deg, var(--gold), #ff8c00, var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;margin-right:-.3em;font-size:4rem;font-weight:900}.auth__tagline{color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;margin-bottom:40px;font-size:.85rem}.auth__error{color:var(--lose);background:#ff44441a;border-radius:8px;margin-bottom:12px;padding:8px;font-size:.85rem}.auth__menu,.auth__form{flex-direction:column;gap:12px;display:flex}.auth__divider{color:var(--text-dim);align-items:center;gap:12px;margin:4px 0;font-size:.8rem;display:flex}.auth__divider:before,.auth__divider:after{content:"";background:var(--border);flex:1;height:1px}.auth__hint{color:var(--text-dim);font-size:.75rem;line-height:1.5}.dash{flex-direction:column;height:100vh;display:flex;overflow:hidden}.dash__topbar{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;height:72px;padding:0 0 0 28px;display:flex}.dash__topbar-left{align-items:center;gap:24px;height:100%;display:flex}.dash__logo{flex-shrink:0;align-items:center;gap:4px;display:flex}.dash__logo-text{flex-direction:column;line-height:1.1;display:flex}.dash__logo-top{letter-spacing:.22em;background:linear-gradient(135deg, var(--gold), #ff8c00);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.7rem;font-weight:800}.dash__logo-bottom{letter-spacing:.08em;background:linear-gradient(135deg, var(--gold), #ff8c00);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:900}.dash__nav{align-items:stretch;gap:4px;height:100%;display:flex}.dash__nav-tab{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0 16px;font-size:.85rem;font-weight:600;transition:color .2s,border-color .2s}.dash__nav-tab:hover:not(:disabled){color:var(--text)}.dash__nav-tab--active{color:var(--text-bright)}.dash__nav-tab--disabled{opacity:.35;cursor:not-allowed}.dash__notif-wrap{margin-right:8px;position:relative}.dash__notif-btn{border:1px solid var(--border);background:var(--bg-elevated);width:36px;height:36px;color:var(--text-dim);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s,border-color .2s;display:flex;position:relative}.dash__notif-btn:hover{background:var(--bg-surface);color:var(--text-bright)}.dash__notif-btn--active{border-color:var(--accent);color:var(--accent);animation:.5s ease-in-out notif-shake}@keyframes notif-shake{0%,to{transform:rotate(0)}15%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(2deg)}}.dash__notif-badge{background:var(--lose);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.55rem;font-weight:800;line-height:1;display:flex;position:absolute;top:-3px;right:-3px}.dash__notif-backdrop{z-index:999;position:fixed;inset:0}.dash__notif-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:1000;border-radius:12px;width:320px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #0006}.dash__notif-header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);border-bottom:1px solid var(--border);padding:12px 14px;font-size:.75rem;font-weight:700}.dash__notif-empty{text-align:center;color:var(--text-dim);padding:24px 14px;font-size:.8rem}.dash__notif-item{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 14px;transition:background .15s;display:flex}.dash__notif-item:last-child{border-bottom:none}.dash__notif-item:hover{background:var(--bg-surface)}.dash__notif-item-avatar{background:var(--bg-elevated);width:32px;height:32px;color:var(--text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:flex}.dash__notif-item-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.dash__notif-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dash__notif-item-text{color:var(--text-bright);font-size:.8rem}.dash__notif-item-timer{color:var(--text-dim);font-size:.65rem}.dash__notif-item-actions{flex-shrink:0;gap:4px;display:flex}.dash__notif-accept{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:4px 10px;font-size:.65rem;font-weight:700;transition:filter .15s,transform .15s}.dash__notif-accept:hover{filter:brightness(1.2);transform:scale(1.05)}.dash__notif-decline{color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:4px 8px;font-size:.65rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.dash__notif-decline:hover{background:var(--lose);color:#fff;border-color:var(--lose)}.dash__credits{background:var(--bg-elevated);border-radius:8px;align-items:center;gap:8px;margin-right:20px;padding:8px 12px;display:flex}.dash__credits svg{flex-shrink:0}.dash__credits-amount{color:var(--text-bright);font-size:.9rem;font-weight:700;line-height:1}.dash__topbar-spacer{flex:1}.dash__topbar-right{flex-shrink:0;align-items:center;gap:6px;padding:0 20px 0 0;display:flex}.dash__topbar-user{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.dash__topbar-name{color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;max-width:15ch;font-size:.9rem;font-weight:700;overflow:hidden}.dash__topbar-badge{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:.5rem}.dash__topbar-avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.dash__avatar-img{object-fit:cover;width:100%;height:100%}.dash__avatar-placeholder{background:var(--bg-elevated);border:2px solid var(--border);width:100%;height:100%;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:900;display:flex}.dash__content{flex:1;display:flex;overflow:hidden}.dash__main{flex:1;padding:32px 40px;overflow-y:auto}.dash__active-banner{color:var(--gold);text-align:center;background:#ffb8001a;border:1px solid #ffb8004d;border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:.85rem;font-weight:600}.dash__hero{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;align-items:center;height:120px;margin-bottom:24px;padding:0 32px;display:flex;position:relative;overflow:hidden}.dash__hero-row{align-items:center;width:100%;display:flex}.dash__hero-searching{align-items:center;gap:12px;display:flex}.dash__hero-searching-info{flex-direction:column;gap:2px;display:flex}.dash__hero-modes{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.dash__hero-mode{background:color-mix(in srgb, var(--mode-color) 12%, var(--bg-elevated));border:1px solid color-mix(in srgb, var(--mode-color) 25%, transparent);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;height:64px;padding:0 16px;transition:background .2s,border-color .2s;display:flex}.dash__hero-mode:hover{background:color-mix(in srgb, var(--mode-color) 20%, var(--bg-elevated));border-color:var(--mode-color)}.dash__hero-mode--cancel{border:1px solid var(--border);color:var(--text-dim);background:#ffffff08;flex:0 0 60px}.dash__hero-mode--cancel:hover{color:var(--lose);background:#ff44441a;border-color:#ff44444d}.dash__hero-mode-inner{align-items:center;gap:12px;display:flex}.dash__hero-mode-icon{color:var(--mode-color);align-items:center;display:flex}.dash__hero-mode-text{text-align:left;flex-direction:column;gap:2px;display:flex}.dash__hero-mode-name{color:var(--text-bright);white-space:nowrap;font-size:.85rem;font-weight:800}.dash__hero-mode-desc{color:var(--text-dim);white-space:nowrap;font-size:.6rem}.dash__hero-top{justify-content:space-between;align-items:center;display:flex}.dash__hero:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#4f8aff26,#00e6761a,#0000 60%);border-radius:13px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dash__hero-left{flex-direction:column;flex:1;gap:8px;display:flex}.dash__hero-title{color:var(--text-bright);margin:0;font-size:1.5rem;font-weight:800}.dash__hero-stats{align-items:center;gap:12px;display:flex}.dash__hero-rank{text-transform:uppercase;letter-spacing:.06em;font-size:.9rem;font-weight:800}.dash__hero-meta{color:var(--text-dim);font-size:.8rem}.dash__hero-guest{color:var(--text-dim);margin:0;font-size:.85rem}.dash__hero-right{flex-shrink:0}.dash__play-btn{background:var(--win);color:#000;letter-spacing:.1em;cursor:pointer;border:none;border-radius:12px;padding:16px 48px;font-size:1.2rem;font-weight:900;transition:all .2s}.dash__play-btn:hover{transform:translateY(-1px);box-shadow:0 0 24px #00e67666}.dash__play-stack{flex-direction:column;gap:6px;width:220px;display:flex}.dash__play-stack-item{background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--mode-color);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;transition:background .15s,border-color .15s;display:flex}.dash__play-stack-item:hover:not(:disabled){background:var(--bg-surface);border-color:var(--mode-color)}.dash__play-stack-item--locked{opacity:.3;cursor:not-allowed!important}.dash__play-stack-icon{color:var(--mode-color);flex-shrink:0;align-items:center;display:flex}.dash__play-stack-info{flex-direction:column;gap:1px;min-width:0;display:flex}.dash__play-stack-name{color:var(--text-bright);font-size:.8rem;font-weight:700}.dash__play-stack-desc{color:var(--text-dim);font-size:.6rem}.dash__play-stack-cancel{color:var(--text-dim);cursor:pointer;text-align:right;background:0 0;border:none;padding:4px 0;font-size:.7rem;font-weight:600;transition:color .15s}.dash__play-stack-cancel:hover{color:var(--text-bright)}.dash__play-finding{flex-direction:column;align-items:center;gap:8px;padding:16px 24px;display:flex;position:relative}.dash__play-finding-pulse{background:var(--accent);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:1.5s ease-in-out infinite findingPulse}@keyframes findingPulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.dash__play-finding-mode{color:var(--text-bright);text-transform:uppercase;letter-spacing:.1em;font-size:.9rem;font-weight:800}.dash__play-finding-text{color:var(--text-dim);font-size:.75rem}.dash__play-finding-cancel{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:4px 8px;font-size:.7rem;font-weight:600;transition:color .15s}.dash__play-finding-cancel:hover{color:var(--lose)}.dash__section-title{color:var(--text-bright);letter-spacing:.04em;margin:0 0 16px;font-size:1rem;font-weight:800}.dash__two-col{grid-template-columns:1fr 220px;align-items:end;gap:20px;margin-bottom:24px;display:grid}.dash__challenges-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dash__challenge-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.dash__challenge-desc{color:var(--text-bright);font-size:.85rem;font-weight:700}.dash__challenge-bar{background:var(--bg-elevated);border-radius:3px;width:100%;height:6px;overflow:hidden}.dash__challenge-bar-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .4s}.dash__challenge-footer{justify-content:space-between;align-items:center;display:flex}.dash__challenge-progress{color:var(--text-dim);font-size:.7rem;font-weight:600}.dash__challenge-reward{color:var(--gold);font-size:.7rem;font-weight:700}.dash__event{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;justify-content:center;align-self:start;gap:8px;padding:20px;display:flex}.dash__event-label{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:900}.dash__event-timer{color:var(--text-bright);font-size:.85rem;font-weight:700}.dash__event-info{color:var(--text-dim);font-size:.75rem}.dash__performance{margin-bottom:24px}.dash__performance-placeholder{background:var(--bg-surface);border:1px solid var(--border);text-align:center;color:var(--text-dim);border-radius:12px;padding:40px;font-size:.85rem}.dash__recent{margin-bottom:24px}.dash__recent-empty{background:var(--bg-surface);border:1px solid var(--border);text-align:center;color:var(--text-dim);border-radius:12px;padding:24px;font-size:.85rem}.dash__leaderboard{margin-top:24px;margin-bottom:24px}.dash__leaderboard-header{justify-content:space-between;align-items:center;display:flex}.dash__leaderboard-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:700;transition:opacity .2s}.dash__leaderboard-link:hover{opacity:.8}.dash__leaderboard-list{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.dash__leaderboard-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 18px;display:flex}.dash__leaderboard-row:last-child{border-bottom:none}.dash__leaderboard-pos{color:var(--text-dim);min-width:32px;font-size:.85rem;font-weight:800}.dash__leaderboard-name{color:var(--text-bright);flex:1;font-size:.85rem;font-weight:700}.dash__leaderboard-rank{text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:800}.dash__leaderboard-elo{color:var(--text-dim);text-align:right;min-width:40px;font-size:.8rem;font-weight:700}.dash__friends{border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:280px;padding:20px 16px;display:flex;overflow-y:auto}.dash__friends-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dash__friends-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.dash__friends-badge{background:var(--accent);color:#fff;letter-spacing:0;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;font-weight:800;display:flex}.dash__friends-add-btn{border:1px solid var(--border);background:var(--bg-elevated);width:26px;height:26px;color:var(--text-dim);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1rem;transition:all .2s;display:flex}.dash__friends-add-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.dash__friends-tabs{background:var(--bg-surface);border-radius:8px;gap:2px;margin-bottom:12px;padding:3px;display:flex}.dash__friends-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.dash__friends-tab--active{background:var(--bg-elevated);color:var(--text-bright)}.dash__friends-list{flex-direction:column;flex:1;gap:4px;display:flex}.dash__friends-empty{color:var(--text-dim);text-align:center;padding:24px 0;font-size:.75rem}.dash__friend-item{border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.dash__friend-item:hover{background:var(--bg-surface)}.dash__friend-item--dim{opacity:.6}.dash__friend-avatar{background:var(--bg-elevated);width:32px;height:32px;color:var(--text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:flex;position:relative}.dash__friend-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.dash__friend-avatar--online:after{content:"";background:var(--win);border:2px solid var(--bg);border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.dash__friend-info{flex-direction:column;flex:1;min-width:0;display:flex}.dash__friend-name{color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:600;overflow:hidden}.dash__friend-status-text{color:var(--text-dim);font-size:.65rem}.dash__friends-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin:8px 0 4px;padding:0 4px;font-size:.6rem;font-weight:700}.dash__friend-cancel{color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;margin-left:auto;padding:4px 8px;font-size:.65rem;font-weight:600;transition:background .2s,color .2s,border-color .2s,transform .15s}.dash__friend-cancel:hover{background:var(--lose);color:#fff;border-color:var(--lose);transform:scale(1.05)}.dash__friend-actions{gap:4px;margin-left:auto;display:flex}.dash__friend-accept{background:var(--win);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:4px 10px;font-size:.65rem;font-weight:700;transition:filter .2s,transform .15s}.dash__friend-accept:hover{filter:brightness(1.2);transform:scale(1.05)}.dash__friend-decline{color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:4px 8px;font-size:.65rem;font-weight:600;transition:background .2s,color .2s,border-color .2s,transform .15s}.dash__friend-decline:hover{background:var(--lose);color:#fff;border-color:var(--lose);transform:scale(1.05)}.dash__friend-duel{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;margin-left:auto;padding:4px 12px;font-size:.65rem;font-weight:700;transition:opacity .2s}.dash__friend-duel:hover{opacity:.8}.dash__duel-dock{border-top:1px solid var(--border);flex-shrink:0;margin-top:auto;padding:10px 0 0}.dash__duel-dock-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dash__duel-dock-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:.6rem;font-weight:700}.dash__duel-dock-nav{align-items:center;gap:4px;display:flex}.dash__duel-dock-arrow{border:1px solid var(--border);background:var(--bg-elevated);width:20px;height:20px;color:var(--text-dim);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:.65rem;transition:background .15s,color .15s;display:flex}.dash__duel-dock-arrow:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent)}.dash__duel-dock-arrow:disabled{opacity:.3;cursor:default}.dash__duel-dock-count{color:var(--text-dim);font-size:.6rem;font-weight:600}.dash__duel-dock-body{background:var(--bg-surface);border:1px solid var(--accent);border-radius:10px;align-items:center;gap:8px;padding:10px;animation:2s ease-in-out infinite duel-dock-pulse;display:flex}@keyframes duel-dock-pulse{0%,to{border-color:var(--accent);box-shadow:0 0 #6366f100}50%{border-color:var(--accent);box-shadow:0 0 12px 2px #6366f140}}.dash__duel-dock-avatar{background:var(--bg-elevated);width:36px;height:36px;color:var(--text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex}.dash__duel-dock-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.dash__duel-dock-info{flex-direction:column;flex:1;min-width:0;display:flex}.dash__duel-dock-name{color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:700;overflow:hidden}.dash__duel-dock-timer{color:var(--text-dim);font-size:.65rem;font-weight:600}.dash__duel-dock-actions{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.dash__duel-dock-accept{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:4px 12px;font-size:.65rem;font-weight:700;transition:filter .15s,transform .15s}.dash__duel-dock-accept:hover{filter:brightness(1.2);transform:scale(1.05)}.dash__duel-dock-decline{color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:3px 8px;font-size:.6rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.dash__duel-dock-decline:hover{background:var(--lose);color:#fff;border-color:var(--lose)}.dash__duel-popup{z-index:1000;background:var(--bg-card);border:1px solid var(--accent);border-radius:14px;align-items:center;gap:14px;padding:16px 20px;animation:.3s ease-out duelPopIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #0006}@keyframes duelPopIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dash__duel-avatar{background:var(--bg-elevated);width:44px;height:44px;color:var(--text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex;overflow:hidden}.dash__duel-avatar img{object-fit:cover;width:100%;height:100%}.dash__duel-info{flex-direction:column;gap:8px;display:flex}.dash__duel-text{color:var(--text-bright);font-size:.85rem}.dash__duel-actions{gap:8px;display:flex}.dash__friends-signin:hover{box-shadow:0 0 16px #4f8aff4d}.dash__topbar-avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:24px;align-items:center;gap:6px;padding:5px 11px 5px 5px;transition:background .2s;display:flex}.dash__topbar-avatar-btn:hover,.dash__topbar-avatar-btn--active{background:var(--bg-elevated)}.dash__topbar-chevron{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--text-dim);flex-shrink:0;width:0;height:0}.dash__dropdown-wrap{position:relative}.dash__dropdown-backdrop{z-index:99;position:fixed;inset:0}.dash__dropdown{background:var(--bg-surface);border:1px solid var(--border);z-index:100;border-radius:10px;min-width:180px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #0006}.dash__dropdown-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:10px 14px;font-size:.8rem;font-weight:600;transition:background .15s;display:block}.dash__dropdown-item:hover{background:var(--bg-elevated)}.dash__dropdown-item--danger{color:var(--lose)}.dash__dropdown-item--danger:hover{background:#ff44441a}.dash__dropdown-item--accent{color:var(--accent)}.dash__dropdown-item--accent:hover{background:#4f8aff1a}.dash__dropdown-divider{background:var(--border);height:1px;margin:4px 8px}.dash-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dash-overlay__card{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:380px;padding:32px}.dash-overlay__title{color:var(--text-bright);text-align:center;margin-bottom:16px;font-size:1.2rem;font-weight:800}.dash-overlay__subtitle{color:var(--text-dim);text-align:center;margin-bottom:14px;font-size:.8rem}.dash-overlay__friend-code{color:var(--accent);letter-spacing:.05em;-webkit-user-select:all;user-select:all;font-weight:700}.dash-overlay__error{color:var(--lose);text-align:center;background:#ff44441a;border-radius:6px;margin-bottom:12px;padding:8px;font-size:.8rem}.dash-overlay__success{color:var(--win);text-align:center;margin-bottom:12px;font-size:.8rem}.dash-overlay__form{flex-direction:column;gap:10px;display:flex}.dash-overlay__label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;flex-direction:column;gap:4px;font-size:.7rem;display:flex}.dash-overlay__input{background:var(--bg-elevated)}.dash-overlay__btn{text-align:center}.dash-overlay__btn.btn-ghost{font-size:.75rem}.profile{justify-content:center;min-height:100vh;padding:40px 20px;display:flex}.profile__container{width:100%;max-width:440px}.profile__back{margin-bottom:16px;padding:0}.profile__back:hover{color:var(--accent)}.profile__title{color:var(--text-bright);margin-bottom:24px;font-size:1.5rem;font-weight:800}.profile__avatar-section{justify-content:center;margin-bottom:24px;display:flex}.profile__avatar{border-radius:50%;width:80px;height:80px;overflow:hidden}.profile__avatar-img{object-fit:cover;width:100%;height:100%}.profile__avatar-placeholder{background:var(--bg-elevated);border:2px solid var(--border);width:100%;height:100%;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:900;display:flex}.profile__error{color:var(--lose);margin-bottom:12px;font-size:.85rem}.profile__success{color:var(--win);margin-bottom:12px;font-size:.85rem}.profile__form{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.profile__label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;flex-direction:column;gap:6px;font-size:.8rem;display:flex}.profile__stats{margin-top:16px}.profile__stats-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:.85rem;font-weight:700}.profile__stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.profile__stat{background:var(--bg-surface);border:1px solid var(--border);text-align:center;border-radius:10px;padding:12px}.profile__stat-value{color:var(--text-bright);font-size:1.2rem;font-weight:900;display:block}.profile__stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.6rem}.profile-page{flex:1;padding:36px 20px;overflow-y:auto}.profile-page__layout{align-items:flex-start;gap:24px;width:100%;max-width:1400px;margin:0 auto;display:flex}.profile-page__left{flex-direction:column;flex:0 0 300px;align-self:flex-start;gap:12px;display:flex;position:sticky;top:0}.profile-page__right{flex:1;min-width:0}.profile-page__identity{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:14px;flex-direction:column;align-items:center;padding:24px;display:flex;position:relative}.profile-page__avatar-wrap{cursor:pointer;margin-bottom:10px;position:relative}.profile-page__avatar-hover{opacity:0;background:#00000080;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.profile-page__avatar-wrap:hover .profile-page__avatar-hover{opacity:1}.profile-page__avatar{border-radius:50%;width:80px;height:80px;overflow:hidden}.profile-page__avatar-img{object-fit:cover;width:100%;height:100%}.profile-page__avatar-placeholder{background:var(--bg-elevated);border:2px solid var(--border);width:100%;height:100%;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:900;display:flex}.profile-page__edit-btn{border:1px solid var(--border);background:var(--bg-elevated);width:24px;height:24px;color:var(--text-dim);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s,border-color .2s;display:flex}.profile-page__edit-btn--small{width:22px;height:22px}.profile-page__edit-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.profile-page__name-row{justify-content:center;align-items:center;gap:6px;display:flex}.profile-page__edit-btn--name{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.profile-page__friend-code-row{justify-content:center;align-items:center;gap:6px;margin-top:2px;display:flex}.profile-page__friend-code{color:var(--text-dim);letter-spacing:.04em;-webkit-user-select:all;user-select:all;font-size:.7rem;font-weight:600}.profile-page__friend-code-copy{border:1px solid var(--border);background:var(--bg-elevated);width:22px;height:22px;color:var(--text-dim);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s,border-color .2s;display:flex}.profile-page__friend-code-copy:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.profile-page__name{color:var(--text-bright);font-size:1.25rem;font-weight:800}.profile-page__stats-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:16px;padding:20px;display:flex}.profile-page__rank-row{align-items:center;gap:12px;display:flex}.profile-page__rank-info{flex-direction:column;gap:1px;display:flex}.profile-page__rank-label{letter-spacing:.1em;font-size:.85rem;font-weight:800}.profile-page__rank-sub{color:var(--text-dim);font-size:.75rem}.profile-page__elo-bar{width:100%}.profile-page__progress{background:var(--bg-elevated);border-radius:2px;height:4px;overflow:hidden}.profile-page__progress-fill{border-radius:2px;height:100%;transition:width .3s}.profile-page__elo-range{color:var(--text-dim);justify-content:space-between;margin-top:3px;font-size:.6rem;display:flex}.profile-page__wl-section{padding-top:12px}.profile-page__wl-bar{background:var(--bg-elevated);border-radius:3px;height:6px;display:flex;overflow:hidden}.profile-page__wl-wins{background:var(--win)}.profile-page__wl-losses{background:var(--lose)}.profile-page__wl-labels{justify-content:space-between;margin-top:6px;display:flex}.profile-page__wl-label{color:var(--text-dim);font-size:.65rem;font-weight:700}.profile-page__wl-label--win{color:var(--win)}.profile-page__wl-label--loss{color:var(--lose)}.profile-page__stats-lines{border-top:1px solid var(--border);margin-top:4px;padding-top:6px}.profile-page__stats-line{justify-content:space-between;align-items:center;padding:9px 0;display:flex}.profile-page__stats-line-label{color:var(--text-dim);font-size:.8rem}.profile-page__stats-line-value{color:var(--text-bright);font-size:.85rem;font-weight:800}.profile-page__section-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.7rem;font-weight:700;line-height:1}.profile-page__matches-header{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;grid-template-columns:1fr 64px 64px 64px 76px 84px;align-items:center;gap:4px;margin-bottom:6px;padding:14px 16px 14px 18px;display:grid}.profile-page__matches{flex-direction:column;gap:8px;width:100%;display:flex}.profile-page__matches-empty{text-align:center;color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:48px 20px;font-size:.85rem}.profile-page__match-header,.profile-page__match{grid-template-columns:1fr 64px 64px 64px 76px 84px;align-items:center;gap:4px;min-height:42px;padding:10px 16px;display:grid}.profile-page__match-header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.55rem;font-weight:700;display:contents}.profile-page__match-header span{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);text-align:center;font-size:.55rem;font-weight:700;line-height:1}.profile-page__match-header span:not(:first-child),.profile-page__match span:not(:first-child){text-align:center}.profile-page__match{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--border);box-sizing:border-box;border-radius:8px;width:100%}.profile-page__match--win{border-left-color:var(--win)}.profile-page__match--loss{border-left-color:var(--lose)}.profile-page__match--draw{border-left-color:var(--draw)}.profile-page__match-opponent{color:var(--text-bright);align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.profile-page__match-add-friend{border:1px solid var(--border);background:var(--bg-elevated);width:18px;height:18px;color:var(--text-dim);cursor:pointer;opacity:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.7rem;font-weight:700;line-height:1;transition:background .2s,color .2s;display:flex}.profile-page__match:hover .profile-page__match-add-friend{opacity:1}.profile-page__match-add-friend:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.profile-page__match-result{letter-spacing:.08em;font-size:.7rem;font-weight:800}.profile-page__match-result--win{color:var(--win)}.profile-page__match-result--loss{color:var(--lose)}.profile-page__match-result--draw{color:var(--draw)}.profile-page__match-elo{color:var(--text-dim);font-size:.8rem;font-weight:700}.profile-page__match-elo--up{color:var(--win)}.profile-page__match-elo--down{color:var(--lose)}.profile-page__match-score{color:var(--text-bright);font-size:.85rem;font-weight:700}.profile-page__match-mode{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.6rem}.profile-page__match-mode--ranked{color:var(--accent)}.profile-page__match-date{color:var(--text-dim);font-size:.7rem}.profile-page__load-more{width:100%;color:var(--text-dim);margin-top:8px;padding:12px;font-size:.8rem}.dash-overlay__card--wide{max-width:420px}.profile-page__avatar-upload-preview{border:2px solid var(--border);border-radius:50%;width:100px;height:100px;margin:0 auto 16px;overflow:hidden}.profile-page__avatar-upload-img{object-fit:cover;width:100%;height:100%}.profile-page__avatar-upload-placeholder{background:var(--bg-elevated);width:100%;height:100%;color:var(--text-dim);justify-content:center;align-items:center;font-size:2.5rem;font-weight:900;display:flex}.profile-page__crop-container{background:#000;border-radius:12px;width:100%;height:280px;position:relative;overflow:hidden}.profile-page__crop-zoom{color:var(--text-dim);align-items:center;gap:12px;font-size:.8rem;display:flex}.profile-page__zoom-slider{accent-color:var(--accent);flex:1}.profile-page__crop-actions{gap:10px;display:flex}.profile-page__crop-actions .btn{flex:1}.profile-page__avatar-hint{color:var(--text-dim);text-align:center;font-size:.75rem}@media (width<=540px){.profile-page__stats-grid{grid-template-columns:repeat(2,1fr)}.profile-page__header{text-align:center;flex-direction:column}.profile-page__elo-row{justify-content:center;gap:12px}.profile-page__match-header,.profile-page__match{grid-template-columns:1fr 60px 60px 60px 80px 80px;font-size:.8rem}}.placeholder{min-height:100vh;color:var(--text-dim);letter-spacing:.1em;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.lobby__player-name{color:var(--text-dim);margin-bottom:4px;font-size:.85rem}.mm{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.mm__container{text-align:center;width:100%;max-width:480px;position:relative}.mm__back{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:6px 16px;font-size:.85rem;transition:all .2s;position:absolute;top:-40px;left:0}.mm__back:hover{color:var(--text);border-color:var(--text-dim)}.mm__header{justify-content:center;align-items:center;gap:12px;margin-bottom:40px;display:flex}.mm__title{color:var(--text-bright);font-size:1.6rem;font-weight:700}.mm__mode-badge{width:36px;height:36px;color:var(--bg);border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex}.mm__mode-badge[data-mode=ranked]{background:var(--legendary)}.mm__mode-badge[data-mode=casual]{background:var(--accent)}.mm__error{color:var(--lose);background:#ef444426;border:1px solid #ef44444d;border-radius:8px;margin-bottom:24px;padding:12px 16px;font-size:.9rem}.mm__connecting{color:var(--text-dim);flex-direction:column;align-items:center;gap:16px;display:flex}.mm__spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.mm__searching{flex-direction:column;align-items:center;gap:24px;display:flex}.mm__pulse{background:var(--accent);opacity:.15;border-radius:50%;width:80px;height:80px;animation:1.5s ease-out infinite pulse-ring}@keyframes pulse-ring{0%{opacity:.3;transform:scale(.6)}50%{opacity:.1;transform:scale(1)}to{opacity:.3;transform:scale(.6)}}.mm__search-text{color:var(--text);font-size:1.2rem;font-weight:600}.mm__stats{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:360px;display:grid}.mm__stat{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;padding:14px;display:flex}.mm__stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.mm__stat-value{color:var(--text-bright);font-size:1.3rem;font-weight:700}.mm__cancel{background:var(--bg-surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;padding:10px 32px;font-size:.95rem;transition:all .2s}.mm__cancel:hover{background:var(--bg-elevated);border-color:var(--lose);color:var(--lose)}.mm__found{flex-direction:column;align-items:center;gap:24px;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mm__found-screen{flex-direction:column;align-items:center;gap:24px;animation:.4s ease-out fadeIn;display:flex}.mm__error-screen{flex-direction:column;align-items:center;gap:16px;display:flex}.mm__found-title{letter-spacing:.2em;background:linear-gradient(135deg, var(--win), #69f0ae);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #00e6764d);-webkit-background-clip:text;background-clip:text;margin-right:-.2em;font-size:3rem;font-weight:900}.mm__found-mode{color:var(--text-dim);text-transform:uppercase;letter-spacing:.15em;font-size:.85rem}.mm__found-vs{justify-content:center;align-items:center;gap:40px;margin:16px 0;display:flex}.mm__found-player{flex-direction:column;align-items:center;gap:10px;min-width:120px;display:flex}.mm__found-avatar{border-radius:50%;width:64px;height:64px;overflow:hidden}.mm__found-avatar-img{object-fit:cover;width:100%;height:100%}.mm__found-avatar-placeholder{background:var(--bg-elevated);border:2px solid var(--border);width:100%;height:100%;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;font-weight:900;display:flex}.mm__found-name{color:var(--text-bright);font-size:1rem;font-weight:700}.mm__found-vs-text{color:var(--text-dim);letter-spacing:.1em;font-size:1.5rem;font-weight:900}.mm__found-loading{flex-direction:column;align-items:center;gap:12px;display:flex}.mm__found-status{color:var(--text-dim);font-size:.8rem}.mm__dots{gap:6px;display:flex}.mm__dot{background:var(--win);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dotPulse}.mm__dot:nth-child(2){animation-delay:.2s}.mm__dot:nth-child(3){animation-delay:.4s}.mm__found-vs-text{color:var(--accent);font-size:1.4rem;font-weight:800}.mm__found-loading{color:var(--text-dim);font-size:.9rem;animation:1.5s ease-in-out infinite pulse-text}@keyframes pulse-text{0%,to{opacity:.5}50%{opacity:1}}.lp{scroll-behavior:smooth}.lp__hero{justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.lp__hero-glow{pointer-events:none;background:radial-gradient(circle,#4f8aff1f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:4s ease-in-out infinite lpGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes lpGlow{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}.lp__hero-content{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:24px;display:flex;position:relative}.lp__logo{letter-spacing:.35em;background:linear-gradient(135deg, var(--gold), #ff8c00, var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-right:-.35em;font-size:6rem;font-weight:900;line-height:1;animation:.8s ease-out both lpFadeUp}.lp__tagline{color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;font-size:1.2rem;animation:.8s ease-out .15s both lpFadeUp}.lp__hero-btns{gap:16px;margin-top:8px;animation:.8s ease-out .3s both lpFadeUp;display:flex}.lp__cta{letter-spacing:.12em;padding:16px 40px;font-size:1.1rem}.lp__cta--big{padding:20px 56px;font-size:1.2rem}.lp__cta--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.lp__hero-cards{gap:12px;margin-top:24px;animation:.8s ease-out .5s both lpFadeUp;display:flex}.lp__hero-card{animation:3s ease-in-out infinite lpCardFloat}.lp__hero-card:first-child{animation-delay:0s}.lp__hero-card:nth-child(2){animation-delay:.3s}.lp__hero-card:nth-child(3){animation-delay:.6s}.lp__hero-card:nth-child(4){animation-delay:.9s}.lp__hero-card:nth-child(5){animation-delay:1.2s}@keyframes lpCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes lpFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lp__section{padding:100px 20px;position:relative}.lp__section--dark{background:var(--bg-card)}.lp__container{max-width:1100px;margin:0 auto}.lp__heading{text-align:center;letter-spacing:.06em;background:linear-gradient(135deg, var(--text-bright), var(--text-dim));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:2.4rem;font-weight:900}.lp__subtext{text-align:center;color:var(--text-dim);max-width:600px;margin:0 auto 56px;font-size:1.05rem;line-height:1.6}.lp__pillars{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.lp__pillar{background:var(--bg-surface);border:1px solid var(--border);text-align:center;border-radius:16px;padding:40px 28px;transition:border-color .3s,box-shadow .3s}.lp__pillar:hover{border-color:#4f8aff4d;box-shadow:0 0 24px #4f8aff0f}.lp__pillar h3{color:var(--text-bright);margin-bottom:10px;font-size:1.15rem;font-weight:700}.lp__pillar p{color:var(--text-dim);font-size:.9rem;line-height:1.6}.lp__pillar-icon{border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;display:flex}.lp__pillar-icon--strategy{color:var(--accent);background:#4f8aff14;border-color:#4f8aff33}.lp__pillar-icon--tactical{color:var(--special);background:#f59e0b14;border-color:#f59e0b33}.lp__pillar-icon--competitive{color:var(--legendary);background:#ef444414;border-color:#ef444433}.lp__tiers{flex-direction:column;gap:36px;display:flex}.lp__tier{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;grid-template-rows:auto auto;grid-template-columns:160px 1fr;align-items:center;gap:8px 28px;padding:28px 32px;display:grid}.lp__tier-header{flex-direction:column;gap:4px;display:flex}.lp__tier-name{letter-spacing:.04em;font-size:1.2rem;font-weight:800}.lp__tier-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.lp__tier-cards{flex-wrap:wrap;gap:10px;display:flex}.lp__tier-desc{color:var(--text-dim);grid-column:1/-1;margin-top:4px;font-size:.85rem;line-height:1.5}.lp__steps{justify-content:center;align-items:flex-start;gap:24px;display:flex}.lp__step{text-align:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;flex:1;max-width:280px;padding:32px 20px;transition:border-color .3s}.lp__step:hover{border-color:#4f8aff4d}.lp__step-num{background:linear-gradient(135deg, var(--accent), #36f);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 16px;font-size:1.2rem;font-weight:800;display:flex}.lp__step h3{color:var(--text-bright);margin-bottom:8px;font-size:1.05rem;font-weight:700}.lp__step p{color:var(--text-dim);font-size:.85rem;line-height:1.5}.lp__step-arrow{color:var(--text-dim);opacity:.4;margin-top:48px;font-size:1.8rem}.lp__features{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.lp__feature{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;padding:28px 24px;transition:border-color .3s,box-shadow .3s}.lp__feature:hover{border-color:#4f8aff40;box-shadow:0 0 20px #4f8aff0d}.lp__feature-icon{color:var(--accent);margin-bottom:14px}.lp__feature h3{color:var(--text-bright);margin-bottom:6px;font-size:1rem;font-weight:700}.lp__feature p{color:var(--text-dim);font-size:.85rem;line-height:1.5}.lp__ranks{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.lp__rank{flex-direction:column;align-items:center;gap:10px;min-width:100px;display:flex}.lp__rank-badge{background:var(--bg-surface);border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.6rem;transition:transform .3s,box-shadow .3s;display:flex}.lp__rank:hover .lp__rank-badge{transform:scale(1.1)}.lp__rank-name{letter-spacing:.04em;font-size:.95rem;font-weight:700}.lp__rank-elo{color:var(--text-dim);font-size:.75rem}.lp__cta-footer{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:120px 20px;display:flex;position:relative;overflow:hidden}.lp__cta-footer-glow{pointer-events:none;background:radial-gradient(circle,#4f8aff1a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lp__cta-sub{color:var(--text-dim);font-size:.9rem}@media (width<=900px){.lp__pillars{grid-template-columns:1fr;max-width:440px;margin:0 auto}.lp__features{grid-template-columns:repeat(2,1fr)}.lp__tier{grid-template-columns:1fr}.lp__tier-header{flex-direction:row;align-items:baseline;gap:10px}.lp__steps{flex-direction:column;align-items:center}.lp__step{width:100%;max-width:400px}.lp__step-arrow{margin:0;transform:rotate(90deg)}}@media (width<=600px){.lp__logo{letter-spacing:.25em;margin-right:-.25em;font-size:3.5rem}.lp__tagline{font-size:.8rem}.lp__hero-btns{flex-direction:column;width:100%;max-width:280px}.lp__cta{width:100%;padding:14px 20px}.lp__hero-cards{gap:8px}.lp__hero-cards .card{width:56px;height:78px}.lp__hero-cards .card__value{font-size:1.1rem}.lp__hero-cards .card__name{font-size:.4rem}.lp__heading{font-size:1.8rem}.lp__section{padding:64px 16px}.lp__features{grid-template-columns:1fr}.lp__ranks{gap:16px}.lp__rank-badge{width:52px;height:52px;font-size:1.3rem}.lp__rank{min-width:80px}}