:root{font-family:DM Sans,sans-serif;color:#f3f3e9;background:#171916;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #171916;--surface: #20231e;--line: #363a30;--muted: #a5aa9a;--lime: #d2f86f;--orange: #ffad7b;--blue: #90c7f3;--display: "Space Grotesk", "DM Sans", sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}input:focus-visible{outline:2px solid var(--lime);outline-offset:2px}button:not(:disabled){touch-action:manipulation}button svg{flex-shrink:0}::selection{background:var(--lime);color:var(--bg)}.shell{max-width:1320px;padding:0 56px;margin:0 auto}.lime{color:var(--lime)}header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font:700 29px var(--display);letter-spacing:-1.9px;padding:0}.brand span{color:var(--lime)}.brand svg{margin:0 0 10px 4px;color:var(--lime)}.nav-note,.connection-pill{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.5px;font-weight:600}.status-dot{height:6px;width:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #d2f86f0c}.connection-pill{border:1px solid var(--line);border-radius:30px;padding:10px 14px;font-size:9px;letter-spacing:1.3px}.connection-pill.not-online{color:#ffd29c}.eyebrow{font:500 10px var(--display);letter-spacing:1.8px;color:var(--muted);display:flex;align-items:center;gap:10px}.tiny-star{font-size:22px;color:var(--lime);line-height:1}.intro h1,.room-heading h1,.empty-page h1{font:600 clamp(46px,5.7vw,78px)/1.02 var(--display);letter-spacing:-4.8px;margin:22px 0 19px;position:relative;width:fit-content}h1 em{font-style:normal;color:var(--lime)}.title-spark{position:absolute;right:-75px;top:10px;font-size:59px;font-weight:400;color:var(--lime);transform:rotate(12deg)}.intro-copy,.room-subtitle{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.landing{display:grid;grid-template-columns:minmax(0,1fr) 374px;gap:54px;padding:62px 0 40px;align-items:start}.intro{min-width:0;padding-top:5px}.entry-panel{background:#22251f;border:1px solid #383d31;border-radius:18px;padding:27px 26px 15px;position:relative;box-shadow:0 12px 40px #0000000c}.entry-panel:before{content:"";position:absolute;top:-1px;height:1px;width:90px;left:27px;background:var(--lime)}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.panel-top .eyebrow{font-size:8px;letter-spacing:1.3px;color:#bac0ac}.step-tag{font:500 8px var(--display);color:#8b927e;letter-spacing:1px}.entry-panel h2{font:600 24px/1.2 var(--display);letter-spacing:-1px;margin:19px 0 8px}.panel-copy{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 25px}.field-label{font-size:12px;font-weight:600;display:block;margin-bottom:9px}.field-label span{font-size:10px;color:#a5ac97;font-weight:400;margin-left:5px}.entry-panel input:not([type=number]){background:#191c17;border:1px solid #414737;border-radius:8px;padding:13px 14px;width:100%;color:#f3f3e9;font-size:13px;min-height:46px}.entry-panel input::placeholder{color:#828977}.entry-panel input:disabled{opacity:.5}fieldset{border:0;padding:0;margin:0;min-width:0}.avatar-field{margin:22px 0}.avatar-field .field-label span{display:block;margin:4px 0 0;font-size:10px}.avatar-picker{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;padding-top:4px}.avatar-option{border-radius:8px;position:relative;min-width:0;padding:3px 0;background:transparent;border:1px solid transparent;transition:transform .18s}@media(hover:hover)and (pointer:fine){.avatar-option:hover:not(:disabled){transform:translateY(-3px)}}.avatar-option.selected{border-color:var(--lime);background:#d2f86f0d}.avatar{width:100%;display:block;overflow:visible}.avatar-check{background:var(--lime);color:var(--bg);border-radius:50%;position:absolute;right:-3px;bottom:-3px;padding:2px;display:flex}.activity-field{margin-top:25px}.presets{display:flex;flex-wrap:wrap;gap:6px}.presets button{border:1px solid #444a3b;background:#282c24;border-radius:7px;padding:9px 11px;font-size:11px;display:flex;gap:6px;align-items:center;min-height:38px}.presets button span{font-size:15px;line-height:1;color:var(--muted)}.presets button.selected{border-color:#d2f86f8c;background:#d2f86f0d;color:var(--lime)}.presets button.selected span{color:var(--lime)}.custom-field{display:block;font-size:11px;color:var(--muted);margin-top:14px}.custom-field input{margin-top:7px}.team-size{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin:22px 0;padding:21px 0 0;gap:12px}.team-size label{margin:0;font-size:12px}.team-size p{font-size:10px;color:var(--muted);margin:5px 0 0}.stepper{display:flex;align-items:center;background:#191c17;border:1px solid #414737;border-radius:8px;overflow:hidden;flex-shrink:0}.stepper button{width:32px;height:40px;display:grid;place-items:center}.stepper input{width:30px;padding:0;appearance:textfield;text-align:center;border:0;background:none;color:#f3f3e9;font-family:var(--display);font-size:17px;font-weight:600;outline-offset:-3px}.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{appearance:none}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border-radius:8px;padding:13px 20px;font-size:12px;font-weight:700;transition:transform .16s,opacity .16s}.primary{background:var(--lime);color:#202615;box-shadow:inset 0 1px #f2ffcd40}@media(hover:hover)and (pointer:fine){.primary:hover:not(:disabled){transform:translateY(-2px);background:#dbff83}}.secondary{background:#272b23;border:1px solid #444b3a;color:#edf0e5}@media(hover:hover)and (pointer:fine){.secondary:hover:not(:disabled){background:#33392b}}.create-button{width:100%;justify-content:space-between;margin-top:0}.form-footnote{color:#9da58e;font-size:10px;text-align:center;margin:12px 0 9px}.rejoin{border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;width:100%;padding:17px 0 3px;font-size:10px;margin-top:14px;color:#c1c8b2;text-align:left}.rejoin span{flex:1}.text-button{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#bdc3b1;padding:7px 0;line-height:1.3}@media(hover:hover)and (pointer:fine){.text-button:hover:not(:disabled){color:var(--lime)}}.back-home{width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:17px;margin-top:6px}.invite-note{display:flex;align-items:center;gap:9px;background:#d2f86f09;border:1px dashed #596246;border-radius:8px;padding:12px;margin-bottom:24px;color:var(--lime)}.invite-note span{font-size:8px;letter-spacing:1px}.invite-note strong{display:block;font:500 13px var(--display);letter-spacing:2px;margin-top:3px}.landing-promises{display:flex;gap:21px;justify-content:center;flex-wrap:wrap;padding-top:4px}.landing-promises span{display:flex;align-items:center;gap:7px;font-size:10px;color:#b0b7a3}.landing-promises svg{color:#c1c9ad}.playground-entry{width:100%;margin-top:12px;justify-content:center}.arena{position:relative;height:425px;isolation:isolate;margin:32px 0 8px;min-width:0}.table-top,.table-edge,.table-shadow{position:absolute;width:77%;height:61%;left:50%;top:46%;transform:translate(-50%,-50%);border-radius:50%}.table-top{background:radial-gradient(ellipse at 50% 28%,#353c2a,#2a3024,#252b21);border:1px solid #596047;z-index:2;box-shadow:inset 0 3px 3px #afbe8020,inset 0 -6px 14px #171d1650}.table-edge{background:linear-gradient(#424a34,#1c2118);border:1px solid #4e573b;top:calc(46% + 15px);z-index:0;box-shadow:0 3px #11160f}.table-shadow{top:calc(46% + 45px);height:51%;background:#0d100b;filter:blur(13px);opacity:.7;z-index:-1}.table-line{position:absolute;inset:14px 18px;border:1px dashed #77865c50;border-radius:50%}.table-wordmark{position:absolute;left:50%;bottom:18%;transform:translate(-50%);font:500 7px var(--display);letter-spacing:2.4px;white-space:nowrap;color:#a7b58b4d}.table-center{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:3;width:210px}.center-eyebrow{font:500 8px var(--display);letter-spacing:1.7px;color:#c1c9b0;display:block}.center-number{font:600 72px/1.15 var(--display);letter-spacing:-4px;margin:3px 0 0}.center-number>span{font-size:30px;color:#a4ae91;letter-spacing:-2px}.table-center p{font-size:10px;color:#c0c8b0;margin:1px 0;line-height:1.5}.demo-mark{font:400 72px/1.15 var(--display);display:block;color:var(--lime)}.seat{position:absolute;transform:translate(-50%,-50%);width:78px;text-align:center}.character-wrap{width:68px;margin:0 auto;position:relative;transition:transform .17s}.character-wrap>.avatar{animation:bob 4s ease-in-out infinite}.seat:nth-child(3n) .character-wrap>.avatar{animation-delay:-1.3s}.seat:nth-child(3n+1) .character-wrap>.avatar{animation-delay:-2.6s}.seat-name{font-size:10px;font-weight:600;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.4;margin-top:-1px;max-width:100%}.seat-status{font:500 7px var(--display);color:#9ea88e;letter-spacing:.6px;display:flex;align-items:center;justify-content:center;gap:3px;margin-top:4px;white-space:nowrap}.anchor-label{position:absolute;top:-13px;left:50%;transform:translate(-50%);font:500 7px var(--display);color:var(--lime);white-space:nowrap;letter-spacing:1px}.is-active .character-wrap{transform:translateY(-9px) scale(1.13)}.is-active .character-wrap:before{content:"";position:absolute;inset:8px 7px 6px;border:2px solid var(--lime);border-radius:45%;box-shadow:0 0 24px #d2f86f30}.is-active .seat-name{color:var(--lime)}.is-offline .avatar{opacity:.45}.is-offline .seat-status{color:#c0ad94}.empty-character{height:50px;width:48px;margin:7px auto 8px;border:1px dashed #75815a70;border-radius:45% 45% 38% 38%;display:grid;place-items:center;color:#89947580;background:#20251b65;font-size:20px;font-weight:400}.empty-seat .seat-name{font-size:9px;color:#8f9a80;font-weight:400}.empty-seat .seat-status{font-size:6px;color:#7b866d}.demo-arena{height:340px;margin:44px 0 9px}.demo-arena .character-wrap{width:66px}.demo-arena .seat-status{font-size:6px;letter-spacing:.6px}.demo-arena .table-center{top:45%}.demo-arena .table-wordmark{font-size:6px;letter-spacing:1.5px;bottom:13%}.demo-arena .table-top,.demo-arena .table-edge{width:79%;height:63%}.demo-arena .table-shadow{width:72%;height:53%}.demo-arena .seat-name,.demo-arena .table-center p{font-size:9px}.vote-chip,.locked-badge{position:absolute;right:1px;bottom:12px;border-radius:50%;background:var(--lime);color:#242b18;box-shadow:0 0 0 3px var(--bg);display:grid;place-items:center}.vote-chip{font:700 12px var(--display);width:23px;height:23px}.locked-badge{width:18px;height:18px;right:4px}.lock-progress{display:flex;justify-content:center;gap:3px;flex-wrap:wrap;max-width:95px;margin:10px auto 0}.lock-progress i{width:5px;height:5px;background:#61704e;border-radius:50%}.lock-progress i.filled{background:var(--lime)}footer{border-top:1px solid var(--line);padding:24px 0 29px;display:flex;justify-content:space-between;gap:15px;color:#979f89;font:400 8px var(--display);letter-spacing:1.3px}footer .lime{margin-left:5px}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:43px}.room-heading h1{font-size:52px;letter-spacing:-3.2px;margin:15px 0 13px}.heading-slash{color:#5e6752;margin:0 5px}.room-subtitle{font-size:12px}.invite-actions{display:flex;gap:7px;align-items:center;align-self:flex-start;margin-top:29px}.invite-actions .secondary{font-size:10px;min-height:40px;padding:11px 14px}.icon-button{height:40px;width:40px;display:grid;place-items:center;border:1px solid #444b3a;border-radius:8px;background:#272b23}.share-button{display:none}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:48px;margin-top:2px}.play-main{min-width:0}.team-sidebar{padding-top:51px}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.sidebar-heading .eyebrow{font-size:8px;letter-spacing:1.6px}.sidebar-heading>span:last-child{font:400 10px var(--display);color:var(--muted)}.teams{display:grid;gap:14px}.team{position:relative;background:#22251f;border-radius:9px;border:1px solid #363c2e;border-top:2px solid var(--orange);padding:18px 17px 16px;min-width:0}.team-2{border-top-color:var(--blue)}.team-title{display:flex;gap:8px;align-items:center}.team-symbol{color:var(--orange);font-size:23px;line-height:1}.team-2 .team-symbol{color:var(--blue)}.team h3{font:500 14px var(--display);margin:0;letter-spacing:-.4px}.team-count{margin-left:auto;font:500 11px var(--display);white-space:nowrap}.team-count>span{color:#9ca58c}.team p{font-size:11px;line-height:1.75;color:#a6af97;margin:14px 0 2px}.team-players{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:7px}.team-players li{display:flex;align-items:center;gap:8px;font-size:12px;animation:appear .35s ease-out}.team-players .avatar{width:31px;height:31px;flex-shrink:0}.team-players li>span{flex:1;min-width:0;overflow-wrap:anywhere}.team-players small{font:500 7px var(--display);color:#a8b294;margin-left:4px}.team-players li>svg.lucide{color:#a8b294}.how-it-works{margin:27px 10px 0}.how-it-works .tiny-star{display:block;font-size:25px;margin-bottom:10px}.how-it-works h3{font:500 13px var(--display);letter-spacing:-.2px;margin:0 0 8px}.how-it-works p{font-size:11px;line-height:1.85;color:#a3ac95;margin:8px 0 0}.action-area{border-top:1px solid var(--line);text-align:center;padding:26px 8px 27px;min-height:225px}.section-kicker{font:500 8px var(--display);color:#a6af96;letter-spacing:1.7px}.action-area h2{font:500 23px var(--display);letter-spacing:-.7px;margin:9px 0}.action-area p{font-size:11px;line-height:1.75;color:#a8b29b;margin:0 0 17px}.action-area .primary{min-width:199px;font-size:11px}.start-button{margin-top:2px}.action-footnote{display:block;color:#9aa58a;font-size:9px;margin-top:12px}.waiting-pill{border:1px solid #465038;background:#252c1e;color:#c2d0ad;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border-radius:30px;font-size:11px}.number-picker{display:flex;justify-content:center;gap:8px;margin:18px 0 14px}.number-picker button{width:49px;height:49px;font:600 24px var(--display);border:1px solid #4b5440;background:#282e22;border-radius:10px;transition:transform .16s}@media(hover:hover)and (pointer:fine){.number-picker button:hover:not(:disabled){transform:translateY(-3px)}}.number-picker button.selected{color:var(--lime);border-color:var(--lime);background:#d2f86f12}.number-picker button:disabled.selected{opacity:.85}.number-picker button:disabled{opacity:.55}.lock-button{min-width:210px!important}.action-area .offline-hint{margin:14px auto 0;max-width:360px;color:#c8b796;font-size:10px}.reveal-votes{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:15px}.reveal-votes>span:not(.sum-equals){border:1px solid #4a533d;background:#272e22;color:var(--lime);width:26px;height:29px;display:grid;place-items:center;border-radius:6px;font:500 13px var(--display)}.sum-equals{font:500 19px var(--display);margin-left:6px}.room-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px 0 24px;border-top:1px solid var(--line);margin-top:10px}.room-code{display:flex;align-items:center;gap:14px;font:400 8px var(--display);letter-spacing:1.3px;color:#9ba58b}.room-code>span{display:flex;align-items:center;gap:5px;color:#b9cba0;font-size:7px;letter-spacing:.7px}.room-tools>div{display:flex;align-items:center;gap:23px}.room-tools .text-button{font-size:10px}.error-message{background:#9a4d311c;border:1px solid #ac74554d;color:#ffd0b4;border-radius:8px;font-size:12px;line-height:1.7;padding:12px;margin:14px 0}.error-message .text-button{display:flex;color:#ffdfc8;margin-top:5px}.room-error{margin-top:18px}.connection-banner,.host-banner{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#d2f86f09;border:1px solid #535e3d;border-radius:8px;font-size:11px;color:#d5ddc5;margin-top:22px;line-height:1.6}.connection-banner span,.host-banner span{flex:1}.connection-banner button,.small-button{font-size:10px;background:#d2f86f18;border:1px solid #7c8b5f;border-radius:5px;padding:7px 12px;white-space:nowrap}.host-banner{color:#d8c5a3;background:#d0a36209;border-color:#655338;margin-top:13px}.host-banner>svg,.connection-banner>svg{flex-shrink:0}.offline-list{max-width:500px;margin:10px 0 22px;padding:20px 0;border-top:1px solid var(--line)}.offline-list h3{font:500 16px var(--display);margin:0}.offline-list p{font-size:11px;color:var(--muted);margin:8px 0 13px}.offline-list>div{display:flex;align-items:center;gap:10px;margin:5px 0}.offline-list .avatar{width:34px}.offline-list>div>span{flex:1;font-size:12px}.results{padding:38px 0 24px;text-align:center}.result-emblem{font-size:64px;color:var(--lime);line-height:1;animation:celebrate .9s cubic-bezier(.2,.8,.2,1);margin-bottom:18px}.results>.eyebrow{justify-content:center;font-size:9px}.results h2{font:500 32px var(--display);letter-spacing:-1.4px;margin:12px 0 8px}.results>p{color:#aeb7a0;font-size:12px;line-height:1.8;margin-top:0}.results-teams{grid-template-columns:1fr 1fr;gap:20px;max-width:730px;margin:30px auto;text-align:left}.results-teams .team{padding:22px 24px}.results-teams .team h3{font-size:21px}.results-teams .team-symbol{font-size:30px}.results-teams .team-players{gap:9px;margin-top:23px}.results-teams .team-players .avatar{width:45px;height:45px}.results-teams .team-players li{font-size:15px}.result-actions{display:flex;justify-content:center;gap:10px;margin:26px 0 16px}.results .small-muted{font-size:11px}.results .last-reveal{font-size:10px;max-width:600px;margin:25px auto 0;overflow-wrap:anywhere;color:#a3ac95}.last-reveal strong{color:var(--lime)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #6c8052;background:#303c23;box-shadow:0 12px 30px #0008;padding:15px 20px;border-radius:10px;color:#e6f4d2;font-size:12px;z-index:30;max-width:calc(100% - 32px);width:max-content;animation:appear .2s ease-out}.toast svg{flex-shrink:0;color:var(--lime)}.empty-page{min-height:65vh;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:60px 0;max-width:750px}.empty-page h1{font-size:54px;letter-spacing:-3px}.empty-page p{color:var(--muted);font-size:14px;line-height:1.8;max-width:510px}.empty-actions{display:flex;align-items:center;gap:20px;margin-top:12px}.empty-page>.primary{margin-top:12px}.loading-icon{color:var(--lime);margin:15px 0}.modal-backdrop{position:fixed;inset:0;background:#0c100bd9;z-index:40;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{background:#252a20;border:1px solid #566444;padding:30px;border-radius:16px;width:100%;max-width:430px;box-shadow:0 24px 60px #0006}.modal h2{font:500 26px var(--display);letter-spacing:-1px;margin:18px 0 10px}.modal p{color:#c0cab1;font-size:13px;line-height:1.85}.modal>div{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.spin{animation:spin 1s linear infinite}.dense{height:515px}.dense .seat{width:55px}.dense .character-wrap{width:48px}.dense .seat-name{font-size:8px}.dense .seat-status{font-size:5px;letter-spacing:.2px}.dense .table-top,.dense .table-edge{width:76%;height:71%}.dense .table-wordmark{bottom:20%}.dense .anchor-label{font-size:6px;top:-11px}.dense .vote-chip{width:19px;height:19px;font-size:10px;right:-2px;bottom:8px}.dense .locked-badge{right:0;bottom:8px}.dense .empty-character{height:35px;width:35px;margin:5px auto 6px}.dense .empty-seat .seat-name{font-size:7px}.dense .empty-seat .seat-status{font-size:5px}@keyframes bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes celebrate{0%{opacity:0;transform:scale(.6) rotate(-60deg)}to{opacity:1;transform:scale(1) rotate(0)}}.room-heading>div:first-child{min-width:0;flex:1}.room-heading .eyebrow{flex-wrap:wrap}.activity-name{min-width:0;max-width:100%;overflow-wrap:anywhere}.team-format{white-space:nowrap}.seat.is-assigned:not(.is-active){opacity:.42}.assigned-1 .seat-status{color:var(--orange)}.assigned-2 .seat-status{color:var(--blue)}button:not(:disabled):active{transform:scale(.97)}.team-players li{animation:join-team .35s ease-out both}@keyframes join-team{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.reaction-button>span:first-child{font-size:22px;line-height:1}.seat.is-assigned.is-reacting{opacity:1}.avatar[data-reaction] .avatar-pose{transform-box:view-box;transform-origin:50% 85%;animation:cheeky-pose .9s ease-in-out both}.reaction-hand{transform-box:fill-box;transform-origin:50% 100%;animation:flip-hand 2.5s cubic-bezier(.2,.8,.2,1) both}.reaction-sparks{animation:cheeky-sparks .6s .18s ease-out both}@keyframes cheeky-pose{0%,to{transform:none}18%{transform:translateY(5px) rotate(-7deg) scale(1.06,.9)}42%{transform:translateY(-4px) rotate(7deg) scale(.96,1.06)}65%{transform:rotate(-3deg)}82%{transform:rotate(2deg)}}@keyframes flip-hand{0%,6%{transform:translate(-12px,12px) rotate(-35deg) scale(.2);opacity:0}16%{transform:translateY(-3px) rotate(12deg) scale(1.1);opacity:1}25%,45%,82%{transform:none;opacity:1}35%{transform:rotate(-10deg);opacity:1}to{transform:translate(-10px,10px) rotate(-25deg) scale(.3);opacity:0}}@keyframes cheeky-sparks{0%,to{transform:translateY(3px) scale(.8);opacity:0}35%{transform:translateY(-2px) scale(1.1);opacity:1}}@media(prefers-reduced-motion:reduce){.avatar[data-reaction] .avatar-pose,.reaction-hand{animation:none}.reaction-sparks{display:none}}@media(min-width:1450px){.shell{padding:0 64px}.landing{gap:80px;grid-template-columns:minmax(0,1fr) 390px}.entry-panel{padding:28px 28px 18px}.demo-arena{height:370px;margin-top:48px}.intro h1{font-size:81px}}@media(max-width:1100px){.shell{padding:0 35px}.landing{gap:30px;grid-template-columns:minmax(0,1fr) 350px;padding-top:45px}.intro h1{font-size:63px;letter-spacing:-4px}.title-spark{right:-52px;font-size:43px}.demo-arena{height:340px;margin-top:42px}.demo-arena .seat{width:62px}.demo-arena .character-wrap{width:54px}.demo-arena .seat-name{font-size:8px}.demo-arena .seat-status{font-size:5px}.landing-promises{gap:12px}.landing-promises span{font-size:9px}.play-layout{gap:26px;grid-template-columns:minmax(0,1fr) 224px}.arena:not(.demo-arena){height:400px}.arena.dense{height:510px}.team{padding:16px 13px}.table-center{width:165px}.seat{width:65px}.character-wrap{width:59px}.seat-name{font-size:9px}.seat-status{font-size:6px}.room-heading h1{font-size:49px}}@media(max-width:850px){.shell{padding:0 25px}header{height:88px}.nav-note{font-size:8px;letter-spacing:1px}.brand{font-size:26px}.landing{grid-template-columns:minmax(0,1fr) 320px;gap:18px}.entry-panel{padding:24px 20px 16px}.intro h1{font-size:53px;letter-spacing:-3.8px}.title-spark{display:none}.intro-copy{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1.4px}.demo-arena{height:310px;margin:48px 0 7px}.demo-arena .character-wrap{width:45px}.demo-arena .seat{width:52px}.demo-arena .seat-name{font-size:7px}.demo-arena .seat-status{display:none}.demo-arena .table-center{width:120px}.demo-arena .center-eyebrow{font-size:6px;letter-spacing:1px}.demo-mark{font-size:54px}.demo-arena .table-wordmark{font-size:4px;letter-spacing:1.3px}.landing-promises{gap:10px}.landing-promises span{font-size:8px}.landing-promises svg{width:12px}.field-label span{display:block;margin:4px 0 0}.entry-panel h2{font-size:22px}.presets button{padding:8px 9px}.play-layout{display:block}.team-sidebar{padding:0 0 22px}.team-sidebar .teams{grid-template-columns:1fr 1fr}.sidebar-heading{margin-top:0}.how-it-works{display:none}.arena:not(.demo-arena){height:440px;max-width:650px;margin:35px auto 9px}.arena.dense{height:510px}.seat{width:75px}.character-wrap{width:68px}.seat-name{font-size:10px}.seat-status{font-size:7px}.table-center{width:200px}.room-heading{padding-top:32px}.room-heading h1{font-size:48px}.action-area{padding:25px 0 28px}.room-tools{margin-top:0}.team{padding:18px}.room-heading .eyebrow{font-size:9px}}@media(max-width:650px){.shell{padding:0 21px}header{height:82px}.brand{font-size:25px}.brand svg{width:19px}.nav-note{font-size:7px;letter-spacing:.8px;gap:7px;max-width:135px;line-height:1.8;text-align:right}.nav-note .status-dot{flex-shrink:0}.landing{grid-template-columns:1fr;padding-top:32px;gap:27px}.intro{display:flex;flex-direction:column;align-items:center;text-align:center}.intro>.eyebrow{font-size:8px;letter-spacing:1.6px}.intro h1{font-size:65px;letter-spacing:-4.3px;margin:20px 0 15px}.intro-copy{font-size:12px}.intro-copy br{display:none}.demo-arena{align-self:stretch;width:100%;max-width:460px;height:300px;margin:27px auto 0}.demo-arena .character-wrap{width:53px}.demo-arena .seat{width:63px}.demo-arena .seat-name{font-size:8px}.demo-arena .seat-status{display:flex;font-size:5px}.demo-arena .table-center{width:150px}.demo-arena .center-eyebrow{font-size:7px}.demo-mark{font-size:60px}.demo-arena .table-top,.demo-arena .table-edge{height:59%;width:77%}.demo-arena .table-wordmark{font-size:5px}.landing-promises{padding-top:1px;gap:16px}.landing-promises span{font-size:9px}.entry-panel{max-width:460px;width:100%;justify-self:center;padding:25px 25px 18px;border-radius:14px}.panel-top .eyebrow{font-size:8px}.entry-panel h2{font-size:27px}.panel-copy,.field-label{font-size:12px}.field-label span{display:inline;margin-left:4px;font-size:9px}.avatar-field .field-label span{display:inline;margin-left:5px;font-size:9px}.avatar-picker{gap:4px}.avatar-option{padding:3px 1px}.presets{gap:7px}.presets button{font-size:11px;padding:9px 11px}.team-size{margin:24px 0}.stepper button{width:36px;height:42px}.entry-panel .primary{min-height:48px}.form-footnote{font-size:10px}footer{padding:21px 0 25px;font-size:7px;letter-spacing:.7px;line-height:1.7;gap:25px}footer>span:last-child{text-align:right}.room-heading{position:relative;display:block;padding-top:29px}.room-heading h1{font-size:47px;letter-spacing:-3.1px;margin:15px 0 11px}.room-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.room-subtitle{font-size:11px;line-height:1.7;max-width:280px}.invite-actions{margin-top:20px;gap:7px}.invite-actions .secondary{min-height:39px;font-size:10px;padding:10px 13px}.share-button{display:grid}.connection-pill{font-size:7px;letter-spacing:.8px;padding:9px 10px;gap:7px}.arena:not(.demo-arena){height:380px;margin:34px auto 2px}.seat{width:65px}.character-wrap{width:57px}.seat-name{font-size:9px}.seat-status{font-size:8px;letter-spacing:.3px}.center-number{font-size:66px}.center-number>span{font-size:26px}.center-eyebrow{font-size:7px;letter-spacing:1.4px}.table-center{width:150px}.table-center p{font-size:9px}.table-top,.table-edge{height:62%;width:75%}.table-line{inset:12px 13px}.table-wordmark{font-size:5px;letter-spacing:1.7px;bottom:16%}.anchor-label{font-size:6px;top:-11px;letter-spacing:.7px}.empty-character{height:42px;width:40px;margin-top:5px}.empty-seat .seat-name{font-size:8px}.empty-seat .seat-status{font-size:5px}.action-area h2{font-size:21px}.action-area p{font-size:11px}.section-kicker{font-size:7px;letter-spacing:1.4px}.action-area .primary{min-height:47px}.number-picker{gap:8px}.number-picker button{height:48px;width:48px;font-size:24px}.team-sidebar{padding-bottom:18px}.team-sidebar .teams{gap:10px}.team{padding:15px 12px}.team-title{gap:5px;flex-wrap:wrap}.team h3{font-size:13px}.team-symbol{font-size:20px}.team-count{font-size:10px;margin-left:auto}.team p{font-size:10px;line-height:1.7}.team-players li{gap:5px;font-size:11px}.team-players .avatar{width:27px;height:27px}.team-players small{font-size:6px;margin-left:2px}.team-players li>svg.lucide{width:10px}.room-tools{flex-direction:column;gap:15px;align-items:flex-start;padding:22px 0}.room-tools>div{gap:22px;width:100%;justify-content:space-between}.room-code{font-size:8px}.room-tools .text-button{font-size:10px}.sidebar-heading .eyebrow{font-size:8px}.sidebar-heading>span:last-child{font-size:9px}.connection-banner,.host-banner{font-size:10px;padding:11px;gap:8px;align-items:flex-start}.connection-banner svg,.host-banner svg{margin-top:2px}.small-button{padding:7px 9px;font-size:9px}.room-error{font-size:11px}.results{padding:32px 0 22px}.result-emblem{font-size:52px}.results h2{font-size:26px;letter-spacing:-1px}.results>p{font-size:11px}.results-teams{gap:10px;margin:25px auto}.results-teams .team{padding:16px 11px}.results-teams .team-title{gap:5px}.results-teams .team h3{font-size:15px}.results-teams .team-symbol{font-size:22px}.results-teams .team-count{font-size:10px}.results-teams .team-players{margin-top:17px;gap:8px}.results-teams .team-players .avatar{width:31px;height:31px}.results-teams .team-players li{font-size:12px}.results-teams .team-players li>svg.lucide{display:none}.result-actions{gap:9px}.result-actions button{font-size:11px;padding:12px 17px}.last-reveal{font-size:9px!important}.empty-page{min-height:70vh;padding:40px 0}.empty-page h1{font-size:43px;letter-spacing:-2.6px}.empty-page p{font-size:12px}.empty-actions{flex-wrap:wrap}.modal{padding:25px}.modal h2{font-size:25px}.modal p{font-size:12px}.modal>div button{font-size:11px;padding:12px 15px}.arena.dense{height:510px;margin-top:28px}.dense .seat{width:44px}.dense .character-wrap{width:40px}.dense .seat-name{font-size:7px}.dense .seat-status{display:none}.dense .table-top,.dense .table-edge{height:73%;width:73%}.dense .table-shadow{height:65%}.dense .table-center{width:140px}.dense .center-number{font-size:58px}.dense .table-wordmark{bottom:23%;font-size:4px;letter-spacing:1px}.dense .empty-character{width:30px;height:32px;margin:3px auto 5px}.dense .empty-seat .seat-name{font-size:6px}.dense .empty-seat .seat-status{font-size:4px}.dense .vote-chip{width:17px;height:17px;font-size:9px}.dense .locked-badge{width:14px;height:14px}.dense .anchor-label{font-size:5px;top:-10px}.join-layout .intro .demo-arena{display:none}.join-layout .intro .landing-promises{margin-top:23px}.join-layout .intro h1{font-size:57px}.join-layout{gap:30px}}@media(max-width:380px){.shell{padding:0 17px}.intro h1{font-size:59px}.entry-panel{padding:23px 20px 16px}.field-label span,.avatar-field .field-label span{font-size:8px}.presets button{padding:8px 10px;font-size:10px}.demo-arena{height:285px}.demo-arena .character-wrap{width:48px}.landing-promises{gap:10px}.landing-promises span{font-size:8px}.room-heading h1{font-size:43px}.room-subtitle{font-size:10px}.arena:not(.demo-arena){height:355px}.arena.dense{height:490px}.seat{width:58px}.character-wrap{width:51px}.seat-name,.seat-status{font-size:8px}.table-center{width:140px}.team h3{font-size:12px}.team-symbol{font-size:18px}.team-count{font-size:9px}.team-title{gap:4px}.results-teams .team h3{font-size:13px}.results-teams .team-count{font-size:9px}.results-teams .team-symbol{font-size:18px}.results-teams .team-players li{font-size:11px}.results-teams .team-players .avatar{width:27px;height:27px}.room-code{letter-spacing:.8px;font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:650px){.intro h1{font-size:clamp(48px,10vw,65px);letter-spacing:-3.4px}.demo-arena .seat{z-index:4!important}}.rivalry-picker{display:grid;gap:7px;min-width:0;margin:18px 0;text-align:left}.rivalry-picker>span{color:#dce2d1;font-size:12px;font-weight:600}.rivalry-picker select{width:100%;max-width:100%;min-height:44px;border:1px solid #59614d;border-radius:9px;background:#252a21;color:#edf0e5;font:inherit;font-size:13px;padding:10px 30px 10px 12px}.room-shell .room-heading{padding-top:24px;gap:20px}.room-shell .room-heading h1{font-size:clamp(25px,3.1vw,38px);letter-spacing:-.03em;margin:10px 0 8px}.room-shell .room-heading .eyebrow{font-size:11px;letter-spacing:.04em}.room-shell .room-subtitle{font-size:13px;max-width:none}.room-shell .invite-actions{margin-top:18px}.room-shell .play-layout{display:block;margin-top:24px}.room-shell .play-main{max-width:1000px;margin:auto}.arena-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px}.arena-toolbar .rivalry-picker{margin:0;width:290px}.arena-toolbar .rivalry-picker>span{display:none}.team-score{display:flex;flex-wrap:wrap;gap:10px;flex:1}.team-tally{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid currentColor;border-radius:100px;padding:11px 18px;font-size:13px;min-width:150px}.tally-1{color:#ffb087}.tally-2{color:#91cafa}.team-tally strong{display:inline-block;font:600 16px var(--display);font-variant-numeric:tabular-nums;animation:tally-bump .35s ease-out}.team-tally small{font-size:12px;opacity:.8;margin-left:3px}@keyframes tally-bump{35%{transform:scale(1.2)}}.room-shell .arena{height:470px;max-width:960px;margin:34px auto 16px}.room-shell .character-wrap{width:86px}.room-shell .seat{width:98px}.room-shell .seat-name{font-size:12px}.room-shell .seat-status{font-size:10px;letter-spacing:0}.room-shell .arena.dense .character-wrap{width:65px}.room-shell .arena.dense .seat{width:79px}.room-shell .arena.dense{height:560px}.room-shell .action-area{padding:20px 8px 24px;min-height:200px}.room-shell .action-area h2{font-size:24px;letter-spacing:-.03em}.room-shell .action-area p{font-size:13px}.room-shell .action-area .primary{font-size:13px;min-height:46px}.room-shell .action-footnote{font-size:11px}.room-shell .center-eyebrow{font-size:10px;letter-spacing:.07em}.room-shell .table-center p{font-size:13px}.room-shell .table-center{width:240px}.room-shell .results{padding-top:32px}.room-shell .matchup-title{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;font:700 clamp(32px,5.8vw,78px)/1.08 var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:18px 0 22px}.matchup-title span{min-width:0;overflow-wrap:anywhere;text-wrap:balance}.matchup-title span:first-child{color:#ffb087}.matchup-title span:last-child{color:#91cafa}.matchup-title small{font-size:24px;color:var(--lime);font-style:italic;text-transform:lowercase}.room-shell .rivalry-tagline{font-size:17px;color:#e0e5d8}.room-shell .result-actions .primary,.room-shell .result-actions .secondary{font-size:13px}.room-shell .room-tools{flex-wrap:wrap;gap:14px}@media(max-width:650px){.room-shell .room-heading{padding-top:20px}.room-shell .invite-actions{margin-top:14px}.room-shell .play-layout{margin-top:20px}.arena-toolbar{flex-direction:column;gap:12px;align-items:stretch}.arena-toolbar .rivalry-picker{width:100%}.team-score{gap:8px}.team-tally{flex:1;min-width:0;gap:8px;padding:10px 12px;font-size:12px}.team-tally>span{overflow-wrap:anywhere}.room-shell .arena{height:375px;margin-top:26px}.room-shell .seat{width:60px}.room-shell .character-wrap{width:57px}.room-shell .seat-name{font-size:9px}.room-shell .seat-status{font-size:8px}.room-shell .arena.dense{height:520px}.room-shell .arena.dense .seat{width:47px}.room-shell .arena.dense .character-wrap{width:42px}.room-shell .arena.dense .seat-status{display:none}.room-shell .table-center{width:145px}.room-shell .table-center p{font-size:11px}.room-shell .center-eyebrow{font-size:8px}.room-shell .action-area h2{font-size:21px}.room-shell .matchup-title{grid-template-columns:1fr;gap:8px;font-size:clamp(36px,10vw,60px);margin:0 0 20px}.matchup-title small{font-size:21px}.room-shell .rivalry-tagline{font-size:15px}.room-shell .result-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.team-tally strong{animation:none}}.room-shell .seat-status{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:block}.room-shell .seat.is-assigned:not(.is-active){opacity:.64}.room-shell .seat.is-assigned.is-reacting{opacity:1}.room-shell .seat.is-assigned .character-wrap{animation:drafted-hop .48s cubic-bezier(.16,1,.3,1)}@keyframes drafted-hop{35%{transform:translateY(-18px)}65%{transform:scale(1.06,.94)}}@media(prefers-reduced-motion:reduce){.room-shell .seat.is-assigned .character-wrap{animation:none}}.play-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;border-top:1px solid var(--line)}.room-shell .play-controls .action-area{border:0}.play-controls .reaction-dock{margin:18px auto}@media(max-width:800px){.play-controls{grid-template-columns:1fr;gap:0}.play-controls .reaction-dock{grid-row:1;margin:18px auto 8px}}@media(max-width:650px){.room-shell .arena.dense .seat-target{inset:2px 5px;min-height:32px}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}svg.avatar:is([data-reaction],[data-celebration]) .avatar-pose,svg.avatar[data-incoming] .avatar-recoil{transform-box:view-box;transform-origin:50% 85%}svg.avatar:is([data-reaction],[data-celebration]) .avatar-pose{--lean-deg: calc(var(--aim, 1) * var(--lean, 0) * 8deg);animation:2.5s ease-out both}svg.avatar:is([data-reaction=middle-finger],[data-celebration=middle-finger]) .avatar-pose{animation-name:rx-pose-finger}svg.avatar:is([data-reaction=laugh],[data-celebration=laugh]) .avatar-pose{animation-name:rx-pose-laugh}svg.avatar:is([data-reaction=cry],[data-celebration=cry]) .avatar-pose{animation-name:rx-pose-cry}svg.avatar:is([data-reaction=love],[data-celebration=love]) .avatar-pose{animation-name:rx-pose-love}.avatar .reaction-aim{transform-box:view-box;transform-origin:50% 50%;transform:scaleX(var(--aim, 1))}.avatar .reaction-hand{transform-box:fill-box;transform-origin:50% 100%;animation:rx-hand 2.5s cubic-bezier(.16,1,.3,1) both}.avatar .rx-point{transform-origin:20% 70%;animation-name:rx-point}.avatar .reaction-sparks{animation:rx-sparks .6s .2s ease-out both}.avatar .rx-tear,.avatar .rx-heart-eye,.avatar .rx-joy,.avatar .rx-heart-fly,.avatar .rx-fist,.avatar .rx-sweat{transform-box:fill-box;transform-origin:50% 50%}.avatar .rx-tear{transform-origin:50% 0;animation:rx-tear 2.5s ease-out both}.avatar .rx-tear-r{animation-delay:90ms}.avatar .rx-heart-eye{animation:rx-pulse .42s ease-in-out 6}.avatar .rx-joy{animation:rx-joy-l .52s ease-out .2s 4 both}.avatar .rx-joy-r{animation-name:rx-joy-r}.avatar .rx-ha{animation:rx-ha .42s ease-in-out 5 both}.avatar .rx-heart-fly{animation:rx-heart-fly 2.5s ease-out both}.avatar .rx-fist{animation:rx-fist-in .26s ease-out both,rx-rub .38s .26s ease-in-out 5}.avatar .rx-fist-r{animation-name:rx-fist-in,rx-rub-r}.avatar .rx-sweat{animation:rx-sweat 1.4s .52s ease-in both}.avatar .face-swap,.avatar .face-yield,.avatar .face-incoming{transform-box:view-box}.avatar .face-swap{animation:rx-fade-in .15s ease-out both}.avatar .face-yield{animation:rx-yield 2.5s both}.avatar .face-incoming{animation:rx-incoming 2.5s both}svg.avatar[data-incoming=middle-finger] .avatar-recoil{animation:rx-hit-finger 2.5s ease-out both}svg.avatar[data-incoming=laugh] .avatar-recoil{animation:rx-hit-laugh 2.5s ease-out both}svg.avatar[data-incoming=cry] .avatar-recoil{animation:rx-hit-cry 2.5s ease-out both}svg.avatar[data-incoming=love] .avatar-recoil{animation:rx-hit-love 2.5s ease-out both}.avatar .team-ground{transform-box:fill-box;transform-origin:50% 50%;animation:rx-ground .3s ease-out both}@keyframes rx-pose-finger{0%{transform:none}7.2%{transform:scale(1.06,.92)}16.8%{transform:rotate(var(--lean-deg)) scale(.97,1.05)}28%,84%{transform:rotate(var(--lean-deg))}to{transform:none}}@keyframes rx-pose-laugh{0%{transform:none}7.2%{transform:scale(1.06,.92)}16.8%{transform:rotate(var(--lean-deg))}20.4%,27.6%,34.8%{transform:translate(2px) rotate(var(--lean-deg))}24%,31.2%,38.4%{transform:translate(-2px) rotate(var(--lean-deg))}42%,84%{transform:rotate(var(--lean-deg))}to{transform:none}}@keyframes rx-pose-cry{0%{transform:none}7.2%{transform:scale(1.06,.9)}17%,34%,52%,70%,84%{transform:scale(1.04,.94)}28%,46%,64%{transform:translateY(1px) scale(1.04,.9)}to{transform:none}}@keyframes rx-pose-love{0%{transform:none}7.2%{transform:scale(1.06,.92)}16.8%{transform:scale(.97,1.05)}30%,70%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}84%{transform:none}to{transform:none}}@keyframes rx-hand{0%,6%{transform:translate(-12px,12px) rotate(-35deg) scale(.2);opacity:0}16.8%{transform:translateY(-3px) rotate(12deg) scale(1.1);opacity:1}25%,84%{transform:none;opacity:1}to{transform:translate(-10px,10px) rotate(-25deg) scale(.3);opacity:0}}@keyframes rx-point{0%,6%{transform:translate(-12px,12px) rotate(-35deg) scale(.2);opacity:0}16.8%{transform:translateY(-3px) rotate(8deg) scale(1.1);opacity:1}22%,34%,46%,84%{transform:none;opacity:1}28%,40%{transform:translate(4px);opacity:1}to{transform:translate(-10px,10px) rotate(-25deg) scale(.3);opacity:0}}@keyframes rx-sparks{0%,to{transform:translateY(3px) scale(.8);opacity:0}35%{transform:translateY(-2px) scale(1.1);opacity:1}}@keyframes rx-tear{0%,10%{transform:scaleY(0);opacity:1}30%,84%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}@keyframes rx-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}@keyframes rx-joy-l{0%{transform:translate(0) scale(.6);opacity:0}25%{opacity:1}to{transform:translate(-9px,-7px) scale(1);opacity:0}}@keyframes rx-joy-r{0%{transform:translate(0) scale(.6);opacity:0}25%{opacity:1}to{transform:translate(9px,-7px) scale(1);opacity:0}}@keyframes rx-ha{0%,to{opacity:.25}50%{opacity:1}}@keyframes rx-heart-fly{0%,18%{transform:scale(.3);opacity:0}22%{transform:scale(.6);opacity:1}55%{transform:translate(14px,-22px) scale(1.15) rotate(12deg);opacity:1}80%,to{transform:translate(24px,-38px) scale(1) rotate(18deg);opacity:0}}@keyframes rx-fist-in{0%{transform:scale(.2);opacity:0}to{transform:none;opacity:1}}@keyframes rx-rub{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(2px,-2px) rotate(14deg)}}@keyframes rx-rub-r{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-2px,-2px) rotate(-14deg)}}@keyframes rx-sweat{0%{transform:translateY(-3px) scale(.6);opacity:0}30%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(9px) scale(.9);opacity:0}}@keyframes rx-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rx-yield{0%,20.8%{opacity:1}22%,84%{opacity:0}90%,to{opacity:1}}@keyframes rx-incoming{0%,20.8%{opacity:0}22%,84%{opacity:1}90%,to{opacity:0}}@keyframes rx-hit-finger{0%,20.8%,to{transform:none}24%{transform:translate(calc(var(--recv, 1) * 6px)) rotate(calc(var(--recv, 1) * 5deg)) scale(.97,1.03)}32%{transform:translate(calc(var(--recv, 1) * 3px))}44%,84%{transform:translate(calc(var(--recv, 1) * 3px)) rotate(calc(var(--recv, 1) * 2deg))}}@keyframes rx-hit-laugh{0%,20.8%,to{transform:none}25%{transform:translateY(2px) scale(.94,.95)}40%,84%{transform:translateY(1px) scale(.97)}}@keyframes rx-hit-cry{0%,20.8%,to{transform:none}23%,29%,35%{transform:translate(-1.5px)}26%,32%,38%{transform:translate(1.5px)}42%,84%{transform:none}}@keyframes rx-hit-love{0%,20.8%,to{transform:none}25%{transform:translateY(-7px) scale(.96,1.05)}32%{transform:translateY(0) scale(1.05,.93)}40%,84%{transform:none}}@keyframes rx-ground{0%{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}.arena .seat.is-assigned:not(.is-active){opacity:.8}.arena .seat.is-assigned.is-reacting:not(.is-active),.arena .seat.is-assigned.is-incoming:not(.is-active){opacity:1}.seat:hover,.seat:focus-within{z-index:8!important}.seat-target{position:absolute;inset:0 2px;z-index:6;padding:0;border-radius:42%;background:transparent;touch-action:manipulation}.seat-target:disabled{cursor:default;opacity:1}.seat-target:focus-visible{outline-offset:1px}@media(hover:hover)and (pointer:fine){.seat-target:not(:disabled):hover{background:#d2f86f14;box-shadow:inset 0 0 0 1px #d2f86f60}.seat-target[data-hint]:hover:after,.seat-target[data-hint]:focus-visible:after{content:attr(data-hint);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:4px 10px;border-radius:8px;border:1px solid #4a5339;background:#20241c;color:var(--lime);font:600 13px/1.3 var(--display);white-space:nowrap;pointer-events:none}}.seat.is-target .character-wrap:after{content:"";position:absolute;inset:-2px -3px 0;border:2px solid var(--lime);border-radius:42%;box-shadow:0 0 14px #d2f86f40;pointer-events:none}.seat.is-incoming .character-wrap:before{content:"";position:absolute;inset:-3px -5px -1px;border:2px solid var(--lime);border-radius:45%;opacity:0;pointer-events:none;animation:rx-blink .7s .52s ease-out both}@keyframes rx-blink{0%{opacity:0}30%{opacity:.9}to{opacity:0}}.seat-status.team-label{display:block;max-width:104px;margin:1px auto 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13px/1.25 var(--display);letter-spacing:0;text-transform:none}.team-players li{position:relative}.team-players li>.seat-target{inset:-3px -6px;border-radius:10px}.team-players li.is-target{box-shadow:0 0 0 2px var(--lime);border-radius:10px}.team-players li.is-incoming:before{content:"";position:absolute;inset:-3px -6px;border:2px solid var(--lime);border-radius:10px;opacity:0;pointer-events:none;animation:rx-blink .7s .52s ease-out both}.reaction-arcs{position:absolute;inset:0;z-index:4;pointer-events:none;container-type:size}.reaction-arc,.reaction-arc svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.reaction-arc path{fill:none;stroke:var(--lime);stroke-width:2.5px;stroke-dasharray:6 8;stroke-linecap:round;opacity:0;animation:rx-arc 2.5s ease-out both}.reaction-arc[data-from-team="1"] path{stroke:var(--orange)}.reaction-arc[data-from-team="2"] path{stroke:var(--blue)}.rx-glyph{position:absolute;top:0;left:0;width:28px;height:28px;opacity:0;filter:drop-shadow(0 2px 3px #0008);animation:rx-fly 2.5s both}.rx-glyph .rx-icon{display:block}.rx-impact{position:absolute;width:40px;height:40px;margin:-20px 0 0 -20px;opacity:0;color:var(--lime);animation:rx-impact 2.5s both}.rx-impact svg{width:100%;height:100%}.rx-impact path{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round}.reaction-arc[data-kind=middle-finger] .rx-impact{color:#ffb46e}.reaction-arc[data-kind=laugh] .rx-impact{color:#f7d565}.reaction-arc[data-kind=cry] .rx-impact{color:var(--blue)}.reaction-arc[data-kind=love] .rx-impact{color:#ef5f8a}@keyframes rx-arc{0%,8%{opacity:0}14%,80%{opacity:.9}to{opacity:0}}@keyframes rx-fly{0%,8%{translate:calc(var(--x0) * 1cqw - 14px) calc(var(--y0) * 1cqh - 14px);scale:.4;opacity:0}10.5%{translate:calc(var(--x1) * 1cqw - 14px) calc(var(--y1) * 1cqh - 14px);scale:.8;opacity:1}13%{translate:calc(var(--x2) * 1cqw - 14px) calc(var(--y2) * 1cqh - 14px);scale:.9;opacity:1}15.5%{translate:calc(var(--x3) * 1cqw - 14px) calc(var(--y3) * 1cqh - 14px);scale:1;opacity:1}18%{translate:calc(var(--x4) * 1cqw - 14px) calc(var(--y4) * 1cqh - 14px);scale:1;opacity:1}20.8%{translate:calc(var(--x5) * 1cqw - 14px) calc(var(--y5) * 1cqh - 14px);scale:1.1;opacity:1}26%,to{translate:calc(var(--x5) * 1cqw - 14px) calc(var(--y5) * 1cqh - 14px);scale:1.5;opacity:0}}@keyframes rx-impact{0%,20.8%{transform:scale(.6);opacity:0}24%{transform:scale(1.1);opacity:1}34%,to{transform:scale(1.3);opacity:0}}.reaction-dock{position:relative;z-index:30;display:grid;gap:6px;justify-items:center;width:fit-content;max-width:100%;margin:18px auto 0;padding:8px 10px 11px;border:1px solid #3f4733;border-radius:22px;background:#1d211bf2}.dock-target{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;justify-content:center;min-height:30px;font-size:13px;line-height:1.3;text-align:center}.dock-prompt{color:#b9c2a8;font-size:13px}.dock-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:1px 3px 1px 12px;border:1px solid var(--lime);border-radius:999px;background:#d2f86f1a;color:var(--lime);font-weight:600}.dock-chip>span{min-width:0;overflow-wrap:anywhere}.dock-chip b{font-weight:700}.dock-chip button{position:relative;display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;color:inherit}.dock-chip button:after{content:"";position:absolute;inset:-8px}.dock-chip button:hover{background:#d2f86f26}.dock-actions{display:flex;gap:6px}.dock-button{display:grid;justify-items:center;align-content:center;gap:3px;min-width:76px;min-height:58px;padding:6px 8px;border:1px solid #3d4533;border-radius:14px;background:#272c22;font:600 13px/1.1 var(--display);touch-action:manipulation}.dock-button .rx-icon{display:block;transition:transform .16s cubic-bezier(.16,1,.3,1)}.dock-button:not(:disabled):hover{background:#30372a;border-color:#5b6746}.dock-button:not(:disabled):hover .rx-icon{transform:translateY(-2px) scale(1.08)}.dock-button:focus-visible{outline-offset:2px}.dock-middle-finger{border-color:#d2f86f66}.dock-cooldown{position:absolute;left:18px;right:18px;bottom:4px;height:3px;border-radius:2px;background:var(--lime);opacity:.8;transform-origin:left center;animation:rx-cool linear both}@keyframes rx-cool{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:420px){.reaction-dock{padding-inline:8px}.dock-actions{gap:5px}.dock-button{min-width:60px;padding-inline:4px}}@media(max-height:640px){.dock-target>.dock-prompt:only-child,.dock-chip+.dock-prompt{display:none}.dock-target:has(>.dock-prompt:only-child){display:none}}.results-teams.results-teams{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,96px);max-width:1080px;margin:28px auto;text-align:center}.results-teams.results-teams:before{content:"";position:absolute;left:50%;top:4%;bottom:4%;width:1px;background:var(--lime);opacity:.75}.results-teams.results-teams:after{content:"✳";position:absolute;left:50%;top:50%;translate:-50% -50%;padding:6px 0;background:var(--bg);color:var(--lime);font-size:34px;line-height:1}.results-teams.results-teams .team{position:relative;isolation:isolate;padding:8px 0 0;border:0;background:none}.results-teams.results-teams .team:before{content:"";position:absolute;inset:-24px 0 -12px;z-index:-1;pointer-events:none;background:radial-gradient(60% 85% at 50% 95%,color-mix(in srgb,var(--orange) 10%,transparent),transparent 72%)}.results-teams.results-teams .team-2:before{background:radial-gradient(60% 85% at 50% 95%,color-mix(in srgb,var(--blue) 10%,transparent),transparent 72%)}.results-teams.results-teams .team-title{justify-content:center}.results-teams.results-teams .team h3{font:700 clamp(18px,2vw,24px) var(--display)}.results-teams.results-teams .team-players{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px;margin-top:22px}.results-teams.results-teams .team-2 .team-players{justify-content:flex-start}.results-teams.results-teams .team-players li{flex-direction:column;width:clamp(72px,9vw,112px);gap:6px;font-size:15px;line-height:1.25;text-align:center}.results-teams.results-teams .team-players li>span{flex:none;max-width:100%}.results-teams.results-teams .team-players li>svg.lucide{position:absolute;top:0;right:4px}.results-teams.results-teams .team-players .avatar{width:100%;height:auto}.results-teams.results-teams .team-2 .team-players .avatar{transform:scaleX(-1)}@media(max-width:560px){.results-teams.results-teams{grid-template-columns:1fr;gap:44px}.results-teams.results-teams:before{inset:50% 6% auto;width:auto;height:1px}.results-teams.results-teams .team-players,.results-teams.results-teams .team-2 .team-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:12px 8px}.results-teams.results-teams .team-players li{width:min(100%,112px)}.results-teams.results-teams .team-2 .team-players .avatar{transform:none}}@media(prefers-reduced-motion:reduce){svg.avatar:is([data-reaction],[data-celebration]) .avatar-pose,svg.avatar[data-incoming] .avatar-recoil,.avatar .reaction-sparks,.avatar .rx-tear,.avatar .rx-heart-eye,.avatar .rx-joy,.avatar .rx-ha,.avatar .rx-heart-fly,.avatar .rx-fist,.avatar .rx-sweat,.avatar .team-ground{animation:none}.avatar .rx-joy,.avatar .rx-heart-fly,.avatar .reaction-sparks{display:none}.avatar .reaction-hand{animation:rx-fade-in .15s ease-out both}.avatar .face-yield{animation:none;opacity:0}.avatar .face-incoming{animation:none;opacity:1}.seat.is-incoming .character-wrap:before,.team-players li.is-incoming:before{animation-delay:0ms}.reaction-arc path{animation:none;opacity:.6}.rx-glyph,.rx-impact{display:none}.dock-cooldown{animation:none;opacity:.5}.dock-button .rx-icon{transition:none}.dock-button:not(:disabled):hover .rx-icon{transform:none}}.results-teams .avatar[data-celebration] .avatar-pose,.results-teams .team-players li{animation-delay:var(--entrance-delay, 0ms)}.matchup-title>span{animation:matchup-arrive .65s cubic-bezier(.16,1,.3,1) both}.matchup-title>span:last-child{--entrance-x: 24px}@keyframes matchup-arrive{0%{transform:translate(var(--entrance-x, -24px));opacity:.3}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.matchup-title>span{animation:none}}
