:root{--sky-deep:#cfe6ff;--sky:#e3f1ff;--sky-pale:#f4f9ff;--cloud:#fff;--blue:#1185fe;--blue-deep:#0b6bd1;--ink:#0f2d5c;--ink-soft:#4a6790;--ink-faint:#94a9c6;--sun:#ffcf3f;--sun-deep:#e8a900;--rose:#e0506b;--sq-light:#f7fbff;--sq-dark:#86bdf7;--checker-cream:#ffe38a;--radius:14px;--radius-sm:9px;--font:"Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background-color:var(--sky-pale);background-image:radial-gradient(22rem 22rem at 100% -6rem, #ffd65ae6, #ffd65a00 70%), radial-gradient(44rem 44rem at 100% -6rem, #fff 12%, #fff0 68%), linear-gradient(180deg, var(--sky-deep) 0%, var(--sky) 40rem, var(--sky-pale) 90rem);background-repeat:no-repeat;background-size:100% 100%;min-height:100%}body{min-height:100vh;font-family:var(--font);color:var(--ink);background:0 0;margin:0;font-size:16px;line-height:1.5}@media (prefers-reduced-motion:no-preference){.rise{animation:.42s cubic-bezier(.2,.8,.2,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}a{color:var(--blue-deep);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}:focus-visible{outline:3px solid var(--sun);outline-offset:2px;border-radius:6px}h1,h2,h3{font-variation-settings:"wdth" 88;letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.05}h1{font-size:clamp(2.4rem,6vw,4.4rem)}h2{font-size:1.45rem}h3{color:var(--ink-soft);font-size:1.05rem;font-weight:700}p{margin:0}.muted{color:var(--ink-soft)}.error{color:var(--rose);font-weight:600}button,input,select{font:inherit;color:var(--ink);background:var(--cloud);border:2px solid #0000;border-radius:999px;padding:.6rem 1.1rem}input,select{border-radius:var(--radius-sm);border-color:#0f2d5c24;transition:border-color .12s}input:focus,select:focus{border-color:var(--blue);outline:none}input::placeholder{color:var(--ink-faint)}button{cursor:pointer;background:var(--blue);color:#fff;font-weight:700;transition:transform .12s,background .12s}button:hover{background:var(--blue-deep)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default;transform:none}button.quiet{color:var(--blue-deep);background:#1185fe1a}button.quiet:hover{background:#1185fe2e}button.danger{color:var(--rose);background:#e0506b1f}button.danger:hover{background:#e0506b33}button.link{color:var(--ink-soft);background:0 0;padding:.2rem .4rem;font-weight:600}button.link:hover{color:var(--ink);background:0 0}.seg{background:#0f2d5c12;border-radius:22px;flex-wrap:wrap;gap:2px;max-width:100%;padding:3px;display:inline-flex}.seg label{cursor:pointer;color:var(--ink-soft);white-space:nowrap;border-radius:999px;padding:.45rem .95rem;font-weight:600;transition:background .12s,color .12s;position:relative}.seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg label:has(input:checked){background:var(--cloud);color:var(--ink);box-shadow:0 1px 3px #0f2d5c1f}.seg label:has(input:focus-visible){outline:3px solid var(--sun)}.topbar{justify-content:space-between;align-items:center;padding:1rem clamp(1rem,4vw,2.5rem);display:flex}.brand{color:var(--ink);letter-spacing:-.02em;font-variation-settings:"wdth" 88;align-items:center;gap:.5rem;font-size:1.35rem;font-weight:800;display:inline-flex}.brand:hover{text-decoration:none}.brand .sun{background:var(--sun);border-radius:50%;width:1.1em;height:1.1em;box-shadow:0 0 0 5px #ffcf3f59}.who{white-space:nowrap;align-items:center;gap:.6rem;font-weight:600;display:flex}@media (width<=520px){.who .handle{display:none}}.avatar{object-fit:cover;background:#ffffffbf;border-radius:50%;width:30px;height:30px;box-shadow:inset 0 0 0 1px #0f2d5c1f}.login{max-width:40rem;margin:0 auto;padding:clamp(3rem,12vh,9rem) clamp(1.2rem,5vw,3rem) 4rem}.login h1{max-width:12ch}.login .lede{max-width:36rem;color:var(--ink-soft);margin:1.4rem 0 2.2rem;font-size:1.15rem}.login form{gap:.6rem;max-width:30rem;display:flex}.login input{flex:1;padding:.8rem 1rem;font-size:1.05rem}.login button{padding:.8rem 1.4rem;font-size:1.05rem}.login .fine{color:var(--ink-soft);max-width:30rem;margin-top:1rem;font-size:.9rem}.pieces{align-items:center;gap:.5rem;margin-bottom:1.6rem;font-size:2.6rem;line-height:1;display:flex}.pieces .b{color:var(--ink)}.pieces .w{color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.pieces .c{border-radius:50%;width:.72em;height:.72em;display:inline-block;box-shadow:0 2px #0f2d5c40,inset 0 -.12em #00000024}.pieces .c.cream{background:var(--checker-cream)}.pieces .c.navy{background:var(--ink)}.dash{grid-template-columns:minmax(0,1fr) 20rem;gap:clamp(1.5rem,4vw,3.5rem);max-width:68rem;margin:0 auto;padding:.5rem clamp(1rem,4vw,2.5rem) 4rem;display:grid}@media (width<=820px){.dash{grid-template-columns:1fr}.dash .rail{display:contents}.card.challenge{order:-1;margin-bottom:.5rem}.card.record{order:1}}.dash>*{min-width:0}.dash h2{margin-bottom:.5rem}.group{margin-bottom:2rem}.group h2{align-items:baseline;gap:.6rem;display:flex}.group h2 .count{color:var(--ink-soft);font-variation-settings:"wdth" 100;font-size:.95rem;font-weight:700}.rows{margin:0;padding:0;list-style:none}.rows li{border-top:1px solid #0f2d5c1a;align-items:center;gap:.9rem;padding:.8rem .6rem;display:flex}.rows li:last-child{border-bottom:1px solid #0f2d5c1a}.rows li a{color:inherit;flex:1;min-width:0}.rows li a:hover{text-decoration:none}.rows .main{flex:1;align-items:center;gap:.9rem;min-width:0;display:flex}.rows .title{overflow-wrap:anywhere;font-weight:700}.rows .sub{color:var(--ink-soft);font-size:.92rem}.rows .actions{flex-shrink:0;gap:.4rem;display:flex}.rows .actions button{padding:.45rem .9rem;font-size:.92rem}@media (width<=520px){.rows li{flex-wrap:wrap;row-gap:.5rem}.rows .main{min-width:15rem}.rows .actions{margin-left:3.5rem}.rows li>.turn,.rows li>.result{margin-left:auto}}.chip{background:var(--cloud);border-radius:12px;flex-shrink:0;place-items:center;width:2.6rem;height:2.6rem;font-size:1.5rem;line-height:1;display:grid}.chip.chess.white{color:#fff;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill}.chip.chess.black{color:var(--ink)}.chip.checkers:before,.chip.fourinarow:before{content:"";border-radius:50%;width:1.3rem;height:1.3rem;box-shadow:inset 0 -.2rem #00000024}.chip.checkers.white:before,.chip.fourinarow.white:before{background:var(--checker-cream)}.chip.checkers.black:before,.chip.fourinarow.black:before{background:var(--ink)}.chip.backgammon svg{display:block}.chip.backgammon.white svg rect{fill:var(--checker-cream);stroke:#0f2d5c4d}.chip.backgammon.white svg circle{fill:var(--sun-deep)}.chip.backgammon.black svg rect{fill:var(--ink)}.chip.backgammon.black svg circle{fill:#fff}.turn{color:var(--sun-deep);white-space:nowrap;align-items:center;gap:.45rem;font-weight:700;display:inline-flex}.turn:before{content:"";background:var(--sun);border-radius:50%;width:.7rem;height:.7rem;box-shadow:0 0 0 4px #ffcf3f59}.result{color:var(--ink-soft);white-space:nowrap;text-align:right;font-weight:700}.result small{font-size:.85rem;font-weight:500;display:block}.result.won{color:var(--blue-deep)}.empty{color:var(--ink-soft);border-top:1px dashed #0f2d5c2e;border-bottom:1px dashed #0f2d5c2e;padding:1.2rem .6rem}.rail{align-content:start;gap:1.6rem;display:grid;position:sticky;top:1rem}.rail>*{min-width:0}.card{background:var(--cloud);border-radius:var(--radius);padding:1.3rem 1.4rem;box-shadow:0 8px 30px #1185fe1a}.card h2{margin-bottom:1rem}.card form{gap:.8rem;display:grid}.card .segrow{flex-wrap:wrap;gap:.5rem;display:flex}.card button[type=submit]{margin-top:.3rem}.record{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.record th{text-align:left;color:var(--ink-soft);padding:0 0 .4rem;font-size:.85rem;font-weight:600}.record td{border-top:1px solid #0f2d5c14;padding:.35rem 0}.record td.num,.record th.num{text-align:right}.record .rating{font-weight:800}.game{grid-template-columns:minmax(0,36rem) minmax(16rem,20rem);align-items:start;gap:clamp(1.5rem,4vw,3rem);max-width:62rem;margin:0 auto;padding:.5rem clamp(1rem,4vw,2.5rem) 4rem;display:grid}@media (width<=760px){.game{grid-template-columns:1fr}}.game.wide{grid-template-columns:minmax(0,48rem) minmax(15rem,18rem);max-width:72rem}@media (width<=860px){.game.wide{grid-template-columns:1fr}}.seat{align-items:center;gap:.7rem;padding:.55rem .2rem;font-weight:700;display:flex}.seat .avatar{width:34px;height:34px}.seat .dot{border:2px solid var(--ink);border-radius:50%;flex-shrink:0;width:.9rem;height:.9rem}.seat .dot.white{background:#fff}.seat .dot.black{background:var(--ink)}.seat .you{color:var(--ink-soft);font-weight:600}.seat .turn{margin-left:auto}.board-wrap{width:100%}.board{aspect-ratio:1;border-radius:12px;grid-template-columns:repeat(8,1fr);width:100%;display:grid;overflow:hidden;box-shadow:0 14px 40px #1185fe38,0 0 0 1px #0f2d5c14}.sq{aspect-ratio:1;border:none;border-radius:0;place-items:center;padding:0;font-size:clamp(1.5rem,5.8vmin,3.1rem);line-height:1;transition:none;display:grid;position:relative}.sq:hover{background-color:inherit}.sq.light{background:var(--sq-light)}.sq.dark{background:var(--sq-dark)}.sq.selected{box-shadow:inset 0 0 0 4px var(--sun)}.sq.target:after{content:"";background:var(--sun);border-radius:50%;width:30%;height:30%;position:absolute;box-shadow:0 1px 2px #0003}.sq.target:has(.piece):after{width:100%;height:100%;box-shadow:inset 0 0 0 4px var(--sun);background:0 0;border-radius:0}.sq.target:has(.checker):after{width:100%;height:100%;box-shadow:inset 0 0 0 4px var(--sun);background:0 0;border-radius:0}.sq.last{box-shadow:inset 0 0 0 3px #ffffffd9}.sq:disabled{cursor:default;opacity:1}.sq:focus-visible{box-shadow:inset 0 0 0 4px var(--blue);outline:none}.piece{pointer-events:none}.piece.white{color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;filter:drop-shadow(0 1px #0f2d5c59)}.piece.black{color:var(--ink);filter:drop-shadow(0 1px #ffffff59)}.checker{pointer-events:none;border-radius:50%;place-items:center;width:74%;height:74%;font-size:.5em;display:grid;box-shadow:0 3px #0f2d5c40,inset 0 -.12em #00000024}.checker.white{background:var(--checker-cream);color:var(--sun-deep)}.checker.black{background:var(--ink);color:var(--sun)}.promotion{align-items:center;gap:.5rem;margin-top:.8rem;font-weight:600;display:flex}.promotion button{background:var(--cloud);color:var(--ink);padding:.15rem .6rem;font-size:1.6rem}.promotion button:hover{background:var(--sky-deep)}.hint{color:var(--ink-soft);margin-top:.6rem;font-size:.95rem}.panel{gap:1.2rem;display:grid}.panel .status{font-variation-settings:"wdth" 88;letter-spacing:-.01em;font-size:1.3rem;font-weight:800}.panel .status.win{color:var(--blue-deep)}.panel .status small{color:var(--ink-soft);font-variation-settings:"wdth" 100;letter-spacing:0;margin-top:.2rem;font-size:.95rem;font-weight:600;display:block}.panel .actions{gap:.5rem;display:grid}.offer{border-radius:var(--radius-sm);background:#ffcf3f40;gap:.6rem;padding:.9rem 1rem;font-weight:600;display:grid}.offer .row{gap:.5rem;display:flex}.moves{columns:2;font-variant-numeric:tabular-nums;color:var(--ink-soft);column-gap:1rem;margin:0;padding:0;font-size:.95rem;list-style:none}.moves li{break-inside:avoid;gap:.5rem;display:flex}.moves li span:first-child{color:var(--ink-faint);text-align:right;width:2ch}.moves li b{color:var(--ink);font-weight:600}details summary{cursor:pointer;color:var(--ink-soft);font-weight:700}details[open] summary{margin-bottom:.5rem}.back{color:var(--ink-soft);font-weight:600}.fiar{background:var(--blue);border-radius:16px;grid-template-columns:repeat(7,1fr);gap:0;padding:4%;display:grid;box-shadow:0 14px 40px #1185fe47}.fiar-col{background:0 0;border:none;border-radius:10px;gap:0;padding:0;display:grid}.fiar-col.open:hover{background:#ffffff24}.fiar-col:disabled{opacity:1}.fiar-col:focus-visible{outline:3px solid var(--sun)}.hole{aspect-ratio:1;place-items:center;padding:9%;display:grid}.hole:before{content:"";background:var(--sky-pale);border-radius:50%;grid-area:1/1;width:100%;height:100%;box-shadow:inset 0 3px 6px #0b6bd159}.hole .disc{border-radius:50%;grid-area:1/1;width:100%;height:100%;box-shadow:inset 0 -.35em #00000024}.hole .disc.white{background:var(--checker-cream)}.hole .disc.black{background:var(--ink)}.hole.win .disc{box-shadow:0 0 0 4px var(--sun), inset 0 -.35em 0 #00000024}.hole.last:before{box-shadow:inset 0 3px 6px #0b6bd159,0 0 0 3px #ffffffe6}.bg-board{filter:drop-shadow(0 14px 30px #1185fe38);width:100%;height:auto;display:block}.bg-felt{fill:var(--cloud);stroke:#0f2d5c1f}.bg-bar{fill:var(--sky-deep)}.bg-tray{fill:#ffffffb3;stroke:#0f2d5c1f}.bg-point.dark{fill:var(--sq-dark)}.bg-point.light{fill:#d5e8fb}.bg-checker{stroke:#0f2d5c59;stroke-width:2px}.bg-checker.white{fill:var(--checker-cream)}.bg-checker.black{fill:var(--ink)}.bg-checker.selected{stroke:var(--sun);stroke-width:6px}.bg-count{pointer-events:none;font-size:26px;font-weight:800}.bg-count.white{fill:var(--sun-deep)}.bg-count.black{fill:var(--sun)}.bg-off.white{fill:var(--checker-cream);stroke:#0f2d5c4d}.bg-off.black{fill:var(--ink)}.bg-hit{fill:none;stroke-width:5px;pointer-events:none}.bg-hit.origin{stroke:#ffcf3fb3;stroke-dasharray:10 8}.bg-hit.selected{stroke:var(--sun)}.bg-hit.target{stroke:var(--sun);fill:#ffcf3f2e}.bg-click{fill:#0000;cursor:pointer}.bg-click:focus-visible{stroke:var(--blue);stroke-width:4px;outline:none}.bg-die rect{fill:#fff;stroke:#0f2d5c4d;stroke-width:2px}.bg-die circle{fill:var(--ink)}.bg-die.black rect{fill:var(--ink);stroke:none}.bg-die.black circle{fill:#fff}.bg-die.used{opacity:.3}