:root{--bg:#15112e;--bg-2:#211a4a;--panel:#ffffff12;--panel-solid:#251e52;--line:#ffffff24;--text:#f6f3ff;--muted:#b3acd9;--accent:#ffc93c;--red:#ff5a5f;--red-1:#ff8185;--red-2:#db2f48;--red-ink:#d42d44;--yellow:#ffc93c;--yellow-1:#ffd96b;--yellow-2:#f29f05;--yellow-ink:#d98b00;--green:#2ec4a6;--green-1:#5fdcc1;--green-2:#11957d;--green-ink:#0f8a73;--blue:#3d8bff;--blue-1:#6ea9ff;--blue-2:#2055d6;--blue-ink:#2358d8;--any:#b794ff;--font:ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI Variable Display", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:radial-gradient(1100px 620px at 50% -12%, #3b2d84 0%, transparent 62%), radial-gradient(700px 500px at 100% 100%, #3d8bff29 0%, transparent 60%), var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-attachment:fixed}button{font-family:inherit}.muted{color:var(--muted);margin:0;font-size:14px}.app{min-height:100dvh}.logo{letter-spacing:.02em;font-size:clamp(36px,9vw,84px);font-weight:900;line-height:1;display:inline-flex}.logo__letter{transform:rotate(calc((var(--i) - var(--mid)) * 3deg)) translateY(calc(var(--i) * 0px));text-shadow:0 .06em #0000004d;animation:3.2s ease-in-out infinite letter-float;animation-delay:calc(var(--i) * -.4s);display:inline-block}.logo__letter--red{color:var(--red)}.logo__letter--yellow{color:var(--yellow)}.logo__letter--green{color:var(--green)}.logo__letter--blue{color:var(--blue)}.logo--small{font-size:26px}.logo--small .logo__letter{animation:none}.btn{font:inherit;cursor:pointer;color:var(--text);background:var(--panel);white-space:nowrap;border:none;border-radius:999px;padding:12px 22px;font-size:16px;font-weight:800;transition:transform .12s,filter .12s,opacity .12s,background .15s}.btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,.input:focus-visible,.card:focus-visible,.swatch:focus-visible,.draw-pile:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.btn--primary{background:linear-gradient(135deg, var(--red) 0%, #ff8a3d 50%, var(--yellow) 100%);color:#22113d;box-shadow:0 6px 20px -6px #ff6e50b3}.btn--secondary{background:var(--blue);color:#fff}.btn--ghost{box-shadow:inset 0 0 0 2px var(--line);background:0 0}.btn--sm{padding:7px 14px;font-size:14px}.btn--block{width:100%}.btn--catch{background:var(--red);color:#fff;z-index:3;padding:6px 14px;font-size:14px;animation:.7s ease-in-out infinite wiggle;position:absolute;top:-14px;right:-8px;box-shadow:0 4px 16px #ff5a5f99}.btn--lastcard{padding:8px 16px;font-size:14px}.btn--lastcard.is-arm{box-shadow:inset 0 0 0 2px var(--yellow);color:var(--yellow);background:0 0}.btn--lastcard.is-armed{background:var(--yellow);color:#22113d}.btn--lastcard.is-call{background:var(--red);color:#fff;animation:.9s ease-in-out infinite pulse}.btn--lastcard.is-called{background:var(--green);color:#08302a;opacity:1}.input{font:inherit;border:2px solid var(--line);color:var(--text);background:#00000040;border-radius:14px;width:100%;padding:12px 16px;font-size:17px;transition:border-color .15s}.input:focus{border-color:var(--yellow);outline:none}.input::placeholder{color:#ffffff59}.input--code{text-transform:uppercase;letter-spacing:.35em;text-align:center;font-weight:900}.field{flex-direction:column;gap:6px;display:flex}.field__label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:13px;font-weight:800}.badge{text-transform:uppercase;letter-spacing:.06em;color:var(--text);background:#ffffff24;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:900}.badge--host{background:var(--yellow);color:#22113d}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:24px;flex-direction:column;gap:14px;width:min(420px,100%);padding:24px;display:flex;box-shadow:0 20px 60px -20px #0009}.card{--w:88px;--c1:var(--any);--c2:#6d4fd1;--ink:#fff;width:var(--w);height:calc(var(--w) * 1.45);border-radius:calc(var(--w) * .14);color:#fff;background:linear-gradient(155deg, var(--c1) 0%, var(--c2) 100%);box-shadow:inset 0 0 0 calc(var(--w) * .045) #fffffff2, 0 6px 14px #00000059;-webkit-user-select:none;user-select:none;border:none;flex:none;margin:0;padding:0;display:block;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:repeating-linear-gradient(135deg,#ffffff17 0 5px,#0000 5px 13px);position:absolute;inset:0}.card--sm{--w:30px}.card--md{--w:88px}.card--lg{--w:92px}.card--red{--c1:var(--red-1);--c2:var(--red-2);--ink:var(--red-ink)}.card--yellow{--c1:var(--yellow-1);--c2:var(--yellow-2);--ink:var(--yellow-ink)}.card--green{--c1:var(--green-1);--c2:var(--green-2);--ink:var(--green-ink)}.card--blue{--c1:var(--blue-1);--c2:var(--blue-2);--ink:var(--blue-ink)}.card--wild{--c1:#2e2660;--c2:#110d2a;--ink:#fff}.card__prism{aspect-ratio:1;background:#fff;border-radius:24%;place-items:center;width:56%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 3px #00000026}.card--wild .card__prism{background:conic-gradient(from 0deg, var(--red) 0 25%, var(--yellow) 0 50%, var(--green) 0 75%, var(--blue) 0)}.card__glyph{width:82%;height:82%;color:var(--ink);display:grid;transform:rotate(-45deg)}.card--wild .card__glyph{filter:drop-shadow(0 2px 2px #00000073)}.card__glyph svg,.card__corner svg{width:100%;height:100%;overflow:visible}.card__corner{aspect-ratio:1;color:#fff;filter:drop-shadow(0 1px #0000004d);width:27%;display:grid;position:absolute}.card__corner--tl{top:7%;left:8%}.card__corner--br{bottom:7%;right:8%;transform:rotate(180deg)}.card--sm .card__corner,.card--sm .card__prism{display:none}button.card{cursor:pointer}button.card[aria-disabled=true]{cursor:not-allowed}.card.is-dimmed{filter:saturate(.35)brightness(.62)}.card.is-highlight{box-shadow:inset 0 0 0 calc(var(--w) * .045) #fffffff2, 0 0 0 3px var(--accent), 0 0 22px #ffc93cbf}.card-back{background:linear-gradient(155deg,#3a2f86 0%,#1a1442 100%)}.card-back:before{background:repeating-linear-gradient(45deg,#ffffff0f 0 4px,#0000 4px 10px),repeating-linear-gradient(-45deg,#ffffff0d 0 4px,#0000 4px 10px)}.card-back__prism{aspect-ratio:1;background:conic-gradient(from 0deg, var(--red) 0 25%, var(--yellow) 0 50%, var(--green) 0 75%, var(--blue) 0);width:46%;box-shadow:0 0 0 calc(var(--w) * .04) #fff;border-radius:22%;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.card-back__word{text-align:center;font-weight:900;font-size:calc(var(--w) * .1);letter-spacing:.04em;color:#fff;position:absolute;bottom:13%;left:0;right:0}.card--sm.card-back .card-back__prism{width:50%;top:50%;box-shadow:0 0 0 2px #fff}.card--sm .card-back__word{display:none}.lobby{align-content:center;place-items:center;gap:28px;min-height:100dvh;padding:32px 16px;display:grid}.lobby__hero{text-align:center}.lobby__tagline{color:var(--muted);margin:14px 0 0;font-size:18px}.lobby__showcase{justify-content:center;margin-top:34px;padding-left:30px;display:flex}.lobby__showcase .card{transform:rotate(calc(var(--i) * 10deg)) translateY(var(--y));transform-origin:50% 120%;animation:.6s cubic-bezier(.2,.9,.3,1.3) both deal-in;animation-delay:calc((var(--i) + 2) * 80ms);margin-left:-30px}.lobby__panel{gap:16px}.divider{color:var(--muted);align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.join-row{gap:10px;margin:0;display:flex}.join-row .input{flex:1;min-width:0}.rules{color:var(--muted);font-size:14px}.rules summary{cursor:pointer;color:var(--text);font-weight:800}.rules ul{margin:10px 0 0;padding-left:18px;line-height:1.55}@media (width>=900px){.lobby{grid-template-columns:1fr 420px;gap:56px;max-width:1060px;margin:0 auto}}.waiting{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:24px 16px;display:flex}.room-code{background:#00000047;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px 10px 18px;display:flex}.room-code__value{letter-spacing:.25em;font-size:clamp(28px,9vw,38px);font-weight:900}.player-list{flex-direction:column;gap:8px;margin:4px 0;padding:0;list-style:none;display:flex}.player-list li{background:#ffffff0d;border-radius:14px;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex}.player-list li.is-offline{opacity:.6}.player-list li.is-empty{box-shadow:inset 0 0 0 1px var(--line);opacity:.55;background:0 0}.player-list__name{flex:1;align-items:center;gap:6px;min-width:0;font-weight:800;display:flex}.status-dot{background:#6b6690;border-radius:50%;width:10px;height:10px}.status-dot.is-on{background:var(--green);box-shadow:0 0 8px var(--green)}.waiting__hint{text-align:center;color:var(--muted);margin:6px 0;font-weight:800;animation:2s ease-in-out infinite breathe}.avatar{--size:44px;width:var(--size);height:var(--size);background:var(--tone);font-weight:900;font-size:calc(var(--size) * .38);color:#fff;border-radius:32%;flex:none;place-items:center;display:grid;transform:rotate(-5deg);box-shadow:inset 0 -3px #00000038}.avatar.is-offline{filter:grayscale()brightness(.8)}.avatar--empty{width:36px;height:36px;box-shadow:inset 0 0 0 2px var(--line);background:0 0}.game{grid-template:"header""opponents""table"1fr"hand"/minmax(0,1fr);height:100dvh;min-height:600px;display:grid}@media (width>=1180px){.game{grid-template-columns:minmax(0,1fr) 280px;grid-template-areas:"header header""opponents log""table log""hand log"}}.game-header{border-bottom:1px solid var(--line);background:#0a081a59;grid-area:header;align-items:center;gap:10px;padding:10px 16px;display:flex}.game-header__room{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:14px}.game-header__log[aria-expanded=true]{background:var(--text);color:var(--bg)}@media (width<=420px){.game-header .logo--small{font-size:20px}.game-header__round{display:none}}.game-header__room strong{color:var(--text);letter-spacing:.14em}.opponents{scrollbar-width:none;grid-area:opponents;justify-content:safe center;align-items:flex-start;gap:12px;padding:20px 16px 8px;display:flex;overflow-x:auto}.opponents::-webkit-scrollbar{display:none}@media (width>=760px){.opponents{flex-wrap:wrap;padding-top:36px;overflow:visible}.opponent{transform:translateY(var(--drop))}}.opponent{background:var(--panel);border:2px solid #0000;border-radius:18px;flex-direction:column;flex:none;gap:8px;min-width:156px;max-width:200px;padding:10px 12px;transition:border-color .2s,box-shadow .2s,transform .3s,opacity .2s;display:flex;position:relative}.opponent.is-current{border-color:#ffffffe6;box-shadow:0 0 0 4px #ffffff1f,0 0 28px #b794ff8c}.opponent.is-offline{opacity:.6}.opponent__identity{align-items:center;gap:10px;min-width:0;display:flex}.opponent__meta{flex-direction:column;min-width:0;display:flex}.opponent__name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-weight:800;display:flex;overflow:hidden}.opponent__status{color:var(--muted);font-size:12px}.opponent.is-current .opponent__status{color:var(--yellow);font-weight:800}.opponent__cards{justify-content:space-between;align-items:center;gap:8px;display:flex}.opponent__fan{align-items:center;height:46px;padding-left:16px;display:flex}.opponent__fan .card{transform:rotate(calc((var(--i) - (var(--n) - 1) / 2) * 7deg));transform-origin:50% 100%;margin-left:-16px}.opponent__count{text-align:right;min-width:28px;font-size:22px;font-weight:900}.opponent__flag{text-transform:uppercase;letter-spacing:.06em;background:var(--yellow);color:#22113d;border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:11px;font-weight:900}.table{--glow:var(--any);flex-direction:column;grid-area:table;justify-content:center;align-items:center;gap:14px;min-height:0;padding:12px 16px;display:flex;container-type:size}.table--red{--glow:var(--red)}.table--yellow{--glow:var(--yellow)}.table--green{--glow:var(--green)}.table--blue{--glow:var(--blue)}.table__felt{aspect-ratio:1;width:max(170px,min(330px,100cqh - 70px,86cqw));box-shadow:0 0 0 10px #ffffff0a, 0 0 80px -10px var(--glow), inset 0 0 40px #00000073;background:radial-gradient(circle at 50% 40%,#ffffff1a,#0000 60%),radial-gradient(circle,#2f2770 0%,#1b1546 70%);border-radius:50%;place-items:center;transition:box-shadow .4s;display:grid;position:relative}.direction-ring{color:#ffffff8c;pointer-events:none;width:108%;height:108%;animation:14s linear infinite spin;position:absolute;inset:-4%}.direction-ring.is-ccw{animation-direction:reverse}.direction-ring>path{fill:none;stroke:#ffffff59;stroke-width:4px;stroke-linecap:round}.table__piles{align-items:center;gap:26px;display:flex;position:relative}.table__piles .card{--w:clamp(54px, calc(25cqh - 4px), 88px)}.draw-pile{cursor:pointer;background:0 0;border:none;border-radius:14px;padding:0;position:relative}.draw-pile:disabled{cursor:default}.draw-pile__under{opacity:.7;position:absolute;top:5px;left:5px}.draw-pile.is-active .draw-pile__top{box-shadow:inset 0 0 0 calc(var(--w) * .045) #fffffff2, 0 0 0 3px var(--accent), 0 0 24px #ffc93c99;animation:1.4s ease-in-out infinite bob}.draw-pile__count{min-width:32px;color:var(--text);background:var(--panel-solid);box-shadow:0 0 0 2px var(--line);border-radius:999px;padding:3px 8px;font-size:13px;font-weight:900;position:absolute;bottom:-12px;right:-12px}.draw-pile__hint{text-transform:uppercase;background:var(--accent);color:#22113d;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:900;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.discard .card{box-shadow:inset 0 0 0 calc(var(--w) * .045) #fffffff2, 0 0 0 4px var(--glow), 0 10px 24px #00000073;animation:.28s cubic-bezier(.2,.9,.3,1.25) land}.table__info{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.color-chip{background:var(--panel);--dot:var(--any);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-weight:900;display:inline-flex}.color-chip--red{--dot:var(--red)}.color-chip--yellow{--dot:var(--yellow)}.color-chip--green{--dot:var(--green)}.color-chip--blue{--dot:var(--blue)}.color-chip__dot{background:var(--dot);width:14px;height:14px;box-shadow:0 0 10px var(--dot);border-radius:4px;transform:rotate(45deg)}.color-chip--any .color-chip__dot{background:conic-gradient(var(--red) 0 25%, var(--yellow) 0 50%, var(--green) 0 75%, var(--blue) 0)}.direction-label,.turn-label{color:var(--muted);font-weight:700}.my-area{border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(#0000001a,#0006);grid-area:hand;transition:box-shadow .3s}.my-area.is-turn{box-shadow:inset 0 3px 0 var(--accent), 0 -14px 40px -16px var(--accent)}.my-area__bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;min-height:46px;padding:10px 16px 0;display:flex}.my-area__label{font-weight:900}.my-area.is-turn .my-area__label{color:var(--accent)}.my-area__count{color:var(--muted);font-size:13px;font-weight:700}.hand{scrollbar-width:thin;padding:26px 16px 16px;overflow:auto visible}.hand__row{width:max-content;margin:0 auto;padding:0 8px;display:flex}.hand .card{transform:rotate(var(--tilt));transform-origin:50% 110%;transition:transform .16s,filter .2s}.hand .card+.card{margin-left:var(--overlap)}.hand .card.is-playable:hover,.hand .card.is-playable:focus-visible{transform:translateY(-18px) rotate(var(--tilt));z-index:2}.hand .card.is-playable{animation:.3s ease-out both deal-in}.event-log{z-index:20;grid-area:log;width:min(300px,100vw - 24px);position:fixed;top:58px;right:12px}.event-log__list{background:var(--panel-solid);width:100%;max-height:46vh;box-shadow:0 0 0 1px var(--line), 0 18px 40px #00000080;border-radius:16px;margin:8px 0 0;padding:10px;font-size:13px;line-height:1.4;list-style:none;display:none;overflow-y:auto}.event-log.is-open .event-log__list{display:block}.event-log__item{border-radius:10px;align-items:baseline;gap:8px;padding:6px 8px;display:flex}.event-log__item:first-child{background:#ffffff12}.event-log__item--catch{color:#ff9a9d}.event-log__item--lastcard{color:var(--yellow)}.event-log__item--win{color:var(--green);font-weight:800}.event-log__dot{border-radius:3px;flex:none;width:9px;height:9px;transform:rotate(45deg)}.event-log__dot--red{background:var(--red)}.event-log__dot--yellow{background:var(--yellow)}.event-log__dot--green{background:var(--green)}.event-log__dot--blue{background:var(--blue)}@media (width>=1180px){.event-log{width:auto;min-height:0;padding:16px 16px 16px 0;position:static}.game-header__log{display:none}.event-log__list{max-height:calc(100dvh - 90px);margin:0;display:block;position:sticky;top:16px}}.modal{width:min(420px,100vw - 32px);max-width:none;color:var(--text);background:0 0;border:none;padding:0;overflow:visible}.modal::backdrop{-webkit-backdrop-filter:blur(4px);background:#080616b8}.modal__panel{background:var(--panel-solid);width:100%;box-shadow:0 0 0 1px var(--line), 0 30px 80px #0009;text-align:center;border-radius:26px;flex-direction:column;align-items:center;gap:12px;padding:26px 22px 22px;animation:.25s cubic-bezier(.2,.9,.3,1.3) pop;display:flex;position:relative;overflow:hidden}.modal__panel h2{margin:0;font-size:24px}.color-picker__grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin:6px 0;display:grid}.swatch{color:#fff;text-shadow:0 1px 2px #0000004d;cursor:pointer;border:none;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:96px;font-size:18px;font-weight:900;transition:transform .12s;display:flex}.swatch:hover{transform:scale(1.04)}.swatch--red{background:linear-gradient(155deg, var(--red-1), var(--red-2))}.swatch--yellow{background:linear-gradient(155deg, var(--yellow-1), var(--yellow-2))}.swatch--green{background:linear-gradient(155deg, var(--green-1), var(--green-2))}.swatch--blue{background:linear-gradient(155deg, var(--blue-1), var(--blue-2))}.swatch__gem{background:#fff;border-radius:7px;width:26px;height:26px;transform:rotate(45deg)}.round-over>:not(.round-over__burst){position:relative}.round-over__burst{background:repeating-conic-gradient(#ffc93c21 0 10deg, transparent 10deg 20deg);pointer-events:none;width:520px;height:520px;margin:-260px 0 0 -260px;animation:18s linear infinite spin;position:absolute;top:60px;left:50%}.round-over__points{color:var(--yellow);margin:0;font-size:20px;font-weight:900}.scoreboard{flex-direction:column;gap:6px;width:100%;margin:4px 0;padding:0;list-style:none;display:flex}.scoreboard li{background:#ffffff0f;border-radius:12px;justify-content:space-between;padding:8px 14px;font-weight:700;display:flex}.scoreboard li.is-winner{box-shadow:inset 0 0 0 1px var(--green);background:#2ec4a638}.round-over__actions{flex-direction:column;gap:10px;width:100%;margin-top:6px;display:flex}.toasts{z-index:60;pointer-events:none;flex-direction:column;gap:8px;width:min(420px,100vw - 32px);display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;font:inherit;text-align:left;color:var(--text);background:var(--panel-solid);box-shadow:0 0 0 1px var(--line), 0 12px 30px #00000080;border:none;border-left:5px solid var(--blue);cursor:pointer;border-radius:14px;padding:12px 16px;font-size:14px;font-weight:800;animation:.25s ease-out toast-in}.toast--error{border-left-color:var(--red)}.toast--warn{border-left-color:var(--yellow)}.connection-banner{z-index:70;text-align:center;background:var(--red);color:#fff;padding:8px 16px;font-size:14px;font-weight:800;position:fixed;top:0;left:0;right:0}.splash{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;display:flex}@media (width<=640px){.card--md{--w:70px}.card--lg{--w:66px}.card--sm{--w:24px}.game-header{padding:8px 12px}.game-header__room{font-size:12px}.opponents{gap:8px;padding:12px 12px 4px}.opponent{gap:4px;min-width:128px;padding:8px 10px}.opponent .avatar{--size:32px!important}.opponent__fan{height:36px;padding-left:12px}.opponent__fan .card{margin-left:-12px}.opponent__count{font-size:18px}.table{padding:8px 12px}.table__felt{width:max(170px,min(270px,100cqh - 64px,80cqw))}.table__piles{gap:18px}.hand{padding:22px 12px 12px}.hand .card+.card{margin-left:calc(var(--overlap) * .75)}.lobby__showcase .card{--w:64px}.event-log{top:50px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)scale(1.05)}}@keyframes land{0%{opacity:.4;transform:translateY(-24px)rotate(-12deg)scale(1.12)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}@keyframes deal-in{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes letter-float{0%,to{translate:0}50%{translate:0 -6px}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.bot-icon{vertical-align:-2px;color:currentColor;flex:none}.badge--bot{color:var(--green-1);--bot-eye:#123d36;background:#2ec4a638;align-items:center;gap:3px;display:inline-flex}.avatar--bot{color:#fff;--bot-eye:var(--tone)}.event-log__item .bot-icon{color:var(--green-1);--bot-eye:var(--panel-solid);align-self:center}.scoreboard__name{align-items:center;gap:6px;display:inline-flex}.scoreboard__name .bot-icon{color:var(--green-1);--bot-eye:var(--panel-solid)}.bot-picker{border:none;flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.bot-picker legend{--bot-eye:var(--bg);align-items:center;gap:6px;margin-bottom:8px;padding:0;display:inline-flex}.segmented{background:#00000040;border-radius:14px;grid-template-columns:repeat(5,1fr);gap:6px;padding:4px;display:grid}.segmented__option{cursor:pointer;height:38px;color:var(--muted);border-radius:10px;place-items:center;font-weight:900;transition:background .15s,color .15s;display:grid;position:relative}.segmented__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented__option.is-selected{background:var(--blue);color:#fff}.segmented__option:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.btn--icon{width:32px;height:32px;padding:0;font-size:20px;line-height:1}.add-bot{all:unset;cursor:pointer;width:100%;color:var(--green-1);--bot-eye:var(--bg);align-items:center;gap:12px;font-weight:800;display:flex}.add-bot:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:10px}.player-list li.is-empty:has(.add-bot){opacity:1;box-shadow:inset 0 0 0 1px #2ec4a680}.player-list li.is-empty:has(.add-bot):hover{background:#2ec4a614}.add-bot .avatar--empty{place-items:center;font-size:20px;display:grid}