:root{--art-grain:url("data:image/svg+xml;utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%22180%22 height%3D%22180%22%3E%3Cfilter id%3D%22n%22%3E%3CfeTurbulence type%3D%22fractalNoise%22 baseFrequency%3D%220.9%22 numOctaves%3D%222%22 stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix values%3D%220 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0%22%2F%3E%3C%2Ffilter%3E%3Crect width%3D%22100%25%22 height%3D%22100%25%22 filter%3D%22url(%23n)%22%2F%3E%3C%2Fsvg%3E");--art-aurora:url("data:image/svg+xml;utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%22390%22 height%3D%22640%22%3E%3Cdefs%3E%3ClinearGradient id%3D%22a0%22 x1%3D%220%22 y1%3D%220%22 x2%3D%220%22 y2%3D%221%22%3E%3Cstop offset%3D%220%22 stop-color%3D%22%232bd9a0%22 stop-opacity%3D%22.0%22%2F%3E%3Cstop offset%3D%22.35%22 stop-color%3D%22%232bd9a0%22 stop-opacity%3D%22.8%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%232bd9a0%22 stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id%3D%22a1%22 x1%3D%220%22 y1%3D%220%22 x2%3D%220%22 y2%3D%221%22%3E%3Cstop offset%3D%220%22 stop-color%3D%22%235a6bff%22 stop-opacity%3D%22.0%22%2F%3E%3Cstop offset%3D%22.35%22 stop-color%3D%22%235a6bff%22 stop-opacity%3D%22.8%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%235a6bff%22 stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id%3D%22a2%22 x1%3D%220%22 y1%3D%220%22 x2%3D%220%22 y2%3D%221%22%3E%3Cstop offset%3D%220%22 stop-color%3D%22%23a35cff%22 stop-opacity%3D%22.0%22%2F%3E%3Cstop offset%3D%22.35%22 stop-color%3D%22%23a35cff%22 stop-opacity%3D%22.8%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23a35cff%22 stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter id%3D%22b%22 x%3D%22-10%25%22 y%3D%22-30%25%22 width%3D%22120%25%22 height%3D%22160%25%22%3E%3CfeGaussianBlur stdDeviation%3D%2213%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg filter%3D%22url(%23b)%22%3E%3Cpath d%3D%22M-20 161.7 L0 172.6 L20 183.2 L40 191.1 L60 194.5 L80 192.7 L100 186.2 L120 176.2 L140 165.1 L160 155.3 L180 149.0 L200 147.5 L220 151.2 L240 159.3 L260 169.9 L280 180.8 L300 189.5 L320 194.1 L340 193.6 L360 188.1 L380 178.8 L400 167.8 L410 280.0 L390 274.2 L370 265.8 L350 257.9 L330 253.3 L310 253.8 L290 259.2 L270 267.4 L250 275.6 L230 280.5 L210 280.5 L190 275.6 L170 267.5 L150 259.2 L130 253.8 L110 253.3 L90 257.9 L70 265.8 L50 274.2 L30 280.0 L10 280.9 L-10 276.8 Z%22 fill%3D%22url(%23a0)%22%2F%3E%3Cpath d%3D%22M-20 253.4 L0 246.8 L20 238.2 L40 228.5 L60 218.3 L80 208.8 L100 200.6 L120 194.6 L140 191.1 L160 190.7 L180 193.2 L200 198.4 L220 206.0 L240 215.2 L260 225.2 L280 235.2 L300 244.2 L320 251.6 L340 256.5 L360 258.7 L380 257.8 L400 254.0 L410 312.0 L390 310.6 L370 312.3 L350 316.7 L330 323.3 L310 331.0 L290 338.7 L270 345.3 L250 349.8 L230 351.6 L210 350.3 L190 346.1 L170 339.8 L150 332.1 L130 324.4 L110 317.6 L90 312.8 L70 310.7 L50 311.6 L30 315.4 L10 321.5 L-10 329.1 Z%22 fill%3D%22url(%23a1)%22%2F%3E%3Cpath d%3D%22M-20 305.0 L0 307.6 L20 305.6 L40 299.3 L60 289.9 L80 279.0 L100 268.6 L120 260.4 L140 256.0 L160 256.1 L180 260.7 L200 269.0 L220 279.5 L240 290.3 L260 299.6 L280 305.8 L300 307.6 L320 304.8 L340 297.9 L360 288.2 L380 277.2 L400 267.1 L410 376.3 L390 371.6 L370 363.9 L350 355.5 L330 348.8 L310 345.8 L290 347.5 L270 353.2 L250 361.4 L230 369.6 L210 375.3 L190 377.0 L170 374.1 L150 367.4 L130 358.9 L110 351.2 L90 346.5 L70 346.2 L50 350.4 L30 357.8 L10 366.3 L-10 373.4 Z%22 fill%3D%22url(%23a2)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--art-stars:url("data:image/svg+xml;utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%22390%22 height%3D%22640%22 viewBox%3D%220 0 390 640%22%3E%3Ccircle cx%3D%22199.5%22 cy%3D%22339.2%22 r%3D%220.6%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.70%22%2F%3E%3Ccircle cx%3D%2231.2%22 cy%3D%22339.5%22 r%3D%220.6%22 fill%3D%22%23cfe3ff%22 opacity%3D%220.90%22%2F%3E%3Ccircle cx%3D%22163.8%22 cy%3D%22428.9%22 r%3D%221%22 fill%3D%22%23fff%22 opacity%3D%220.53%22%2F%3E%3Ccircle cx%3D%22154.4%22 cy%3D%22241.3%22 r%3D%221%22 fill%3D%22%23cfe3ff%22 opacity%3D%220.72%22%2F%3E%3Ccircle cx%3D%22163.2%22 cy%3D%22540.3%22 r%3D%220.6%22 fill%3D%22%23fff%22 opacity%3D%220.76%22%2F%3E%3Ccircle cx%3D%2298.2%22 cy%3D%2236.0%22 r%3D%220.6%22 fill%3D%22%23fff%22 opacity%3D%220.45%22%2F%3E%3Ccircle cx%3D%22290.0%22 cy%3D%22222.2%22 r%3D%220.6%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.44%22%2F%3E%3Ccircle cx%3D%22331.4%22 cy%3D%22525.0%22 r%3D%221%22 fill%3D%22%23fff%22 opacity%3D%220.90%22%2F%3E%3Ccircle cx%3D%22193.9%22 cy%3D%22336.7%22 r%3D%220.6%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.41%22%2F%3E%3Ccircle cx%3D%22251.2%22 cy%3D%2228.9%22 r%3D%220.6%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.63%22%2F%3E%3Ccircle cx%3D%22181.8%22 cy%3D%22225.9%22 r%3D%221.5%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.62%22%2F%3E%3Ccircle cx%3D%22296.2%22 cy%3D%22192.2%22 r%3D%221%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.45%22%2F%3E%3Ccircle cx%3D%2246.2%22 cy%3D%22403.3%22 r%3D%221%22 fill%3D%22%23cfe3ff%22 opacity%3D%220.60%22%2F%3E%3Ccircle cx%3D%22365.5%22 cy%3D%22545.9%22 r%3D%220.6%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.73%22%2F%3E%3Ccircle cx%3D%22169.6%22 cy%3D%22197.0%22 r%3D%221%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.55%22%2F%3E%3Ccircle cx%3D%22159.2%22 cy%3D%2279.0%22 r%3D%221.5%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.70%22%2F%3E%3Ccircle cx%3D%22200.5%22 cy%3D%2266.2%22 r%3D%220.6%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.97%22%2F%3E%3Ccircle cx%3D%22233.3%22 cy%3D%22386.4%22 r%3D%220.6%22 fill%3D%22%23fff%22 opacity%3D%220.77%22%2F%3E%3Ccircle cx%3D%22253.8%22 cy%3D%22637.1%22 r%3D%221%22 fill%3D%22%23fff%22 opacity%3D%220.77%22%2F%3E%3Ccircle cx%3D%22379.1%22 cy%3D%22219.8%22 r%3D%221%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.77%22%2F%3E%3Ccircle cx%3D%2227.8%22 cy%3D%22183.5%22 r%3D%220.6%22 fill%3D%22%23cfe3ff%22 opacity%3D%220.50%22%2F%3E%3Ccircle cx%3D%22280.1%22 cy%3D%22201.5%22 r%3D%221.5%22 fill%3D%22%23cfe3ff%22 opacity%3D%220.60%22%2F%3E%3Ccircle cx%3D%2270.6%22 cy%3D%22522.6%22 r%3D%220.6%22 fill%3D%22%23fff%22 opacity%3D%220.63%22%2F%3E%3Ccircle cx%3D%22331.7%22 cy%3D%22364.3%22 r%3D%220.6%22 fill%3D%22%23fff%22 opacity%3D%220.67%22%2F%3E%3Ccircle cx%3D%22191.6%22 cy%3D%22104.4%22 r%3D%221%22 fill%3D%22%23fff%22 opacity%3D%221.00%22%2F%3E%3Ccircle cx%3D%22239.0%22 cy%3D%22450.5%22 r%3D%220.6%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.38%22%2F%3E%3Ccircle cx%3D%2265.7%22 cy%3D%22381.5%22 r%3D%220.6%22 fill%3D%22%23cfe3ff%22 opacity%3D%220.38%22%2F%3E%3Ccircle cx%3D%2223.8%22 cy%3D%22296.1%22 r%3D%220.6%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.62%22%2F%3E%3Ccircle cx%3D%22131.9%22 cy%3D%22376.8%22 r%3D%220.6%22 fill%3D%22%23fff%22 opacity%3D%220.64%22%2F%3E%3Ccircle cx%3D%2295.6%22 cy%3D%22437.8%22 r%3D%220.6%22 fill%3D%22%23cfe3ff%22 opacity%3D%220.35%22%2F%3E%3Ccircle cx%3D%2251.0%22 cy%3D%22105.5%22 r%3D%221%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.48%22%2F%3E%3Ccircle cx%3D%22246.5%22 cy%3D%22528.4%22 r%3D%220.6%22 fill%3D%22%23fff%22 opacity%3D%220.41%22%2F%3E%3Ccircle cx%3D%22290.2%22 cy%3D%22138.1%22 r%3D%221.5%22 fill%3D%22%23cfe3ff%22 opacity%3D%220.41%22%2F%3E%3Ccircle cx%3D%22344.6%22 cy%3D%22409.0%22 r%3D%220.6%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.81%22%2F%3E%3Ccircle cx%3D%22149.7%22 cy%3D%22488.9%22 r%3D%221%22 fill%3D%22%23fff%22 opacity%3D%220.76%22%2F%3E%3Ccircle cx%3D%223.3%22 cy%3D%22360.7%22 r%3D%220.6%22 fill%3D%22%23cfe3ff%22 opacity%3D%220.92%22%2F%3E%3Ccircle cx%3D%2221.9%22 cy%3D%22337.9%22 r%3D%221%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.44%22%2F%3E%3Ccircle cx%3D%22341.3%22 cy%3D%22302.3%22 r%3D%220.6%22 fill%3D%22%23cfe3ff%22 opacity%3D%220.65%22%2F%3E%3Ccircle cx%3D%22169.9%22 cy%3D%2263.2%22 r%3D%221%22 fill%3D%22%23fff%22 opacity%3D%220.96%22%2F%3E%3Ccircle cx%3D%22214.6%22 cy%3D%22365.6%22 r%3D%220.6%22 fill%3D%22%23fff%22 opacity%3D%220.89%22%2F%3E%3Ccircle cx%3D%22105.9%22 cy%3D%2240.3%22 r%3D%221%22 fill%3D%22%23fff%22 opacity%3D%220.59%22%2F%3E%3Ccircle cx%3D%2251.3%22 cy%3D%22574.1%22 r%3D%220.6%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.58%22%2F%3E%3Ccircle cx%3D%22222.0%22 cy%3D%22347.9%22 r%3D%220.6%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.55%22%2F%3E%3Ccircle cx%3D%22185.1%22 cy%3D%22260.4%22 r%3D%221%22 fill%3D%22%23cfe3ff%22 opacity%3D%220.36%22%2F%3E%3Ccircle cx%3D%2236.0%22 cy%3D%22474.4%22 r%3D%221%22 fill%3D%22%23cfe3ff%22 opacity%3D%220.86%22%2F%3E%3Ccircle cx%3D%22234.4%22 cy%3D%22387.4%22 r%3D%221%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.95%22%2F%3E%3Ccircle cx%3D%22128.3%22 cy%3D%22454.7%22 r%3D%221.5%22 fill%3D%22%23fff%22 opacity%3D%220.69%22%2F%3E%3Ccircle cx%3D%22266.0%22 cy%3D%2263.9%22 r%3D%220.6%22 fill%3D%22%23fff%22 opacity%3D%220.93%22%2F%3E%3Ccircle cx%3D%22149.5%22 cy%3D%22455.5%22 r%3D%220.6%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.64%22%2F%3E%3Ccircle cx%3D%2287.7%22 cy%3D%22205.1%22 r%3D%220.6%22 fill%3D%22%23fff%22 opacity%3D%220.82%22%2F%3E%3Ccircle cx%3D%2247.7%22 cy%3D%22273.9%22 r%3D%220.6%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.83%22%2F%3E%3Ccircle cx%3D%2247.8%22 cy%3D%2261.0%22 r%3D%221%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.51%22%2F%3E%3Ccircle cx%3D%22253.5%22 cy%3D%22186.9%22 r%3D%220.6%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.75%22%2F%3E%3Ccircle cx%3D%22379.9%22 cy%3D%22353.4%22 r%3D%220.6%22 fill%3D%22%23cfe3ff%22 opacity%3D%220.54%22%2F%3E%3Ccircle cx%3D%22351.0%22 cy%3D%2263.8%22 r%3D%220.6%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.69%22%2F%3E%3Ccircle cx%3D%2274.1%22 cy%3D%22428.8%22 r%3D%221%22 fill%3D%22%23fff%22 opacity%3D%220.93%22%2F%3E%3Ccircle cx%3D%22155.8%22 cy%3D%2263.1%22 r%3D%220.6%22 fill%3D%22%23fff%22 opacity%3D%220.39%22%2F%3E%3Ccircle cx%3D%2223.1%22 cy%3D%22250.3%22 r%3D%220.6%22 fill%3D%22%23ffe9c4%22 opacity%3D%220.57%22%2F%3E%3Ccircle cx%3D%22135.1%22 cy%3D%22389.8%22 r%3D%221.5%22 fill%3D%22%23cfe3ff%22 opacity%3D%220.71%22%2F%3E%3Ccircle cx%3D%22309.4%22 cy%3D%22453.2%22 r%3D%220.6%22 fill%3D%22%23cfe3ff%22 opacity%3D%220.46%22%2F%3E%3C%2Fsvg%3E");--art-sun:url("data:image/svg+xml;utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%22200%22 height%3D%22100%22 viewBox%3D%220 0 200 100%22%3E%3Cdefs%3E%3ClinearGradient id%3D%22s%22 x1%3D%220%22 y1%3D%220%22 x2%3D%220%22 y2%3D%221%22%3E%3Cstop offset%3D%220%22 stop-color%3D%22%23ffd35a%22%2F%3E%3Cstop offset%3D%22.55%22 stop-color%3D%22%23ff5ea8%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%239b3cff%22%2F%3E%3C%2FlinearGradient%3E%3Cmask id%3D%22m%22%3E%3Crect width%3D%22200%22 height%3D%22100%22 fill%3D%22%23fff%22%2F%3E%3Crect x%3D%220%22 y%3D%2258%22 width%3D%22200%22 height%3D%221.5%22 fill%3D%22%23000%22%2F%3E%3Crect x%3D%220%22 y%3D%2270%22 width%3D%22200%22 height%3D%222.7%22 fill%3D%22%23000%22%2F%3E%3Crect x%3D%220%22 y%3D%2280%22 width%3D%22200%22 height%3D%223.9%22 fill%3D%22%23000%22%2F%3E%3Crect x%3D%220%22 y%3D%2288%22 width%3D%22200%22 height%3D%225.1%22 fill%3D%22%23000%22%2F%3E%3Crect x%3D%220%22 y%3D%2294%22 width%3D%22200%22 height%3D%226.3%22 fill%3D%22%23000%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Ccircle cx%3D%22100%22 cy%3D%22100%22 r%3D%2298%22 fill%3D%22url(%23s)%22 mask%3D%22url(%23m)%22%2F%3E%3C%2Fsvg%3E");--art-floor:url("data:image/svg+xml;utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%22390%22 height%3D%22210%22 viewBox%3D%220 0 390 210%22%3E%3Cg stroke%3D%22%23ff4fd8%22 stroke-width%3D%221%22 fill%3D%22none%22%3E%3Cpath d%3D%22M195 0L-300 210%22 opacity%3D%22.55%22%2F%3E%3Cpath d%3D%22M195 0L-229.28571428571428 210%22 opacity%3D%22.55%22%2F%3E%3Cpath d%3D%22M195 0L-158.57142857142858 210%22 opacity%3D%22.55%22%2F%3E%3Cpath d%3D%22M195 0L-87.85714285714286 210%22 opacity%3D%22.55%22%2F%3E%3Cpath d%3D%22M195 0L-17.142857142857167 210%22 opacity%3D%22.55%22%2F%3E%3Cpath d%3D%22M195 0L53.571428571428555 210%22 opacity%3D%22.55%22%2F%3E%3Cpath d%3D%22M195 0L124.28571428571428 210%22 opacity%3D%22.55%22%2F%3E%3Cpath d%3D%22M195 0L195 210%22 opacity%3D%22.55%22%2F%3E%3Cpath d%3D%22M195 0L265.71428571428567 210%22 opacity%3D%22.55%22%2F%3E%3Cpath d%3D%22M195 0L336.42857142857144 210%22 opacity%3D%22.55%22%2F%3E%3Cpath d%3D%22M195 0L407.1428571428571 210%22 opacity%3D%22.55%22%2F%3E%3Cpath d%3D%22M195 0L477.8571428571429 210%22 opacity%3D%22.55%22%2F%3E%3Cpath d%3D%22M195 0L548.5714285714286 210%22 opacity%3D%22.55%22%2F%3E%3Cpath d%3D%22M195 0L619.2857142857143 210%22 opacity%3D%22.55%22%2F%3E%3Cpath d%3D%22M195 0L690 210%22 opacity%3D%22.55%22%2F%3E%3Cpath d%3D%22M0 5.0H390%22 opacity%3D%220.21%22%2F%3E%3Cpath d%3D%22M0 12.3H390%22 opacity%3D%220.23%22%2F%3E%3Cpath d%3D%22M0 22.8H390%22 opacity%3D%220.25%22%2F%3E%3Cpath d%3D%22M0 38.0H390%22 opacity%3D%220.29%22%2F%3E%3Cpath d%3D%22M0 60.1H390%22 opacity%3D%220.34%22%2F%3E%3Cpath d%3D%22M0 92.2H390%22 opacity%3D%220.42%22%2F%3E%3Cpath d%3D%22M0 138.6H390%22 opacity%3D%220.53%22%2F%3E%3Cpath d%3D%22M0 206.0H390%22 opacity%3D%220.69%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}*,:before,:after{box-sizing:border-box}:root{color:var(--text);background-color:var(--ground);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}body{color:var(--text);margin:0}h1,h2,h3{margin:0 0 8px;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.1rem}h3{font-size:.98rem}p{margin:0 0 8px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.glyph{flex:none;width:1.3em;height:1.3em}.symbol-mark{overflow:visible}.muted,.help{color:var(--muted)}.help{font-size:.88rem}body,.match,.home{background-color:var(--ground);background-image:radial-gradient(ellipse 55% 50% at 50% 46%, var(--ground-glow), transparent 78%), radial-gradient(ellipse 125% 110% at 50% 46%, transparent 58%, var(--ground-edge));background-size:100% 100%}.material-card,.match-card,.end-screen,.dialog{background-color:var(--surface);background-image:linear-gradient(170deg, var(--surface) 55%, var(--surface-2));border:1px solid var(--border);box-shadow:0 2px 8px color-mix(in srgb, var(--shade) 10%, transparent)}button{border:1.5px solid var(--border);background-color:var(--surface);background-image:linear-gradient(175deg, var(--surface) 60%, var(--surface-2));min-width:44px;min-height:44px;color:var(--text);font:inherit;cursor:pointer;box-shadow:0 1px 3px color-mix(in srgb, var(--shade) 10%, transparent);border-radius:12px;padding:8px 14px;font-weight:600;transition:background-color .15s,transform .15s,box-shadow .15s,translate .15s}button:hover:not(:disabled):not([aria-disabled=true]):not(.cell):not(.primary):not([aria-checked=true]){background-color:var(--surface-2);background-image:none}button:active:not(:disabled):not([aria-disabled=true]):not(.cell){box-shadow:inset 0 1px 2px color-mix(in srgb, var(--shade) 18%, transparent);translate:0 1px}button.primary{background-color:var(--primary);border-color:var(--primary);color:var(--on-primary);background-image:none}button.primary:hover:not(:disabled){background-color:var(--primary);filter:brightness(1.08)}button:disabled,button[aria-disabled=true]{cursor:default}button:disabled{background-color:var(--surface-2);box-shadow:none;color:var(--muted);background-image:none;border-style:dashed}.button-row{flex-wrap:wrap;gap:8px;display:flex}.menu-note{font-size:.8rem;font-weight:500;display:block}.home{align-content:center;justify-items:center;gap:14px;min-height:100dvh;padding:16px 14px;display:grid}.hero{grid-template-columns:auto auto auto;justify-content:center;align-items:end;gap:8px clamp(6px,2vw,14px);width:min(100%,640px);display:grid}.hero .avatar{width:clamp(48px,13vw,96px);height:auto}.hero-centre{justify-items:center;gap:12px;display:grid}.wordmark{border:2px solid var(--frame-edge);background-color:var(--frame);background-image:repeating-linear-gradient(92deg, var(--frame) 0 16px, var(--frame-grain) 22px, var(--frame) 28px 44px, var(--frame-sheen) 50px, var(--frame) 56px 64px);color:var(--on-frame);letter-spacing:.04em;white-space:nowrap;text-shadow:0 1px 0 color-mix(in srgb, var(--frame-edge) 80%, transparent);box-shadow:0 4px 12px color-mix(in srgb, var(--shade) 22%, transparent);border-radius:14px;margin:0;padding:4px clamp(10px,3vw,20px) 6px;font-size:clamp(1.6rem,7.6vw,3rem);font-weight:800}.hero-board{border:2px solid var(--frame-edge);background-color:var(--frame);background-image:repeating-linear-gradient(92deg, var(--frame) 0 12px, var(--frame-grain) 16px, var(--frame) 20px 32px, var(--frame-sheen) 36px, var(--frame) 40px 48px);width:clamp(136px,32vw,200px);box-shadow:0 4px 12px color-mix(in srgb, var(--shade) 22%, transparent);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:5px;padding:7px;display:grid}.hero-cell{aspect-ratio:1;background-color:var(--slot);box-shadow:0 1px 2px color-mix(in srgb, var(--shade) 35%, transparent);border-radius:4px;position:relative;overflow:hidden}.hero-cell .tile-art .tile-symbol{width:44%}.intro{background-color:var(--surface);width:min(100%,440px);color:var(--text);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;padding:10px 10px 10px 16px;display:flex}.intro p{flex:16em;margin:0;font-size:.92rem;line-height:1.4}.intro button{flex:none;padding-inline:16px}.continue{width:min(100%,440px);min-height:56px;font-size:1.1rem}.play-panel{border-radius:16px;gap:10px;width:min(100%,440px);padding:14px;display:grid}.panel-row{grid-template-columns:5.6em minmax(0,1fr);align-items:center;gap:10px;display:grid}.panel-label{color:var(--muted);font-size:.92rem;font-weight:700}.panel-note{color:var(--muted);grid-column:2;margin:-4px 0 0;font-size:.85rem}.replaces{color:var(--refusal);margin:0;font-size:.88rem;font-weight:600}.play{min-height:52px;font-size:1.1rem}.radio-switch{gap:6px;display:grid}.radio-switch [role=radio]{padding:8px 6px}.radio-switch [role=radio][aria-checked=true]{background-color:var(--primary);border-color:var(--primary);color:var(--on-primary);box-shadow:inset 0 1px 2px color-mix(in srgb, var(--shade) 20%, transparent);background-image:none}.clock-slider{grid-template-columns:minmax(0,1fr) 4.2em;align-items:center;gap:10px;display:grid}.clock-slider input[type=range]{width:100%;height:44px;accent-color:var(--primary);cursor:pointer;margin:0}.clock-value{background-color:var(--primary);color:var(--on-primary);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;justify-self:end;padding:2px 10px;font-weight:700}.clock-value.off{color:var(--muted);background-color:#0000}.results-line{background-color:var(--surface);max-width:min(100%,440px);color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;margin:0;padding:4px 12px;font-size:.82rem}.home-links{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@property --board-size{syntax:"<length>";inherits:true;initial-value:0}@property --seat-gap{syntax:"<length>";inherits:true;initial-value:0}.match{--seat:clamp(224px, 22vw, 270px);--toast-room:88px;--score-row:88px;--chrome:calc(var(--toast-room) + var(--score-row) + 40px);--board-size:min(100vw - 2 * var(--seat) - 72px, 100dvh - var(--chrome), 640px);--board:var(--board-size);--seat-gap:0px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:var(--score-row) auto var(--toast-room);grid-template-areas:"score score score""sideA board sideB""toasts toasts toasts";align-content:center;place-items:center;gap:8px 20px;min-height:100dvh;padding:10px 16px;display:grid;position:relative}.top-bar{display:flex;position:absolute;top:10px;right:16px}.menu-button{align-items:center;gap:6px;display:inline-flex}.menu-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.side{align-content:start;align-self:start;gap:12px;display:grid}.side-a{grid-area:sideA;justify-self:end;justify-items:end}.side-b{grid-area:sideB;justify-self:start;justify-items:start}.board-area{grid-area:board;position:relative}.countdown{z-index:30;background-color:color-mix(in srgb, var(--ground) 55%, transparent);cursor:pointer;border-radius:18px;place-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:0}.countdown-number{border:3px solid var(--primary);background-color:var(--surface);width:112px;height:112px;color:var(--text);font-variant-numeric:tabular-nums;box-shadow:0 8px 22px color-mix(in srgb, var(--shade) 30%, transparent);border-radius:50%;place-items:center;font-size:3.6rem;font-weight:800;animation:.3s cubic-bezier(.2,.8,.2,1) countdown-pop;display:grid}@keyframes countdown-pop{0%{opacity:0;transform:scale(.6)}}.countdown-hint{background-color:var(--surface);color:var(--muted);border-radius:999px;padding:3px 12px;font-size:.85rem;font-weight:700}.scoreboard{width:min(100%,26rem);height:var(--score-row);grid-area:score;grid-template-columns:minmax(0,1fr);place-self:start center;display:grid}.score-centre{align-content:start;justify-items:center;gap:2px;min-width:0;display:grid}.score-draws{background-color:var(--surface);height:16px;color:var(--muted);white-space:nowrap;border-radius:999px;margin:0;padding:0 8px;font-size:.72rem;font-weight:700;line-height:16px}.score-draws.empty{visibility:hidden}.score-draws.empty:before{content:" "}.seat{width:var(--seat);border:2px solid var(--border);background-color:var(--surface-2);background-image:linear-gradient(170deg, var(--surface-2) 60%, var(--surface-3));color:var(--text);box-shadow:0 1px 4px color-mix(in srgb, var(--shade) 10%, transparent);border-radius:999px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"avatar name tokens""avatar status status";align-items:center;gap:2px clamp(6px,.8vw,10px);padding:5px clamp(8px,.9vw,12px) 5px 5px;transition:border-color .25s,box-shadow .25s,background-color .25s;display:grid}.seat.dimmed{background-color:var(--surface-2);background-image:linear-gradient(170deg, var(--surface-2) 60%, var(--surface-3))}.seat.lit{background-color:var(--surface);background-image:linear-gradient(170deg, var(--surface) 60%, var(--surface-2))}.seat-p1.lit{border-color:var(--p1);box-shadow:0 0 0 3px color-mix(in srgb, var(--p1) 30%, transparent), 0 2px 6px color-mix(in srgb, var(--shade) 12%, transparent)}.seat-p2.lit{border-color:var(--p2);box-shadow:0 0 0 3px color-mix(in srgb, var(--p2) 30%, transparent), 0 2px 6px color-mix(in srgb, var(--shade) 12%, transparent)}.seat .avatar{grid-area:avatar;width:clamp(40px,4.2vw,52px)}.avatar{aspect-ratio:1;background-color:var(--surface);background-image:radial-gradient(circle at 32% 26%, color-mix(in srgb, var(--shine) 35%, transparent), transparent 55%), radial-gradient(circle at 70% 80%, transparent 45%, color-mix(in srgb, var(--shade) 10%, transparent));border:2px solid var(--border);width:min(100%,104px);height:auto;box-shadow:inset 0 -2px 4px color-mix(in srgb, var(--shade) 12%, transparent), 0 2px 4px color-mix(in srgb, var(--shade) 16%, transparent);border-radius:50%;transition:border-color .25s;overflow:hidden}.seat-p1.lit .avatar{border-color:var(--p1)}.seat-p2.lit .avatar{border-color:var(--p2)}.face{transform-box:fill-box;transform-origin:50%}.avatar-motion{transform-box:view-box;transform-origin:50% 92%;pointer-events:none}.avatar-motion[data-motion=nod]{animation:.32s ease-out avatar-nod}.avatar-p1 .avatar-motion[data-motion=glance]{animation:.34s ease-in-out avatar-glance-right}.avatar-p2 .avatar-motion[data-motion=glance]{animation:.34s ease-in-out avatar-glance-left}.avatar-motion[data-motion=wince]{animation:.3s ease-out avatar-wince}.avatar-motion[data-motion=bounce]{animation:.36s ease-out avatar-bounce}@keyframes avatar-nod{35%{transform:translateY(3px)rotate(.5deg)}70%{transform:translateY(-1px)}}@keyframes avatar-glance-right{45%{transform:translate(2.5px)rotate(4deg)}}@keyframes avatar-glance-left{45%{transform:translate(-2.5px)rotate(-4deg)}}@keyframes avatar-wince{25%{transform:scale(.95,.9)translateY(2px)}55%{transform:translate(-1.5px)scale(.98)}80%{transform:translate(1px)}}@keyframes avatar-bounce{40%{transform:translateY(-6px)}70%{transform:translateY(1px)scale(1.02,.98)}}.seat-name{white-space:nowrap;text-overflow:ellipsis;grid-area:name;min-width:0;margin:0;font-size:1rem;overflow:hidden}.seat-status{white-space:nowrap;max-width:100%;color:var(--muted);border-radius:999px;grid-area:status;justify-self:start;margin:0;padding:1px 8px;font-size:.8rem;font-weight:700}.seat-status.empty{visibility:hidden}.seat-status.empty:before{content:" "}.seat-p1.lit .seat-status,.seat-p1[data-expression=won] .seat-status{background-color:var(--p1);color:var(--on-p1)}.seat-p2.lit .seat-status,.seat-p2[data-expression=won] .seat-status{background-color:var(--p2);color:var(--on-p2)}.seat-clock{border:1.5px solid var(--border);color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;grid-area:clock;align-items:center;gap:4px;margin:0;padding:1px 8px;font-size:.9rem;font-weight:700;display:inline-flex}.clock-icon{flex:none;width:14px;height:14px}.seat-p1 .seat-clock.running{border-color:var(--p1);background-color:var(--p1);color:var(--on-p1)}.seat-p2 .seat-clock.running{border-color:var(--p2);background-color:var(--p2);color:var(--on-p2)}.seat .seat-clock.low{border:3px solid var(--on-toast-alert);background-color:var(--toast-alert);color:var(--on-toast-alert)}@media (width>=761px){.seat[data-timed]{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"avatar name tokens""avatar clock clock""avatar status status"}.seat[data-timed] .seat-clock{justify-self:start}}.seat-tokens{font-variant-numeric:tabular-nums;grid-area:tokens;align-items:center;gap:5px;margin:0;font-weight:700;display:inline-flex}.count-token{border:2px solid var(--p1-rim);background-color:var(--p1);background-image:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--shine) 22%, transparent), transparent 50%);width:22px;height:22px;color:var(--on-p1);border-radius:50%;place-items:center;display:grid}.count-token.p2{border:2px dashed var(--p2-rim);background-color:var(--p2);color:var(--on-p2)}.count-token .token-mark{width:70%;height:70%}.match-card{width:100%;height:var(--card-height,64px);border-radius:14px;align-content:center;gap:4px;padding:5px 8px;display:grid}.match-heading{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:800;line-height:1}.match-text{pointer-events:none;min-width:0;animation:.18s ease-out match-fade;display:block}@keyframes match-fade{0%{opacity:0}}.match-names{white-space:nowrap;align-items:center;gap:6px;min-width:0;font-weight:700;line-height:1.1;display:flex}.match-or{color:var(--text);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:800}.match-chip{border:1px solid var(--border);background-color:var(--surface-3);border-radius:11px;flex:1 1 0;align-items:center;gap:7px;min-width:0;padding:2px 8px 2px 2px;display:flex}.match-chip .terrain-thumb{border-radius:8px;flex:none;width:30px;height:30px;position:relative;overflow:hidden}.chip-emblem,.edge-diagram{flex:none;place-items:center;width:30px;height:30px;display:grid}.chip-emblem .symbol-mark{width:24px;height:24px}.chip-text{min-width:0;display:grid}.chip-text i{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.66rem;font-style:normal;font-weight:800}.chip-text b{text-overflow:ellipsis;font-size:.92rem;line-height:1.1;overflow:hidden}.edge-diagram rect{fill:none;stroke:var(--primary);stroke-opacity:.4;stroke-width:1px}.edge-diagram rect.on{fill:var(--primary);stroke-opacity:1}.match-blocked{color:var(--refusal);font-size:.88rem}.match-blocked .short-form{display:none}.tile-art{width:100%;height:100%;box-shadow:inset 0 2px 0 color-mix(in srgb, var(--shine) 40%, transparent), inset 0 -3px 0 color-mix(in srgb, var(--shade) 18%, transparent);display:block;position:relative;overflow:hidden}.tile-art,.cell{background-image:linear-gradient(150deg, color-mix(in srgb, var(--shine) 24%, transparent), transparent 40%, color-mix(in srgb, var(--shade) 10%, transparent))}.tile-art.terrain-forest{background-color:var(--forest)}.tile-art.terrain-water{background-color:var(--water)}.tile-art.terrain-mountain{background-color:var(--mountain)}.tile-art.terrain-desert{background-color:var(--desert)}.board-frame{--band:12px;width:var(--board);height:var(--board);padding:var(--band);border:3px solid var(--frame-edge);background-color:var(--frame);background-image:repeating-linear-gradient(93deg, var(--frame) 0 18px, var(--frame-grain) 26px, var(--frame) 34px 52px, var(--frame-sheen) 60px, var(--frame) 68px 80px);box-shadow:0 8px 22px color-mix(in srgb, var(--shade) 24%, transparent);border-radius:18px;position:relative}.board-frame,.board{--gap:calc((var(--board) - 2 * var(--band) - 6px) * .12 / 4.6)}.board{gap:var(--gap);padding:var(--gap);background-color:var(--well);box-shadow:inset 0 1px 3px color-mix(in srgb, var(--shade) 30%, transparent);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}.board-row{display:contents}.cell-slot{position:relative}.cell{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--frame-edge) 30%, transparent);width:100%;color:var(--text);touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;box-shadow:inset 0 2px 0 color-mix(in srgb, var(--shine) 45%, transparent), inset 0 -4px 0 color-mix(in srgb, var(--shade) 18%, transparent), 0 3px 0 color-mix(in srgb, var(--shade) 45%, transparent), 0 6px 5px -3px color-mix(in srgb, var(--shade) 30%, transparent);border-radius:9px;padding:0;transition:translate .16s,box-shadow .16s;display:block;position:relative;overflow:hidden;container-type:inline-size}.cell.terrain-forest{background-color:var(--forest)}.cell.terrain-water{background-color:var(--water)}.cell.terrain-mountain{background-color:var(--mountain)}.cell.terrain-desert{background-color:var(--desert)}.tile-face{isolation:isolate;border-radius:inherit;display:block;position:absolute;inset:0}.tile-face:before,.tile-face:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.scene{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tile-symbol{aspect-ratio:1;width:45%;max-width:64px;height:auto;color:var(--text);line-height:0;position:absolute;top:7%;left:7%}.tile-symbol .symbol-mark{width:100%;height:100%;display:block}.tile-name{z-index:3;background-color:var(--chip);color:var(--text);text-align:center;overflow-wrap:anywhere;box-shadow:0 1px 2px color-mix(in srgb, var(--shade) 25%, transparent);border-radius:6px;flex-wrap:wrap;justify-content:center;padding:1px 4px;font-size:clamp(9px,12cqi,13px);font-weight:650;line-height:1.15;display:none;position:absolute;bottom:5%;left:5%;right:5%}.cell:hover .tile-name,.cell:focus-visible .tile-name,.cell[data-peek=true] .tile-name,.board[data-names=true] .tile-name{display:flex}.board[data-glow-player=A]{--wash:var(--p1);--on-wash:var(--on-p1)}.board[data-glow-player=B]{--wash:var(--p2);--on-wash:var(--on-p2)}.cell[data-glow=true]{border-color:var(--wash);box-shadow:0 0 6px 1px color-mix(in srgb, var(--wash) 45%, transparent), 0 4px 0 color-mix(in srgb, var(--shade) 42%, transparent), 0 8px 6px -4px color-mix(in srgb, var(--shade) 32%, transparent);transition:none;animation-duration:.14s;animation-timing-function:cubic-bezier(.16,1,.3,1);translate:0 -2px}.cell[data-glow=true] .tile-face:before{box-shadow:inset 0 0 0 1px var(--wash), inset 0 0 10px 1px color-mix(in srgb, var(--wash) 40%, transparent)}.board[data-pop-turn=odd] .cell[data-glow=true]{animation-name:pop-odd}.board[data-pop-turn=even] .cell[data-glow=true]{animation-name:pop-even}@keyframes pop-odd{0%{translate:0}}@keyframes pop-even{0%{translate:0}}.cell[data-faded=true] .tile-face:after{background-color:color-mix(in srgb, var(--ground) 30%, transparent)}.cell:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.cell.taken{background-color:var(--slot);box-shadow:inset 0 3px 5px color-mix(in srgb, var(--shade) 30%, transparent), 0 1px 0 color-mix(in srgb, var(--shine) 20%, transparent);background-image:none}.cell.taken.last[data-owner=A]{box-shadow:inset 0 0 0 2px var(--p1), inset 0 0 6px 3px color-mix(in srgb, var(--p1) 35%, transparent), inset 0 3px 5px color-mix(in srgb, var(--shade) 30%, transparent)}.cell.taken.last[data-owner=B]{box-shadow:inset 0 0 0 2px var(--p2), inset 0 0 6px 3px color-mix(in srgb, var(--p2) 35%, transparent), inset 0 3px 5px color-mix(in srgb, var(--shade) 30%, transparent)}.cell.taken.winning{box-shadow:inset 0 0 0 3px var(--win), inset 0 3px 5px color-mix(in srgb, var(--shade) 30%, transparent)}.win-stroke{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.win-stroke path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.win-stroke-under{stroke:var(--surface);stroke-width:1.6px}.win-stroke-line{stroke:var(--win);stroke-width:1px}.cell[data-end=lift] .token{box-shadow:inset 0 2px 1px color-mix(in srgb, var(--shine) 45%, transparent), inset 0 -3px 2px color-mix(in srgb, var(--shade) 35%, transparent), 2px 9px 9px color-mix(in srgb, var(--shade) 45%, transparent);animation:.26s cubic-bezier(.3,.7,.4,1) backwards end-lift;translate:-50% -57%}.cell[data-end=lift][data-lift-order="1"] .token{animation-delay:90ms}.cell[data-end=lift][data-lift-order="2"] .token{animation-delay:.18s}.cell[data-end=lift][data-lift-order="3"] .token{animation-delay:.27s}@keyframes end-lift{0%{box-shadow:inset 0 2px 1px color-mix(in srgb, var(--shine) 45%, transparent), inset 0 -3px 2px color-mix(in srgb, var(--shade) 35%, transparent), 1px 4px 5px color-mix(in srgb, var(--shade) 45%, transparent);translate:-50% -50%}}.win-stroke[data-end=stroke] path{animation:.36s ease-out .25s backwards stroke-draw}@keyframes stroke-draw{0%{stroke-dashoffset:1px}}.cell[data-end=dim] .tile-face:after{background-color:color-mix(in srgb, var(--ground) 50%, transparent);animation:.3s ease-out .1s backwards end-veil}.cell[data-end=grey] .tile-face:before{background-color:color-mix(in srgb, var(--ground) 30%, transparent);animation:.36s ease-out backwards end-veil}.cell[data-end=grey] .tile-face:after{background-color:var(--grey);mix-blend-mode:saturation;animation:.36s ease-out backwards end-veil}@keyframes end-veil{0%{opacity:0}}.cell[data-end=settle] .tile-face{animation:.4s ease-out backwards end-settle}@keyframes end-settle{0%{scale:1.05}}.board[data-end-skipped=true] *,.board[data-end-skipped=true] :before,.board[data-end-skipped=true] :after{animation:none!important}.token{aspect-ratio:1;border:4px solid var(--p1-rim);background-color:var(--p1);background-image:radial-gradient(circle at 36% 30%, color-mix(in srgb, var(--shine) 26%, transparent) 0 8%, transparent 38%), radial-gradient(circle at 50% 50%, transparent 60%, color-mix(in srgb, var(--shade) 22%, transparent) 100%);width:66%;min-width:36px;color:var(--on-p1);pointer-events:none;box-shadow:inset 0 1px 1px color-mix(in srgb, var(--shine) 30%, transparent), inset 0 -2px 2px color-mix(in srgb, var(--shade) 28%, transparent), 0 3px 5px color-mix(in srgb, var(--shade) 35%, transparent);border-radius:50%;place-items:center;animation:.32s cubic-bezier(.3,.7,.4,1) token-drop;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.token.p2{border:4px dashed var(--p2-rim);background-color:var(--p2);color:var(--on-p2)}@keyframes token-drop{0%{opacity:.5;translate:-50% -110%;scale:1.12}65%{opacity:1;translate:-50% -46%;scale:.96}to{translate:-50% -50%;scale:1}}.token-mark{width:60%;height:60%}.hero-token{border-width:2px;min-width:0;animation:none}.toasts{width:min(100%,640px);height:var(--toast-room);pointer-events:none;flex-direction:column;grid-area:toasts;align-self:stretch;align-items:center;gap:6px;display:flex;overflow:hidden}.toast{background-color:var(--toast);max-width:100%;color:var(--on-toast);box-shadow:1px 3px 8px color-mix(in srgb, var(--shade) 35%, transparent);border-radius:10px;margin:0;padding:6px 12px;font-size:.9rem;font-weight:600;line-height:1.3;transition:opacity .25s;animation:.18s ease-out toast-in}.toast.alert{background-color:var(--toast-alert);color:var(--on-toast-alert)}.toast.leaving{opacity:0}@keyframes toast-in{0%{opacity:0;translate:0 -6px}}.end-screen{width:min(100%, var(--seat) + 40px);border:2px solid var(--frame);border-radius:16px;grid-template-rows:auto 1fr auto;align-content:start;gap:6px;min-height:184px;padding:12px 14px;display:grid}.end-screen .button-row{flex-wrap:wrap;margin-top:6px}.end-screen .button-row button{white-space:nowrap;flex:7.5em;min-height:52px}.end-screen h2{margin:0;font-size:1.15rem}.end-screen p{margin:0;font-size:.9rem}@media (width<=760px){.match{--pad:8px;--score-row:82px;--card-height:64px;--plate:64px;--end-gap:8px;--end-card:144px;--toast-line:44px;--board-mid:min(100vw - 20px, 640px, 100dvh - 2 * var(--pad) - var(--score-row) - 2 * var(--plate) - 4 * 6px - var(--toast-line));--free:calc(100dvh - 2 * var(--pad) - var(--score-row) - 2 * var(--plate) - var(--board-mid));--spacer:max(6px, min(var(--free) / 5, (var(--free) - var(--toast-line)) / 4, (var(--free) - 2 * var(--end-gap) - var(--end-card)) / 3));--toast-gap:max(var(--toast-line), (var(--free) - 3 * var(--spacer)) / 2);--seat-gap:var(--toast-gap);--board-size:var(--board-mid);padding:calc(var(--pad) + var(--spacer)) 10px var(--pad);grid-template-rows:none;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"score menu""seatB seatB""board board""seatA seatA""end end";align-content:start;align-items:start;gap:0 10px}.match.ended{--seat-gap:var(--end-gap)}.side{display:contents}.scoreboard{justify-self:stretch;width:auto}.top-bar{margin-top:calc((var(--card-height) - 44px) / 2);grid-area:menu;align-self:start;position:static}.match-blocked .long-form{display:none}.match-blocked .short-form{display:inline}.menu-button{padding:6px 10px}.seat{width:auto;min-height:var(--plate);margin-top:var(--spacer);align-content:center;justify-self:stretch;gap:1px 10px;padding:3px 14px 3px 7px}.seat-p1{margin-top:var(--seat-gap);grid-area:seatA}.seat-p2{grid-area:seatB}.seat .avatar{width:44px}.seat-name{font-size:1rem;line-height:1.1}.seat-status{font-size:.76rem;line-height:1.1}.board-area{margin-top:var(--spacer);justify-self:center}.board-frame{--band:10px}.toasts{left:10px;right:10px;top:calc(var(--pad) + 3 * var(--spacer) + var(--score-row) + var(--plate) + var(--board-mid));width:auto;height:var(--toast-gap);justify-content:center;position:absolute}.toast:not([data-phone=true]){display:none}.toast{min-height:32px;max-height:var(--toast-line);text-align:center;text-wrap:balance;align-items:center;padding:3px 12px;font-size:.85rem;line-height:1.3;display:flex}.toast-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.toast:after{content:attr(data-short) / ""}.match.ended .toasts{display:none}.end-screen{width:auto;min-height:var(--end-card);margin-top:var(--end-gap);grid-area:end;justify-self:stretch;gap:4px;padding:8px 14px 10px}.end-screen .button-row{margin-top:4px}.end-screen .button-row button{min-height:48px}.end-screen h2{font-size:1.05rem}.end-screen p{font-size:.86rem;line-height:1.3}}@supports (width:round(down, 1.5px, 1px)){@media (width<=760px){.match{--spacer:max(6px, round(down, min(var(--free) / 5, (var(--free) - var(--toast-line)) / 4, (var(--free) - 2 * var(--end-gap) - var(--end-card)) / 3), 1px));--toast-gap:max(var(--toast-line), round(down, (var(--free) - 3 * var(--spacer)) / 2, 1px))}}}@media (width<=760px) and (prefers-reduced-motion:no-preference){.match.ended[data-end-easing]{transition:--seat-gap .25s ease-out}}.dialog-backdrop{z-index:50;background:color-mix(in srgb, var(--bg) 60%, transparent);place-items:center;padding:12px;display:grid;position:fixed;inset:0}.dialog{border:3px solid var(--frame);border-radius:18px;flex-direction:column;width:min(100%,700px);max-height:calc(100dvh - 24px);display:flex}.menu-dialog,.confirm-dialog{width:min(100%,420px)}.confirm-text{color:var(--text);margin:0;padding:4px 16px 0}.confirm-actions{grid-template-columns:minmax(96px,auto) 1fr;gap:10px;padding:18px 16px 16px;display:grid}.dialog-head{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 6px;display:flex}.dialog-head h2{margin:0;font-size:1.3rem}.dialog-body{padding:4px 16px 8px;overflow:auto}.dialog-body section{margin-bottom:14px}.dialog-foot{justify-content:flex-end;padding:8px 16px 14px;display:flex}.menu-items{grid-auto-rows:max-content;align-content:start;gap:10px;padding:8px 16px 16px;display:grid;overflow:auto}.setting-label{color:var(--muted);font-size:.92rem;font-weight:700}.menu-settings{border-top:1px solid var(--surface-2);gap:10px;margin-top:8px;padding:14px 0 4px;display:grid}.menu-heading{margin:0;font-size:1.05rem}.setting{gap:4px;display:grid}.switch{text-align:left;justify-content:space-between;align-items:center;gap:12px;display:flex}.switch-track{background-color:var(--surface-2);min-width:56px;color:var(--text);border-radius:999px;align-items:center;padding:2px 10px;display:inline-flex}.switch[aria-checked=true] .switch-track{background-color:var(--primary);color:var(--on-primary);justify-content:flex-end}.howto-example{margin:0}.howto-example figcaption{align-items:center;gap:10px;margin-bottom:6px;display:flex}.howto-example ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:420px;margin:0;padding:0;list-style:none;display:grid}.example-tile{color:var(--text);text-align:center;align-content:start;justify-items:center;gap:2px;display:grid}.example-art{border:2px solid color-mix(in srgb, var(--frame-edge) 55%, transparent);border-radius:8px;flex:none;width:44px;height:44px}.example-name{white-space:nowrap;font-size:.88rem;font-weight:600}.verdict{font-size:.82rem}.howto-page{min-height:min(56dvh,400px)}.howto-page p{max-width:62ch}.howto-page h3{font-size:1.15rem}.howto-foot{justify-content:space-between;align-items:center;gap:10px}.page-count{color:var(--muted);margin:0;font-weight:600}.diagrams{flex-wrap:wrap;gap:12px 20px;margin-top:6px;display:flex}.diagram{gap:6px;width:200px;margin:0;display:grid}.diagram figcaption{color:var(--muted);font-size:.85rem}.mini-board{border:1px solid var(--frame-edge);background-color:var(--frame);background-image:repeating-linear-gradient(92deg, var(--frame) 0 7px, var(--frame-grain) 7px 9px, var(--frame) 9px 15px, var(--frame-sheen) 15px 17px, var(--frame) 17px 24px);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:6px;display:grid}.mini-cell{aspect-ratio:1;background-color:var(--slot);border-radius:5px;place-items:center;display:grid;position:relative;overflow:hidden}.mini-cell .tile-art{position:absolute;inset:0}.mini-cell .tile-symbol,.example-art .tile-symbol{width:44%}.mini-board[data-glow-player=A]{--wash:var(--p1)}.mini-board[data-glow-player=B]{--wash:var(--p2)}.mini-cell.glow .tile-art{box-shadow:inset 0 0 0 2px var(--wash), 0 2px 3px color-mix(in srgb, var(--shade) 35%, transparent)}.mini-cell.shape{box-shadow:inset 0 0 0 3px var(--win)}.mini-cell.last[data-token=A]{box-shadow:inset 0 0 0 2px var(--p1)}.mini-cell.last[data-token=B]{box-shadow:inset 0 0 0 2px var(--p2)}.mini-cell.dead .tile-art{filter:grayscale(.85)}.mini-token{aspect-ratio:1;border:2px solid var(--p1-rim);background-color:var(--p1);background-image:radial-gradient(circle at 34% 28%, color-mix(in srgb, var(--shine) 45%, transparent), transparent 55%);width:70%;color:var(--on-p1);border-radius:50%;place-items:center;display:grid;position:relative}.mini-token.p2{border:2px dashed var(--p2-rim);background-color:var(--p2);color:var(--on-p2)}.mini-token .token-mark{width:70%;height:70%}.seat{border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"avatar name name""avatar status status""tokens tokens wins";row-gap:4px}.seat[data-timed]{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"avatar name name""avatar clock clock""avatar status status""tokens tokens wins"}.seat-tokens{grid-area:tokens;justify-self:start;gap:6px;font-size:.82rem}.token-dots{gap:3px;display:inline-flex}.token-dots i{opacity:.45;border:1.5px solid;border-radius:50%;width:9px;height:9px}.token-dots i.full{opacity:1;background-color:currentColor}.seat-p1 .token-dots{color:var(--p1)}.seat-p2 .token-dots{color:var(--p2)}.tokens-left{color:var(--text)}.seat-wins{font-variant-numeric:tabular-nums;grid-area:wins;place-self:center end;align-items:baseline;gap:5px;margin:0;font-size:1.4rem;font-weight:800;line-height:1;display:flex}.seat-wins:after{content:"WINS";letter-spacing:.14em;color:var(--muted);font-size:.58rem;font-weight:800}.seat-wins{color:var(--text);border-bottom:3px solid #0000;padding-bottom:3px}.seat-p1 .seat-wins{border-bottom-color:var(--p1)}.seat-p2 .seat-wins{border-bottom-color:var(--p2)}.seat-status{font-size:.8rem}@media (width<=760px){.seat{border-radius:28px;grid-template-areas:"avatar name wins""avatar status wins""avatar tokens wins";row-gap:1px}.seat[data-timed]{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"avatar name clock wins""avatar status status wins""avatar tokens tokens wins"}.seat[data-timed] .seat-clock{padding:0 7px;font-size:.8rem;line-height:1.2}.seat-wins{justify-items:center;gap:0;min-width:2.4rem;font-size:1.45rem;display:grid}.seat-wins:after{letter-spacing:.1em;margin-top:2px;font-size:.55rem}.seat-tokens{line-height:1}.seat-tokens .count-token{width:16px;height:16px}}.reason-bar{z-index:2;background-color:var(--wash);height:4px;box-shadow:0 0 6px color-mix(in srgb, var(--wash) 70%, transparent);border-radius:4px;position:absolute;bottom:8%;left:16%;right:16%}.cell[data-match=symbol] .tile-symbol,.cell[data-match=both] .tile-symbol{color:var(--wash)}.cell[data-match=symbol] .tile-symbol .symbol-mark *,.cell[data-match=both] .tile-symbol .symbol-mark *{stroke:var(--on-wash);stroke-width:2.2px;stroke-linejoin:round;paint-order:stroke}.cell[data-match=symbol] .tile-symbol:after,.cell[data-match=both] .tile-symbol:after{content:"";background-color:var(--wash);height:3px;box-shadow:0 0 0 1px color-mix(in srgb, var(--on-wash) 55%, transparent);pointer-events:none;border-radius:3px;position:absolute;top:calc(100% + 3px);left:18%;right:18%}.countdown{background-color:color-mix(in srgb, var(--ground) 62%, transparent)}.countdown-number{width:auto;height:auto;box-shadow:none;color:var(--primary);text-shadow:0 2px 0 color-mix(in srgb, var(--shade) 55%, transparent);background:0 0;border:0;font-size:clamp(6rem,38vw,9rem);line-height:1;animation:.32s cubic-bezier(.2,.8,.2,1) countdown-rise}@keyframes countdown-rise{0%{opacity:0;transform:translateY(35%)}}.match[data-starting] .board{opacity:.5}.terrain-forest{--sa:var(--forest-ink)}.terrain-water{--sa:var(--water-ink)}.terrain-mountain{--sa:var(--mountain-ink)}.terrain-desert{--sa:var(--desert-ink)}.terrain-forest,.terrain-water,.terrain-mountain,.terrain-desert{--sb:color-mix(in srgb, var(--sa) 55%, var(--shade));--sc:color-mix(in srgb, var(--sa) 60%, var(--shine))}:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) body,:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .match,:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .home{background-image:radial-gradient(60% 38% at 12% 6%, color-mix(in srgb, var(--ground-glow) 70%, transparent), transparent 72%), radial-gradient(55% 40% at 98% 36%, color-mix(in srgb, var(--primary) 18%, transparent), transparent 72%), radial-gradient(60% 42% at 30% 100%, color-mix(in srgb, var(--p2) 22%, transparent), transparent 72%), radial-gradient(ellipse 125% 110% at 50% 46%, transparent 58%, var(--ground-edge));background-size:100% 100%}:root[data-palette=neon-frost] body,:root[data-palette=neon-frost] .match,:root[data-palette=neon-frost] .home{background-image:radial-gradient(ellipse 80% 46% at 50% 100%, color-mix(in srgb, var(--p2) 30%, transparent), transparent 70%), radial-gradient(ellipse 100% 60% at 50% 0%, var(--ground-glow), transparent 70%);background-size:100% 100%}:root[data-palette=synth-horizon] body,:root[data-palette=synth-horizon] .match,:root[data-palette=synth-horizon] .home{background-image:var(--art-sun), var(--art-floor), linear-gradient(180deg, var(--ground) 0, var(--ground-glow) 38%, color-mix(in srgb, var(--primary) 60%, var(--ground)) 64%, var(--ground) 66%);background-position:50% 106px,50% 100%,0 0;background-repeat:no-repeat;background-size:130px 65px,100% 210px,100% 100%}:root[data-palette=midnight-aurora] body,:root[data-palette=midnight-aurora] .match,:root[data-palette=midnight-aurora] .home{background-image:var(--art-aurora), var(--art-stars), radial-gradient(ellipse 80% 50% at 50% 30%, var(--ground-glow), transparent 75%);background-repeat:no-repeat;background-size:100% 100%}:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .wordmark{background-image:linear-gradient(160deg, var(--frame-sheen), var(--frame) 60%);box-shadow:0 0 18px color-mix(in srgb, var(--frame-edge) 40%, transparent);text-shadow:0 0 10px color-mix(in srgb, var(--primary) 70%, transparent)}:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .board-frame{box-shadow:none;background-color:#0000;background-image:none;border:0}:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .board{box-shadow:inset 0 0 14px color-mix(in srgb, var(--shade) 60%, transparent)}:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .cell{border:1.5px solid color-mix(in srgb, var(--sa) 62%, transparent);background-image:linear-gradient(150deg, color-mix(in srgb, var(--shine) 12%, transparent), transparent 45%);box-shadow:inset 0 0 14px color-mix(in srgb, var(--sa) 14%, transparent), inset 0 1px 0 color-mix(in srgb, var(--shine) 30%, transparent)}:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .cell.taken{border-color:color-mix(in srgb, var(--shine) 14%, transparent);box-shadow:inset 0 0 10px color-mix(in srgb, var(--shade) 70%, transparent)}:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .cell.taken.last[data-owner=A]{box-shadow:inset 0 0 0 2px var(--p1), 0 0 12px color-mix(in srgb, var(--p1) 55%, transparent)}:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .cell.taken.last[data-owner=B]{box-shadow:inset 0 0 0 2px var(--p2), 0 0 12px color-mix(in srgb, var(--p2) 55%, transparent)}:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .cell.taken.winning{box-shadow:inset 0 0 0 3px var(--win), 0 0 16px color-mix(in srgb, var(--win) 60%, transparent)}:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .cell[data-glow=true]{border-width:2px;border-color:var(--wash);box-shadow:0 0 7px 1px color-mix(in srgb, var(--wash) 55%, transparent), 0 6px 7px -3px color-mix(in srgb, var(--shade) 75%, transparent)}:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .cell[data-glow=true] .tile-face:before{box-shadow:inset 0 0 0 1px var(--wash), inset 0 0 12px 1px color-mix(in srgb, var(--wash) 45%, transparent)}:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .board[data-glow-player] .cell:not([data-glow=true]):not(.taken){border-color:color-mix(in srgb, var(--sa) 22%, transparent)}:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .cell[data-faded=true] .tile-face:after{background-color:color-mix(in srgb, var(--ground) 34%, transparent)}:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .token{box-shadow:0 0 14px color-mix(in srgb, var(--p1) 70%, transparent), inset 0 -3px 2px color-mix(in srgb, var(--shade) 30%, transparent);border-width:3px;animation-timing-function:cubic-bezier(.2,.8,.2,1)}:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .token.p2{box-shadow:0 0 14px color-mix(in srgb, var(--p2) 70%, transparent), inset 0 -3px 2px color-mix(in srgb, var(--shade) 30%, transparent)}:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .match-card,:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .seat,:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .material-card,:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .end-screen,:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .dialog{border-color:color-mix(in srgb, var(--border) 80%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--shine) 22%, transparent), 0 4px 14px color-mix(in srgb, var(--shade) 55%, transparent)}:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .seat-p1.lit{border-color:var(--p1);box-shadow:0 0 16px color-mix(in srgb, var(--p1) 55%, transparent), inset 0 1px 0 color-mix(in srgb, var(--shine) 22%, transparent)}:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .seat-p2.lit{border-color:var(--p2);box-shadow:0 0 16px color-mix(in srgb, var(--p2) 55%, transparent), inset 0 1px 0 color-mix(in srgb, var(--shine) 22%, transparent)}:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .countdown-number{color:var(--primary);text-shadow:0 0 12px color-mix(in srgb, var(--primary) 80%, transparent), 0 0 36px color-mix(in srgb, var(--primary) 55%, transparent)}:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .win-stroke-under{stroke:none}:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .win-stroke-line{filter:drop-shadow(0 0 2px var(--win))}@media (prefers-reduced-motion:no-preference){.board .cell .sc-swell-a,.terrain-thumb .sc-swell-a{animation:5s linear infinite scene-roll;animation-delay:calc(var(--i,0) * -2.3s)}.board .cell .sc-swell-b,.terrain-thumb .sc-swell-b{animation:8s linear infinite reverse scene-roll;animation-delay:calc(var(--i,0) * -3.1s)}.board .cell .sc-boat,.terrain-thumb .sc-boat{transform-box:fill-box;transform-origin:50% 90%;animation:3.2s ease-in-out infinite scene-bob;animation-delay:calc(var(--i,0) * -1.7s)}.board .cell .sc-cloud-1,.terrain-thumb .sc-cloud-1{animation:15s linear infinite scene-drift;animation-delay:calc(var(--i,0) * -4.1s)}.board .cell .sc-cloud-2,.terrain-thumb .sc-cloud-2{animation:22s linear infinite scene-drift;animation-delay:calc(var(--i,0) * -5.3s - 9s)}.board .cell .sc-tree,.terrain-thumb .sc-tree{transform-box:fill-box;transform-origin:50% 100%;animation:3.6s ease-in-out infinite scene-sway;animation-delay:calc(var(--i,0) * -1.3s)}.board .cell .sc-heat,.terrain-thumb .sc-heat{animation:2.4s ease-in-out infinite scene-flicker;animation-delay:calc(var(--i,0) * -2.7s)}.chip-emblem .symbol-mark{transform-origin:50%}.chip-emblem [data-shape=sun]{animation:14s linear infinite scene-spin}.chip-emblem [data-shape=star]{animation:2.4s ease-in-out infinite scene-twinkle}.chip-emblem [data-shape=moon]{animation:3.6s ease-in-out infinite scene-rock}.chip-emblem [data-shape=wave]{animation:2.8s ease-in-out infinite scene-slide}.board .cell[data-glow=true] .symbol-ink{transform-box:fill-box;transform-origin:50%}.board .cell[data-glow=true] [data-shape=sun] .symbol-ink{animation:14s linear infinite scene-spin;animation-delay:calc(var(--i,0) * -1.9s)}.board .cell[data-glow=true] [data-shape=star] .symbol-ink{animation:2.4s ease-in-out infinite scene-twinkle;animation-delay:calc(var(--i,0) * -.7s)}.board .cell[data-glow=true] [data-shape=moon] .symbol-ink{animation:3.6s ease-in-out infinite scene-rock;animation-delay:calc(var(--i,0) * -1.1s)}.board .cell[data-glow=true] [data-shape=wave] .symbol-ink{animation:2.8s ease-in-out infinite scene-slide;animation-delay:calc(var(--i,0) * -.9s)}.board .cell[data-faded=true] .scene *{animation:none}:root[data-hidden] .board .cell .scene *,:root[data-hidden] .board .cell .symbol-ink,:root[data-hidden] .terrain-thumb .scene *,:root[data-hidden] .chip-emblem .symbol-mark{animation-play-state:paused}}@keyframes scene-spin{to{transform:rotate(360deg)}}@keyframes scene-twinkle{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.14)}}@keyframes scene-rock{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes scene-slide{0%,to{transform:translate(-1.2px)}50%{transform:translate(1.2px)}}@keyframes scene-roll{0%{transform:translate(0)}to{transform:translate(32px)}}@keyframes scene-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-1.6px)rotate(2deg)}}@keyframes scene-drift{0%{opacity:0;transform:translate(-22px)}12%,88%{opacity:1}to{opacity:0;transform:translate(80px)}}@keyframes scene-sway{0%,to{transform:rotate(-1.8deg)}50%{transform:rotate(1.8deg)}}@keyframes scene-flicker{0%,to{opacity:.1}50%{opacity:.55}}.radio-switch .swatches{vertical-align:middle;gap:3px;margin-right:6px;display:inline-flex}.radio-switch .swatches i{border:1px solid color-mix(in srgb, var(--text) 40%, transparent);border-radius:50%;width:10px;height:10px}.update-notice{width:100%;margin-bottom:8px}.match{isolation:isolate}.backdrop{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.backdrop-layer{opacity:0;transition:opacity .6s;position:absolute;inset:0}.backdrop-layer .scene{width:100%;height:100%}.backdrop[data-terrain=Forest] .backdrop-layer[data-layer=Forest],.backdrop[data-terrain=Water] .backdrop-layer[data-layer=Water],.backdrop[data-terrain=Mountain] .backdrop-layer[data-layer=Mountain],.backdrop[data-terrain=Desert] .backdrop-layer[data-layer=Desert]{opacity:.16}.backdrop .backdrop-layer.terrain-forest{--sa:color-mix(in srgb, var(--forest-ink) 55%, var(--grey))}.backdrop .backdrop-layer.terrain-water{--sa:color-mix(in srgb, var(--water-ink) 55%, var(--grey))}.backdrop .backdrop-layer.terrain-mountain{--sa:color-mix(in srgb, var(--mountain-ink) 55%, var(--grey))}.backdrop .backdrop-layer.terrain-desert{--sa:color-mix(in srgb, var(--desert-ink) 55%, var(--grey))}.match[data-scene-motion=false] .scene *,.match[data-scene-motion=false] .chip-emblem .symbol-mark,.match[data-scene-motion=false] .symbol-ink,.match[data-scene-motion=false] .reason-bar,.match[data-scene-motion=false] .tile-symbol:after{animation:none!important}.cell.taken.winning[data-owner]{box-shadow:inset 0 0 0 3px var(--win), inset 0 3px 5px color-mix(in srgb, var(--shade) 30%, transparent)}:root:is([data-palette=night-circuit],[data-palette=neon-frost],[data-palette=synth-horizon],[data-palette=midnight-aurora]) .cell.taken.winning[data-owner]{box-shadow:inset 0 0 0 3px var(--win), 0 0 16px color-mix(in srgb, var(--win) 60%, transparent)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.match[data-to-move=A] .match-card{border-color:color-mix(in srgb, var(--p1) 55%, var(--border))}.match[data-to-move=B] .match-card{border-color:color-mix(in srgb, var(--p2) 55%, var(--border))}.win-stroke-line{opacity:.7}.countdown{background-image:radial-gradient(ellipse 62% 42% at 50% 46%, color-mix(in srgb, var(--ground) 78%, transparent), transparent 100%)}.countdown-hint{border:1px solid var(--border);background-color:var(--surface-2);color:var(--text)}