.kicker{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 85%, transparent);color:var(--text-muted);border-radius:999px;align-items:center;gap:8px;margin:0 0 18px;padding:6px 14px 6px 10px;font-size:.9rem;font-weight:500;display:inline-flex}.kicker__dot{background:var(--ok);width:9px;height:9px;box-shadow:0 0 0 4px var(--ok-soft);border-radius:50%;animation:2.4s ease-in-out infinite kicker-pulse}@keyframes kicker-pulse{0%,to{box-shadow:0 0 0 4px var(--ok-soft)}50%{box-shadow:0 0 0 8px #0000}}.hero-play h1{margin-bottom:22px;font-size:clamp(2.3rem,4.4vw,3.5rem)}.hero-chat{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;max-width:520px;margin-bottom:20px;display:grid}.hero-chat__avatar{background:#1f2536;border-radius:50%;width:40px;height:40px;padding:4px}.hero-chat__body{justify-items:start;gap:6px;display:grid}.card .hero-chat__name,.hero-chat__name{color:var(--accent-text);align-items:center;gap:6px;margin:0;font-weight:700;display:flex}.hero-chat__tag{color:#fff;background:#3b4bd8;border-radius:4px;padding:0 5px;font-size:.66rem;font-weight:700;line-height:1.6}.hero-chat__bubble{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:4px 16px 16px;margin:0;padding:9px 14px;font-size:1.05rem;animation:.4s ease-out both live-in}.hero-chat__bubble--1{animation-delay:.9s}.hero-chat__bubble--2{animation-delay:1.7s}.hero-chat__typing{background:var(--surface-2);border-radius:4px 16px 16px;gap:4px;padding:10px 12px;animation:.2s ease-in .85s both typing-gone;display:inline-flex}.hero-chat__typing i{background:var(--text-faint);border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite typing}.hero-chat__typing i:nth-child(2){animation-delay:.15s}.hero-chat__typing i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes typing-gone{to{opacity:0;height:0;margin:0;padding:0;overflow:hidden}}.hero-picks{flex-wrap:wrap;gap:8px;margin:0 0 26px;animation:.4s ease-out 2.1s both live-in;display:flex}.hero-pick{--pick:var(--accent);border:1px solid var(--border-strong);background:var(--surface);min-height:42px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 16px 8px 12px;font-weight:600;transition:transform .15s,border-color .15s,background-color .15s;display:inline-flex}.hero-pick[data-feature=events]{--pick:var(--teal)}.hero-pick[data-feature=lfg]{--pick:var(--violet)}.hero-pick[data-feature=voice]{--pick:var(--rose)}.hero-pick svg{color:var(--pick)}.hero-pick:hover{border-color:var(--pick);transform:translateY(-2px)}.hero-pick[aria-pressed=true]{border-color:var(--pick);background:color-mix(in srgb, var(--pick) 14%, var(--surface));box-shadow:0 0 0 3px color-mix(in srgb, var(--pick) 22%, transparent)}.hero-play .hero-art__bubble{animation:.45s cubic-bezier(.3,1.6,.5,1) both live-pop}.hero-play .hero-art__mascot{z-index:2;width:156px}.hero-art__progress{background:var(--border);border-radius:999px;width:120px;height:3px;margin:12px auto 0;display:block;overflow:hidden}.hero-art__progress span{background:var(--accent);height:100%;animation:6.5s linear both fill-bar;display:block}@keyframes fill-bar{0%{width:0}to{width:100%}}.live .dc-main__feed{min-height:250px}.how{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(20px,4vw,48px);display:grid}@media (max-width:860px){.how{grid-template-columns:minmax(0,1fr)}}.how__tabs{gap:10px;display:grid}.how__tab{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:14px;padding:16px 18px;transition:border-color .15s,transform .15s;display:grid;position:relative;overflow:hidden}.how__tab:hover{transform:translate(4px)}.how__tab[aria-selected=true]{border-color:color-mix(in srgb, var(--accent) 60%, var(--border));background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.how__num{background:var(--surface-3);width:40px;height:40px;color:var(--text-muted);font-family:var(--font-display);border-radius:12px;place-items:center;font-size:1.1rem;font-weight:700;transition:background-color .2s,color .2s;display:grid}.how__tab[aria-selected=true] .how__num{background:var(--accent);color:var(--accent-ink)}.how__words{gap:2px;display:grid}.how__words b{font-family:var(--font-display);font-size:1.08rem}.how__words span{color:var(--text-muted);font-size:.93rem}.how__timer{background:0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.how__timer span{background:var(--accent);height:100%;animation:5.2s linear both fill-bar;display:block}.how__panel{border:1px solid var(--border);background:radial-gradient(360px 200px at 15% 0%, #ff9f1f29, transparent 70%), radial-gradient(360px 200px at 100% 100%, #37d6c024, transparent 70%), var(--bg-raised);border-radius:24px;place-items:center;min-height:330px;padding:28px;animation:.35s ease-out both live-in;display:grid}.mini--big{gap:10px;max-width:340px;padding:18px;font-size:13.5px;position:relative}.how-cursor{filter:drop-shadow(0 2px 3px #00000080);animation:1.6s ease-in-out .3s both how-cursor;position:absolute;top:85%;left:70%}@keyframes how-cursor{0%{opacity:0;transform:translate(40px,40px)}20%{opacity:1}70%{transform:translate(-60px,-86px)}80%{transform:translate(-60px,-86px)scale(.85)}to{opacity:1;transform:translate(-60px,-86px)scale(1)}}.how-select{animation:.3s ease-out 1.5s both how-select}@keyframes how-select{to{background:#1f2536;outline:1px solid #ffb54d99}}.how-select .mini__go{animation:.3s ease-out 1.6s both live-in}.how-tick .mini__box{animation:.35s ease-out both how-tick}.how-tick[data-at="0"] .mini__box{animation-delay:.3s}.how-tick[data-at="1"] .mini__box{animation-delay:.8s}@keyframes how-tick{0%{color:#0000;background:0 0;border-color:#4a526a}to{color:#1c1203;background:#ffab3d;border-color:#ffab3d}}.how-tick{animation:.35s ease-out both how-glow}.how-tick[data-at="0"]{animation-delay:.3s}.how-tick[data-at="1"]{animation-delay:.8s}@keyframes how-glow{to{background:#ffb54d14;border-color:#ffb54d8c}}.how-ready{background:#1c2130;border:1px solid #3ddc974d;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;font-weight:600;display:flex}.how-ready img{width:20px;height:20px}.how-ready em{color:#6be8b0;margin-left:auto;font-size:11px;font-style:normal}.how-ready__letter{border-radius:6px;width:20px;height:20px}.how-type{white-space:nowrap;border-right:2px solid #ffc56b;animation:1.1s steps(12,end) .2s both how-type,.8s step-end infinite how-caret;display:inline-block;overflow:hidden}@keyframes how-type{0%{max-width:0}to{max-width:12ch}}@keyframes how-caret{50%{border-color:#0000}}.how-state{animation:.3s ease-out both how-state}@keyframes how-state{to{color:#6be8b0;background:#3ddc9724}}.play-name{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}@media (max-width:860px){.play-name{grid-template-columns:minmax(0,1fr)}}.play-name__form{gap:10px;max-width:440px;display:grid}.play-name__label{margin:6px 0 0;font-weight:600}.play-name__input{font-family:var(--font-display);font-size:1.2rem;font-weight:600}.play-name__langs{flex-wrap:wrap;gap:8px;display:flex}.chip-toggle{border:1px solid var(--border-strong);background:var(--surface);min-height:40px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.92rem;font-weight:600;transition:background-color .15s,border-color .15s,transform .15s}.chip-toggle:hover{transform:translateY(-1px)}.chip-toggle[aria-pressed=true]{border-color:var(--accent-strong);background:var(--accent);color:var(--accent-ink)}.card .play-name__note,.play-name__note{color:var(--text-muted);margin:8px 0 0;font-size:.88rem}.pcard__name-text{animation:.3s ease-out both live-in}.glance{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.glance__tile{--tone:var(--accent-text);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);gap:4px;padding:18px;transition:transform .2s,border-color .2s;display:grid}.glance__tile[data-tone=teal]{--tone:var(--teal)}.glance__tile[data-tone=violet]{--tone:var(--violet)}.glance__tile[data-tone=rose]{--tone:var(--rose)}.glance__tile:hover{border-color:color-mix(in srgb, var(--tone) 55%, var(--border));transform:translateY(-4px)rotate(-.6deg)}.glance__icon{background:color-mix(in srgb, var(--tone) 14%, transparent);width:40px;height:40px;color:var(--tone);border-radius:12px;place-items:center;margin-bottom:8px;transition:transform .3s cubic-bezier(.3,1.6,.5,1);display:grid}.glance__tile:hover .glance__icon{transform:rotate(-8deg)scale(1.1)}.glance__icon svg{width:22px;height:22px}.glance__tile b{font-family:var(--font-display);font-size:1.05rem}.glance__tile span:last-child{color:var(--text-muted);font-size:.92rem}.show-row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.show-row:nth-child(2n){grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.show-row:nth-child(2n) .show-row__text{order:2}@media (max-width:900px){.show-row,.show-row:nth-child(2n){grid-template-columns:minmax(0,1fr)}.show-row:nth-child(2n) .show-row__text{order:0}}.show-row__num{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1.5px var(--border-strong);margin-bottom:8px;font-size:3rem;font-weight:700;line-height:1;display:block}.show-row__text h3{margin-bottom:.4em;font-size:clamp(1.5rem,2.6vw,2rem)}.show-row__text p{color:var(--text-muted);max-width:460px;font-size:1.05rem}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both reveal-up;animation-timeline:view();animation-range:entry cover 22%}}}@keyframes reveal-up{0%{opacity:0;transform:translateY(26px)scale(.98)}to{opacity:1;transform:none}}