:root{--bg:#0a1017;--surface:#121a24c7;--surface-2:#ffffff0b;--surface-3:#ffffff14;--line:#ffffff14;--line-2:#ffffff24;--text:#e9eef3;--muted:#8b98a7;--accent:#e6b65c;--accent-ink:#1b1407;--danger:#e4573f;--radius:.75rem;--shadow:0 .6rem 1.6rem #00000059;--ease-pop:cubic-bezier(.3, 1.5, .5, 1);--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:clamp(9px,min(.833333vw,1.48148vh),48px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);font-feature-settings:"tnum" 1, "cv11" 1;-webkit-font-smoothing:antialiased;background:radial-gradient(90rem 60rem at 50% 42%, #18304a 0%, #0f1c2a 45%, var(--bg) 80%);font-family:Inter,system-ui,sans-serif;font-size:1rem;overflow:hidden}button{cursor:pointer;color:inherit;font-family:inherit}button:disabled{cursor:default;opacity:.38}h1,h2,h3{letter-spacing:-.01em;font-weight:600}.muted{color:var(--muted);font-size:.9rem}.small{font-size:.78rem}.icon{vertical-align:-.18em;flex:none;width:1.1em;height:1.1em}.table{grid-template:"players players players""prompt prompt prompt""left board side"minmax(0,1fr)"hand hand hand"/17rem minmax(0,1fr) 19rem;gap:.75rem;height:100dvh;padding:.9rem 1.1rem 0;display:grid}.players{grid-area:players;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.75rem;display:grid}.banner{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);transition:border-color .3s, box-shadow .3s, transform .3s var(--ease);align-items:center;gap:.75rem;padding:.6rem .8rem .6rem .7rem;display:flex;position:relative}.banner:before{content:"";background:var(--pc);border-radius:0 .2rem .2rem 0;width:.2rem;position:absolute;top:.7rem;bottom:.7rem;left:0}.banner.active{border-color:color-mix(in srgb, var(--pc) 70%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--pc) 45%, transparent), 0 .6rem 2rem color-mix(in srgb, var(--pc) 22%, transparent)}.banner.acting .avatar:after{content:"";border:2px solid var(--pc);border-top-color:#0000;border-radius:50%;animation:1.1s linear infinite spin;position:absolute;inset:-.25rem}@keyframes spin{to{transform:rotate(360deg)}}.avatar{background:color-mix(in srgb, var(--pc) 22%, #0d1620);border:1.5px solid var(--pc);border-radius:50%;flex:none;place-items:center;width:2.6rem;height:2.6rem;display:grid;position:relative}.avatar .initial{color:var(--pc);filter:brightness(1.25);font-size:1.1rem;font-weight:700}.avatar .vp{background:var(--accent);min-width:1.45rem;height:1.45rem;color:var(--accent-ink);animation:bump .6s var(--ease-pop);border-radius:.75rem;place-items:center;padding:0 .3rem;font-size:.8rem;font-weight:700;display:grid;position:absolute;bottom:-.35rem;right:-.45rem;box-shadow:0 0 0 .15rem #121b26}.info{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.info .name{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.stats{color:var(--muted);flex-wrap:nowrap;gap:.65rem;display:flex;overflow:hidden}.stats span{white-space:nowrap;align-items:center;gap:.25rem;font-size:.82rem;font-weight:500;display:inline-flex;position:relative}.levels{gap:.55rem;display:flex}.lv{gap:.14rem;display:inline-flex}.lv b,.steps b{background:var(--surface-3);border-radius:.1rem;width:.7rem;height:.22rem}.lv b.done,.steps b.done{background:var(--tc);box-shadow:0 0 .35rem color-mix(in srgb, var(--tc) 60%, transparent)}.timer{flex:none;place-items:center;width:2.7rem;height:2.7rem;font-size:.85rem;font-weight:600;display:grid;position:relative}.timer svg{position:absolute;inset:0;transform:rotate(-90deg)}.timer .ring-bg{fill:none;stroke:var(--surface-3);stroke-width:2.5px}.timer .ring{fill:none;stroke:var(--pc);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:94.25;transition:stroke-dashoffset .25s linear}.timer span{position:relative}.timer.low .ring{stroke:var(--danger)}.timer.low span{color:var(--danger);animation:.8s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4}}em.gain,em.loss{pointer-events:none;animation:float 1.6s var(--ease) forwards;z-index:2;border-radius:.6rem;padding:.05rem .35rem;font-size:.78rem;font-style:normal;font-weight:700;position:absolute;top:-.7rem;right:-.9rem}em.gain{color:#fff;background:#2f9d62}em.loss{background:var(--danger);color:#fff}@keyframes float{0%{opacity:0;transform:translateY(.4rem)scale(.7)}15%{opacity:1;transform:translateY(0)scale(1.05)}70%{opacity:1}to{opacity:0;transform:translateY(-1.2rem)}}@keyframes bump{0%{transform:scale(.4)}to{transform:scale(1)}}.prompt{text-align:center;grid-area:prompt;min-height:2.3rem}.prompt span{letter-spacing:.01em;background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rise .35s var(--ease);border-radius:2rem;padding:.45rem 1.1rem;font-size:1.05rem;font-weight:600;display:inline-block}.prompt span:empty{display:none}@keyframes rise{0%{opacity:0;transform:translateY(.5rem)}}.board{grid-area:board;min-height:0;position:relative}.map{filter:drop-shadow(0 1.2rem 2rem #00000073);width:100%;height:100%;position:absolute;inset:0}.map text{text-anchor:middle;pointer-events:none;font-family:Inter,sans-serif}.num{fill:#1d2b38;font-size:16px;font-weight:700}.pips{fill:#1d2b38;letter-spacing:-1px;font-size:8px}.num.hot,.pips.hot{fill:#c8452f}.harbor-rate{fill:#1d2b38;font-size:8.5px;font-weight:700}.harbor-rate.light{fill:#fff}.hex{transition:filter .2s}.hex.target{cursor:pointer}.hex.target:hover{filter:brightness(1.15)}.hex-ring{fill:none;stroke:#fff;stroke-width:2.5px;stroke-dasharray:7 6;pointer-events:none;animation:1s linear infinite march}@keyframes march{to{stroke-dashoffset:-13px}}.hit{stroke:#ffe39a;stroke-width:3px;pointer-events:none;animation:1.8s ease-out forwards hit}@keyframes hit{0%{fill:#ffe69673;stroke-opacity:1}to{fill:#ffe69600;stroke-opacity:0}}.spot{fill:#ffffff40;stroke:#fff;stroke-width:2px;cursor:pointer;transform-box:fill-box;transform-origin:50%;animation:1.4s ease-in-out infinite breathe}.spot:hover{fill:#fff}@keyframes breathe{50%{transform:scale(1.22)}}.spot-road{stroke:#ffffff8c;stroke-width:9px;stroke-linecap:round;cursor:pointer;stroke-dasharray:6 5;animation:1s linear infinite march}.spot-road:hover{stroke:#fff;stroke-dasharray:none}.pop{transform-box:fill-box;transform-origin:50% 80%;animation:pop .5s var(--ease-pop) both}@keyframes pop{0%{opacity:0;transform:scale(0)translateY(-30px)}}.robber{transition:transform .8s cubic-bezier(.5,-.3,.3,1.3)}.clickable{cursor:pointer}.clickable:hover{filter:brightness(1.2)}.knight-sel{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-dasharray:5 3;transform-box:fill-box;transform-origin:50%;animation:4s linear infinite spin}.cancel-pick{z-index:9;animation:.3s rise;position:fixed;bottom:9rem;left:50%;transform:translate(-50%)}.left,.side{flex-direction:column;gap:.75rem;min-height:0;display:flex}.left{grid-area:left}.side{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;grid-area:side;padding-right:.2rem;overflow-y:auto}.panel{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:.8rem .85rem}.panel h3{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 0 .55rem;font-size:.72rem;font-weight:600}.log{flex-direction:column;flex:1;min-height:0;display:flex}.log ol{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;margin:0;padding:0;font-size:.84rem;line-height:1.35;list-style:none;overflow-y:auto}.log li{border-bottom:1px solid var(--line);color:#b9c4cf;padding:.38rem 0}.log li:first-child{color:var(--text);animation:rise .4s var(--ease)}.deck-row{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.deck{background:linear-gradient(160deg, color-mix(in srgb, var(--tc) 30%, #16202b), #121a24);border:1px solid color-mix(in srgb, var(--tc) 45%, transparent);letter-spacing:.06em;text-transform:uppercase;height:4rem;color:color-mix(in srgb, var(--tc) 70%, #fff);border-radius:.55rem;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;font-size:.66rem;font-weight:600;display:flex;position:relative;box-shadow:.18rem .18rem 0 -.05rem #1a2430,.36rem .36rem 0 -.1rem #151e28}.deck b{color:var(--text);letter-spacing:0;font-size:1.35rem;font-weight:700}.track{margin-bottom:.6rem}.lane{border:1px solid var(--line);background:linear-gradient(90deg,#4b7fd81f,#4b7fd84d);border-radius:1rem;justify-content:space-between;align-items:center;height:1.9rem;margin:.1rem 1.4rem .45rem .2rem;padding:0 .6rem;animation:.9s ease-out attack;display:flex;position:relative}.lane .stop{background:var(--line-2);border-radius:50%;width:.3rem;height:.3rem}.lane .stop.shore{opacity:0}.lane .ship{color:#ffdf9e;transition:left .9s var(--ease);font-size:1.25rem;animation:2.4s ease-in-out infinite sail;display:flex;position:absolute;top:50%;transform:translate(-20%,-55%)}.lane .castle{color:var(--muted);font-size:1.4rem;display:flex;position:absolute;top:50%;right:-1.6rem;transform:translateY(-55%)}@keyframes sail{50%{margin-top:-.15rem;rotate:-6deg}}@keyframes attack{0%,to{box-shadow:none}30%{box-shadow:0 0 1.2rem var(--danger)}}.versus{text-align:center;border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;padding-top:.3rem;display:grid}.versus b{font-size:1.5rem;font-weight:700;display:block}.versus span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.66rem;font-weight:600}.versus .vs{color:var(--muted);font-size:.8rem}.cost{border:1px solid var(--line);background:var(--surface-2);width:100%;transition:background .15s, border-color .15s, transform .15s var(--ease);border-radius:.5rem;justify-content:space-between;align-items:center;gap:.4rem;margin-top:.3rem;padding:.42rem .55rem;font-size:.88rem;font-weight:500;display:flex}.cost:first-of-type{margin-top:0}.cost.on{background:color-mix(in srgb, var(--accent) 18%, transparent);border-color:var(--accent)}.cost:not(:disabled):hover{background:var(--surface-3);border-color:var(--line-2)}.cost.track{box-shadow:inset .18rem 0 0 var(--tc)}.costs{gap:.15rem;display:inline-flex}.costs i{background:var(--cc);color:#fff;border-radius:.3rem;place-items:center;width:1.25rem;height:1.25rem;font-size:.78rem;display:grid}.max{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.lvl{align-items:center;gap:.6rem;display:flex}.lvl i{text-align:left;min-width:4.2rem;font-style:normal}.steps{gap:.16rem;display:inline-flex}.harbor-row{align-items:center;gap:.3rem;margin-top:.35rem;font-size:.88rem;font-weight:600;display:flex}.harbor-row span{flex:1}.mini{background:var(--cc);color:#fff;border:0;border-radius:.4rem;place-items:center;width:1.7rem;height:1.7rem;padding:0;display:grid}.dice-row{justify-content:center;align-items:center;gap:.55rem;min-height:3.4rem;display:flex}.dice-row.empty{color:var(--muted);font-size:.85rem}.die{border-radius:.6rem;place-items:center;width:2.9rem;height:2.9rem;padding:.32rem;font-size:1.35rem;display:grid;box-shadow:inset 0 -.2rem #0000002e,0 .3rem .7rem #0006}.pips-svg{width:100%;height:100%}.die.yellow{background:linear-gradient(160deg,#f6d88a,#ddb04d)}.die.red{background:linear-gradient(160deg,#ec6a55,#c4442f)}.die.event{color:#1d2b38;background:#e9edf2}.die.event[style]{color:#fff}.dice-row.rolling .die{animation:.14s linear infinite tumble}.dice-row.landed .die{animation:land .45s var(--ease-pop)}.dice-row .sum{text-align:center;min-width:2.2rem;font-size:1.7rem;font-weight:700}@keyframes tumble{0%{transform:rotate(0)translateY(0)}50%{transform:rotate(18deg)translateY(-.3rem)}to{transform:rotate(-12deg)translateY(0)}}@keyframes land{0%{transform:scale(1.3)rotate(-10deg)}}.actions{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.actions .wide{grid-column:1/-1}.big{border:1px solid var(--line-2);background:var(--surface-3);transition:transform .12s var(--ease), background .15s, filter .15s;border-radius:.6rem;justify-content:center;align-items:center;gap:.45rem;padding:.62rem .9rem;font-size:.95rem;font-weight:600;display:inline-flex}.big:not(:disabled):hover{background:#ffffff21;transform:translateY(-1px)}.big:not(:disabled):active{transform:translateY(1px)}.actions .big:not(:disabled):first-child,.dialog .big:first-child:not(.ghost):not(.player),.big.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.actions .big:not(:disabled):first-child:hover,.dialog .big:first-child:not(.ghost):not(.player):not(:disabled):hover{filter:brightness(1.08);background:var(--accent)}.big.ghost{background:0 0}.big.danger{background:color-mix(in srgb, var(--danger) 85%, #000);color:#fff;border-color:#0000}.big.player{background:color-mix(in srgb, var(--pc) 80%, #000);border-color:var(--pc);color:#fff}.hand{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-bottom:0;border-radius:1rem 1rem 0 0;grid-area:hand;justify-self:center;align-items:flex-end;gap:.7rem;max-width:100%;padding:.7rem 1rem .65rem;display:flex;box-shadow:0 -.4rem 1.6rem #00000059}.res-hand,.progress-hand{gap:.45rem;display:flex}.divider{background:var(--line-2);align-self:stretch;width:1px;margin:0 .25rem}.card{background:linear-gradient(170deg, color-mix(in srgb, var(--cc) 88%, #fff 12%), color-mix(in srgb, var(--cc) 78%, #000));color:#fff;width:3.8rem;height:5.2rem;transition:transform .2s var(--ease), opacity .2s;border:1px solid #ffffff2e;border-radius:.55rem;flex-direction:column;flex:none;justify-content:space-between;align-items:center;padding:.4rem 0 .3rem;display:flex;position:relative;box-shadow:0 .25rem .6rem #00000059,inset 0 1px #ffffff40}.card:hover{transform:translateY(-.3rem)}.card.zero{opacity:.32;filter:saturate(.4)}.card .i{opacity:.95;font-size:1.45rem;display:flex}.card .lbl{text-transform:uppercase;letter-spacing:.06em;opacity:.9;font-size:.58rem;font-weight:600}.card .n{animation:bump .45s var(--ease-pop);font-size:1.15rem;font-weight:700}.card.choice{cursor:pointer;height:4.5rem}.card.choice:disabled{opacity:.3}.card.choice.on{outline-offset:2px;outline:2px solid #fff;transform:translateY(-.3rem)}.card.choice:has(.note){height:5.2rem}.pcard{text-align:left;border:1px solid color-mix(in srgb, var(--tc) 50%, transparent);background:linear-gradient(175deg, color-mix(in srgb, var(--tc) 22%, #1a2430), #131b25 70%);width:7.5rem;min-height:10rem;box-shadow:inset 0 .22rem 0 var(--tc), 0 .3rem .8rem #0006;transition:transform .2s var(--ease);animation:deal .5s var(--ease-pop);border-radius:.6rem;flex-direction:column;gap:.3rem;padding:.55rem .6rem;display:flex;position:relative}.pcard:not(:disabled):hover{transform:translateY(-.35rem)}.pcard:disabled{opacity:1;cursor:default}.pcard.small{width:4.9rem;min-height:5.2rem;padding:.55rem .4rem .35rem}.pflag{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--tc) 75%, #fff);margin-top:.2rem;font-size:.56rem;font-weight:700}.ptitle{font-size:.95rem;font-weight:700;line-height:1.1}.pcard.small .ptitle{font-size:.7rem}.ptext{color:#c2ccd6;font-size:.78rem;line-height:1.3}@keyframes deal{0%{opacity:0;transform:translateY(-3rem)rotate(-10deg)scale(.6)}}.dialog{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line-2);max-width:calc(100vw - 2rem);max-height:calc(100vh - 10rem);animation:open .3s var(--ease-pop);background:#111923f0;border-radius:1rem;flex-direction:column;align-items:center;gap:.8rem;padding:1.1rem 1.3rem;display:flex;position:fixed;bottom:7.8rem;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 1.2rem 3rem #0000008c}@keyframes open{0%{opacity:0;transform:translate(-50%,1rem)scale(.95)}}.dialog h2{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin:0;font-size:1.15rem;display:flex}.dialog .row{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.card-dialog .pcard{width:13rem;min-height:15rem;font-size:1rem;animation:none}.card-dialog .pcard .ptitle{font-size:1.25rem}.card-dialog .pcard .ptext{font-size:.92rem}.dice-pick{flex-direction:column}.die-btn{border:0;border-radius:.45rem;width:2.2rem;height:2.2rem;font-size:1rem;font-weight:700;transition:transform .12s}.die-btn.yellow{color:#2a1e04;background:#e9c46a}.die-btn.red{color:#fff;background:#d9563f}.die-btn.on{outline-offset:2px;outline:2px solid #fff;transform:scale(1.08)}.card.pick{justify-content:space-between;height:6.6rem}.card.pick:has(.note){height:7.4rem}.pm{gap:.2rem;display:flex}.pm button{color:#fff;background:#00000059;border:0;border-radius:.35rem;width:1.45rem;height:1.45rem;padding:0;font-size:.9rem;font-weight:700}.pm button:not(:disabled):hover{background:#0000008c}.note{opacity:.9;font-size:.62rem;font-weight:600}.dialog.trade{min-width:30rem}.cardrow{gap:.3rem;display:inline-flex}.cardrow span{background:var(--cc);color:#fff;border-radius:.35rem;align-items:center;gap:.15rem;padding:.1rem .35rem;font-size:.85rem;display:inline-flex}.answer{width:100%;box-shadow:inset .2rem 0 0 var(--pc);background:var(--surface-2);border-radius:.5rem;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;align-items:center;gap:.6rem;padding:.3rem .3rem .3rem .7rem;display:grid}.victory{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;background:#050a1099;place-items:center;animation:.6s rise;display:grid;position:fixed;inset:0}.victory>div{text-align:center;border:1px solid var(--accent);animation:open .6s var(--ease-pop);background:#111923f2;border-radius:1.2rem;padding:2.2rem 4rem;transform:none;box-shadow:0 0 4rem #e6b65c40}.victory .icon{color:var(--accent);font-size:3rem}.victory h1{margin:.4rem 0 .2rem;font-size:2.6rem}.victory p{color:var(--muted);margin:0}.lobby{place-items:center;height:100%;min-height:100%;padding:2rem 1rem;display:grid;overflow-y:auto}.lobby-card{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);width:min(34rem,100%);box-shadow:var(--shadow);animation:rise .4s var(--ease);border-radius:1.2rem;flex-direction:column;gap:1.2rem;padding:2rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand h1{align-items:center;gap:.6rem;margin:0;font-size:1.6rem;display:flex}.brand .mark{background:linear-gradient(160deg, var(--accent), #b9853a);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);flex:none;width:2rem;height:2.3rem}.lobby section{border-top:1px solid var(--line);flex-direction:column;gap:.6rem;padding-top:1.1rem;display:flex}.lobby h2{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.75rem;font-weight:600}.lobby .muted{margin:0}.who{align-items:center;gap:.6rem;font-size:.92rem;display:flex}.who img,.avatar-sm{border-radius:50%;width:2rem;height:2rem}.avatar-sm{background:var(--surface-3);place-items:center;font-weight:700;display:grid}.who .link{margin-left:auto}.fields{flex-wrap:wrap;gap:1rem 1.5rem;display:flex}.field{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.82rem;display:flex}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:.6rem;gap:.2rem;padding:.2rem;display:inline-flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:.45rem;padding:.35rem .7rem;font-size:.88rem;font-weight:500}.seg button.on{background:var(--surface-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}.row-form{align-items:center;gap:.5rem;display:flex}.row-form.spread{justify-content:space-between}.row-form input{flex:1;min-width:0}input{font:inherit;color:var(--text);border:1px solid var(--line-2);background:#00000040;border-radius:.6rem;outline:none;padding:.6rem .75rem;font-size:.95rem;transition:border-color .15s}input:focus{border-color:var(--accent)}input.code{text-transform:uppercase;letter-spacing:.3em;font-weight:600}.btn{border:1px solid var(--line-2);background:var(--surface-3);border-radius:.6rem;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.92rem;font-weight:600;transition:filter .15s,background .15s;display:inline-flex}.btn:not(:disabled):hover{background:#ffffff21}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn.primary:not(:disabled):hover{filter:brightness(1.08);background:var(--accent)}.btn.wide{width:100%}.btn.sm{padding:.35rem .7rem;font-size:.82rem}.link{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:.88rem;text-decoration:none}.link:hover{color:var(--text)}.link.danger:hover{color:var(--danger)}.lobby>.lobby-card>.link{align-self:center}.legal{color:var(--muted);align-self:center;margin-top:-.6rem;font-size:.78rem}.error{color:#ff8f7d;margin:0;font-size:.88rem}.code-tag{letter-spacing:.12em;background:var(--surface-3);border-radius:.35rem;padding:.15rem .45rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85rem;font-weight:600}.code-tag.big{color:var(--accent);font-size:1.3rem}.matches,.seat-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.matches li{background:var(--surface-2);border:1px solid var(--line);border-radius:.6rem;align-items:center;gap:.7rem;padding:.5rem .6rem;font-size:.88rem;display:flex}.matches li .muted{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.82rem;overflow:hidden}.seats{gap:.2rem;display:inline-flex}.seats i{background:var(--surface-3);width:.55rem;height:.55rem;box-shadow:inset 0 0 0 1px var(--line-2);border-radius:50%}.seat-list li{background:var(--surface-2);border:1px dashed var(--line-2);color:var(--muted);border-radius:.6rem;align-items:center;gap:.7rem;padding:.65rem .8rem;display:flex}.seat-list li.taken{border-style:solid;border-color:var(--line);color:var(--text);box-shadow:inset .2rem 0 0 var(--pc);animation:rise .35s var(--ease)}.seat-list li>span:nth-child(2){flex:1}.seat-list .dot{background:var(--pc);opacity:.35;border-radius:50%;width:.7rem;height:.7rem}.seat-list li.taken .dot{opacity:1;box-shadow:0 0 .5rem var(--pc)}.gsi{justify-content:center;min-height:2.6rem;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (aspect-ratio<=4/3){:root{font-size:clamp(9px,1.42857vw,22px)}body{overflow:auto}.table{grid-template:"players""prompt""board"70vh"side""hand""left"/minmax(0,1fr);height:auto}.players{grid-template-columns:repeat(2,minmax(0,1fr))}.side{overflow:visible}.hand{flex-wrap:wrap;justify-content:center}.log{max-height:16rem}.lobby-card{padding:1.4rem}}