@font-face{font-family:Noto Color Emoji;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-color-emoji/0.woff2)format("woff2");unicode-range:U+1F1E6-1F1FF}@font-face{font-family:Noto Color Emoji;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-color-emoji/1.woff2)format("woff2");unicode-range:U+200D,U+2620,U+26A7,U+FE0F,U+1F308,U+1F38C,U+1F3C1,U+1F3F3-1F3F4,U+1F6A9,U+E0062-E0063,U+E0065,U+E0067,U+E006C,U+E006E,U+E0073-E0074,U+E0077,U+E007F}@font-face{font-family:Noto Color Emoji;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-color-emoji/2.woff2)format("woff2");unicode-range:U+23,U+2A,U+30-39,U+A9,U+AE,U+200D,U+203C,U+2049,U+20E3,U+2122,U+2139,U+2194-2199,U+21A9-21AA,U+23CF,U+23E9-23EF,U+23F8-23FA,U+24C2,U+25AA-25AB,U+25B6,U+25C0,U+25FB-25FE,U+2611,U+2622-2623,U+2626,U+262A,U+262E-262F,U+2638,U+2640,U+2642,U+2648-2653,U+2660,U+2663,U+2665-2666,U+2668,U+267B,U+267E-267F,U+2695,U+269B-269C,U+26A0,U+26A7,U+26AA-26AB,U+26CE,U+26D4,U+2705,U+2714,U+2716,U+271D,U+2721,U+2733-2734,U+2747,U+274C,U+274E,U+2753-2755,U+2757,U+2764,U+2795-2797,U+27A1,U+27B0,U+27BF,U+2934-2935,U+2B05-2B07,U+2B1B-2B1C,U+2B55,U+3030,U+303D,U+3297,U+3299,U+FE0F,U+1F170-1F171,U+1F17E-1F17F,U+1F18E,U+1F191-1F19A,U+1F201-1F202,U+1F21A,U+1F22F,U+1F232-1F23A,U+1F250-1F251,U+1F310,U+1F3A6,U+1F3B5-1F3B6,U+1F3BC,U+1F3E7,U+1F441,U+1F499-1F49C,U+1F49F-1F4A0,U+1F4AC-1F4AD,U+1F4B1-1F4B2,U+1F4B9,U+1F4DB,U+1F4F2-1F4F6,U+1F500-1F507,U+1F515,U+1F518-1F524,U+1F52F-1F53D,U+1F549,U+1F54E,U+1F5A4,U+1F5E8,U+1F5EF,U+1F6AB,U+1F6AD-1F6B1,U+1F6B3,U+1F6B7-1F6BC,U+1F6BE,U+1F6C2-1F6C5,U+1F6D0-1F6D1,U+1F6D7,U+1F6DC,U+1F7E0-1F7EB,U+1F7F0,U+1F90D-1F90E,U+1F9D1-1F9D2,U+1F9E1,U+1FA75-1FA77,U+1FAAF}@font-face{font-family:Noto Color Emoji;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-color-emoji/3.woff2)format("woff2");unicode-range:U+200D,U+231A-231B,U+2328,U+23F0-23F3,U+2602,U+260E,U+2692,U+2694,U+2696-2697,U+2699,U+26B0-26B1,U+26CF,U+26D1,U+26D3,U+2702,U+2709,U+270F,U+2712,U+FE0F,U+1F302,U+1F321,U+1F392-1F393,U+1F3A9,U+1F3BD,U+1F3EE,U+1F3F7,U+1F3FA,U+1F451-1F462,U+1F484,U+1F489-1F48A,U+1F48C-1F48E,U+1F4A1,U+1F4A3,U+1F4A5,U+1F4B0,U+1F4B3-1F4B8,U+1F4BB-1F4DA,U+1F4DC-1F4F1,U+1F4FF,U+1F508-1F514,U+1F516-1F517,U+1F526-1F529,U+1F52C-1F52E,U+1F550-1F567,U+1F56F-1F570,U+1F576,U+1F587,U+1F58A-1F58D,U+1F5A5,U+1F5A8,U+1F5B1-1F5B2,U+1F5C2-1F5C4,U+1F5D1-1F5D3,U+1F5DC-1F5DE,U+1F5E1,U+1F5F3,U+1F6AA,U+1F6AC,U+1F6BD,U+1F6BF,U+1F6C1,U+1F6CB,U+1F6CD-1F6CF,U+1F6D2,U+1F6E0-1F6E1,U+1F6F0,U+1F97B-1F97F,U+1F9AF,U+1F9BA,U+1F9E2-1F9E6,U+1F9EA-1F9EC,U+1F9EE-1F9F4,U+1F9F7-1F9FF,U+1FA71-1FA74,U+1FA79-1FA7B,U+1FA86,U+1FA8E-1FA8F,U+1FA91-1FA93,U+1FA96,U+1FA99-1FAA0,U+1FAA2-1FAA7,U+1FAAA-1FAAE}@font-face{font-family:Noto Color Emoji;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-color-emoji/4.woff2)format("woff2");unicode-range:U+265F,U+26BD-26BE,U+26F3,U+26F8,U+FE0F,U+1F004,U+1F0CF,U+1F380-1F384,U+1F386-1F38B,U+1F38D-1F391,U+1F396-1F397,U+1F399-1F39B,U+1F39E-1F39F,U+1F3A3-1F3A5,U+1F3A7-1F3A9,U+1F3AB-1F3B4,U+1F3B7-1F3BB,U+1F3BD-1F3C0,U+1F3C5-1F3C6,U+1F3C8-1F3C9,U+1F3CF-1F3D3,U+1F3F8-1F3F9,U+1F47E,U+1F4E2,U+1F4F7-1F4FD,U+1F52B,U+1F579,U+1F58C-1F58D,U+1F5BC,U+1F6F7,U+1F6F9,U+1F6FC,U+1F93F,U+1F941,U+1F945,U+1F947-1F94F,U+1F9E7-1F9E9,U+1F9F5-1F9F6,U+1FA70-1FA71,U+1FA80-1FA81,U+1FA83-1FA85,U+1FA87-1FA8A,U+1FA94-1FA95,U+1FA97-1FA98,U+1FAA1,U+1FAA9,U+1FADF}@font-face{font-family:Noto Color Emoji;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-color-emoji/5.woff2)format("woff2");unicode-range:U+2693,U+26E9-26EA,U+26F1-26F2,U+26F4-26F5,U+26FA,U+26FD,U+2708,U+FE0F,U+1F301,U+1F303,U+1F306-1F307,U+1F309,U+1F310,U+1F3A0-1F3A2,U+1F3AA,U+1F3CD-1F3CE,U+1F3D5,U+1F3D7-1F3DB,U+1F3DF-1F3E6,U+1F3E8-1F3ED,U+1F3EF-1F3F0,U+1F488,U+1F492,U+1F4BA,U+1F54B-1F54D,U+1F5FA-1F5FF,U+1F680-1F6A2,U+1F6A4-1F6A8,U+1F6B2,U+1F6D1,U+1F6D5-1F6D6,U+1F6DD-1F6DF,U+1F6E2-1F6E5,U+1F6E9,U+1F6EB-1F6EC,U+1F6F3-1F6F6,U+1F6F8,U+1F6FA-1F6FB,U+1F9BC-1F9BD,U+1F9ED,U+1F9F3,U+1FA7C}@font-face{font-family:Noto Color Emoji;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-color-emoji/6.woff2)format("woff2");unicode-range:U+200D,U+2615,U+FE0F,U+1F32D-1F330,U+1F336,U+1F33D,U+1F344-1F37F,U+1F382,U+1F52A,U+1F7E9,U+1F7EB,U+1F942-1F944,U+1F950-1F96F,U+1F99E,U+1F9AA,U+1F9C0-1F9CB,U+1FAD0-1FADC}@font-face{font-family:Noto Color Emoji;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-color-emoji/7.woff2)format("woff2");unicode-range:U+200D,U+2600-2601,U+2603-2604,U+2614,U+2618,U+26A1,U+26C4-26C5,U+26C8,U+26F0,U+2728,U+2744,U+2B1B,U+2B50,U+FE0F,U+1F300,U+1F304-1F305,U+1F308,U+1F30A-1F30F,U+1F311-1F321,U+1F324-1F32C,U+1F331-1F335,U+1F337-1F33C,U+1F33E-1F344,U+1F3D4,U+1F3D6,U+1F3DC-1F3DE,U+1F3F5,U+1F400-1F43F,U+1F490,U+1F4A7,U+1F4AE,U+1F525,U+1F54A,U+1F573,U+1F577-1F578,U+1F648-1F64A,U+1F6D8,U+1F940,U+1F980-1F9AE,U+1F9BA,U+1FA90,U+1FAA8,U+1FAB?,U+1FACD-1FACF,U+1FAE7}@font-face{font-family:Noto Color Emoji;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-color-emoji/8.woff2)format("woff2");unicode-range:U+200D,U+2640,U+2642,U+2695-2696,U+26F7,U+26F9,U+2708,U+2764,U+27A1,U+FE0F,U+1F33E,U+1F373,U+1F37C,U+1F384-1F385,U+1F393,U+1F3A4,U+1F3A8,U+1F3C2-1F3C4,U+1F3C7,U+1F3CA-1F3CC,U+1F3EB,U+1F3ED,U+1F3FB-1F3FF,U+1F430,U+1F466-1F469,U+1F46B-1F478,U+1F47C,U+1F481-1F483,U+1F486-1F487,U+1F48B,U+1F48F,U+1F491,U+1F4BB-1F4BC,U+1F527,U+1F52C,U+1F574-1F575,U+1F57A,U+1F645-1F647,U+1F64B,U+1F64D-1F64E,U+1F680,U+1F692,U+1F6A3,U+1F6B4-1F6B6,U+1F6C0,U+1F6CC,U+1F91D,U+1F926,U+1F930-1F931,U+1F934-1F93A,U+1F93C-1F93E,U+1F977,U+1F9AF-1F9B3,U+1F9B8-1F9B9,U+1F9BC-1F9BD,U+1F9CC-1F9CF,U+1F9D1-1F9DF,U+1FA70,U+1FA82,U+1FAC3-1FAC5,U+1FAC8,U+1FAEF}@font-face{font-family:Noto Color Emoji;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-color-emoji/9.woff2)format("woff2");unicode-range:U+200D,U+2194-2195,U+2603,U+261D,U+2620,U+2639-263A,U+2665,U+26A1,U+26C4,U+270A-270D,U+2728,U+2763-2764,U+2B50,U+FE0F,U+1F31A-1F31F,U+1F32B,U+1F389-1F38A,U+1F3FB-1F3FF,U+1F440-1F450,U+1F463-1F465,U+1F479-1F47B,U+1F47D-1F480,U+1F485,U+1F48B-1F48C,U+1F493-1F49F,U+1F4A2,U+1F4A4-1F4A6,U+1F4A8-1F4AB,U+1F4AF,U+1F525,U+1F573,U+1F590,U+1F595-1F596,U+1F5A4,U+1F5E3,U+1F600-1F644,U+1F648-1F64A,U+1F64C,U+1F64F,U+1F90C-1F925,U+1F927-1F92F,U+1F932-1F933,U+1F970-1F976,U+1F978-1F97A,U+1F9A0,U+1F9B4-1F9B7,U+1F9BB,U+1F9BE-1F9BF,U+1F9D0,U+1F9E0-1F9E1,U+1FA75-1FA79,U+1FAC0-1FAC2,U+1FAC6,U+1FAE0-1FAE6,U+1FAE8-1FAEA,U+1FAEF-1FAFA}@font-face{font-family:Noto Color Emoji;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-color-emoji/10.woff2)format("woff2");unicode-range:U+1F6D9,U+1FA8B-1FA8D,U+1FACC,U+1FADD,U+1FAEB}: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}.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(#versus-lobby:not([hidden])){flex:1}#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;grid-template-columns:minmax(0,1fr) max-content max-content;column-gap:12px;max-height:100px;margin:8px 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{flex:1;grid-template-columns:minmax(0,1fr) max-content max-content max-content;align-content:start;column-gap:8px;min-height:0;max-height:none;margin-top: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}.reward-emoji,.account-emoji-glyph,.account-balance-icon{font-family:Noto Color Emoji,sans-serif;font-style:normal;font-weight:400}.account-balance-icon{font-size:1em;line-height:1}.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,#race-score{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,#race-score{display:flex}#score:has(+#race-score:not([hidden])){margin-bottom:0}#race-score{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,#race-score>span,#score-right>span{flex:none}#race-score>span{text-box-trim:trim-end}.score-panel:has(#solo-best-chain:not([hidden])) #score:has(+#race-score[hidden])>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;white-space:nowrap;transform-origin:50%;font-family:Noto Color Emoji,sans-serif;font-weight:400;line-height:1;position:absolute}@media (prefers-reduced-motion:reduce){#reward-dialog.revealed :is(.reward-emoji,.reward-blur,.reward-cover){animation:none}}