:root{--min-width:480px;--min-height:270px;--interface-width:960px;--interface-height:540px;--interface-inset:90%;--field-width:244px;--layout-gap:12px;--mascot-size:36px;--straw-height:179px;--cup-base-depth:40px;--cup-wall-thickness:3px;--tea-base-gap:5px;--tea-bottom-depth:calc(var(--cup-base-depth) - 2 * var(--cup-wall-thickness) - var(--tea-base-gap));--tea-base-radius:calc(var(--tea-bottom-depth) + var(--cup-wall-thickness));--score-color:#ff3658;--chain-color:#32ff70;--input-background:#fff9dd;--score-font-size:26px;--score-line-height:29.9px;--best-chain-font-size:20.8px;--best-chain-line-height:23.92px;--message-font-size:64px;--ink:#163d2b;--accent-blue:#00b4ff;--water:#02afe0;--lagoon:#29d8cf;--sand:#ffe3a0;--wood:#ffc54f;--twitch-purple:#9146ff;--linkedin-blue:#0a66c2;--button-yellow:#fff4ca;--button-border:#51745a;--bamboo-width:10px;--preview-divider-width:calc(var(--bamboo-width) * 3.2);--straw-tea-cut:15px;--center-width:calc(144px + var(--preview-divider-width) - var(--bamboo-width));--panel-gap:8px;--menu-gap:8px;--button-height:32px;--button-font-size:12px;--glass-tint:#dcfff01f;--glass-blur:9px;--notice-blur:3px;--reward-size:32px;--reward-glyph-width:calc(var(--reward-size) * 5 / 4);--reward-reveal-duration:.2s;--collection-max-rows:8;--collection-gap:4px;--tea-syrup-depth:calc(var(--tea-bottom-depth) + (var(--field-width) - 2 * var(--bamboo-width)) / 6 - 1px);--tea-fill:linear-gradient(100deg, #fff9df24 0%, transparent 20% 78%, #fff6d027 100%), linear-gradient(180deg, #ead0a8, #d3a06f calc(72% - var(--tea-bottom-depth) * .72), #bd885b calc(100% - var(--tea-syrup-depth)), #855032 calc(100% - var(--tea-syrup-depth) * .2), #75462c 100%);color:var(--ink);font-synthesis:none;background:#103e48;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;font-weight:600}*{box-sizing:border-box}[hidden]{display:none!important}body{min-width:var(--min-width);min-height:max(var(--min-height), 100svh);place-items:center;margin:0;display:grid}.game-shell{width:max(var(--min-width), min(100vw, calc(100svh * 16 / 9)));aspect-ratio:16/9;background:url(/island.svg) 50%/cover;place-items:center;display:grid;position:relative}.interface{width:var(--interface-inset);aspect-ratio:16/9;position:relative}.interface-content{width:var(--interface-width);height:var(--interface-height);column-gap:var(--layout-gap);transform:scale(var(--interface-scale,1));transform-origin:0 0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) max-content;padding:0 41.5px 0 38.5px;display:grid;position:absolute;top:0;left:0}button,input{font:inherit}button{height:var(--button-height);min-height:var(--button-height);max-height:var(--button-height);font-size:var(--button-font-size);cursor:pointer;border:1px solid var(--button-border);background:var(--button-yellow);color:#285446;border-radius:10px;padding:4px;line-height:14px;box-shadow:inset 0 1px #fff9dc80}.sidebar:lang(fr) button:not(.account-emoji){padding-block:2px;line-height:12px}.content-sized-button{padding-inline:8px}button:disabled{cursor:default;opacity:1;-webkit-text-fill-color:currentColor}button:hover:not(:disabled){filter:brightness(1.06)}button:active:not(:disabled){transform:translateY(1px)}:focus{outline:none}input{width:100%;min-width:0;height:var(--button-height);background:var(--input-background);text-align:center;color:#194f49;border:1px solid #5c8976;border-radius:5px;padding:4px 6px}.difficulty-control{gap:var(--menu-gap);font-size:11px;display:grid}#difficulty-level{text-align:center;color:#c56bff;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:22px;font-weight:900;line-height:1.15;display:block}.sidebar{gap:var(--menu-gap);flex-direction:column;min-width:0;margin:36px 0 40px;display:flex;position:relative}.side-menu{scrollbar-width:thin;gap:var(--menu-gap);flex-direction:column;flex:none;min-height:0;max-height:100%;padding:3px;display:flex;overflow-y:auto}.sidebar:has(#room-chat:not([hidden])) .side-menu{max-height:calc(100% - 50px)}.side-menu>*{flex-shrink:0}#room-chat{flex-direction:column;flex:132px;min-height:42px;padding:0 3px;font-size:12px;font-weight:400;display:flex}#chat-history{overflow-wrap:anywhere;scrollbar-width:none;overscroll-behavior:contain;flex:1;min-height:0;line-height:18px;overflow-y:auto}#chat-history::-webkit-scrollbar{display:none}#chat-history p{min-height:18px;margin:0}#chat-history strong{font-weight:700}#chat-form{margin-top:var(--menu-gap);flex:none;gap:4px;display:flex}#chat-input{text-align:left}header{z-index:2;justify-content:flex-start;align-items:center;height:36px;padding-left:3px;display:flex;position:absolute;top:-49.5px;left:3px;right:3px}.brand{width:100%;max-width:100%;color:var(--button-yellow);letter-spacing:-.04em;justify-content:flex-start;align-items:baseline;gap:8px;font:900 26px/1 Avenir Next,Avenir,sans-serif;text-decoration:none;display:flex}#brand-title{white-space:nowrap;-webkit-text-stroke:6px var(--button-border);paint-order:stroke fill;text-shadow:none;flex:none}.brand-mascot{--mascot-size:calc(1cap + 6px);width:calc(var(--mascot-size) * 64 / 55);height:calc(var(--mascot-size) * 64 / 55);transform:translateY(calc(var(--mascot-size) * 4.5 / 55 + (var(--mascot-size) - 1cap) / 2));flex:none;margin-right:-2px;display:block}.arena{grid-template-columns:var(--field-width) var(--center-width) var(--field-width);gap:var(--layout-gap);grid-template-rows:minmax(0,1fr);justify-content:start;align-items:stretch;min-width:0;margin:20px 0 40px;display:grid;position:relative}.field{min-width:0}.field-label{--incoming-size:calc((var(--field-width) - 2 * var(--bamboo-width)) / 6 * 64 / 60);justify-content:space-between;align-items:center;height:16px;padding:0 10px;display:flex;position:relative}h2,h3{margin:0}.field-label output{height:var(--incoming-size);scrollbar-width:none;position:absolute;bottom:0;left:10px;right:10px;overflow:auto hidden}.field-label output svg{max-width:none;height:100%;display:block}.bamboo-frame{border:var(--bamboo-width) solid transparent;background:var(--wood);background-clip:padding-box;border-image:url(/bamboo.svg) 16 round;padding:0;position:relative;box-shadow:0 4px 5px #244a3433}.cup-frame{--tea-rise:calc(var(--bamboo-width) * 15 / 16);--cup-rim-top:-21.625px;border:var(--bamboo-width) solid transparent;--tea-wave:polygon(0 2px, 10% 1.5px, 20% .5px, 30% 0, 40% .5px, 50% 1.5px, 60% 2px, 70% 1.5px, 80% .5px, 90% 0, 100% .5px, 100% 100%, 0 100%);position:relative}.cup-frame:before{content:"";z-index:1;inset:calc(var(--cup-rim-top) + 12.5px) -7px calc(var(--cup-wall-thickness) - var(--cup-base-depth));border:var(--cup-wall-thickness) solid #e7fff0a8;pointer-events:none;border-top:0;border-radius:0 0 50% 50%/0 0 40px 40px;position:absolute;box-shadow:inset 2px 0 #ffffff6b,inset -2px 0 #94ead580,inset 0 -3px #8ed9c067}.cup-rim{z-index:1;top:var(--cup-rim-top);fill:none;stroke:#e7fff0a8;stroke-width:3px;stroke-linecap:butt;stroke-linejoin:round;pointer-events:none;width:calc(100% + 40px);height:20px;position:absolute;left:-20px;overflow:visible}.cup-rim .inner-left{stroke:#ffffff6b;stroke-width:3px}.cup-rim .inner-right{stroke:#94ead580;stroke-width:3px}.board-wrap{aspect-ratio:1/2;border-radius:3px 3px 13px 13px;width:100%;position:relative;overflow:hidden}.tea-layer,.cup-animation{inset:calc(-1 * var(--tea-rise)) 0 calc(-1 * var(--tea-bottom-depth));border-radius:0 0 50% 50% / 0 0 var(--tea-base-radius) var(--tea-base-radius);pointer-events:none;position:absolute;overflow:hidden}.cup-animation{z-index:1}.cup-grid,.cup-animation canvas{width:100%;height:100%;clip-path:var(--tea-wave);display:block;position:relative}.cup-grid{-webkit-mask-image:linear-gradient(#000,#00000080);mask-image:linear-gradient(#000,#00000080)}.tea-layer:before{content:"";background:var(--tea-fill);clip-path:var(--tea-wave);position:absolute;inset:0}#board,#opponent{outline:none;width:100%;height:100%;display:block;position:relative}.center{gap:var(--panel-gap);flex-direction:column;min-width:0;min-height:0;padding-top:16px;display:flex;position:relative}.next-panel,.score-panel{background:var(--glass-tint);background-clip:padding-box}.next-panel{z-index:1}.next-panel,.score-panel{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.score-panel output,#difficulty-level{text-shadow:1px 1px #000}.preview-area{position:relative}.preview-area:after{content:"";top:-20px;left:calc(50% - var(--preview-divider-width) / 2);width:var(--preview-divider-width);height:var(--straw-height);clip-path:inset(0 0 var(--straw-tea-cut) 0);pointer-events:none;background:url(/straw.svg) 50%/100% 100% no-repeat;position:absolute}#preview{border:2px solid #0000;border-radius:5px;width:100%;height:auto;display:block}#score-left-name,#score-right-name{text-overflow:ellipsis;white-space:nowrap;line-height:16px;display:block;overflow:hidden}.menu-controls{gap:var(--menu-gap);padding:0;display:grid}#online-records,#versus-lobby{margin-top:var(--menu-gap);font-size:11px}.side-menu:has(#online-records:not([hidden]),#versus-lobby:not([hidden])){flex:1}#online-records{flex-direction:column;flex:1;min-height:40px;display:flex}#online-records>.mode-select{flex-shrink:0}#versus-lobby{flex-direction:column;flex:1;min-height:0;margin-top:0;display:flex}.sidebar-footer{top:calc(100% + 32px + (var(--cup-base-depth) - var(--cup-wall-thickness)) / 2);justify-content:center;align-items:center;gap:8px;width:100%;height:32px;font-size:11px;display:flex;position:absolute;left:0;transform:translateY(-50%)}.sidebar-footer a{color:var(--ink);text-decoration:none}.sidebar-footer a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}#online-records p{overflow-wrap:anywhere;margin:6px 0}#online-records p:empty{display:none}#records-list,#versus-players{scrollbar-width:none;flex:1;grid-template-columns:minmax(0,1fr) max-content max-content;align-content:start;column-gap:12px;min-height:0;margin:8px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}#records-list::-webkit-scrollbar{display:none}#versus-players::-webkit-scrollbar{display:none}#versus-players{grid-template-columns:minmax(0,1fr) max-content max-content max-content;column-gap:8px;margin:0}#records-list li,#versus-players li{grid-template-columns:subgrid;grid-column:1/-1;align-items:baseline;padding:3px 0;display:grid}.record-row{grid-template-columns:subgrid;grid-column:1/-1;align-items:baseline;display:grid}#records-list li span,#versus-players li span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#records-list strong,#versus-players strong{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}#account-controls{margin-top:var(--menu-gap)}#account-label{width:100%}#account-dialog,#sign-in,#account-dialog form{gap:var(--menu-gap);display:grid}#account-name-button{width:100%}#name-dialog{gap:var(--menu-gap);display:grid}#account-form{gap:4px;margin:0;display:flex}#account-balance{font-size:calc((var(--field-width) - 2 * var(--bamboo-width)) / 6 * 48 / 60 / 2);font-weight:inherit;overflow-wrap:anywhere;justify-content:center;align-items:center;gap:.25em;display:flex}#account-emojis{box-sizing:border-box;align-content:flex-start;row-gap:var(--collection-gap);width:calc(100% + 8px);max-height:calc(var(--collection-max-rows) * (var(--reward-size) + var(--collection-gap)) - var(--collection-gap) + 8px);overscroll-behavior:contain;scrollbar-width:thin;flex-wrap:wrap;margin:-4px;padding:4px;display:flex;overflow-y:auto}.account-emoji{box-shadow:none;background:0 0;border:0;border-radius:0;min-width:0;padding:0}#account-emojis .account-emoji:is(:hover,:active,:focus-visible){filter:none;outline:none;transform:none}#logout{white-space:nowrap;flex:none;width:max-content}#account-name-button{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#account-name{text-align:center;flex:1;width:100%;min-width:0;font-size:12px}#end-game{white-space:nowrap;flex:none;width:max-content}#login-twitch{background:var(--twitch-purple);border-color:var(--twitch-purple);color:#fff}#login-linkedin{background:var(--linkedin-blue);border-color:var(--linkedin-blue);color:#fff}#account-dialog input{font-size:12px}#online-records :focus-visible{outline:2px solid var(--ink);outline-offset:1px}.mode-select{gap:4px;display:flex}.menu-controls>.mode-select:first-child{margin-bottom:var(--menu-gap)}.mode-select button{flex:1;min-width:0}.mode-select button[aria-pressed=true]{color:#fff8d3;background:#366a4c;border-color:#254e37}.actions{gap:5px;display:flex}.actions button{flex:1}#game-actions:has(#spectate:not([hidden])){flex-wrap:wrap}#game-actions:has(#spectate:not([hidden])) #room-practice{flex-basis:100%}#match-confirm.member-options .actions{flex-wrap:wrap}#match-confirm.member-options #cancel-match{flex-basis:100%}.primary{color:#fff6d2;background:#376a4e;border-color:#254e37}#room-controls{gap:var(--menu-gap);font-size:11px;display:grid}#room-actions{gap:4px;display:flex}#room-actions button{white-space:nowrap;flex:1;min-width:0}#guest-name-row{gap:4px;display:flex}#versus-login{white-space:nowrap;flex:none;width:max-content}#player-name{text-align:center;outline:none;flex:1;width:100%;min-width:0;font-size:12px}#create-room-actions,#guest-name-row,#game-actions{margin-top:var(--menu-gap)}#create-room-actions:not([hidden])+#game-actions{margin-top:0}#room-social-actions:has(#room-practice:not([hidden])){margin-top:var(--menu-gap)}#room-social-actions:has(#room-practice:not([hidden]))~#game-actions{margin-top:0}#player-name:disabled{-webkit-text-fill-color:color-mix(in srgb, currentColor 50%, transparent)}#player-name::placeholder{text-align:center}#join-form{grid-template-columns:minmax(0,1fr) max-content;gap:4px;display:grid}#join-code{text-transform:uppercase;font-size:11px}#join-code::placeholder{text-transform:none}#room-controls:has(#room-entry[hidden]){display:none}#room-info{flex:3;gap:4px;min-width:0;display:flex}#room-actions>#leave-room{flex:none;padding-inline:8px}#room-code{flex:1;min-width:0}#menu-notice{z-index:2;background:0 0;place-items:center;padding:3px;display:grid;position:absolute;inset:0}.menu-backdrop,.sidebar-backdrop{pointer-events:none;-webkit-backdrop-filter:blur(calc(var(--notice-blur) * var(--notice-scale)));backdrop-filter:blur(calc(var(--notice-blur) * var(--notice-scale)));position:absolute}.side-menu[inert],#room-chat[inert]{filter:blur(var(--notice-blur))}.menu-notice-card{border:1px solid var(--button-border);background:var(--input-background);text-align:center;border-radius:10px;gap:12px;width:100%;max-height:100%;padding:16px;font-size:12px;display:grid;overflow-y:auto}.menu-notice-card p{overflow-wrap:anywhere;margin:0}.menu-notice-card p:empty{display:none}#error-status{white-space:pre-line}#match-confirm,#leave-confirm{gap:12px;display:grid}#reward-dialog{gap:var(--menu-gap);display:grid}#reward-emojis,#account-emojis{justify-content:space-evenly;align-items:center;display:flex}.emoji-picture{background-repeat:no-repeat;background-size:1600% 1600%;flex:none;width:1em;height:1em;display:block}.account-balance-icon{vertical-align:middle;width:1em;height:1em;display:inline-block}.reward-item,.account-emoji{width:var(--reward-size);height:var(--reward-size);flex:none;place-items:center;display:grid;position:relative}.reward-emoji,.account-emoji-glyph{width:var(--reward-glyph-width);height:var(--reward-size);font-size:var(--reward-size);place-items:center;line-height:1;display:grid}.reward-emoji{transform:scale(.5)}.account-emoji-glyph{transform:scale(.8)}#account-emojis .account-emoji[aria-pressed=true] .account-emoji-glyph{filter:url(#account-emoji-outline)}.reward-blur{top:0;left:calc((var(--reward-size) - var(--reward-glyph-width)) / 2);width:var(--reward-glyph-width);height:var(--reward-size);filter:blur(var(--notice-blur));position:absolute}.reward-cover{--reward-cover-size:calc((var(--field-width) - 2 * var(--bamboo-width)) / 6 * 64 / 60);top:calc((var(--reward-size) - var(--reward-cover-size)) / 2);left:calc((var(--reward-size) - var(--reward-cover-size)) / 2);width:var(--reward-cover-size);height:var(--reward-cover-size);pointer-events:none;position:absolute;transform:scale(.8)}#reward-dialog.revealed .reward-emoji{animation:reward-emoji-reveal var(--reward-reveal-duration) ease both;transform:scale(.8)}#reward-dialog.revealed .reward-blur{filter:blur();animation:reward-blur-reveal var(--reward-reveal-duration) ease both}#reward-dialog.revealed .reward-cover{opacity:0;animation:reward-cover-reveal var(--reward-reveal-duration) ease both;transform:scale(1)}@keyframes reward-cover-reveal{0%{opacity:1;transform:scale(.8)}50%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1)}}@keyframes reward-emoji-reveal{0%{transform:scale(.5)}50%{transform:scale(.25)}to{transform:scale(.8)}}@keyframes reward-blur-reveal{0%,50%{filter:blur(var(--notice-blur))}to{filter:blur()}}#skill-spread{gap:8px;display:grid}#skill-spread button:first-child{flex:1.7}#search-rank,#versus-rank{text-align:center;width:100%;font-size:12px;display:block}.mascot-panel{z-index:1;aspect-ratio:16/9;background:0 0;flex:none;width:100%;overflow:hidden}.mascot-art{position:absolute;inset:0;overflow:hidden}.mascot-art:before{content:"";left:var(--tea-x);top:var(--tea-y);width:var(--tea-width);height:var(--tea-height);background:var(--tea-fill);pointer-events:none;position:absolute}.mascot-art:after{content:"";z-index:1;top:0;left:calc(50% - var(--preview-divider-width) / 2);width:var(--preview-divider-width);background:url(/straw.svg) center bottom / 100% var(--straw-height) no-repeat;opacity:.16;height:20%;-webkit-mask-image:radial-gradient(ellipse var(--mascot-mask-radius-x,calc(var(--mascot-size) * .429688)) var(--mascot-mask-radius-y,calc(var(--mascot-size) * .429688)) at calc(50% + var(--mascot-x,0px)) var(--mascot-mask-y,0px), transparent 100%, #000 calc(100% + .5px));mask-image:radial-gradient(ellipse var(--mascot-mask-radius-x,calc(var(--mascot-size) * .429688)) var(--mascot-mask-radius-y,calc(var(--mascot-size) * .429688)) at calc(50% + var(--mascot-x,0px)) var(--mascot-mask-y,0px), transparent 100%, #000 calc(100% + .5px));pointer-events:none;position:absolute}#mascot-display{z-index:2;width:var(--mascot-size);height:var(--mascot-size);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-panel{text-align:left;flex:1;grid-template-columns:minmax(0,1fr);align-content:start;min-height:0;padding:8px 0;display:grid}.rank-chance{color:#fff;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;-webkit-text-stroke:var(--rank-outline-width) var(--rank-outline-color,#ffdd35);paint-order:stroke fill;font-size:10px;line-height:16px}#rank-chance-left{margin-left:8px}#rank-chance-right{margin-right:8px}.score-status,#score{margin-bottom:8px}.score-panel>span,#opponent-score>span{text-transform:uppercase;letter-spacing:1px;font-size:10px}.score-panel output,.chain-toast{color:var(--score-color);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:27.2px;font-weight:900;line-height:1.15;display:block}.score-panel output{font-size:var(--score-font-size);line-height:var(--score-line-height)}.score-panel output>span{display:inline-block}#score-left-name,#score,.score-panel .solo-secondary{margin-left:8px}#score-left-name{min-height:16px}#score-right-name,#score-right,#solo-best-chain{margin-right:8px}#opponent-score{text-align:right;grid-template-columns:minmax(0,1fr);display:grid}#score,.score-panel .solo-secondary{display:flex}#score:has(~.solo-secondary:not([hidden])){margin-bottom:0}.score-panel .solo-secondary{font-size:var(--best-chain-font-size);line-height:var(--best-chain-line-height);margin-bottom:8px}#score-right{color:var(--accent-blue);justify-content:flex-end;display:flex}#score>span,.solo-secondary>span,#score-right>span{flex:none}.solo-secondary>span{text-box-trim:trim-end}#chain-1,#countdown-1{color:var(--accent-blue)}#room-invite{align-items:center;gap:16px;display:flex}#room-fullness{white-space:nowrap;flex:none}#copy-room-link{flex:1;min-width:0}.lobby-scroll{flex:1;min-height:0;overflow-y:auto}#tournament-status,#tournament-countdown,#tournament-bracket{font-size:12px}#tournament-status,#tournament-bracket{margin-top:var(--menu-gap)}#bracket-matches{padding-left:18px}#bracket-matches li{overflow-wrap:anywhere;margin-top:8px}.lobby{gap:var(--menu-gap);flex-direction:column;min-width:0;display:flex}#members{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}#members li+li{margin-top:var(--menu-gap)}#members button,#members .member-label{text-align:left;overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:5px;width:100%;display:flex}#members .member-label{padding:8px 2px 8px 0}#members button{padding-inline:8px}#members button[aria-pressed=true]{color:#fff6d2;background:#376a4e;border-color:#254e37}#members small{font-size:inherit;white-space:nowrap;flex:none;font-weight:700}#members :is(.lobby-owner,.lobby-you){font-weight:inherit}#game-actions,#room-social-actions,#create-room-actions{gap:var(--menu-gap)}#camera-toggle{flex:none;width:max-content}#room-social-actions:not(:has(button:not([hidden]))){display:none}.toast{opacity:0}.toast.visible{opacity:1}#controls{z-index:2;top:calc(100% + 32px + (var(--cup-base-depth) - var(--cup-wall-thickness)) / 2);white-space:nowrap;justify-content:center;align-items:center;gap:8px;width:100%;height:32px;padding:0;font-size:11px;display:flex;position:absolute;left:0;transform:translateY(-50%)}#controls>span{white-space:nowrap}#controls kbd+kbd{margin-left:4px}kbd{font:inherit;background:#fff7dbdd;border:1px solid #6a9974;border-radius:3px;padding:2px 4px;font-size:10px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.chain-toast,.toast,.winner,.handicap{top:var(--message-center);color:var(--score-color);font-family:inherit;font-size:var(--message-font-size);transform:translate(-50%, calc(-50% - var(--chain-rise,0px)));text-align:center;pointer-events:none;font-weight:900;position:absolute;left:50%}.chain-toast{width:50%}.toast,.winner,.handicap{width:66.6667%}.winner,.handicap{transform:translate(-50%, calc(-50% + var(--result-offset,0%)))}.chain-toast svg,.toast svg,.winner svg,.handicap svg{width:100%;display:block;overflow:visible}.chain-toast text,.toast text,.winner text,.handicap text{fill:currentColor;text-shadow:1.5px 1.5px #000;font:inherit}#winner-1,#handicap-1{color:var(--accent-blue)}#swap-controls{border-radius:6px;height:20px;min-height:20px;max-height:20px;font-size:10px;line-height:10px}#solo-best-chain{color:var(--chain-color);font-size:var(--best-chain-font-size);line-height:var(--best-chain-line-height)}.video-window{pointer-events:none;border-radius:3px;position:absolute;inset:0;overflow:hidden}.video-window video{object-fit:cover;background:#182f2c;width:100%;height:100%;position:absolute;inset:0}#local-video{transform:scaleX(-1)}#versus-players small{font-size:inherit;font-weight:inherit;white-space:nowrap}.lobby-ready,.lobby-joined{color:var(--chain-color)}.lobby-playing{color:var(--score-color)}.player-ping,.lobby-ready,.lobby-joined,.lobby-playing{text-shadow:.0384615em .0384615em #000}.player-ping{text-align:right;font-variant-numeric:tabular-nums;font-size:inherit;white-space:nowrap;flex:none;font-weight:700}#members .player-ping{text-shadow:none;-webkit-text-stroke:2px #376a4e;paint-order:stroke fill}#members .member-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.attack-flight{z-index:20;pointer-events:none;position:absolute}.solo-score-flight{z-index:20;pointer-events:none;transform-origin:50%;width:1em;height:1em;line-height:1;position:absolute}@media (prefers-reduced-motion:reduce){#reward-dialog.revealed :is(.reward-emoji,.reward-blur,.reward-cover){animation:none}}#share-dialog{gap:12px;display:grid}#share-link{width:100%;min-width:0}