:root{--bg:#12100d;--glass:#13110fdb;--glass-strong:#161411f5;--hairline:inset 0 1px 0 #fff8eb0f;--glass-2:#fff4e10d;--line:#fff0d716;--line-2:#fff0d733;--text:#f4ede1;--muted:#b3a998;--faint:#776c5d;--accent:#e2ad4a;--accent-2:#f3cb78;--accent-ink:#251906;--danger:#cf5a4b;--ok:#5c9f68;--parchment:#f3ead7;--ink:#2b2219;--radius:14px;--display:"Bricolage Grotesque", "Plus Jakarta Sans", sans-serif;--shadow:0 1px 2px #0000004d, 0 12px 32px #0000004d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-feature-settings:"tnum" 1, "cv11" 1;-webkit-font-smoothing:antialiased;font:14px/1.45 Inter,system-ui,-apple-system,Segoe UI,sans-serif}.icon{vertical-align:middle;flex:none;display:inline-block}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--danger);min-height:1.2em;margin:0;font-size:13px}h1,h2,h3{margin:0 0 8px}h2{letter-spacing:-.01em;font-size:20px;font-weight:700}h3{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);align-items:center;gap:7px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}h3 .icon{color:var(--accent)}h3.sub{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}button{color:var(--text);border:1px solid var(--line);cursor:pointer;background:#fff4e112;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font:600 13px/1 inherit;transition:background 80ms,border-color 80ms,transform 80ms,box-shadow .12s,opacity .12s;display:inline-flex}button:hover:not(:disabled){border-color:var(--line-2);background:#fff4e121}button:active:not(:disabled){transform:translateY(1px)scale(.97)}button:disabled{opacity:.35;cursor:default}button.primary{color:var(--accent-ink);background:linear-gradient(180deg, var(--accent-2), var(--accent));border-color:#0000;font-weight:700;box-shadow:inset 0 1px #ffffff73,0 8px 22px #e2ad4a47}button.primary:hover:not(:disabled){background:linear-gradient(#f8d892,#e9b85a)}button.ok{background:#5c9f6833;border-color:#5c9f6873}button.danger{background:#cf5a4b29;border-color:#cf5a4b66}button.ghost{background:0 0}button.mini{border-radius:8px;padding:6px 10px;font-size:12px}button.grow{flex:1}button.picked{outline-offset:1px;outline:2px solid}input,select{font:inherit;color:var(--text);border:1px solid var(--line);background:#00000047;border-radius:10px;min-width:0;padding:11px 13px;transition:border-color .1s,box-shadow .1s}input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #e2ad4a2e}input::placeholder{color:var(--faint)}label{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.row{align-items:center;gap:8px;display:flex}.row>input{flex:1}.code{letter-spacing:.12em;color:var(--accent);font-family:ui-monospace,Menlo,monospace;font-weight:700}.code-input{text-transform:uppercase;letter-spacing:.32em;text-align:center;font-family:ui-monospace,Menlo,monospace}.card,.panel{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px)saturate(140%)}.panel{box-shadow:var(--shadow), var(--hairline)}.card{border-radius:22px;padding:26px}.panel{padding:14px;animation:.22s ease-out both panelIn}.panel:empty{display:none}.res-badge{align-items:center;gap:4px;display:inline-flex}.res-badge .dot{color:#fff8ea;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 -2px #0003,inset 0 1px #ffffff38,0 1px 3px #00000059}.res-badge b{color:var(--text);min-width:1ch;font-size:12px;font-weight:700}.cost{gap:2px;display:inline-flex}.backdrop{z-index:0;position:fixed;inset:0}.backdrop canvas{display:block}.backdrop-shade{pointer-events:none;background:radial-gradient(at 50% 55%,#0000 35%,#0a080673 100%),linear-gradient(#0a080600 30%,#0a080659);position:absolute;inset:0}.screen{min-height:100%}#landing,#lobby{z-index:1;place-items:center;min-height:100vh;padding:16px;display:grid;position:relative}.landing-card{flex-direction:column;gap:14px;width:min(400px,100%);animation:.45s cubic-bezier(.2,.9,.3,1.05) .1s both rise;display:flex}.hero{text-align:center;margin-bottom:6px}.hero-hex{color:var(--accent);filter:drop-shadow(0 6px 16px #e2ad4a73)}.title{font-family:var(--display);letter-spacing:.1em;background:linear-gradient(#fff3d6 15%,#e2ad4a 65%,#a8741f);color:#0000;-webkit-background-clip:text;background-clip:text;margin:6px 0 4px;font-size:50px;font-weight:700}.tagline{color:#cfc4b2;margin:0}.divider{text-align:center;color:var(--faint);font-size:12px;position:relative}.divider:before{content:"";border-top:1px solid var(--line);position:absolute;top:50%;left:0;right:0}.divider span{background:#1c1813;border-radius:99px;padding:2px 10px;position:relative}.eyebrow{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px}.room-code{perspective:400px;justify-content:center;gap:8px;margin:0 0 6px;font-family:ui-monospace,Menlo,monospace;display:flex}.room-code span{width:50px;height:60px;color:var(--accent);background:#0000004d;border:1px solid #e2ad4a4d;border-radius:12px;place-items:center;font-size:30px;animation:.4s cubic-bezier(.2,.9,.3,1.2) both flipIn;display:grid}.lobby-players{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lobby-players li{background:var(--glass-2);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;animation:.3s ease-out both slideIn;display:flex}.lobby-players li.empty{color:var(--faint);background:0 0;border-style:dashed}.who{align-items:center;gap:10px;font-weight:600;display:flex}.avatar{color:#1b150f;background:var(--pc);width:32px;height:32px;box-shadow:0 0 0 2px #12100de6, 0 0 0 3.5px var(--pc), 0 4px 10px #0006;border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.presence{align-items:center;gap:6px;display:inline-flex}.presence i{background:var(--faint);border-radius:50%;width:7px;height:7px}.presence i.on{background:#6fc17f;box-shadow:0 0 8px #6fc17f}.presence .host{color:var(--accent);margin-right:4px;font-weight:700}.dots:after{content:"…";vertical-align:bottom;width:1.2em;animation:1.4s steps(4,end) infinite dots;display:inline-block;overflow:hidden}#game{background:#0e1215;position:fixed;inset:0;overflow:hidden}.stage,.board3d{position:absolute;inset:0}.board3d canvas{touch-action:none;display:block}.hud{z-index:3;position:absolute}.hud-left{width:300px;top:76px;left:16px}.hud-right{scrollbar-width:none;flex-direction:column;gap:12px;width:316px;display:flex;top:76px;bottom:190px;right:16px;overflow-y:auto}.hud-right .log-panel{margin-top:auto}.hud-bottom{pointer-events:none;justify-content:space-between;align-items:flex-end;gap:16px;display:flex;bottom:16px;left:16px;right:16px}.hud-bottom>*{pointer-events:auto}.topbar{z-index:4;pointer-events:none;background:linear-gradient(#0a08078c,#0a080700);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;height:64px;padding:0 16px;display:grid;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{justify-self:start;align-items:center;gap:9px;min-width:0;display:flex}.brand-hex{color:var(--accent)}.logo{font-family:var(--display);letter-spacing:.14em;color:#f6e7c4;font-size:17px;font-weight:700}.chip-group{border:1px solid var(--line-2);background:var(--glass);border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.room{letter-spacing:.18em;color:var(--accent-2);padding:5px 8px;font:700 10.5px ui-monospace,Menlo,monospace}.map-tag{color:var(--muted);border-left:1px solid var(--line);white-space:nowrap;padding:4px 9px;font-size:11.5px;font-weight:600}.top-right{justify-self:end;align-items:center;gap:10px;display:flex}.turn-banner{background:var(--glass);border:1px solid var(--line);max-width:min(560px,46vw);box-shadow:var(--shadow), var(--hairline);-webkit-backdrop-filter:blur(22px)saturate(140%);border-radius:999px;align-items:center;gap:10px;padding:7px 8px 7px 12px;font-size:13.5px;font-weight:600;animation:.2s ease-out both fadeSlide;display:flex}.turn-dot{background:var(--pc,var(--muted));width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, var(--pc,#888) 25%, transparent);border-radius:50%;flex:none}.turn-text{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.turn-no{letter-spacing:.06em;color:var(--faint);background:#fff4e10d;border-radius:99px;flex:none;padding:3px 8px;font-size:10.5px;font-weight:700}.turn-banner.mine{box-shadow:var(--shadow), 0 0 0 4px #e2ad4a14, 0 0 28px #e2ad4a2e;border-color:#e2ad4a80}.turn-banner .you,.status .you{color:var(--accent-2)}.status{white-space:nowrap;text-overflow:ellipsis;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);max-width:100%;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:13.5px;font-weight:600;animation:.18s ease-out both fadeSlide;display:none;overflow:hidden}.status.mine{border-color:#e2ad4a8c}.dice{gap:6px;display:flex}.dock-col{flex-direction:column;align-items:flex-end;gap:10px;min-width:0;display:flex}.view-ctrl{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow), var(--hairline);-webkit-backdrop-filter:blur(22px);border-radius:11px;align-items:center;gap:2px;padding:3px;display:flex}.view-ctrl button{color:var(--muted);background:0 0;border:none;border-radius:8px;padding:6px 11px;font-size:12px}.view-ctrl button:hover:not(:disabled){color:var(--text);background:#fff4e112}.view-ctrl button.on{color:var(--accent-2);background:#e2ad4a29}.view-ctrl .vc-orbit{padding:6px 8px}.vc-sep{background:var(--line);width:1px;height:16px;margin:0 2px}.players{padding:6px;position:relative}.plate{border-radius:11px;grid-template-columns:32px 1fr auto;align-items:center;gap:11px;padding:9px 12px 9px 10px;transition:background .3s;display:grid;position:relative}.plate+.plate{margin-top:2px}.plate.current{background:color-mix(in srgb, var(--pc) 14%, #fff4e108);box-shadow:inset 3px 0 0 var(--pc)}.plate.away{opacity:.5}.players .avatar{width:32px;height:32px;font-size:13px}.plate.current .avatar{animation:1.8s ease-in-out infinite ring}.pinfo{flex-direction:column;gap:2px;min-width:0;display:flex}.pname{align-items:center;gap:6px;min-width:0;font-size:14px;font-weight:650;display:flex}.pname-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.you-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);flex:none;font-size:10px;font-weight:700}.psub{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.psub .playing{color:var(--accent-2);font-weight:650}.away-note{color:#9fd3ff;font-weight:600}.award{color:var(--accent-2);background:#e2ad4a1f;border:1px solid #e2ad4a4d;border-radius:5px;padding:1px 6px;font-size:10px;font-weight:700}.vp{flex-direction:column;align-items:flex-end;line-height:1;display:flex}.vp b{font-variant-numeric:tabular-nums;font-size:21px;font-weight:800;animation:.35s cubic-bezier(.3,1.8,.5,1) pop}.vp small{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-top:2px;font-size:9.5px;font-weight:700}.vp.lead b{color:var(--accent-2)}.anchor-pt{pointer-events:none;width:1px;height:1px;position:absolute;bottom:6px;left:50%}.hand{align-items:flex-end;min-width:0;padding:0 10px 12px;display:flex}.hand-gap{flex:none;width:10px}.rcard{cursor:default;width:70px;height:98px;transform:rotate(calc(var(--i) * 2deg)) translateY(calc(var(--i) * var(--i) * 1px));flex:none;margin:0 5px;transition:transform .16s cubic-bezier(.3,1.4,.5,1);position:relative}.rcard:hover{z-index:2;transform:translateY(-12px)rotate(0)}.rc-face{color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--c) 80%, white) 0%, var(--c) 42%, color-mix(in srgb, var(--c) 80%, black) 100%);border:2px solid #1f1812;border-radius:10px;flex-direction:column;display:flex;position:absolute;inset:0;box-shadow:inset 0 1.5px #ffffff59,0 8px 18px #00000073}.rc-under{background:color-mix(in srgb, var(--c) 72%, black);border:2px solid #1f1812;border-radius:10px;position:absolute;inset:0;box-shadow:0 6px 14px #00000059}.rc-under.u1{transform:translate(5px,-4px)rotate(4deg)}.rc-under.u2{background:color-mix(in srgb, var(--c) 58%, black);transform:translate(9px,-7px)rotate(8deg)}.rcard .art{background:radial-gradient(circle at 50% 40%,#ffffff42,#ffffff0d 70%);border-radius:7px;place-items:center;height:60px;margin:6px 6px 0;display:grid;box-shadow:inset 0 0 0 1px #ffffff38}.rcard .art .icon{filter:drop-shadow(0 2px #0000004d)}.rcard .label{letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 2px #00000073;flex:1;place-items:center;font-size:10px;font-weight:800;display:grid}.rcard .count{z-index:1;color:#1f1812;background:#fff6e2;border:2px solid #1f1812;border-radius:12px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:12.5px;font-weight:800;animation:.3s cubic-bezier(.3,1.8,.5,1) pop;display:grid;position:absolute;top:-9px;right:-9px;box-shadow:0 3px 8px #00000073}.rcard.empty .art{box-shadow:none;background:0 0}.rcard.empty .art .icon{color:#fff0d738;filter:none}.rcard.empty:hover{transform:rotate(calc(var(--i) * 2deg)) translateY(calc(var(--i) * var(--i) * 1px))}button.rcard{font:inherit;color:inherit;background:0 0;border:none;padding:0}button.rcard:hover:not(:disabled){background:0 0}button.rcard:disabled{opacity:1;cursor:default}.rcard.dev:not(.ready):not(.vp) .rc-face{filter:saturate(.6)brightness(.8)}.rcard.dev.ready{cursor:pointer}.rcard.dev.ready .rc-face{box-shadow:inset 0 2px 0 #ffffff59, 0 10px 22px #00000073, 0 0 0 3px var(--accent), 0 0 22px #e2ad4a80}.rcard.dev.ready:hover{transform:translateY(-14px)rotate(0)scale(1.04)}.play-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);background:linear-gradient(180deg, var(--accent-2), var(--accent));border-radius:99px;padding:3px 10px;font-size:10px;font-weight:800;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);box-shadow:0 3px 8px #0006}.dock{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow), var(--hairline);-webkit-backdrop-filter:blur(22px)saturate(140%);border-radius:16px;align-items:stretch;gap:4px;padding:5px;display:flex}.tool{background:0 0;border-color:#0000;border-radius:11px;flex-direction:column;justify-content:center;gap:4px;width:64px;padding:9px 4px 8px;position:relative}.tool:hover:not(:disabled){background:#fff4e112;border-color:#0000}.tool .tname{color:var(--muted);font-size:11px;font-weight:650}.tool:not(:disabled) .tname{color:var(--text)}.tool .left{color:var(--faint);font-variant-numeric:tabular-nums;font-size:9.5px;font-weight:700;position:absolute;top:5px;right:7px}.tool:not(:disabled) .icon{color:var(--accent-2)}.tool.active{background:#e2ad4a29;box-shadow:inset 0 0 0 1px #e2ad4a8c}.tool .tip{opacity:0;pointer-events:none;white-space:nowrap;background:var(--glass-strong);border:1px solid var(--line-2);box-shadow:var(--shadow);z-index:5;border-radius:10px;padding:7px 9px;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px)}.tool:hover .tip,.tool:focus-visible .tip{opacity:1;transform:translate(-50%)}.dock-sep{background:var(--line);width:1px;margin:8px 3px}button.big{border-radius:11px;min-width:112px;padding:0 20px;font-size:14.5px}.trade-grid{grid-template-columns:34px repeat(5,1fr);align-items:center;gap:5px;display:grid}.th{place-items:center;display:grid}.lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.counter{border:1px solid var(--line);background:#00000038;border-radius:8px;flex-direction:column;align-items:center;display:flex}.counter .n{padding:1px 0;font-size:13px;font-weight:800}.counter button{width:100%;color:var(--muted);background:0 0;border:none;border-radius:6px;padding:3px 0;font-size:9px}.counter button:hover{color:var(--text)}.bank-trade{grid-template-columns:40px 1fr;align-items:center;gap:8px;display:grid}.picker{gap:4px;display:flex}.pick{background:var(--glass-2);border-radius:9px;flex-direction:column;flex:1;gap:3px;padding:5px 0}.pick small{color:var(--muted);font-size:10px;font-weight:700}.pick.on{border-color:var(--accent);background:#e2ad4a24}.trade-offer{flex-direction:column;gap:9px;display:flex}.trade-offer .line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:inline-flex}.responses{background:#0003;border-radius:10px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.responses .line{justify-content:space-between}.resp{color:var(--muted);font-size:12px}.resp.decline{color:#e08a7e}.panel.incoming{box-shadow:var(--shadow), 0 0 26px #e2ad4a26;border-color:#e2ad4a73}.log-panel{padding:8px}.log-head{align-items:center;gap:6px;display:flex}.tabs{background:#00000038;border-radius:10px;flex:1;gap:2px;padding:3px;display:flex}.tab{color:var(--muted);background:0 0;border:none;border-radius:7px;flex:1;gap:6px;padding:6px 10px;font-size:12px}.tab .icon{opacity:.7}.tab.active{color:var(--text);box-shadow:var(--hairline);background:#fff4e117}.log-toggle{width:30px;height:30px;color:var(--muted);background:0 0;border-color:#0000;border-radius:9px}.log-toggle .icon{transition:transform .2s}.log-panel.closed .log-toggle .icon{transform:rotate(180deg)}.badge{background:var(--danger);color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;line-height:1}.log{scrollbar-width:thin;flex-direction:column;gap:4px;max-height:200px;padding:12px 4px 2px;font-size:12.5px;line-height:1.45;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 20px);mask-image:linear-gradient(#0000,#000 20px)}.log div{color:var(--muted);animation:.2s ease-out both fadeSlide}.log div:last-child{color:var(--text)}.log-name{font-weight:650}.chat .log div{color:var(--text)}.chat form{margin-top:8px}.flights{pointer-events:none;z-index:30;position:fixed;inset:0}.fly-card{will-change:transform, opacity;border:3px solid var(--parchment);border-radius:7px;place-items:center;width:44px;height:62px;display:grid;position:fixed;top:0;left:0;box-shadow:0 16px 28px #00000073}.fly-card.face{background:radial-gradient(circle at 35% 25%, color-mix(in srgb, var(--c) 70%, white), var(--c) 70%);color:#fbf3e2}.card-back{color:var(--accent-2);background:repeating-linear-gradient(45deg,#7d2a22 0 5px,#93352b 5px 10px)}.dev-back{color:#e5dcff;background:repeating-linear-gradient(45deg,#3b2f66 0 5px,#4a3c80 5px 10px)}.floater{z-index:31;pointer-events:none;text-shadow:0 2px 6px #000000b3;font-size:15px;font-weight:900;position:fixed}.die3d{width:var(--s);height:var(--s);perspective:calc(var(--s) * 8)}.die3d .cube{width:100%;height:100%;transform-style:preserve-3d;position:relative}.die3d .face{box-shadow:inset 0 0 calc(var(--s) * .12) #00000038;backface-visibility:hidden;background:radial-gradient(circle at 30% 25%,#fffdf7,#efe6d2 70%,#d9ccb0);border-radius:18%;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:14%;display:grid;position:absolute;inset:0}.die3d.seven .face{background:radial-gradient(circle at 30% 25%,#fff,#f1c2b6 70%,#d99a8b)}.die3d .face i{border-radius:50%;width:62%;height:62%;margin:auto}.die3d .face i.on{background:radial-gradient(circle at 35% 35%,#4a3f35,#15110d)}.dice-toss{pointer-events:none;z-index:4;animation:.3s 1.15s forwards fadeOut;position:absolute;inset:0}.dice-toss .toss-a,.dice-toss .toss-b{filter:drop-shadow(0 18px 14px #00000073);position:absolute;top:46%;left:50%}.dice-toss .toss-a{animation:.78s cubic-bezier(.2,.8,.3,1) both tossA}.dice-toss .toss-b{animation:.86s cubic-bezier(.2,.8,.3,1) both tossB}.toss-sum{white-space:nowrap;font-family:var(--display);color:#fff8ea;text-shadow:0 4px 20px #0009;font-size:40px;font-weight:700;animation:.3s cubic-bezier(.3,1.8,.5,1) .7s both sumIn;position:absolute;top:calc(46% + 70px);left:50%;transform:translate(-50%)}.toss-sum.seven{color:#f1a596}.modal{z-index:10;-webkit-backdrop-filter:blur(6px);background:#0807058c;place-items:center;padding:16px;animation:.15s both fadeIn;display:grid;position:fixed;inset:0}.modal-card{background:var(--glass-strong);flex-direction:column;gap:14px;width:min(460px,100%);animation:.26s cubic-bezier(.2,.9,.3,1.2) both modalIn;display:flex}.modal-card .opts{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.res-opt{flex-direction:column;gap:8px;padding:12px 4px;font-size:12px}.picked-row{align-items:center;gap:8px;min-height:30px;display:flex}.trophy{color:var(--accent);text-align:center;filter:drop-shadow(0 8px 24px #e2ad4a80);animation:.6s cubic-bezier(.3,1.8,.5,1) both trophy}.winner-title{text-align:center;font-family:var(--display);color:var(--accent-2);font-size:30px}.confetti{pointer-events:none;z-index:11;width:100vw;height:100vh;position:fixed;inset:0}.toast{z-index:40;background:var(--glass);border:1px solid var(--line);border-left:3px solid var(--danger);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:12px;padding:11px 18px;font-weight:600;animation:.25s cubic-bezier(.2,.9,.3,1.3) both toastIn,.3s 2.2s forwards fadeOut;position:fixed;bottom:140px;left:50%;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.98)}}@keyframes flipIn{0%{opacity:0;transform:rotateX(-90deg)translateY(10px)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(4px)}}@keyframes panelIn{0%{opacity:0;transform:translateY(8px)}}@keyframes dealIn{0%,to{translate:0 -2px}50%{translate:0 2px}}@keyframes pop{0%{transform:scale(.4)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes dots{0%{width:0}to{width:1.2em}}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}@keyframes modalIn{0%{opacity:0;transform:translateY(18px)scale(.95)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,16px)scale(.95)}}@keyframes trophy{0%{transform:scale(0)rotate(-25deg)}}@keyframes breathe{50%{box-shadow:inset 0 1px #ffffff73,0 8px 30px #e2ad4a8c}}@keyframes ring{50%{box-shadow:0 0 0 2px #12100de6, 0 0 0 3.5px var(--pc), 0 0 16px var(--pc)}}@keyframes sumIn{0%{opacity:0;transform:translate(-50%)scale(.3)}}@keyframes tossA{0%{transform:translate(calc(46vw - 50%),calc(30vh - 50%))scale(.6)}45%{transform:translate(calc(-50% - 30px),calc(-50% - 60px))scale(1.1)}70%{transform:translate(calc(-50% - 50px),calc(4px - 50%))scale(1)}85%{transform:translate(calc(-50% - 54px),calc(-50% - 14px))scale(1)}to{transform:translate(calc(-50% - 56px),-50%)scale(1)}}@keyframes tossB{0%{transform:translate(calc(50vw - 50%),calc(36vh - 50%))scale(.6)}45%{transform:translate(calc(40px - 50%),calc(-50% - 50px))scale(1.1)}70%{transform:translate(calc(50px - 50%),calc(6px - 50%))scale(1)}85%{transform:translate(calc(54px - 50%),calc(-50% - 10px))scale(1)}to{transform:translate(calc(56px - 50%),-50%)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){#game{flex-direction:column;min-height:100vh;display:flex;position:static;overflow:visible}.topbar{background:#16120e;flex-wrap:wrap;height:auto;padding:10px 12px;position:relative}.dock-col{align-items:stretch}.stage{height:64vh;min-height:340px;position:relative}.hud{width:auto;margin:10px 12px 0;position:static}.hud-right{order:5;overflow:visible}.hud-bottom{flex-direction:column;align-items:stretch;margin-top:12px}.hand{flex-wrap:wrap;justify-content:center;row-gap:18px}.dock{flex-wrap:wrap;justify-content:center}.title{font-size:40px}.toast{bottom:20px}}.tool-sub{color:var(--faint);white-space:nowrap;font-size:10px;font-weight:600}.sheet-wrap{z-index:12;background:#08070573;place-items:center;padding:16px;animation:.12s both fadeIn;display:grid;position:fixed;inset:0}.sheet{background:var(--glass-strong);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(24px)saturate(140%);border-radius:20px;width:min(560px,100%);padding:20px 22px;animation:.2s cubic-bezier(.2,.9,.3,1.15) both modalIn;box-shadow:0 30px 80px #0000008c}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sheet-head h2{margin:0}.icon-btn{border-radius:50%;width:34px;height:34px;padding:0}.sheet-foot{align-items:center;gap:8px;margin-top:16px;display:flex}.sheet-foot .hint{color:var(--muted);flex:1;font-size:12.5px}.sheet-foot .hint.good{color:var(--accent-2);font-weight:600}.offer-summary{background:#00000038;border-radius:14px;justify-content:center;align-items:center;gap:22px;padding:14px;display:flex}.offer-summary>div{flex-direction:column;align-items:center;gap:8px;display:flex}.offer-summary small{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:10px;font-weight:700}.offer-summary.compact{gap:14px;padding:10px}.swap-icon{color:var(--accent)}.mini-cards{gap:6px;display:inline-flex}.mcard{color:#fbf3e2;background:radial-gradient(circle at 35% 25%, color-mix(in srgb, var(--c) 70%, white), var(--c) 70%);border:2px solid var(--parchment);border-radius:6px;place-items:center;width:34px;height:46px;display:grid;position:relative;box-shadow:0 3px 8px #0006}.mcard b{min-width:18px;height:18px;color:var(--text);border:1.5px solid var(--parchment);background:#1d1813;border-radius:9px;place-items:center;font-size:11px;display:grid;position:absolute;bottom:-7px;right:-7px}.responders{flex-direction:column;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.responders li{background:var(--glass-2);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.responders .rname{flex:1;font-weight:600}.pill{border-radius:99px;padding:4px 9px;font-size:11px;font-weight:700}.pill.ok{color:#92d29e;background:#5c9f6833}.pill.no{color:#eea094;background:#cf5a4b2e}.pill.wait{color:var(--muted);background:#fff4e112}.offer-pop{z-index:6;background:#1d1914;border:1px solid #e2ad4a73;border-radius:18px;flex-direction:column;gap:12px;width:min(400px,100% - 32px);padding:14px;animation:.22s cubic-bezier(.2,.9,.3,1.2) both popDown;display:flex;position:absolute;top:76px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #00000080,0 0 30px #e2ad4a1f}.op-head{align-items:center;gap:10px;font-size:14px;display:flex}.op-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}@keyframes popDown{0%{opacity:0;transform:translate(-50%,-12px)scale(.96)}}@media (width<=700px){.sheet-foot{flex-wrap:wrap}.sheet-foot .hint{flex-basis:100%}}@media (width<=1360px) and (width>=901px){.rcard{width:60px;height:86px;margin:0 2px}.rcard .art{height:52px}.rcard .art .icon{width:28px;height:28px}.tool{min-width:66px;padding:8px}.tool .tname{font-size:11px}button.big{min-width:100px;padding:0 16px}}.theme-picker{position:relative}.tp-toggle{color:var(--muted);background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);border-radius:11px;padding:8px 12px;font-size:12px}.tp-toggle:hover:not(:disabled),.tp-toggle.on{color:var(--accent-2);background:var(--glass);border-color:#e2ad4a73}.tp-menu{z-index:20;border:1px solid var(--line-2);-webkit-backdrop-filter:blur(18px)saturate(125%);transform-origin:100% 0;background:#181410eb;border-radius:18px;width:300px;padding:14px;animation:.16s cubic-bezier(.2,.9,.3,1.15) both tpIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 24px 60px #00000080}.theme-picker.up .tp-menu{transform-origin:100% 100%;top:auto;bottom:calc(100% + 8px)}.tp-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tp-item{background:#fff4e10a;border-radius:13px;flex-direction:column;align-items:stretch;gap:7px;padding:6px 6px 9px}.tp-item.on{background:#e2ad4a1a;border-color:#e2ad4aa6}.tp-swatch{color:#fff;background:linear-gradient(180deg, var(--a) 0%, var(--b) 58%, var(--c) 58%, var(--c) 100%);border-radius:9px;place-items:center;height:56px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.tp-swatch:after{content:"";clip-path:polygon(15% 0,85% 0,100% 50%,85% 100%,15% 100%,0 50%);background:#6f9a52;width:34px;height:12px;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.tp-swatch .icon{z-index:1;filter:drop-shadow(0 1px 2px #0009);position:relative}.tp-table{background:radial-gradient(ellipse at 50% 0%, #ffd29a8c, transparent 60%), linear-gradient(180deg, var(--a) 0 38%, var(--b) 38%)}.tp-table:after{background:var(--c);width:40px;height:22px;top:66%;box-shadow:0 0 0 3px #c9a46a}.tp-label{text-align:left;padding-left:2px;font-size:12px;font-weight:600}.tp-hint{color:var(--faint);margin:10px 2px 0;font-size:11px}kbd{border:1px solid var(--line-2);color:var(--muted);border-bottom-width:2px;border-radius:4px;padding:2px 5px;font:700 10px ui-monospace,Menlo,monospace}.scene-fab{z-index:5;position:fixed;bottom:16px;right:16px}.theme-veil{pointer-events:none;background:var(--veil);animation:.7s ease-out both veil;position:absolute;inset:0}@keyframes veil{0%{opacity:.85}to{opacity:0}}@keyframes tpIn{0%{opacity:0;transform:scale(.94)translateY(-4px)}to{opacity:1;transform:none}}@media (width<=900px){.tp-current{display:none}.tp-menu{width:min(300px,100vw - 32px)}}.lobby-card{grid-template-columns:1fr 1.15fr;gap:28px;width:min(860px,100%);animation:.45s cubic-bezier(.2,.9,.3,1.05) .1s both rise;display:grid}.lobby-col{flex-direction:column;gap:12px;min-width:0;display:flex}.lobby-col+.lobby-col{border-left:1px solid var(--line);padding-left:28px}.invite input{color:var(--muted);font-size:12.5px}.sub-plain{margin:6px 0 0}.count-pill{letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);border-radius:99px;margin-left:auto;padding:2px 7px;font-size:10px}.map-picker{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.map-opt{text-align:left;background:#fff4e10a;border-radius:13px;flex-direction:column;align-items:stretch;gap:6px;padding:6px 6px 8px}.map-opt.on{background:#e2ad4a1a;border-color:#e2ad4ab3;box-shadow:0 0 0 1px #e2ad4a40,0 8px 22px #e2ad4a1f}.map-opt.locked{cursor:default}.map-opt.locked:disabled{opacity:.45}.map-art{aspect-ratio:1.6;background:radial-gradient(at 50% 45%,#1d4a55,#0a1c22 78%);border-radius:9px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.map-thumb{filter:drop-shadow(0 2px 2px #0000004d);width:100%;height:100%;transition:transform .25s;display:block}.map-opt:hover:not(:disabled) .map-thumb{transform:scale(1.06)}.map-check{background:var(--accent);width:20px;height:20px;color:var(--accent-ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:5px;right:5px}.map-name{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;gap:1px;padding:0 2px;font-size:12px;font-weight:650;display:flex;overflow:hidden}.map-name small{color:var(--faint);font-size:10px;font-weight:600}.map-blurb{color:var(--muted);min-height:2.9em;margin:0;font-size:12.5px}.map-blurb b{color:var(--text);font-weight:650}.lobby-go{flex-direction:column;gap:8px;margin-top:auto;display:flex}.lobby-go .small{text-align:center;margin:0}@media (width<=760px){.lobby-card{grid-template-columns:1fr;gap:18px}.lobby-col+.lobby-col{border-left:0;border-top:1px solid var(--line);padding-top:18px;padding-left:0}}@media (width<=900px){.topbar{order:-1}#game{padding-bottom:150px}.hud-bottom .dock-col{z-index:8;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#14110e;align-items:stretch;gap:8px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 30px #00000073}.dock-col button:disabled{opacity:1;color:var(--faint);background:#fff4e108}.dock-col button:disabled .icon{opacity:.45}.hud-bottom .dock-col{grid-template-columns:repeat(5,1fr);display:grid}.turn-banner{display:none}.topbar{flex-wrap:wrap;row-gap:10px;display:flex}.top-right{flex-direction:row-reverse;justify-content:space-between;width:100%}.dock-col .status{grid-area:1/1/auto/4;justify-content:center;min-height:44px;padding:8px 12px;font-size:12.5px;display:flex}.dock-col .dock{display:contents}.dock-col button.big{grid-area:1/4/auto/6;min-width:0;min-height:44px;padding:0 10px;font-size:14px}.dock-col .tool{align-items:center;gap:4px;width:auto;min-width:0;padding:8px 4px}.dock-col .tool .tip,.dock-col .tool .left,.dock-col .tool .cost,.dock-col .tool-sub,.dock-col .dock-sep{display:none}.scene-fab{bottom:12px;right:12px}}button.hero-btn{letter-spacing:.01em;border-radius:14px;width:min(320px,100%);padding:17px 22px;font-size:17px}.lobby-players{gap:6px}.lobby-players li{padding:7px 10px}.lobby-players .avatar{width:28px;height:28px;font-size:12px}.who-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bot-tag{letter-spacing:.08em;text-transform:uppercase;color:#9fd3ff;background:#5aa0dc24;border:1px solid #5aa0dc59;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:800}.mini-x{width:24px;height:24px;margin-left:2px}.add-bot{background:0 0;border-style:dashed;justify-content:flex-start;gap:8px;padding:11px 12px}.add-bot .icon{color:#9fd3ff}.add-bot .small{margin-left:auto;font-weight:600}.seats-left{text-align:center;margin:0}.scene-grid{grid-template-columns:repeat(4,1fr);gap:8px}.scene-grid .tp-item{gap:5px;padding:4px 4px 7px}.scene-grid .tp-swatch{height:38px}.scene-grid .tp-swatch:after{width:22px;height:8px}.scene-grid .tp-label{text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:0;font-size:10.5px;overflow:hidden}.tp-item.locked:disabled{opacity:.45}.lobby-card{width:min(940px,100%)}@media (width<=760px){.scene-grid{grid-template-columns:repeat(2,1fr)}}.players.compact .plate{grid-template-columns:26px 1fr auto;gap:9px;padding:5px 8px}.players.compact .avatar{width:26px;height:26px;font-size:11px}.players.compact .pname{font-size:13px}.players.compact .psub{font-size:11px}.players.compact .vp b{font-size:17px}.pname .bot-tag{padding:1px 5px;font-size:9px}.hud-left{scrollbar-width:none;max-height:calc(100vh - 290px);overflow-y:auto}#landing{z-index:1;min-height:100vh;padding:0;display:block;position:relative}.home-shell{--gutter:clamp(20px, 4vw, 56px);width:min(1280px,100%);min-height:100vh;padding:0 var(--gutter);grid-template-rows:auto 1fr auto;gap:16px;margin:0 auto;display:grid}.home-nav{justify-content:space-between;align-items:center;height:72px;display:flex}.home-logo{font:700 19px var(--display);letter-spacing:.16em;color:#f6e7c4;text-transform:uppercase;align-items:center;gap:10px;display:flex}button.nav-link,.nav-gfx .gfx-toggle{color:#f4ecdc;background:#0e0b09c7;border:1px solid #fff0d729;border-radius:10px;height:38px;padding:0 14px;font-size:13px;box-shadow:0 6px 18px #0000004d}button.nav-link:hover:not(:disabled){background:#1e1812e6}.nav-link .icon{color:var(--accent)}.home-main{flex-direction:column;align-self:center;gap:22px;width:min(540px,100%);animation:.55s cubic-bezier(.2,.9,.3,1.05) 50ms both rise;display:flex}.home-hero{flex-direction:column;gap:12px;display:flex}.home-pill{color:#efe6d6;background:#0e0b0999;border:1px solid #fff0d724;border-radius:99px;align-self:flex-start;align-items:center;gap:8px;margin:0;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.live-dot{background:#6fc17f;border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite livePulse}@keyframes livePulse{0%{box-shadow:0 0 #6fc17f99}70%,to{box-shadow:0 0 0 7px #6fc17f00}}.home-h1{font:700 clamp(26px, 2.5vw, 38px)/1.14 var(--display);color:#fff6e4;text-shadow:0 4px 30px #0000008c;flex-direction:column;margin:0;display:flex}.home-h1 span{white-space:nowrap;width:max-content;max-width:100%}.home-h1 .gold{background:linear-gradient(#ffe3a3 10%,#e2ad4a 70%,#b97f22);color:#0000;-webkit-background-clip:text;background-clip:text}.home-sub{color:#e1d7c6;text-shadow:0 2px 14px #0009;margin:0;font-size:15.5px;line-height:1.6}.play-panel{-webkit-backdrop-filter:blur(18px)saturate(130%);background:#14100ccc;border:1px solid #fff0d71f;border-radius:18px;flex-direction:column;gap:14px;padding:18px;display:flex;box-shadow:0 24px 60px #00000073}.name-field{gap:8px}.name-field input{height:48px;padding:0 14px;font-size:15px}.play-btns{grid-template-columns:1fr 1fr;gap:10px;display:grid}.play-btns button,.play-main{border-radius:12px;height:52px;padding:0 14px;font-size:15px}.play-main.primary:not(:disabled){animation:none}.play-bots{color:#dcefff;background:#5aa0dc24;border-color:#78b4eb66}.play-bots:hover:not(:disabled){background:#5aa0dc3d;border-color:#8cc3f599}.play-bots .icon{color:#9fd3ff}.or-line{color:var(--faint);align-items:center;gap:12px;font-size:12px;display:flex}.or-line:before,.or-line:after{content:"";border-top:1px solid var(--line);flex:1}.join-row{grid-template-columns:1fr auto;gap:10px;display:grid}.join-row .code-input{text-align:left;letter-spacing:.3em;height:44px;padding:0 14px;font-size:14px}.join-row .code-input::placeholder{letter-spacing:.02em;font-family:inherit}.join-row button{height:44px;padding:0 22px}.invite{background:#e2ad4a1a;border:1px solid #e2ad4a59;border-radius:12px;padding:12px 14px}.invite-text{color:#f3e6c8;font-size:14px}.invite-text b{letter-spacing:.14em;color:var(--accent-2);font-family:ui-monospace,Menlo,monospace}.start-own{color:var(--muted);align-self:center;padding:4px 10px;font-size:13px}.play-panel .error{margin:0}.home-maps{min-width:0;padding-bottom:22px}.maps-label{letter-spacing:.14em;text-transform:uppercase;color:#d8cdb9;justify-content:space-between;align-items:baseline;margin:0 0 12px;font-size:11px;font-weight:700;display:flex}.maps-label .muted{letter-spacing:.04em;text-transform:none;font-size:12px;font-weight:500}.home-maps ul{grid-template-columns:repeat(var(--n,8), minmax(0, 1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.home-maps li{-webkit-backdrop-filter:blur(12px);background:#14100cb8;border:1px solid #fff0d71a;border-radius:12px;flex-direction:column;gap:3px;min-width:0;padding:6px 6px 10px;transition:transform .2s,border-color .2s;animation:.4s cubic-bezier(.2,.9,.3,1.05) both rise;display:flex}.home-maps li:hover{border-color:#e2ad4a80;transform:translateY(-3px)}.home-maps .map-art{aspect-ratio:2;margin-bottom:5px}.home-maps b{white-space:nowrap;text-overflow:ellipsis;padding:0 4px;font-size:12.5px;font-weight:650;overflow:hidden}.home-maps small{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;padding:0 4px;font-size:10.5px;font-weight:600;overflow:hidden}.rules-card{width:min(540px,100%);max-height:calc(100vh - 32px);overflow-y:auto}.rules-card .sheet-head{margin-bottom:0}.rules{color:var(--muted);flex-direction:column;gap:12px;margin:0;padding-left:20px;line-height:1.55;display:flex}.rules b{color:var(--text)}.rules li::marker{color:var(--accent);font-weight:700}.rule-costs{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.rule-costs li{border:1px solid var(--line);background:#00000038;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.rule-costs small{font-size:11.5px}.home-shade{background:radial-gradient(at 50% 40%,#0a080673,#0a0806d1)}@media (width>=901px){.home-shade{background:linear-gradient(90deg,#0a0806e6 0%,#0a0806b3 32%,#0a080600 60%),linear-gradient(#0000 68%,#0a0806a6)}}@media (width<=1100px){.home-maps ul{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=520px){.home-maps ul{grid-template-columns:repeat(2,minmax(0,1fr))}.home-h1 span{white-space:normal}.play-btns{grid-template-columns:1fr}.home-nav{padding-top:16px}.home-logo{font-size:17px}.nav-link{padding:8px 10px;font-size:12px}}.tp-ocean{background:radial-gradient(circle at 72% 24%, #e6deff 0 3px, transparent 4px), radial-gradient(circle at 22% 18%, #fff 0 1px, transparent 1.5px), radial-gradient(circle at 50% 70%, #ffa0508c 0 2px, transparent 3px), linear-gradient(180deg, var(--a), var(--b) 58%, var(--c) 58%)}.gfx{position:relative}.gfx-toggle{color:var(--muted);background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow), var(--hairline);border-radius:11px;gap:7px;padding:7px 11px;font-size:12px}.gfx-toggle:hover:not(:disabled),.gfx-toggle.on{color:var(--text);background:var(--glass);border-color:var(--line-2)}.gfx-toggle .icon{color:var(--accent)}.gfx-menu{z-index:20;background:var(--glass-strong);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(22px);transform-origin:100% 0;border-radius:14px;flex-direction:column;gap:2px;width:270px;padding:10px;animation:.14s ease-out both tpIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 24px 60px #00000080}.gfx-menu h3{margin:2px 4px 6px}.gfx-opt{text-align:left;background:0 0;border-color:#0000;border-radius:9px;justify-content:flex-start;align-items:flex-start;gap:10px;padding:8px 9px}.gfx-opt:hover:not(:disabled){background:#fff4e10f;border-color:#0000}.gfx-opt.on{background:#e2ad4a1a}.gfx-radio{border:1.5px solid var(--line-2);border-radius:50%;flex:none;width:14px;height:14px;margin-top:2px}.gfx-opt.on .gfx-radio{border-color:var(--accent);background:radial-gradient(circle, var(--accent) 0 3.5px, transparent 4px)}.gfx-text{flex-direction:column;gap:2px;display:flex}.gfx-text b{font-size:13px;font-weight:650}.gfx-text b small{color:var(--accent-2);font-size:11px;font-weight:600}.gfx-text>small{color:var(--muted);font-size:11.5px;font-weight:500}.nav-right{align-items:center;gap:8px;display:flex}.nav-gfx .gfx-toggle{background:#0e0b09c7;padding:10px 12px;font-size:13px}.board3d.flat{background:radial-gradient(at 50% 45%,#12323b,#071216 75%);place-items:center;display:grid}.board2d{width:100%;height:100%;padding:70px 340px 150px 320px}.b2-coast{fill:#d9c79b;stroke:#c2ad7c;stroke-width:.02px}.b2-hex{stroke:#2a1f15;stroke-width:.045px}.b2-hex.hot{stroke:#ffd36b;stroke-width:.08px;filter:drop-shadow(0 0 .12px #ffd36b)}.b2-token circle:first-child{fill:#f3e8cf;stroke:#6b5536;stroke-width:.025px}.b2-token.hot circle:first-child{fill:#fff3cc;stroke:#e2ad4a;stroke-width:.05px}.b2-token text{text-anchor:middle;fill:#2b2219;font:700 .25px Georgia,serif}.b2-token text.red,.b2-token .pip.red{fill:#b8352b}.b2-token .pip{fill:#2b2219}.b2-port line{stroke:#7a5532;stroke-width:.06px;stroke-linecap:round}.b2-port circle{stroke:#2a1f15;stroke-width:.03px}.b2-port text{text-anchor:middle;fill:#2b2219;font:800 .16px Inter,system-ui,sans-serif}.b2-port text.light{fill:#fff}.b2-robber{fill:#1d1b20;stroke:#000;stroke-width:.015px;transform-box:fill-box;transform-origin:50% 100%;animation:.75s cubic-bezier(.3,.7,.4,1) both b2hop}.b2-robber-move{transition:transform .75s cubic-bezier(.45,0,.2,1)}@keyframes b2hop{0%{transform:translateY(0)scale(1.15,.8)}15%{transform:translateY(0)scale(1)}50%{transform:translateY(-.9px)scale(.92,1.12)}85%{transform:translateY(0)scale(1.2,.78)}to{transform:translateY(0)scale(1)}}.b2-blocked{fill:none;stroke:#c0392b;stroke-width:.07px;opacity:.7;animation:2s ease-in-out .6s infinite both b2block}@keyframes b2block{0%{opacity:0}30%{opacity:.75}65%{opacity:.4}to{opacity:.75}}.b2-road line{stroke-width:.13px;stroke-linecap:round}.b2-road line.edge{stroke:#120d09;stroke-width:.2px}.b2-piece{stroke:#120d09;stroke-width:.035px;stroke-linejoin:round}.b2-target-hex{fill:#ffd36b2e;stroke:#ffd36b;stroke-width:.05px;cursor:pointer;animation:1.2s ease-in-out infinite b2pulse}.b2-target-edge,.b2-target-vertex{cursor:pointer}.b2-target-edge .hit{stroke:#0000;stroke-width:.3px}.b2-target-edge .mark{stroke-width:.1px;stroke-linecap:round;opacity:.55;animation:1.2s ease-in-out infinite b2pulse}.b2-target-edge:hover .mark{opacity:1}.b2-target-vertex .hit{fill:#0000}.b2-target-vertex .mark{fill:#ffffffd9;stroke-width:.05px;animation:1.2s ease-in-out infinite b2pulse}.b2-target-vertex:hover .mark{r:.14}@keyframes b2pulse{50%{opacity:.45}}.backdrop.flat{background:radial-gradient(at 60% 45%,#12323b,#060d10 75%)}.flat-island{opacity:.9;position:absolute;inset:6% 4% 6% 40%}.flat-island .board2d{padding:0}@media (width<=900px){.board2d{padding:8px}.flat-island{opacity:.45;inset:10% 0}.gfx-current{display:none}}.tp-forest{background:radial-gradient(circle at 70% 22%, #e9f0ff 0 3px, transparent 4px), radial-gradient(circle at 40% 66%, #d8ff7ab3 0 1.5px, transparent 2.5px), linear-gradient(180deg, var(--a), var(--b) 58%, var(--c) 58%)}.tp-forest:after{background:#4f7a3e}.tp-desert{background:radial-gradient(circle at 72% 22%, #fff1dc 0 3px, transparent 4px), radial-gradient(circle at 24% 16%, #fff 0 1px, transparent 1.5px), radial-gradient(ellipse 60% 22% at 20% 64%, #c9965e 0 98%, transparent), radial-gradient(ellipse 60% 22% at 85% 66%, #b9875a 0 98%, transparent), linear-gradient(180deg, var(--a), var(--b) 58%, var(--c) 58%)}.tp-desert:after{background:#d9b16c}.stale-server{z-index:40;color:#ffe2d8;max-width:calc(100vw - 32px);box-shadow:var(--shadow);background:#781e14eb;border:1px solid #ff8c7866;border-radius:12px;padding:10px 16px;font-size:13px;font-weight:600;position:fixed;top:12px;left:50%;transform:translate(-50%)}.stale-server code{background:#00000040;border-radius:5px;padding:1px 5px;font:600 12px ui-monospace,Menlo,monospace}.turn-wrap{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.turn-hint{text-align:center;color:#e8dfcf;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);background:#0c0a08b8;border-radius:8px;max-width:min(620px,52vw);margin:0;padding:5px 12px;font-size:12.5px;line-height:1.4;animation:.35s ease-out .1s both hintIn}@keyframes hintIn{0%{opacity:0;transform:translateY(-4px)}}.tip-why{color:#f0b9a8;text-align:center;margin-top:6px;font-size:11.5px;font-weight:600;display:block}.tool:disabled{pointer-events:auto}.help-btn{width:34px;height:34px;color:var(--accent-2);background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow), var(--hairline);border-radius:11px;padding:0;font-size:15px;font-weight:800}.rules-card{z-index:1}.your-turn{z-index:9;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.your-turn span{font:700 clamp(30px, 4.4vw, 54px) var(--display);letter-spacing:.08em;color:#fff3d6;text-shadow:0 0 30px #e2ad4aa6,0 6px 30px #000000b3;animation:1.7s cubic-bezier(.2,.9,.3,1) both yourTurn}@keyframes yourTurn{0%{opacity:0;letter-spacing:.3em;transform:scale(.7)}18%{opacity:1;letter-spacing:.1em;transform:scale(1.04)}30%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-24px)scale(.98)}}.rcard.gain{z-index:2;animation:.8s cubic-bezier(.3,1.6,.5,1) both cardGain}@keyframes cardGain{0%{transform:translateY(0) rotate(calc(var(--i) * 2deg))}35%{transform:translateY(-22px)rotate(0)scale(1.08);box-shadow:inset 0 2px #ffffff59,0 0 0 3px #ffe6a0b3,0 18px 30px #00000080}to{transform:rotate(calc(var(--i) * 2deg)) translateY(calc(var(--i) * var(--i) * 1px))}}.plate{transition:background .35s,transform .35s}.plate.current{transform:translate(2px)}.tool,.gfx-opt,.tp-item,.map-opt{transition:background .15s,border-color .15s,transform .12s,opacity .2s}.tool:active:not(:disabled){transform:scale(.94)}@media (width<=900px){.turn-hint{display:none}}.help-btn.on{color:var(--text);border-color:var(--line-2)}.snd-menu{gap:10px;width:290px}.snd-row{border:1px solid var(--line);background:#fff4e10a;border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.snd-row.off .snd-text,.snd-row.off input{opacity:.5}.snd-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.snd-text{flex-direction:column;gap:2px;display:flex}.snd-text b{font-size:13px;font-weight:650}.snd-text small{color:var(--muted);font-size:11.5px}.snd-row input[type=range]{width:100%;accent-color:var(--accent);background:0 0;border:0;height:18px;padding:0}.switch{border:1px solid var(--line-2);background:#fff4e11f;border-radius:99px;flex:none;width:38px;height:22px;padding:0;position:relative}.switch span{background:#d9cfbf;border-radius:50%;width:16px;height:16px;transition:transform .18s cubic-bezier(.3,1.4,.5,1),background .18s;position:absolute;top:2px;left:2px}.switch.on{background:var(--accent);border-color:#0000}.switch.on span{background:#fff;transform:translate(16px)}.nav-snd .help-btn{background:#0e0b09c7;border-color:#fff0d729;border-radius:10px;width:38px;height:38px}.tool-3d{object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 4px #00000073);width:40px;height:40px;margin:-9px 0 -6px;transition:transform .15s,filter .2s}.tool:hover:not(:disabled) .tool-3d{transform:translateY(-2px)scale(1.08)}.tool.active .tool-3d{transform:scale(1.1)}.card-3d{object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 3px #00000059);width:56px;height:56px}.rcard.dev.vp .rc-face{color:#4a3108;background:linear-gradient(140deg,#fff3c4 0%,#f4cb5c 26%,#c18f2e 52%,#f7d77a 74%,#b5842a 100%);border-color:#5c3d0c;overflow:hidden;box-shadow:inset 0 0 0 2px #fff6d68c,inset 0 0 0 4px #78521259,0 8px 18px #00000073}.rcard.dev.vp .art{background:radial-gradient(circle at 50% 45%,#fffcebb3,#fff0be26 70%);box-shadow:inset 0 0 0 1px #6e4a0e59}.rcard.dev.vp .label{color:#4a3108;text-shadow:0 1px #fff5d2b3;letter-spacing:.14em}.rcard.dev.vp .count{color:#4a3108;background:#fff3c4;border-color:#5c3d0c}.rcard.dev.vp .rc-under{background:linear-gradient(140deg,#d9a845,#8a5f17);border-color:#5c3d0c}.rcard.empty .rc-face{box-shadow:inset 0 1.5px 0 #ffffff0f, inset 0 3px 0 -1px color-mix(in srgb, var(--c) 60%, transparent), 0 8px 18px #00000073;background:linear-gradient(#2a2520 0%,#191613 100%);border:2px solid #0d0b09}.rcard.empty .label{color:#8d8274;text-shadow:none}.turn-clock{font-variant-numeric:tabular-nums;color:var(--text);background:#fff4e114;border-radius:99px;flex:none;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.turn-clock .icon{color:var(--accent)}.turn-clock.low{color:#fff;background:#cf5a4bd9;animation:1s ease-in-out infinite clockPulse}.turn-clock.low .icon{color:#fff}@keyframes clockPulse{50%{transform:scale(1.06)}}.btn-eta{font-variant-numeric:tabular-nums;background:#0000002e;border-radius:99px;margin-left:8px;padding:2px 7px;font-size:12px;font-weight:800}.btn-eta.low{color:#fff;background:#a0281ed9}.seg{border:1px solid var(--line);background:#00000038;border-radius:11px;grid-template-columns:repeat(6,1fr);gap:4px;padding:3px;display:grid}.seg button{color:var(--muted);background:0 0;border:none;border-radius:8px;padding:8px 4px;font-size:12px}.seg button.on{color:var(--accent-2);background:#e2ad4a2e}.seg button:disabled{opacity:.45}.timer-note{margin:-4px 0 0}.tool .tip{text-align:left;white-space:normal;flex-direction:column;gap:8px;min-width:170px;padding:10px 12px;display:flex}.tip-title{flex-direction:column;gap:1px;display:flex}.tip-title b{color:var(--text);font-size:13px;font-weight:700}.tip-title small{color:var(--muted);font-size:11px;font-weight:500}.reqs{gap:6px;display:flex}.req{border:1px solid var(--line-2);background:#fff4e114;border-radius:10px;place-items:center;width:46px;height:46px;transition:opacity .2s;display:grid;position:relative}.req img{object-fit:contain;filter:drop-shadow(0 2px 2px #0006);width:38px;height:38px}.req b{color:var(--accent-ink);background:var(--accent-2);border-radius:6px;padding:1px 5px;font-size:10.5px;font-weight:800;position:absolute;bottom:-6px;right:-5px}.req.miss{opacity:.42;background:#fff4e108}.req.miss img{filter:grayscale(.6)drop-shadow(0 2px 2px #0006)}.tip-why{text-align:left;margin-top:0}.tool:disabled .tool-3d{filter:saturate(.7)drop-shadow(0 2px 3px #0006);opacity:.85}.rules{gap:14px;padding-left:0;list-style:none}.rule-step{grid-template-columns:48px 1fr;align-items:start;gap:12px;display:grid}.rule-art{object-fit:contain;filter:drop-shadow(0 3px 4px #00000073);width:48px;height:48px}.rule-art.flat{color:var(--accent);background:#fff4e10f;border-radius:12px;place-items:center;display:grid}.rule-text{padding-top:4px}.rule-costs li{grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:grid}.rule-art.piece{width:44px;height:44px}.rc-text{flex-direction:column;display:flex}.rc-text small{font-size:11.5px}.rc-cost{gap:4px;display:flex}.rc-res{border:1px solid var(--line);background:#fff4e10f;border-radius:9px;place-items:center;width:38px;height:38px;display:grid;position:relative}.rc-res img{object-fit:contain;filter:drop-shadow(0 2px 2px #0006);width:32px;height:32px}.rc-res b{color:var(--accent-ink);background:var(--accent-2);border-radius:6px;padding:1px 4px;font-size:10px;font-weight:800;position:absolute;bottom:-5px;right:-4px}@media (width<=520px){.rule-costs li{grid-template-columns:36px 1fr}.rc-cost{grid-column:1/-1}}.tool:disabled{opacity:1}.tool:disabled .tname{color:var(--faint)}.leave-card{width:min(400px,100%)}.leave-card h2{margin:0}.leave-card p{margin:0;line-height:1.55}.leave-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.leave-actions button{height:44px}.help-btn.leave-btn:hover:not(:disabled){color:#f0a795;border-color:#cf5a4b80}.lobby-leave{color:var(--muted);border-color:var(--line);background:0 0;order:99;align-self:flex-start;gap:7px;padding:8px 12px;font-size:12.5px}.lobby-leave:hover:not(:disabled){color:#f0a795;background:#cf5a4b14;border-color:#cf5a4b80}.plate .avatar.timed{animation:none;position:relative}.plate .avatar.timed:before{content:"";pointer-events:none;background:conic-gradient(var(--accent) calc(var(--t) * 360deg), #fff4e11f 0);border-radius:50%;transition:background .25s linear;position:absolute;inset:-4px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px))}.plate .avatar.timed.low:before{background:conic-gradient(#e0614f calc(var(--t) * 360deg), #fff4e11f 0)}.p-clock{font-variant-numeric:tabular-nums;color:var(--text);align-items:center;gap:3px;margin-left:8px;font-weight:700;display:inline-flex}.p-clock .icon{color:var(--accent)}.p-clock.low,.p-clock.low .icon{color:#f08a7a;animation:1s ease-in-out infinite clockPulse}.pstats{gap:4px;margin-top:3px;display:flex}.pstats>span{font-variant-numeric:tabular-nums;color:var(--text);border:1px solid var(--line);background:#00000040;border-radius:6px;align-items:center;gap:3px;padding:1px 6px 1px 4px;font-size:11px;font-weight:700;display:inline-flex}.pstats .icon{color:var(--muted)}.pstats .won{color:#1a140c;background:linear-gradient(#f3cf7a,#d9a443);border-color:#0000}.pstats .won .icon{color:#5a3d12}.players.compact .pstats>span{padding:0 5px 0 3px;font-size:10px}.hand-col{flex-direction:column;align-items:flex-start;gap:10px;min-width:0;display:flex}.trade-table{background:var(--glass-strong);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(20px)saturate(140%);transform-origin:0 100%;border-radius:18px;width:min(470px,100vw - 32px);padding:12px 14px;animation:.22s cubic-bezier(.2,.9,.3,1.15) both ttIn;box-shadow:0 24px 60px #00000080}@keyframes ttIn{0%{opacity:0;transform:translateY(16px)scale(.97)}}.tt-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tt-head h3{margin:0;font-size:15px}.tt-head .icon-btn{width:28px;height:28px}.tt-supply{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.tt-pile{background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:6px 0 2px;display:flex;position:relative}.tt-pile:hover:not(:disabled){background:0 0}.tt-pile:hover:not(:disabled) .tt-card.top{transform:translateY(-4px)}.tt-pile:active:not(:disabled) .tt-card.top{transform:translateY(4px)}.tt-pile:disabled{opacity:.6}.tt-pile small{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.tt-rate{color:var(--accent-2);background:#1d1813;border:1px solid #e2ad4a59;border-radius:6px;padding:1px 5px;font-size:9.5px;font-weight:800;position:absolute;top:0;right:4px}.tt-under{background:color-mix(in srgb, var(--c) 60%, black);border:1.5px solid #1f1812;border-radius:7px;width:44px;height:60px;position:absolute;top:6px}.tt-under.u1{transform:translate(3px,-3px)rotate(4deg)}.tt-under.u2{background:color-mix(in srgb, var(--c) 45%, black);transform:translate(6px,-5px)rotate(8deg)}.tt-card{background:linear-gradient(180deg, color-mix(in srgb, var(--c) 80%, white) 0%, var(--c) 45%, color-mix(in srgb, var(--c) 78%, black) 100%);border:1.5px solid #1f1812;border-radius:7px;flex:none;place-items:center;width:44px;height:60px;padding:0;transition:transform .14s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff59,0 4px 10px #0006}button.tt-card:hover:not(:disabled){background:linear-gradient(180deg, color-mix(in srgb, var(--c) 80%, white) 0%, var(--c) 45%, color-mix(in srgb, var(--c) 78%, black) 100%);border-color:#1f1812;transform:translateY(-3px)}button.tt-card:disabled{opacity:1}.tt-art{color:#fff;background:radial-gradient(circle at 50% 40%,#ffffff42,#ffffff0a 70%);border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.tt-art img{filter:drop-shadow(0 2px 2px #00000059);width:30px;height:30px}.tt-felt{background:radial-gradient(at 50% 40%,#365c468c,#16281eb3);border:1px solid #8cc8a02e;border-radius:14px;flex-direction:column;gap:4px;margin-top:10px;padding:8px 10px;display:flex;position:relative;box-shadow:inset 0 2px 12px #00000073}.tt-lane{align-items:center;min-height:64px;padding-left:64px;display:flex;position:relative}.tt-lane-title{letter-spacing:.08em;text-transform:uppercase;color:#e1f0e4b3;width:58px;font-size:10px;font-weight:800;position:absolute;top:50%;left:0;transform:translateY(-50%)}.tt-empty{color:#e1f0e473;padding-left:4px;font-size:12px;font-style:italic}.tt-fan{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tt-group{display:flex}.tt-card.from-below{animation:.38s cubic-bezier(.2,.9,.3,1.15) both ttUp}.tt-card.from-above{animation:.38s cubic-bezier(.2,.9,.3,1.15) both ttDown}@keyframes ttUp{0%{opacity:0;transform:translateY(90px)rotate(-8deg)scale(.9)}}@keyframes ttDown{0%{opacity:0;transform:translateY(-90px)rotate(8deg)scale(.9)}}.tt-swap{color:var(--accent);opacity:.8;align-self:center;height:14px;transform:rotate(90deg)}.tt-answers{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tt-ans{background:var(--glass-2);border:1px solid var(--line);border-radius:99px;align-items:center;gap:6px;padding:4px 9px 4px 4px;font-size:12px;font-weight:600;display:inline-flex}.tt-ans small{color:var(--muted);font-size:11px}.tt-ans.no{opacity:.6}.tt-ans.no small{color:#eea094}button.tt-ans.ok{color:#d8f2dc;background:#5c9f6838;border-color:#92d29e80}button.tt-ans.ok b{color:#fff;background:#5c9f68;border-radius:99px;padding:1px 8px;font-size:11px}.tt-foot{align-items:center;gap:8px;margin-top:10px;display:flex}.tt-hint{color:var(--muted);flex:1;font-size:12px;line-height:1.35}.tt-hint b{color:var(--text)}.tt-foot button{white-space:nowrap}.rcard.giveable{cursor:pointer}.rcard.giveable .rc-face{box-shadow:inset 0 1.5px #ffffff59,0 8px 18px #00000073,0 0 0 2px #e2ad4ab3}button.rcard.giveable:active .rc-face{transform:translateY(-10px)}@media (width<=560px){.tt-lane{padding-top:14px;padding-left:0}.tt-lane-title{width:auto;top:0;transform:none}}.hud-bottom:has(.trade-table){z-index:4}.trade-table{scrollbar-width:none;max-height:calc(100vh - 220px);overflow-y:auto}body:after{content:"";z-index:100;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.tt-head h3{align-items:center;gap:7px;display:inline-flex}.discard-table .tt-head h3 .icon{color:#e0614f}.tt-need{color:var(--accent-2);font-variant-numeric:tabular-nums;background:#e2ad4a24;border:1px solid #e2ad4a59;border-radius:99px;padding:3px 9px;font-size:12px;font-weight:800}.tt-lead{color:var(--muted);margin:0 2px 2px;font-size:12.5px;line-height:1.4}.discard-table .tt-felt{background:radial-gradient(at 50% 40%,#5c2c248c,#281410bf);border-color:#e68c7833}#game{grid-template-columns:minmax(0, 1fr) var(--side);--side:clamp(300px, 25vw, 384px);display:grid}.board-area{min-width:0;position:relative;overflow:hidden}.topbar{grid-template-columns:1fr auto}.hud-bottom{justify-content:flex-start;align-items:flex-end;gap:14px;bottom:14px;left:14px;right:14px}.hand-col{flex:none}.dock-col{flex:1;align-items:flex-start;gap:8px;min-width:0}.dock-top{align-items:flex-end;gap:12px;width:100%;display:flex}.offer-pop{top:70px}.turn-status{background:var(--glass-strong);border:1px solid var(--line);min-width:0;max-width:520px;box-shadow:var(--shadow), var(--hairline);-webkit-backdrop-filter:blur(20px)saturate(140%);border-radius:14px;flex:1;padding:8px 10px 8px 12px}.turn-status.mine{box-shadow:var(--shadow), 0 0 0 3px #e2ad4a14;border-color:#e2ad4a80}.ts-main{align-items:center;gap:9px;font-size:14px;font-weight:650;animation:.2s ease-out both fadeSlide;display:flex}.turn-status .you{color:var(--accent-2)}.ts-clock{font-variant-numeric:tabular-nums;border:1px solid var(--line);background:#0000004d;border-radius:9px;flex:none;align-items:center;gap:5px;margin-left:auto;padding:4px 10px;font-size:14px;font-weight:800;display:inline-flex}.ts-clock .icon{color:var(--accent)}.ts-clock.low{color:#fff;background:#cf5a4bd9;border-color:#0000;animation:1s ease-in-out infinite clockPulse}.ts-main .turn-no{margin-left:auto}.ts-hint{color:var(--muted);margin:4px 0 0 19px;font-size:12px;line-height:1.35}.board-dice{filter:drop-shadow(0 8px 14px #00000073);flex:none;gap:8px;margin-left:auto;display:flex}.dock{border-radius:16px;gap:6px;padding:6px}.tool{border:1px solid var(--line);background:#fff4e10b;border-radius:12px;width:70px;height:70px;padding:6px 4px}.tool:hover:not(:disabled){border-color:var(--line-2);background:#fff4e11a}.sidebar{z-index:5;border-left:1px solid var(--line);background:linear-gradient(#0e0c0aeb,#0a0908f5);flex-direction:column;gap:10px;height:100vh;min-height:0;padding:12px;display:flex;position:relative}.sidebar .panel{flex:none}.sidebar .log-panel{flex-direction:column;flex:auto;min-height:140px;display:flex}.sidebar .log-panel.closed{flex:none;min-height:0}.sidebar .log-panel .log,.sidebar .log-panel .chat{flex:1;min-height:0;max-height:none}.sidebar .chat{flex-direction:column;display:flex}.sidebar .chat .log{flex:1}.bank-strip{align-items:center;gap:5px;padding:8px 10px;display:flex}.bank-icon{width:28px;height:28px;color:var(--accent-2);flex:none;place-items:center;display:grid}.mini-card{background:linear-gradient(180deg, color-mix(in srgb, var(--c) 75%, white) 0%, var(--c) 45%, color-mix(in srgb, var(--c) 78%, black) 100%);color:#fff;border:1.5px solid #1f1812;border-radius:7px;flex:1;place-items:center;min-width:0;height:46px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff4d,0 3px 8px #00000059}.mini-card img{filter:drop-shadow(0 2px 2px #00000059)}.mini-card b{color:#1f1812;font-variant-numeric:tabular-nums;background:#fff6e2;border:1.5px solid #1f1812;border-radius:9px;place-items:center;min-width:20px;height:18px;padding:0 4px;font-size:10.5px;font-weight:800;display:grid;position:absolute;top:-7px;right:-6px}.mini-card.out{filter:grayscale(.8)brightness(.6)}.players-col{flex-direction:column;flex:none;gap:10px;display:flex}.others{flex-direction:column;gap:2px;padding:4px;display:flex}.pcard{border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;padding:9px 10px;transition:background .3s;display:grid;position:relative}.pc-who{grid-row:1/3;justify-items:center;display:grid;position:relative}.pcard .avatar{width:38px;height:38px;font-size:15px}.pcard.me .avatar{width:50px;height:50px;font-size:19px}.pc-vp{z-index:1;color:#1f1812;font-variant-numeric:tabular-nums;background:#f2e7cf;border:1.5px solid #1f1812;border-radius:10px;place-items:center;min-width:24px;height:20px;margin-top:-9px;padding:0 6px;font-size:12px;font-weight:800;animation:.35s cubic-bezier(.3,1.8,.5,1) pop;display:grid}.pc-vp.lead{background:linear-gradient(#f3cf7a,#d9a443)}.pc-info{flex-direction:column;gap:1px;min-width:0;display:flex}.pc-note{color:var(--muted);min-height:0;font-size:12px}.pc-note:empty{display:none}.pc-note .playing{color:var(--accent-2);font-weight:650}.pc-stats{grid-column:2;grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.pc-stat{border:1px solid var(--line);background:#00000040;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:3px 0;font-size:12px;display:inline-flex}.pc-stat .icon{color:var(--muted)}.pc-stat b{font-variant-numeric:tabular-nums}.pc-stat.won{color:#1a140c;opacity:1;background:linear-gradient(#f3cf7a,#d9a443);border-color:#0000}.pc-stat.won .icon{color:#5a3d12}.self{border-color:#e2ad4a4d;padding:4px}.self .pcard{padding:10px}.self .pname{font-size:16px}.pcard .avatar.timed{animation:none;position:relative}.pcard .avatar.timed:before{content:"";pointer-events:none;background:conic-gradient(var(--accent) calc(var(--t) * 360deg), #fff4e11f 0);border-radius:50%;position:absolute;inset:-4px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px))}.pcard .avatar.timed.low:before{background:conic-gradient(#e0614f calc(var(--t) * 360deg), #fff4e11f 0)}.others.compact .pcard{row-gap:4px;padding:6px 8px}.others.compact .avatar{width:30px;height:30px;font-size:12px}@media (width<=900px){#game{display:block;position:static;overflow:visible}.board-area{height:100vh}.sidebar{border-left:none;border-top:1px solid var(--line);height:auto}.hud-bottom{flex-direction:column;align-items:stretch}}.board-area{overflow:visible}.board-area .stage{z-index:0;position:fixed;inset:0}.board-area>:not(.stage){z-index:3}.sidebar{pointer-events:none;background:0 0;border-left:none}.sidebar>*{pointer-events:auto}@media (width<=900px){.board-area .stage{position:absolute}.sidebar{pointer-events:auto;background:#0e0c0a}}.dock-col{flex:none;align-items:flex-end;margin-left:auto}.dock-top{justify-content:flex-end}.dock-top:empty{display:none}.dock{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;gap:8px;padding:0}.dock .dock-sep{display:none}.dock .tool,.dock button.big{background:var(--glass-strong);border:1px solid var(--line-2);box-shadow:var(--shadow), var(--hairline);-webkit-backdrop-filter:blur(18px)saturate(140%)}.dock .tool{border-radius:14px;width:76px;height:76px}.dock .tool:hover:not(:disabled){background:var(--glass-strong);border-color:#e2ad4a80;transform:translateY(-2px)}.dock .tool.active{border-color:var(--accent);box-shadow:var(--shadow), 0 0 0 3px #e2ad4a4d}.dock button.big{border-radius:14px;min-width:132px;height:76px}.dock button.big.primary{background:linear-gradient(#f0cf83,#d9a443);border-color:#0000}.btn-3d{filter:drop-shadow(0 2px 3px #0000004d);width:30px;height:30px;margin-right:2px}.dock .tool{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;gap:2px;width:72px;height:auto;padding:4px 2px}.dock .tool:hover:not(:disabled){background:0 0;border:none;transform:translateY(-3px)}.dock .tool-3d{filter:drop-shadow(0 6px 8px #0000008c);width:52px;height:52px;transition:transform .15s,filter .15s}.dock .tool:hover:not(:disabled) .tool-3d{filter:drop-shadow(0 8px 10px #0009)drop-shadow(0 0 10px #ffd27859);transform:scale(1.08)}.dock .tool:disabled .tool-3d{filter:grayscale(.55)brightness(.75)drop-shadow(0 6px 8px #00000080);opacity:.8}.dock .tool:disabled .tname{color:#fff9}.dock .tool .left{color:#1f1812;background:#f2e7cf;border:1.5px solid #1f1812;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;display:grid;top:0;right:4px}.dock .tool.active{box-shadow:none;background:0 0}.dock .tool.active .tool-3d{filter:drop-shadow(0 0 #000)drop-shadow(0 0 12px #ffc85acc);transform:scale(1.1)}.dock .tool.active .tname{color:var(--accent-2)}.dock button.main-btn{gap:12px;min-width:168px;padding:0 16px}.btn-dice{flex:none;gap:6px;display:inline-flex}.mb-label{align-items:center;gap:8px;display:inline-flex}.main-btn:disabled .btn-dice{opacity:.9}.main-btn.rolling .btn-dice{animation:1.6s ease-in-out infinite diceWiggle}@keyframes diceWiggle{0%,70%,to{transform:rotate(0)}78%{transform:rotate(-8deg)}86%{transform:rotate(7deg)}94%{transform:rotate(-3deg)}}.pc-stat{opacity:1;flex-direction:column;gap:1px;padding:4px 0 3px}.pc-top{align-items:center;gap:4px;display:inline-flex}.pc-top img{filter:drop-shadow(0 2px 2px #00000073)}.pc-stat b{color:var(--text);font-size:14px;font-weight:800}.pc-stat small{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:9.5px;font-weight:700}.bank-strip{justify-content:space-between;padding:12px 12px 10px}.mini-card{background:#f3ead7;border:1px solid #1f1812;border-radius:6px;flex-direction:column;flex:none;width:40px;height:56px;padding:3px;display:flex;box-shadow:2px -2px 0 -1px #e6dcc4,2px -2px #1f1812,4px -4px 0 -1px #d9cdb2,4px -4px #1f1812,0 4px 8px #00000073}.mc-art{background:linear-gradient(180deg, color-mix(in srgb, var(--c) 78%, white), var(--c) 55%, color-mix(in srgb, var(--c) 75%, black));border-radius:4px;flex:1;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #00000040}.mini-card b{top:-9px;right:-9px}.mini-card.out{box-shadow:0 2px 4px #0006}.pcard{background:var(--glass-strong);border:1px solid var(--line);box-shadow:var(--shadow), var(--hairline);-webkit-backdrop-filter:blur(20px)saturate(140%);border-radius:16px;flex-direction:column;gap:0 10px;padding:12px 12px 10px;display:flex;position:relative;overflow:hidden}.pcard:before{content:"";background:var(--pc);opacity:.9;width:3px;position:absolute;top:0;bottom:0;left:0}.pc-head{align-items:center;gap:11px;min-width:0;display:flex}.pc-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pc-note .playing{color:var(--accent-2);align-items:center;gap:8px;font-weight:650;display:inline-flex}.pc-note .p-clock{margin:0}.pc-points{border:1px solid var(--line);background:#00000047;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:46px;height:46px;line-height:1;display:flex}.pc-points b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;animation:.35s cubic-bezier(.3,1.8,.5,1) pop}.pc-points small{letter-spacing:.1em;color:var(--faint);margin-top:2px;font-size:9px;font-weight:800}.pc-points.lead{background:linear-gradient(#f3cf7a,#d9a443);border-color:#0000}.pc-points.lead b,.pc-points.lead small{color:#2a1d0a}.pc-stats{background:#00000038;border-radius:11px;grid-template-columns:repeat(4,1fr);gap:0;padding:6px 0;display:grid}.pc-stat{opacity:1;background:0 0;border:none;border-radius:0;flex-direction:column;gap:2px;padding:2px 0}.pc-stat.zero b,.pc-stat.zero small{color:var(--faint)}.pc-stat.won{background:0 0;border-radius:0}.pc-stat.won b,.pc-stat.won small{color:var(--accent-2)}.pc-stat.won .pc-top img{filter:drop-shadow(0 0 6px #f2c14eb3)}.pcard{align-items:stretch}.hand{padding-bottom:12px}.dock{-webkit-backdrop-filter:none;background:linear-gradient(#ffe4b966 0,#ffe4b900 2px),repeating-linear-gradient(92deg,#46240c00 0 7px,#46240c21 7px 8px,#ffdcaa0d 8px 11px),radial-gradient(90px 6px at 22% 70%,#3c1e0a59,#0000),radial-gradient(120px 5px at 76% 25%,#3c1e0a4d,#0000),linear-gradient(#a87442,#85582f 60%,#6b4425);border:1px solid #3c2412;border-radius:16px;align-items:stretch;gap:6px;padding:8px;position:relative;box-shadow:0 16px 30px #0000008c,0 3px #4a2d17,inset 0 -2px 4px #00000040}.dock .tool{background:repeating-linear-gradient(45deg,#0000000d 0 2px,#ffffff05 2px 4px),radial-gradient(at 50% 35%,#2f5a45,#1d3a2c 75%);border:none;border-radius:10px;justify-content:flex-end;gap:3px;width:74px;height:82px;padding:6px 2px 5px;box-shadow:inset 0 3px 7px #000000a6,inset 0 -1px #ffffff0f,0 1px #ffe1b459}.dock .tool:hover:not(:disabled){background:repeating-linear-gradient(45deg,#0000000d 0 2px,#ffffff05 2px 4px),radial-gradient(at 50% 35%,#3a6b53,#234635 75%);transform:none}.dock .tool:hover:not(:disabled) .tool-3d{transform:translateY(-4px)scale(1.06)}.dock .tool.active{box-shadow:inset 0 3px 7px #0009,0 0 0 2px #f0c66b,0 0 14px #f0c66b73}.dock .tool .tname{color:#f1e6cf;text-shadow:0 1px 2px #000c;font-size:11px}.dock .tool .left{color:#3a2408;background:linear-gradient(#f5d98c,#c99a3d);border:1px solid #6e4a14;top:5px;right:5px}.dock button.main-btn{color:#fbeedb;background:repeating-linear-gradient(45deg,#0000000f 0 2px,#ffffff06 2px 4px),radial-gradient(at 50% 35%,#8e3a2e,#5e2119 75%);border:none;border-radius:10px;flex-direction:column;gap:6px;min-width:176px;height:auto;padding:8px 14px;box-shadow:inset 0 3px 8px #000000a6,0 1px #ffe1b459}.dock button.main-btn.primary{color:#fff6e6;background:repeating-linear-gradient(45deg,#0000000f 0 2px,#ffffff06 2px 4px),radial-gradient(at 50% 35%,#b4473a,#7a2a20 75%);box-shadow:inset 0 3px 8px #0000008c,0 0 0 2px #f0c66b,0 0 18px #f0c66b66}.dock button.main-btn:hover:not(:disabled){filter:brightness(1.08)}.dock button.main-btn:disabled{opacity:1;color:#fbeedb8c}.main-btn .btn-dice .die3d{filter:drop-shadow(0 4px 4px #00000080)}.main-btn .mb-label{letter-spacing:.02em;font-size:14px;font-weight:800}.main-btn .btn-eta{color:#fff;background:#0000004d}.dock-col{align-items:center;margin:0 auto}@media (width>=1880px){.hud-bottom .dock-col{margin:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}}.dock button.main-btn{text-align:center;justify-content:center;align-items:center}.main-btn .btn-dice,.main-btn .mb-label{justify-content:center}.dock .tool{justify-content:center;align-items:center}.dock .tool-3d{margin:0 auto;display:block}.dock button.main-btn{justify-content:center;align-items:center;position:relative}.main-btn .mb-label{width:100%}.main-btn .btn-eta{color:#fff6e6;background:#00000059;border-radius:8px;margin:0;padding:2px 7px;font-size:11px;position:absolute;top:6px;right:6px}.main-btn .btn-eta.low{background:#e0614f}.hud-bottom{align-items:center}.hud-bottom .hand{padding-bottom:0}.hud-bottom .hand-col{justify-content:flex-end}.hud-bottom .dock-col{align-self:flex-end}.hud-bottom .dock{margin-bottom:0}@media (width>=1880px){.hud-bottom .dock-col{top:auto;bottom:0}}.top-right{background:var(--glass-strong);border:1px solid var(--line-2);box-shadow:var(--shadow), var(--hairline);-webkit-backdrop-filter:blur(22px)saturate(140%);border-radius:16px;gap:2px;padding:4px}.top-right .view-ctrl,.top-right .gfx-toggle,.top-right .help-btn{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none}.top-right .help-btn,.top-right .gfx-toggle{min-width:38px;height:38px;color:var(--muted);border-radius:11px}.top-right .help-btn:hover:not(:disabled),.top-right .gfx-toggle:hover:not(:disabled),.top-right .gfx-toggle.on,.top-right .help-btn.on{color:var(--text);background:#fff4e114}.top-right>*+:not(.view-ctrl){position:relative}.top-right .view-ctrl{gap:0;margin-right:6px;padding:0;position:relative}.top-right .view-ctrl:after{content:"";background:var(--line-2);width:1px;position:absolute;top:9px;bottom:9px;right:-5px}.vc-slide{pointer-events:none;width:76px;height:38px;transform:translateX(calc(var(--i,1) * 76px));background:linear-gradient(#f0c66b4d,#e2ad4a29);border-radius:11px;transition:transform .28s cubic-bezier(.3,1.3,.5,1);position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #f0c66b73}.top-right .view-ctrl button{width:76px;height:38px;color:var(--muted);background:0 0;border-radius:11px;gap:6px;padding:0;font-size:12.5px;font-weight:650;position:relative}.top-right .view-ctrl button:hover:not(:disabled){color:var(--text);background:0 0}.top-right .view-ctrl button.on{color:var(--accent-2);background:0 0}.top-right .view-ctrl .vc-sep{display:none}.top-right .view-ctrl .vc-orbit{width:38px}.top-right .view-ctrl .vc-orbit.on{background:#fff4e114}.main-btn .btn-eta{padding:1px 7px;font-size:11.5px;position:static}.main-btn .mb-label{gap:8px;width:auto}.dock button.main-btn{min-height:82px;display:block;position:relative}.main-btn .btn-dice{position:absolute;top:50%;left:50%;transform:translate(-50%,-62%)}.main-btn .mb-label{justify-content:center;font-size:13px;position:absolute;bottom:7px;left:0;right:0}.dock button.main-btn{min-width:168px;padding:0;overflow:hidden}.main-btn .btn-dice{gap:8px;top:6px;transform:translate(-50%)}.main-btn .mb-label{letter-spacing:.08em;text-transform:uppercase;color:#3a2408;background:linear-gradient(#f6dc94,#cf9f45);border-radius:7px;justify-content:center;gap:8px;height:26px;padding:0 10px;font-size:12px;font-weight:800;bottom:6px;left:6px;right:6px;box-shadow:inset 0 1px #ffffff8c,0 2px 4px #0006}.main-btn .btn-eta{letter-spacing:0;color:#3a2408;background:#3a240829;border-radius:6px;padding:1px 6px;font-size:11px;position:static}.main-btn .btn-eta.low{color:#fff;background:#b8312b}.dock button.main-btn:disabled .mb-label{color:#fff6e6b3;background:linear-gradient(#8a7a62,#6a5c48);box-shadow:inset 0 1px #ffffff26}.dock button.main-btn:disabled .btn-eta{color:#fff6e6bf;background:#0003}.dock button.main-btn:not(:disabled):hover .mb-label{filter:brightness(1.06)}.main-btn.dice-only .btn-dice{top:50%;transform:translate(-50%,-50%)scale(1.25)}.dock{background:linear-gradient(#ffdcaa40 0,#ffdcaa00 2px),repeating-linear-gradient(91deg,#0000 0 6px,#0000002e 6px 7px,#ffd2a00a 7px 10px),radial-gradient(100px 6px at 30% 60%,#00000059,#0000),linear-gradient(#5b3a22,#45291a 60%,#34200f);border-color:#1c1007}.dock .tool{background:radial-gradient(circle at 1px 1px,#ffffff0d 1px,#0000 1.5px) 0 0/4px 4px,radial-gradient(at 50% 30%,#2c3f5e,#18233a 80%);box-shadow:inset 0 3px 7px #000000b3,inset 0 0 0 1px #d6aa5c59,0 1px #ffdcaa33}.dock button.main-btn{background:radial-gradient(circle at 1px 1px,#ffffff0d 1px,#0000 1.5px) 0 0/4px 4px,radial-gradient(at 50% 35%,#6e2236,#3e1020 80%)}.dock button.main-btn.primary{box-shadow:inset 0 3px 8px #0009,0 0 0 2px #d9b06a,0 0 16px #d9b06a59}.dock button.main-btn{justify-content:center;align-items:center;display:flex}.dock button.main-btn.primary{background:radial-gradient(circle at 1px 1px,#ffffff0d 1px,#0000 1.5px) 0 0/4px 4px,radial-gradient(at 50% 35%,#7e2840,#481326 80%)}.main-btn .btn-dice,.main-btn.dice-only .btn-dice{gap:10px;position:static;transform:none}.main-btn.text-only .mb-label{height:38px;padding:0 16px;font-size:13px;position:static}.dock{gap:5px;padding:6px}.dock .tool{gap:1px;height:66px;padding:3px 2px}.dock .tool-3d{width:38px;height:38px}.dock .tool .tname{font-size:10.5px}.dock .tool .left{min-width:16px;height:16px;font-size:9.5px;top:3px;right:3px}.dock button.main-btn{height:66px;min-height:66px}.main-btn.text-only .mb-label{height:34px}.dock button.main-btn.text-only{background:linear-gradient(#f6dc94,#cf9f45);box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #6e4a1459,0 2px 6px #00000073}.dock button.main-btn.text-only:hover:not(:disabled){filter:brightness(1.06)}.main-btn.text-only .mb-label{height:auto;box-shadow:none;background:0 0;padding:0;font-size:14px}.dock button.main-btn:focus-visible{outline-offset:2px;outline:2px solid #f0c66b}.dock button.main-btn:focus:not(:focus-visible){outline:none}.pcard{-webkit-backdrop-filter:none;background:linear-gradient(#ffdcaa38 0,#ffdcaa00 2px),repeating-linear-gradient(91deg,#0000 0 6px,#0000002e 6px 7px,#ffd2a00a 7px 10px),radial-gradient(100px 6px at 30% 60%,#0000004d,#0000),linear-gradient(#5b3a22,#45291a 60%,#34200f);border:1px solid #1c1007;border-radius:14px;gap:8px;padding:10px 10px 8px 14px;box-shadow:0 10px 22px #00000080,0 2px #24150a}.pcard:before{opacity:1;width:5px;box-shadow:inset -1px 0 #00000059,1px 0 #ffdcaa26}.pcard .pname{color:#f6ecd8;text-shadow:0 1px 2px #0009}.pcard .avatar{box-shadow:0 0 0 2px #c99a3d,0 3px 6px #00000080}.pc-points{background:radial-gradient(circle at 35% 30%,#fbe6a8,#d9a443 55%,#a8772a);border:1.5px solid #6e4a14;border-radius:50%;width:44px;height:44px;box-shadow:inset 0 0 0 3px #fff0c859,0 3px 6px #00000080}.pc-points small{color:#5a3d12;margin-top:0}.pc-points.lead{background:radial-gradient(circle at 35% 30%,#fff1c4,#f0c050 55%,#c48a1c);box-shadow:inset 0 0 0 3px #fffadc80,0 0 12px #f2c14e99,0 3px 6px #00000080}.pcard:not(.current) .pc-points:not(.lead){filter:saturate(.7)brightness(.9)}.pc-stats{background:0 0;gap:5px;padding:0}.pc-stat{background:radial-gradient(circle at 1px 1px,#ffffff0d 1px,#0000 1.5px) 0 0/4px 4px,radial-gradient(at 50% 30%,#2c3f5e,#18233a 80%);border-radius:9px;padding:5px 0 4px;box-shadow:inset 0 2px 5px #000000a6,0 1px #ffdcaa26}.pc-stat+.pc-stat{border-left:none}.pc-stat small{color:#f1e6cfb3}.pc-stat.zero b,.pc-stat.zero small{color:#f1e6cf61}.pc-stat.won{box-shadow:inset 0 2px 5px #0009,0 0 0 1.5px #d9b06a}.pcard{background:linear-gradient(#2a2621,#1c1916);border:1px solid #fff0d71a;box-shadow:0 10px 22px #00000073,inset 0 1px #fff0d714}.pcard.current{background:linear-gradient(90deg, color-mix(in srgb, var(--pc) 22%, transparent), transparent 70%), linear-gradient(180deg, #2a2621, #1c1916);box-shadow:0 10px 22px #00000073,0 0 0 1.5px #d9b06a,0 0 16px #d9b06a40}.pcard.me{border-color:#d9b06a59}.pc-stat{background:#00000047;box-shadow:inset 0 1px 3px #00000080,0 1px #fff0d70d}.pcard,.pcard.current{--hex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='48.5' viewBox='0 0 28 48.5'%3E%3Cg fill='none' stroke-width='1'%3E%3Cpath stroke='rgba(255,240,215,0.07)' d='M14 0.5 27.5 8.3v15.6L14 31.7 0.5 23.9V8.3z M14 31.7v16.8'/%3E%3Cpath stroke='rgba(0,0,0,0.35)' transform='translate(0 1)' d='M14 0.5 27.5 8.3v15.6L14 31.7 0.5 23.9V8.3z M14 31.7v16.8'/%3E%3C/g%3E%3C/svg%3E");--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{background:0 0}.pcard{background:radial-gradient(at 85% 0,#ffdca014,#0000 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='160'%3E%3Cfilter id='t'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='3' seed='4'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='discrete' tableValues='0 1 0 1 0 1 0 1 0 1 0 1 0 1'/%3E%3C/feComponentTransfer%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .75 1 0 0 0 0'/%3E%3CfeConvolveMatrix order='3' kernelMatrix='-1 -1 -1 -1 8 -1 -1 -1 -1' preserveAlpha='false'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .88 0 0 0 0 .7 0 0 0 .13 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23t)'/%3E%3C/svg%3E") 0 0/260px 160px,linear-gradient(#23201c,#171513)}.pcard,.pcard.current{background:linear-gradient(#24211d,#1b1916);border:1px solid #fff0d71f;gap:10px;padding:12px 12px 10px 15px;box-shadow:0 8px 20px #00000073}.pcard:before{width:4px}.pcard .pname{color:#fff;font-size:16px;font-weight:700}.pc-note .playing{color:#ffd77a}.away-note{color:#9fd3ff}.pc-points,.pcard:not(.current) .pc-points:not(.lead){filter:none;background:linear-gradient(#f3d58a,#d4a443);border:1px solid #7a5418;border-radius:12px;width:52px;height:48px;box-shadow:inset 0 1px #ffffff80,0 3px 8px #00000073}.pc-points b{color:#2a1a05;font-size:22px}.pc-points small{color:#5a3d12;letter-spacing:.12em;font-size:9px}.pc-points.lead{box-shadow:inset 0 1px #fff9,0 0 0 2px #ffe08a,0 0 14px #ffd26e8c}.pc-stat,.pc-stat.won{box-shadow:none;background:#fff4e10f;border:1px solid #fff4e117;border-radius:10px;gap:2px;padding:6px 0 5px}.pc-top img{filter:drop-shadow(0 2px 2px #00000080);width:22px;height:22px}.pc-stat b{color:#fff;font-size:16px}.pc-stat small{letter-spacing:.06em;color:#c9bda6;font-size:10px}.pc-stat.zero b{color:#9b907e}.pc-stat.zero small{color:#8a8070}.pc-stat.zero img{opacity:.65;filter:grayscale(.35)drop-shadow(0 2px 2px #00000080)}.pc-stat.won b,.pc-stat.won small{color:#ffd77a}.pcard.away{opacity:1}.pcard.away .avatar{filter:grayscale(.6)brightness(.85)}.sidebar .log-panel,.sidebar .bank-strip{background:#161411f0}.sidebar .log div{color:#cfc4b0}.sidebar .log div:last-child{color:#fff}:root{--panel-a:#1c242b;--panel-b:#141a20;--panel-line:#c8e6f521;--felt-a:#2c3f5e;--felt-b:#18233a;--pocket-a:#7e2840;--pocket-b:#481326;--tray-a:#5b3a22;--tray-b:#34200f;--scene-glow:#78bedc2e}[data-scene=forest]{--panel-a:#1d241c;--panel-b:#141a14;--panel-line:#c8ebbe21;--felt-a:#2f4a2f;--felt-b:#1a2c1b;--pocket-a:#7a3a22;--pocket-b:#46200f;--tray-a:#5a3d24;--tray-b:#2f1e10;--scene-glow:#96d28c29;--glass:#121712db;--glass-strong:#141a14f5}[data-scene=desert]{--panel-a:#2a2019;--panel-b:#1d1611;--panel-line:#ffd7aa26;--felt-a:#6a3f2a;--felt-b:#3e2216;--pocket-a:#2d5a5c;--pocket-b:#163234;--tray-a:#8a5e36;--tray-b:#553519;--scene-glow:#ffb4782e;--glass:#1e1611db;--glass-strong:#201812f5}[data-scene=table]{--panel-a:#2a1f18;--panel-b:#1c1510;--panel-line:#ffe1b424;--felt-a:#2f5a44;--felt-b:#1b3a2a;--pocket-a:#7e2830;--pocket-b:#48131a;--tray-a:#6a4426;--tray-b:#3c2513;--scene-glow:#ffc8822e;--glass:#1a130fdb;--glass-strong:#1e1611f5}[data-scene=ocean]{--glass:#10151adb;--glass-strong:#12181ef5}.sidebar .log-panel,.sidebar .bank-strip,.trade-table,.top-right,.pcard{background:linear-gradient(180deg, var(--panel-a), var(--panel-b));border-color:var(--panel-line)}.dock{background:linear-gradient(180deg, #ffdcaa40 0, #ffdcaa00 2px), repeating-linear-gradient(91deg, #0000 0 6px, #0000002e 6px 7px, #ffd2a00a 7px 10px), linear-gradient(180deg, var(--tray-a), var(--tray-b))}.dock .tool{background:radial-gradient(circle at 1px 1px, #ffffff0d 1px, transparent 1.5px) 0 0 / 4px 4px, radial-gradient(ellipse at 50% 30%, var(--felt-a), var(--felt-b) 80%)}.dock button.main-btn,.dock button.main-btn.primary{background:radial-gradient(circle at 1px 1px, #ffffff0d 1px, transparent 1.5px) 0 0 / 4px 4px, radial-gradient(ellipse at 50% 35%, var(--pocket-a), var(--pocket-b) 80%)}.dock button.main-btn.text-only{background:linear-gradient(#f6dc94,#cf9f45)}.sidebar .panel,.pcard{box-shadow:0 8px 20px #00000073, 0 0 0 1px #00000040, 0 0 30px var(--scene-glow)}.pcard.current{box-shadow:0 8px 20px #00000073, 0 0 0 1px color-mix(in srgb, var(--pc) 60%, transparent), 0 0 18px color-mix(in srgb, var(--pc) 30%, transparent)}.chip-group .map-tag{border-left:none}#lobby.lobby-stage{pointer-events:none;grid-template-columns:minmax(300px,360px) 1fr minmax(320px,400px);place-items:start stretch;gap:20px;min-height:100vh;padding:20px;display:grid}.lobby-stage>*{pointer-events:auto}.lobby-side{scrollbar-width:none;background:linear-gradient(180deg, var(--panel-a), var(--panel-b));border:1px solid var(--panel-line);width:auto;max-height:calc(100vh - 40px);box-shadow:0 14px 34px #00000073, 0 0 30px var(--scene-glow);padding:20px;overflow-y:auto}.lobby-side .lobby-col+.lobby-col{border:0;padding:0}.lobby-preview{pointer-events:none;place-self:end center;padding-bottom:6px}.lp-tag{color:var(--text);background:var(--glass);border:1px solid var(--panel-line);box-shadow:var(--shadow);border-radius:99px;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;font-weight:650;display:inline-flex}.lp-tag .icon{color:var(--accent)}@media (width<=1000px){#lobby.lobby-stage{pointer-events:auto;grid-template-columns:1fr}.lobby-preview{display:none}.lobby-side{max-height:none}}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,.pc-points b,.room-code,.tt-head h3,.mb-label{letter-spacing:0;font-family:Bricolage Grotesque,Plus Jakarta Sans,sans-serif}.mb-label{letter-spacing:.04em}.pc-points b,.mb-label,.room-code{font-variant-numeric:lining-nums tabular-nums;font-family:Plus Jakarta Sans,system-ui,sans-serif}#lobby.lobby-stage{grid-template-columns:minmax(290px,330px) 1fr minmax(310px,360px);align-items:stretch}.lobby-side{background:linear-gradient(180deg, color-mix(in srgb, var(--panel-a) 88%, transparent), color-mix(in srgb, var(--panel-b) 92%, transparent));-webkit-backdrop-filter:blur(18px)saturate(140%);border-radius:20px;align-self:start;padding:18px}.lobby-side .room-code span{width:46px;height:54px;font-size:26px}.lobby-preview{pointer-events:none;text-align:center;flex-direction:column;justify-content:space-between;align-self:stretch;align-items:center;padding:4px 0 0;display:flex}.lp-title{max-width:520px}.lp-eyebrow{font-family:var(--display);letter-spacing:.3em;color:var(--accent-2);text-transform:uppercase;align-items:center;gap:6px;font-size:12px;display:inline-flex}.lp-title h1{color:#fff;text-shadow:0 2px 18px #0000008c,0 1px 2px #0009;margin:6px 0 4px;font-family:Bricolage Grotesque,Plus Jakarta Sans,sans-serif;font-size:clamp(36px,4vw,54px);font-weight:700;line-height:1.02}.lp-title p{color:#fff8ebe0;text-shadow:0 1px 8px #000000b3;max-width:420px;margin:0 auto;font-size:14px;line-height:1.45}.lp-chips{justify-content:center;gap:6px;margin-top:12px;display:flex}.lp-chips span{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0c73;border:1px solid #ffffff24;border-radius:99px;padding:4px 11px;font-size:12px;font-weight:650}.lp-go{pointer-events:auto;flex-direction:column;align-items:center;gap:8px;padding-bottom:4px;display:flex}.lp-go p{color:#fff8ebd9;text-shadow:0 1px 6px #000000b3;margin:0;font-size:12.5px}.lp-start{border-radius:16px;min-width:280px;padding:16px 36px;font-size:18px;box-shadow:0 14px 34px #00000073,0 0 0 4px #f2c14e2e}.lp-start:not(:disabled):hover{transform:translateY(-2px)}.lp-wait{background:#0a0a0c8c;border:1px solid #ffffff24;border-radius:14px;gap:8px;padding:12px 22px;font-weight:650;display:inline-flex}.lp-tag{display:none}.lobby-shade{background:radial-gradient(at 50% 55%,#0000 40%,#06080a73 100%),linear-gradient(#06080a73,#0000 22% 78%,#06080a80)}.lobby-tabs{border:1px solid var(--panel-line);background:#00000047;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.lobby-tabs button{color:var(--muted);background:0 0;border:none;border-radius:10px;gap:7px;padding:9px 0;font-size:13px;font-weight:700}.lobby-tabs button:hover:not(:disabled){color:var(--text);background:#fff4e10f}.lobby-tabs button.on{color:#2a1a05;background:linear-gradient(#f3d58a,#d4a443);box-shadow:0 3px 10px #00000059}.lobby-hostnote{text-align:center;margin:0}.rules-panel{flex-direction:column;gap:8px;display:flex}.rule{border:1px solid var(--panel-line);background:#00000040;border-radius:14px;padding:12px 14px}.rule-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.rule-head b{color:var(--text);font-size:14px;font-weight:700}.rule-val{text-align:center;color:#2a1a05;background:linear-gradient(#f3d58a,#d4a443);border-radius:99px;min-width:34px;padding:3px 10px;font-weight:800}.rule-note{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.4}.rule input[type=range]{appearance:none;background:linear-gradient(90deg, #e2ad4a var(--p), #00000073 var(--p));border:none;border-radius:3px;width:100%;height:6px;margin:12px 0 2px;padding:0}.rule input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:radial-gradient(circle at 35% 30%,#fff1c4,#d9a443);border:2px solid #6e4a14;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #00000080}.rule input[type=range]::-moz-range-thumb{background:#e2ad4a;border:2px solid #6e4a14;border-radius:50%;width:18px;height:18px}.rule input[type=range]:disabled{opacity:.7}.pills{background:#00000059;border-radius:99px;gap:2px;padding:3px;display:inline-flex}.pills button{color:var(--muted);background:0 0;border:none;border-radius:99px;padding:5px 12px;font-size:12.5px;font-weight:700}.pills button.on{color:#2a1a05;background:linear-gradient(#f3d58a,#d4a443)}.pills button:disabled{opacity:.45}.open-rooms{flex-direction:column;gap:6px;display:flex}.open-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:4px 0 0;font-size:11px;font-weight:700}.open-room{text-align:left;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:9px 12px;display:grid}.open-join{color:var(--accent-2);font-size:12px;font-weight:800}.lobby-side .map-grid,.lobby-side .mp-grid{gap:6px}.lobby-side .lobby-col{gap:10px}.lobby-side .sub-plain{margin:4px 0 0}.lobby-side .scene-grid{grid-template-columns:repeat(4,1fr);gap:6px}.lobby-side .scene-grid .tp-label{font-size:11px}.lobby-leave-end{order:99;align-self:flex-start}.rules-panel{gap:6px}.rule{border-radius:12px;padding:9px 12px}.rule-head b{font-size:13px}.rule-note{margin-top:3px;font-size:11px}.rule input[type=range]{margin:8px 0 0}.rule.wide .rule-head{flex-direction:row;align-items:center}.rule.wide .pills{display:inline-flex}.rule.wide .pills button{flex:none;padding:4px 9px}.pills button{padding:4px 10px;font-size:12px}.rule-val{padding:2px 9px;font-size:13px}.lobby-side .map-picker{gap:6px}.lobby-side .map-opt{padding:5px 5px 6px}.lobby-side .map-thumb{height:44px}.hud-bottom{flex-wrap:nowrap}.hud-bottom .hand{min-width:0}.hand .rcard:hover{z-index:3}@media (width>=1880px){.hud-bottom .dock-col{position:static;transform:none}}.lp-go{gap:10px;width:min(940px,100%)}.lp-rules{width:100%}.rules-panel.compact{background:linear-gradient(180deg, color-mix(in srgb, var(--panel-a) 90%, transparent), color-mix(in srgb, var(--panel-b) 94%, transparent));border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(18px)saturate(140%);border-radius:18px;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;display:grid;box-shadow:0 14px 34px #00000073}.rules-panel.compact .rule{text-align:left;flex-direction:column;justify-content:center;padding:8px 10px;display:flex}.rules-panel.compact .rule-note{display:none}.rules-panel.compact .rule-head{flex-wrap:nowrap}.rules-panel.compact .rule.wide .rule-head{flex-direction:column;align-items:stretch;gap:6px}.rules-panel.compact .rule.wide .pills{display:flex}.rules-panel.compact .rule.wide .pills button{flex:1;padding:4px 0}.rules-panel.compact .pills button{padding:4px 9px;font-size:11.5px}.rules-panel.compact .rule input[type=range]{margin-top:10px}.lp-start{min-width:300px}.lobby-side .scene-grid .tp-swatch{height:46px}#lobby.lobby-table{z-index:1;pointer-events:none;grid-template-rows:auto 1fr auto;grid-template-columns:260px 1fr 150px;gap:16px;min-height:100vh;padding:22px;display:grid;position:relative}.lobby-table>*{pointer-events:auto}.lt-title{text-align:center;pointer-events:none;grid-column:1/-1;justify-self:center;max-width:640px}.lt-title>*{pointer-events:auto}.lt-map{justify-content:center;align-items:center;gap:14px;display:flex}.lt-map h1{color:#fff;text-shadow:0 2px 18px #0009;margin:4px 0;font-family:Bricolage Grotesque,Plus Jakarta Sans,sans-serif;font-size:clamp(36px,4vw,56px);line-height:1.05;animation:.3s ease-out both fadeSlide}.lt-arrow{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0c73;border:1px solid #ffffff2e;border-radius:50%;width:38px;height:38px;padding:0}.lt-arrow.prev .icon{transform:rotate(90deg)}.lt-arrow.next .icon{transform:rotate(-90deg)}.lt-arrow:hover:not(:disabled){background:#e2ad4a59;border-color:#f2c14e99}.lt-title p{color:#fff8ebe0;text-shadow:0 1px 8px #000000b3;margin:0 auto;font-size:14px}.lt-dots{justify-content:center;gap:6px;margin-top:12px;display:flex}.lt-dots button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.7;background:#0a0a0c66;border:1px solid #ffffff1f;border-radius:9px;width:44px;height:34px;padding:3px;transition:opacity .15s,transform .15s}.lt-dots button:hover:not(:disabled){opacity:1;background:#0a0a0c8c;transform:translateY(-2px)}.lt-dots button.on{opacity:1;border-color:#f0c66b;box-shadow:0 0 0 2px #f0c66b59}.lt-dots button:disabled:not(.on){opacity:.3}.lt-left{flex-direction:column;grid-area:2/1;align-self:start;gap:10px;display:flex}.lt-ticket{text-align:left;color:#2a1a05;background:linear-gradient(135deg,#f6dc94,#cf9f45);border:none;border-radius:16px;flex-direction:column;align-items:flex-start;gap:0;padding:12px 16px;box-shadow:0 10px 24px #0006}.lt-ticket:hover:not(:disabled){background:linear-gradient(135deg,#fbe4a6,#d9a94f)}.lt-ticket small{letter-spacing:.2em;text-transform:uppercase;opacity:.7;font-size:10px;font-weight:800}.lt-code{letter-spacing:.22em;font:800 32px/1.1 Plus Jakarta Sans,sans-serif}.lt-copy{opacity:.8;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.lt-seats{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lt-seats li{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 3px 0 0 var(--pc,transparent);background:#0c0c0e8c;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:10px;padding:7px 10px 7px 7px;animation:.25s ease-out both fadeSlide;display:flex}.lt-seats .avatar{width:30px;height:30px;font-size:13px}.lt-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.lt-name small{color:var(--muted);font-weight:500}.lt-tag{letter-spacing:.06em;text-transform:uppercase;color:#cfe3ff;background:#6496e640;border-radius:99px;padding:2px 7px;font-size:10px;font-weight:800}.lt-tag.gold{color:#2a1a05;background:#e9b955}.lt-dot{background:#666;border-radius:50%;width:8px;height:8px}.lt-dot.on{background:#5c9f68;box-shadow:0 0 6px #5c9f68}.lt-x{background:#ffffff14;border:none;border-radius:50%;width:22px;height:22px;padding:0}.lt-seats li.lt-empty{box-shadow:none;background:0 0;border:1.5px dashed #ffffff40;justify-content:space-between;padding:4px 12px 4px 4px}.lt-empty button{background:#ffffff14;border:none;border-radius:99px;gap:8px;padding:6px 12px;font-weight:700}.lt-empty small,.lt-empty span{color:#fff8ebbf;font-size:12px}.lt-empty span{padding:6px 8px}.lt-leave{background:#0c0c0e73;border-color:#ffffff1f;align-self:flex-start}.lt-leave span{margin-left:6px}.lt-right{flex-direction:column;grid-area:2/3;align-self:start;gap:10px;display:flex}.lt-scene{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c0e80;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:6px;padding:6px 6px 8px}.lt-scene .tp-swatch{border-radius:11px;width:100%;height:62px}.lt-scene-name{font-size:12.5px;font-weight:700}.lt-scene.on{border-color:#f0c66b;box-shadow:0 0 0 2px #f0c66b59,0 10px 24px #00000059}.lt-scene:hover:not(:disabled){background:#0c0c0e9e;transform:translateY(-2px)}.lt-scene:disabled:not(.on){opacity:.45}.lt-foot{flex-direction:column;grid-area:3/1/auto/-1;align-items:center;gap:10px;display:flex}.lt-foot p{color:#fff8ebd9;text-shadow:0 1px 6px #000000b3;margin:0;font-size:12.5px}.lt-rules{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c0e8c;border:1px solid #ffffff1f;border-radius:99px;flex-wrap:wrap;justify-content:center;gap:6px;padding:6px}.lt-rules>span{color:#fff8ebe6;background:#ffffff0f;border-radius:99px;padding:5px 11px;font-size:12.5px;font-weight:600}.lt-rules b{color:#f3cf7a}.lt-rules .lt-edit{color:#2a1a05;background:#e9b955;align-items:center;gap:6px;font-weight:800;display:inline-flex}.lt-rules:hover:not(:disabled){background:#0c0c0eb3}.rules-sheet{width:min(460px,100%)}.rs-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rs-head h2{margin:0}@media (width<=900px){#lobby.lobby-table{pointer-events:auto;grid-template-rows:auto;grid-template-columns:1fr}.lt-left,.lt-right,.lt-foot{grid-area:auto/1}.lt-right{flex-flow:wrap}.lt-scene{flex:40%}}.home-worlds{min-width:0;padding-bottom:22px}.home-worlds ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.home-worlds li{animation:.35s ease-out both fadeSlide}.world{text-align:left;-webkit-backdrop-filter:blur(14px);background:#0e0c0a9e;border:1px solid #fff0d71f;border-radius:16px;align-items:center;gap:12px;width:100%;padding:8px 12px 8px 8px;transition:transform .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.world:hover:not(:disabled){background:#0e0c0ab8;border-color:#e2ad4a73;transform:translateY(-3px)}.world.on{border-color:#f0c66bbf;box-shadow:0 0 0 1px #f0c66b4d,0 12px 28px #00000059}.world .tp-swatch{border-radius:11px;flex:none;width:74px;height:58px}.world-text{flex-direction:column;gap:2px;min-width:0;display:flex}.world-text b{font-size:14px}.world-text small{color:var(--muted);font-size:11.5px;line-height:1.35}.world-bar{transform-origin:0;background:#f0c66b;width:100%;height:3px;animation:linear both worldBar;position:absolute;bottom:0;left:0}@keyframes worldBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width<=1000px){.home-worlds ul{grid-template-columns:repeat(2,minmax(0,1fr))}}.join-link{color:var(--muted);background:0 0;border:none;align-self:center;gap:7px;padding:6px 12px;font-size:13px;font-weight:600}.join-link:hover:not(:disabled){color:var(--text);background:#fff4e10f}.join-btns{grid-template-columns:1fr 1fr;gap:8px;display:grid}.join-btns button{background:#fff4e10d;gap:8px;padding:10px 0;font-size:13.5px;font-weight:650}.join-btns button.on{color:var(--accent-2);background:#e2ad4a1f;border-color:#e2ad4a99}.join-count{color:#2a1a05;background:#e9b955;border-radius:9px;min-width:18px;padding:0 5px;font-size:11px;font-weight:800}.open-none{text-align:center;margin:2px 0 0}#lobby.lobby-table{padding:44px 28px 26px}.lt-left,.lt-right{grid-row:1/3}.lt-title{grid-column:2}.lt-pass{background:linear-gradient(180deg, color-mix(in srgb, var(--panel-a) 92%, transparent), color-mix(in srgb, var(--panel-b) 95%, transparent));-webkit-backdrop-filter:blur(14px);border:1px solid #f0c66b59;border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex;position:relative;box-shadow:0 12px 28px #0006,inset 0 1px #fff0d214}.lt-pass:before{content:"";background:linear-gradient(90deg,#0000,#f0c66b,#0000);border-radius:2px;height:2px;position:absolute;top:0;left:14px;right:14px}.lt-pass-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:800}.lt-tiles{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.lt-tiles span{color:#2a1a05;background:linear-gradient(#f8e2a2,#d9a94a);border-radius:11px;place-items:center;height:50px;font:800 26px/1 Plus Jakarta Sans,sans-serif;animation:.35s cubic-bezier(.3,1.6,.5,1) both pop;display:grid;box-shadow:inset 0 1px #fff9,inset 0 -3px #78501459,0 4px 10px #00000059}.lt-pass-actions{grid-template-columns:1fr auto;gap:6px;display:grid}.lt-pass-main,.lt-pass-sub{background:#fff4e112;border:1px solid #fff4e11f;border-radius:11px;gap:7px;padding:9px 12px;font-size:13px;font-weight:700}.lt-pass-main:hover:not(:disabled),.lt-pass-sub:hover:not(:disabled){color:var(--accent-2);background:#f0c66b29;border-color:#f0c66b80}.lt-pass-sub{min-width:64px;color:var(--muted)}.home-shell{--gutter:clamp(20px, 3.2vw, 64px);width:min(1640px,100%)}.lt-exit{grid-area:3/1;place-self:end start}.lt-leave{color:#fff8ebbf;padding:8px 14px;font-size:13px}.lt-leave:hover:not(:disabled){color:#f0a795;background:#280e0a8c;border-color:#cf5a4b80}@media (width<=900px){.lt-exit{grid-area:auto/1}}.lt-pass-main,.lt-pass-sub{white-space:nowrap;justify-content:center;min-width:0}.lt-pass{width:100%}.lt-left{min-width:0}.hud-bottom .hand{padding-left:16px}.lt-pass-actions{grid-template-columns:1fr}.lt-pass button,.lt-pass button:active:not(:disabled){transform:none}.lt-tiles span{animation:none}#lobby.lobby-table{grid-template-columns:270px 1fr 270px;place-items:stretch stretch}.lt-left{justify-self:stretch;width:100%}.lt-right{justify-self:end;width:150px}.lt-title{z-index:0;grid-area:1/1/auto/-1;justify-self:center}.lt-left,.lt-right{z-index:1;position:relative}.lt-foot{justify-self:center}@media (width<=1500px){.hud-bottom .hand .rcard{width:62px;height:88px;margin:0 3px}.hud-bottom .hand .rcard .art{height:52px}}@media (width<=1250px){.hud-bottom .hand .rcard{width:54px;height:78px;margin:0 2px}.hud-bottom .hand .rcard .art{height:44px}.hud-bottom .hand .rcard .label{font-size:8.5px}}@media (width<=1500px){.hud-bottom .hand:has(>:nth-child(8)) .rcard{width:50px;height:72px;margin:0 2px}.hud-bottom .hand:has(>:nth-child(8)) .rcard .art{height:40px}.hud-bottom .hand:has(>:nth-child(8)) .rcard .label{letter-spacing:.04em;font-size:8px}.hud-bottom .hand:has(>:nth-child(10)) .rcard{width:44px;height:64px}.hud-bottom .hand:has(>:nth-child(10)) .rcard .art{height:34px}}@media (width>=1501px){.hud-bottom .hand:has(>:nth-child(10)) .rcard{width:58px;height:82px;margin:0 3px}.hud-bottom .hand:has(>:nth-child(10)) .rcard .art{height:48px}}.dock button.main-btn{width:124px;min-width:124px}.main-btn .btn-dice{gap:6px}.main-btn.dice-only .btn-dice .die3d{zoom:1.15}.main-btn.text-only .mb-label{letter-spacing:.06em;flex-direction:column;gap:5px;font-size:12px}.main-btn.text-only .btn-eta{font-size:10.5px}.rcard.tappable{cursor:pointer}.rcard.tappable:hover .rc-face{box-shadow:inset 0 1.5px #ffffff59,0 8px 18px #00000073,0 0 0 2px #f0c66b8c}.trade-table{border-radius:18px;width:min(440px,100vw - 32px);padding:12px}.tt-head{margin-bottom:6px}.tt-head h3{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-family:Plus Jakarta Sans,sans-serif;font-size:13px}.tt-head .icon-btn{background:0 0;border-color:#0000;width:26px;height:26px}.tt-supply{background:#00000038;border-radius:14px;gap:6px;padding:8px 6px 6px}.tt-pile{gap:3px;padding:0}.tt-pile .tt-under,.tt-pile .tt-card{width:38px;height:52px}.tt-pile .tt-under{top:0}.tt-pile .tt-art{width:30px;height:30px}.tt-pile .tt-art img{width:26px;height:26px}.tt-pile small{display:none}.tt-rate{color:var(--muted);background:0 0;border:none;margin-top:2px;padding:0 6px;font-size:9.5px;position:static}.tt-felt{box-shadow:none;background:0 0;border:none;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:6px;margin-top:8px;padding:8px;display:grid}.tt-lane{background:#00000040;border:1.5px dashed #fff4e124;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:92px;padding:22px 8px 8px}.tt-lane:has(.tt-fan){background:#f0c66b0f;border-style:solid;border-color:#f0c66b4d}.tt-lane-title{text-align:center;width:auto;color:var(--muted);font-size:9.5px;top:7px;left:0;right:0;transform:none}.tt-empty{color:var(--faint);padding:0;font-size:11.5px;font-style:normal}.tt-fan{justify-content:center;gap:6px}.tt-felt .tt-art{width:28px;height:28px}.tt-felt .tt-art img{width:24px;height:24px}.tt-group .tt-card+.tt-card{margin-left:-24px}.tt-swap{height:auto;color:var(--accent);opacity:.9;align-self:center;transform:none}.tt-foot{gap:6px;margin-top:8px}.tt-hint{font-size:11.5px}.tt-foot .ghost{padding:8px 12px}.tt-foot .primary{padding:9px 14px}@media (width<=560px){.tt-lane{padding-top:22px;padding-left:8px}.tt-lane-title{top:7px}}.tt-felt .tt-card{width:38px;height:52px}.tt-felt .tt-art,.tt-pile .tt-art{background:0 0;width:32px;height:32px}.tt-felt .tt-art img,.tt-pile .tt-art img{filter:drop-shadow(0 2px 2px #0006);width:28px;height:28px}.tt-lane{min-height:96px}.tt-hint{line-height:1.3}.tt-foot{align-items:center}.b2-art{opacity:.9;filter:drop-shadow(0 .03px .03px #0006);pointer-events:none}.b2-shadow{fill:#00000059}.b2-piece3d image{filter:drop-shadow(0 .02px .02px #00000080)}.b2-road line.shadow{stroke:#00000059;stroke-width:.18px;stroke-linecap:round}.b2-road line.shine{stroke:#ffffff59;stroke-width:.035px;stroke-linecap:round}.b2-robber{fill:none;stroke:none}.b2-hex{filter:drop-shadow(0 .05px #00000073)}.tt-quick{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.tt-quick>span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:2px;font-size:10px;font-weight:800}.tt-quick button{background:color-mix(in srgb, var(--c) 30%, #0000004d);border:1px solid color-mix(in srgb, var(--c) 60%, transparent);border-radius:99px;gap:4px;padding:3px 9px 3px 6px;font-size:12px;font-weight:800}.tt-quick button img{width:20px;height:20px}.tt-quick button:hover:not(:disabled){background:color-mix(in srgb, var(--c) 45%, #0000004d)}p.tt-hint{text-align:center;min-height:15px;margin:8px 2px 0}.tt-foot{grid-template-columns:auto 1fr 1fr;gap:6px;display:grid}.tt-foot button{justify-content:center;gap:6px;padding:9px 10px;font-size:13px}.tt-foot button.wide{grid-column:1/-1}.discard-table .tt-foot{display:flex}.rcard.gain{animation:none}.dock.idle .tool,.dock.idle button.main-btn{filter:grayscale(.75)brightness(.7)}.dock.idle button.main-btn,.dock.idle button.main-btn.primary{box-shadow:inset 0 3px 8px #000000a6}.dock.idle .tool .left{opacity:.6}.dock.idle button{cursor:default}#game .sidebar,#game .hud-bottom,#game .topbar{transition:opacity .35s,filter .35s}#game.robber-focus .sidebar,#game.robber-focus .hud-bottom,#game.robber-focus .topbar{opacity:.12;filter:grayscale(.6);pointer-events:none}.robber-call{z-index:6;color:#fff;white-space:nowrap;background:#781c14e6;border:1px solid #ff8c7880;border-radius:99px;padding:10px 18px;font-size:14px;font-weight:700;animation:.25s ease-out both popDown;position:absolute;top:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000080}.gfx-motion{border-top:1px solid var(--line);align-items:center;gap:12px;margin-top:8px;padding:10px 8px 4px;display:flex}.gfx-motion .gfx-text{flex:1}html.no-motion *,html.no-motion :before,html.no-motion :after{transition:none!important;animation:none!important}.top-right .view-ctrl button span{display:none}.top-right .view-ctrl button{width:40px}.vc-slide{width:40px;transform:translateX(calc(var(--i,1) * 40px))}.top-right .view-ctrl .vc-orbit,.top-right .gfx-current{display:none}.top-right{gap:0;padding:3px}.top-right .help-btn,.top-right .gfx-toggle{min-width:36px;height:36px}.brand .chip-group{background:0 0;border:none}.brand .map-tag{color:#fff8eba6;padding:0}.pc-stats{gap:4px}.pc-stat,.pc-stat.won{background:#0003;border:none;flex-direction:row;justify-content:center;gap:6px;padding:5px 0}.sidebar .log{gap:3px;font-size:12px}.sidebar .log-panel .tabs{background:0 0}.sidebar .log-panel{padding:6px 8px}.bank-strip{padding:10px 10px 8px}.sidebar .panel,.pcard,.top-right,.trade-table,.dock{border:1px solid #fff0d729;box-shadow:0 0 0 1px #0000008c,0 10px 24px #00000073,inset 0 1px #fff0d712}.pcard.current{border-color:color-mix(in srgb, var(--pc) 80%, white 10%);box-shadow:0 0 0 1px #0000008c, 0 0 0 3px color-mix(in srgb, var(--pc) 35%, transparent), 0 10px 24px #00000073}.pcard.me:not(.current){border-color:#f0c66b8c}.pc-stat,.pc-stat.won{background:#00000052;border:1px solid #fff0d712}.pc-stat.won{background:#f2c14e24;border-color:#f2c14eb3}.mini-card{border-width:1.5px}.rcard .art{height:64px}.rcard.empty .rc-face{background:linear-gradient(180deg, color-mix(in srgb, var(--c) 30%, #1a1612), color-mix(in srgb, var(--c) 14%, #120f0c));border:1.5px solid color-mix(in srgb, var(--c) 40%, transparent)}.rcard .label{font-size:11px}.pcard{gap:6px;padding:7px 10px 7px 13px}.pcard .avatar,.pcard.me .avatar{width:30px;height:30px;font-size:12px}.pc-points,.pcard:not(.current) .pc-points:not(.lead){border-radius:9px;width:38px;height:32px}.pc-points small{font-size:8px}.pc-stat,.pc-stat.won{border-radius:8px;padding:3px 0}.players-col{gap:6px}.pcard,.pcard.current{border-radius:12px;gap:0;padding:8px 10px}.pcard:before{display:none}.pcard .avatar,.pcard.me .avatar{width:30px;height:30px;box-shadow:0 0 0 2px var(--pc)}.pc-head{gap:10px}.pc-info{flex:auto}.pcard .pname{font-size:14px}.pc-stats{background:0 0;flex:none;gap:10px;padding:0;display:flex}.pc-stat,.pc-stat.won{box-shadow:none;background:0 0;border:none;align-items:center;gap:3px;padding:0;display:inline-flex}.pc-stat small{display:none}.pc-top{gap:3px}.pc-top img{width:15px;height:15px}.pc-stat b{font-size:13px}.pc-stat.zero{opacity:.45}.pc-stat.zero img{filter:grayscale(.6)}.pc-stat.won b{color:#f3cf7a}.pc-points,.pcard:not(.current) .pc-points:not(.lead){border-radius:8px;flex-direction:row;flex:none;gap:2px;width:34px;height:28px}.pc-points b{font-size:15px}.pc-points small{display:none}.pc-note{font-size:11px}.pcard.current{background:linear-gradient(90deg, color-mix(in srgb, var(--pc) 22%, var(--panel-a)), var(--panel-b))}.pc-note{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pc-info{min-width:0}.rcard .rc-face{border-width:2px}.rcard .art{background:#ffffff29;height:62px;margin:6px 6px 0}.rcard .card-3d{filter:drop-shadow(0 3px 3px #0006);width:58px;height:58px}.rcard .label{color:#fff;letter-spacing:.08em;text-shadow:none;background:#00000052;border-radius:5px;flex:none;margin:4px 5px 5px;padding:3px 0;font-size:10.5px;font-weight:800}.rcard.empty .rc-face{filter:saturate(.55)brightness(.62);background:linear-gradient(180deg, color-mix(in srgb, var(--c) 80%, white) 0%, var(--c) 42%, color-mix(in srgb, var(--c) 80%, black) 100%);border:2px solid #1f1812}.rcard.empty .art{background:#ffffff1f}.rcard.empty .label{color:#ffffffd9}.incoming{z-index:6;background:linear-gradient(180deg, var(--panel-a), var(--panel-b));width:min(380px,100% - 32px);box-shadow:0 0 0 1px #0000008c, 0 20px 50px #00000080, inset 0 3px 0 var(--pc);border:1px solid #fff0d729;border-radius:18px;flex-direction:column;gap:10px;padding:12px;animation:.22s cubic-bezier(.2,.9,.3,1.2) both popDown;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%)}.io-head{align-items:center;gap:10px;font-size:14px;display:flex}.io-head b{color:#fff}.io-deal{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:6px;display:grid}.io-side{background:#00000040;border:1px solid #fff0d714;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;display:flex}.io-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:800}.io-cards{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.io-card{background:linear-gradient(180deg, color-mix(in srgb, var(--c) 80%, white) 0%, var(--c) 45%, color-mix(in srgb, var(--c) 78%, black) 100%);border:1.5px solid #1f1812;border-radius:7px;place-items:center;width:38px;height:52px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff59,0 4px 10px #0006}.io-card b{color:#1f1812;background:#fff6e2;border:1.5px solid #1f1812;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-8px;right:-8px}.io-card.short{box-shadow:0 0 0 2px #e0614f,0 4px 10px #0006}.io-arrow{color:var(--accent);align-self:center}.io-warn{color:#f0a795;text-align:center;margin:0;font-size:12px}.io-actions{grid-template-columns:1fr 1.4fr;gap:6px;display:grid}.io-actions button{justify-content:center;gap:6px;padding:9px 0}.io-answer{text-align:center;border-radius:10px;margin:0;padding:8px;font-size:12.5px;font-weight:650}.io-answer.accept{color:#a9e0b1;background:#5c9f6829}.io-answer.decline{color:var(--muted);background:#fff4e10d}.main-slot{display:flex;position:relative}.float-dice{background:linear-gradient(180deg, var(--panel-a), var(--panel-b));border:1px solid #fff0d729;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px 14px 8px;display:flex;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #0000008c,0 14px 30px #00000080}.float-dice:disabled{opacity:1;cursor:default}.float-dice.rolling{border-color:#f0c66b;animation:2.4s ease-in-out infinite floatBob;box-shadow:0 0 0 1px #0000008c,0 0 0 3px #f0c66b59,0 14px 30px #00000080}.float-dice.rolling:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--panel-a) 80%, #f0c66b), var(--panel-b))}.fd-label{letter-spacing:.14em;text-transform:uppercase;color:#f3cf7a;font-size:11px;font-weight:800}@keyframes floatBob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-4px)}}.dock button.main-btn.text-only:disabled{filter:grayscale(.6)brightness(.6)}.win-card{width:min(440px,100%);padding:0 0 18px;overflow:hidden}.win-hero{text-align:center;background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--pc) 45%, transparent), transparent 70%);border-bottom:1px solid #fff0d714;flex-direction:column;align-items:center;padding:26px 20px 18px;display:flex;position:relative}.win-glow{pointer-events:none;background:radial-gradient(circle,#ffd26e59,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;top:18px}.win-crown{filter:drop-shadow(0 8px 14px #00000080);width:104px;height:104px;animation:.7s cubic-bezier(.2,1.4,.4,1) both crownIn;position:relative}@keyframes crownIn{0%{opacity:0;transform:translateY(-20px)scale(.6)rotate(-12deg)}}.win-eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:11px;font-weight:800}.win-card .winner-title{color:#fff;letter-spacing:0;text-transform:none;margin:4px 0 2px;font-family:Bricolage Grotesque,Plus Jakarta Sans,sans-serif;font-size:34px}.win-score{color:#f3cf7a;font-size:14px;font-weight:700}.win-list{flex-direction:column;gap:6px;margin:14px 18px 0;padding:0;list-style:none;display:flex}.win-list li{box-shadow:inset 3px 0 0 var(--pc);background:#00000038;border:1px solid #fff0d712;border-radius:12px;grid-template-columns:22px 32px 1fr auto;align-items:center;gap:10px;padding:8px 12px 8px 10px;display:grid}.win-list li.first{background:linear-gradient(90deg, color-mix(in srgb, var(--pc) 22%, transparent), #0003);border-color:#f0c66b73}.win-rank{color:var(--muted);text-align:center;font-size:13px;font-weight:800}.win-list li.first .win-rank{color:#f3cf7a}.win-list .avatar{background:var(--pc);width:30px;height:30px;font-size:12px}.win-who{flex-direction:column;min-width:0;display:flex}.win-who b{color:#fff;font-size:14px}.win-who b small{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-left:4px;font-size:10px;font-weight:600}.win-who>small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.win-vp{text-align:center;color:#2a1a05;background:linear-gradient(#f3d58a,#d4a443);border-radius:9px;min-width:36px;padding:4px 8px;font-size:16px;font-weight:800}.win-list li:not(.first) .win-vp{color:#fff;background:#fff4e11a}.win-actions{grid-template-columns:1fr 1.4fr;gap:8px;margin:16px 18px 0;display:grid}.win-actions button{justify-content:center;padding:11px 0}.float-dice,.float-dice.rolling,.float-dice.rolling:hover{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;gap:6px;padding:0}.float-dice.rolling:hover .btn-dice{transform:translateY(-3px)scale(1.06)}.float-dice .btn-dice{transition:transform .15s}.fd-label{text-shadow:0 1px 3px #000000e6}.float-dice,.float-dice.rolling,.float-dice.rolling:hover{gap:8px;bottom:calc(100% + 24px)}.fd-label{font-size:12px}.float-dice .btn-dice{gap:18px}.die3d .face{background:radial-gradient(circle at 32% 26%,#fff 0%,#f6efe0 45%,#e2d6bd 100%);border:none;border-radius:22%;box-shadow:inset 0 0 0 1px #96785040,inset 0 -3px 6px #785a3240,inset 0 3px 4px #fffc}.die3d .face i.on{background:radial-gradient(circle at 40% 35%,#3a2f26,#0d0a07);box-shadow:inset 0 1px 2px #000000b3,0 1px #fff9}.die3d .face:first-child i.on{background:radial-gradient(circle at 40% 35%,#d84a3c,#7a1c14)}.float-dice .die3d{filter:drop-shadow(0 10px 8px #00000073)drop-shadow(0 2px 2px #00000059)}.float-dice.rolling .die3d{filter:drop-shadow(0 10px 8px #00000073)drop-shadow(0 0 14px #ffd678b3)}.fd-label{letter-spacing:.16em;color:#2a1a05;text-shadow:none;background:linear-gradient(#f6dc94,#d4a443);border-radius:99px;padding:4px 12px;font-size:11px;font-weight:800;box-shadow:0 4px 10px #0006}.dock button.main-btn,.dock button.main-btn.text-only{width:96px;min-width:0}.main-btn.text-only .mb-label{letter-spacing:.06em;gap:3px;font-size:11px}.main-btn.text-only .btn-eta{padding:1px 6px;font-size:10px}html.no-motion .theme-veil{display:none}#game.robber-focus .sidebar,#game.robber-focus .hud-bottom,#game.robber-focus .topbar{opacity:1;filter:brightness(.62)grayscale(.3)}.board3d canvas,.backdrop canvas{animation:1.6s ease-out both canvasIn}@keyframes canvasIn{0%,75%{opacity:0}to{opacity:1}}html.no-motion .board3d canvas,html.no-motion .backdrop canvas{animation:1.6s step-end both canvasIn!important}.rcard .label{white-space:nowrap;text-overflow:clip;min-width:0;overflow:hidden}.rcard.dev .label{letter-spacing:.02em;font-size:9px}.rcard .rc-face{justify-content:space-between}.rcard .art{flex:1;place-items:center;height:auto;min-height:0;margin:6px 6px 0;display:grid}.rcard .art,.rcard.empty .art,.rcard.dev.vp .art{box-shadow:none;background:0 0}.rcard .card-art{filter:drop-shadow(0 2px 1.5px #0000004d);display:block}.rcard.empty .card-art{opacity:.75}.mini-card .card-art{filter:drop-shadow(0 1px 1px #00000040);display:block}.mini-card.out .card-art{filter:grayscale(.8);opacity:.5}.rcard .card-3d{object-fit:contain;filter:drop-shadow(0 0 .6px #140c06e6)drop-shadow(0 2px 1.5px #00000059);width:60px;height:60px}.rcard.empty .card-3d{filter:drop-shadow(0 0 .6px #140c06e6)drop-shadow(0 2px 1.5px #0000004d);opacity:.8}.mini-card .mc-art img{object-fit:contain;display:block}.hud-bottom .hand .rcard .art,.rcard .art{flex:1 1 0;height:auto;min-height:0;margin:5px 5px 0;position:relative}.rcard .art .card-3d,.hud-bottom .hand .rcard .card-3d{object-fit:contain;object-position:center;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;inset:2px}.hand .rcard .rc-face{background:linear-gradient(170deg,#fffaf0 0%,#f3e9d4 60%,#e6d8bb 100%);border:1.5px solid #2a1f15;border-radius:9px;gap:0;padding:4px;box-shadow:inset 0 0 0 1px #ffffffb3,0 6px 14px #00000073}.hud-bottom .hand .rcard .art,.hand .rcard .art,.hand .rcard.empty .art,.hand .rcard.dev.vp .art{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--c) 62%, white) 0%, var(--c) 58%, color-mix(in srgb, var(--c) 72%, black) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 55%, black), inset 0 2px 4px #00000040;border-radius:6px;margin:0}.hand .rcard .label,.hand .rcard.empty .label,.hand .rcard.dev.vp .label{color:color-mix(in srgb, var(--c) 60%, #1a120a);text-shadow:none;letter-spacing:.08em;background:0 0;border-radius:0;margin:3px 0 0;padding:1px 0 0;font-size:10px}.hand .rcard.dev .label{letter-spacing:.02em;font-size:8.5px}.hand .rcard .rc-under,.hand .rcard.dev.vp .rc-under{background:linear-gradient(170deg,#f6eedc,#dccdae);border:1.5px solid #2a1f15;border-radius:9px;box-shadow:0 4px 10px #00000059}.hand .rcard.dev.vp .rc-face{background:linear-gradient(170deg,#fffaf0 0%,#f3e9d4 60%,#e6d8bb 100%)}.hand .rcard.empty .rc-face{filter:saturate(.4)brightness(.72);border:1.5px solid #2a1f15}.abar{-webkit-backdrop-filter:blur(10px);background:linear-gradient(#222630f0,#14171ef5);border:1px solid #ffffff14;border-radius:20px;align-items:stretch;gap:8px;padding:8px;display:flex;box-shadow:0 0 0 1px #0000008c,0 18px 40px #00000073,inset 0 1px #ffffff12}.ab-tools{gap:6px;display:flex}.ab-tool{width:70px;height:78px;font:inherit;color:#fff;cursor:pointer;background:linear-gradient(#ffffff12,#ffffff06);border:1px solid #ffffff0d;border-radius:14px;flex-direction:column;align-items:center;gap:3px;margin:0;padding:6px 4px 7px;transition:transform .15s cubic-bezier(.3,1.5,.5,1),background .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.ab-tool:hover:not(:disabled){background:linear-gradient(#ffffff21,#ffffff0d);border-color:#ffffff29;transform:translateY(-3px)}.ab-tool:active:not(:disabled){transform:translateY(0)scale(.97)}.ab-tool.active{background:linear-gradient(180deg, color-mix(in srgb, var(--me) 34%, transparent), color-mix(in srgb, var(--me) 14%, transparent));border-color:color-mix(in srgb, var(--me) 80%, white);box-shadow:0 0 0 3px color-mix(in srgb, var(--me) 30%, transparent)}.ab-art{flex:1;place-items:center;width:100%;min-height:0;display:grid}.ab-art img{object-fit:contain;filter:drop-shadow(0 4px 4px #00000080);width:48px;height:48px;transition:transform .15s}.ab-tool:hover:not(:disabled) .ab-art img{transform:scale(1.08)}.ab-tool .tname{letter-spacing:.02em;color:#ffffffeb;font-size:11.5px;font-weight:700;line-height:1}.ab-tool .left{font-variant-numeric:tabular-nums;color:#ffffffd9;background:#00000073;border-radius:9px;place-items:center;min-width:18px;height:17px;padding:0 5px;font-size:10px;font-weight:800;display:grid;position:absolute;top:5px;right:5px}.ab-tool:disabled{cursor:default;background:#ffffff05;border-color:#ffffff08}.ab-tool:disabled .ab-art img{filter:grayscale(.5)brightness(.85)drop-shadow(0 3px 3px #0006);opacity:.72}.ab-tool:disabled .tname,.ab-tool:disabled .left{color:#ffffff8c}.ab-tool .tip{opacity:0;pointer-events:none;z-index:5;text-align:left;white-space:normal;background:var(--glass-strong);border:1px solid var(--line-2);min-width:170px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;transition:opacity .12s,transform .12s;display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,4px)}.ab-tool:hover .tip,.ab-tool:focus-visible .tip{opacity:1;transform:translate(-50%)}.ab-sep{background:#ffffff17;width:1px;margin:6px 2px}.ab-turn{gap:8px;display:flex}.ab-dice{cursor:default;background:radial-gradient(at 50% 60%,#00000059,#00000026);border:1px solid #ffffff0f;border-radius:14px;place-items:center;width:116px;margin:0;padding:0;transition:transform .15s,box-shadow .2s,border-color .2s;display:grid;box-shadow:inset 0 2px 6px #0006}.ab-dice:disabled{opacity:1}.ab-dice .btn-dice{gap:12px;display:inline-flex}.ab-dice .die3d{filter:drop-shadow(0 4px 4px #00000080)}.ab-dice.go{cursor:pointer;background:radial-gradient(at 50% 55%,#f3cf7a52,#f3cf7a0f);border-color:#f3cf7ad9;animation:1.8s ease-in-out infinite abGlow}.ab-dice.go .btn-dice{animation:1.6s ease-in-out infinite diceWiggle}.ab-dice.go:hover{transform:translateY(-2px)}.ab-dice.go:active{transform:scale(.97)}.ab-dice.seven{border-color:#e65a4699}@keyframes abGlow{0%,to{box-shadow:inset 0 0 12px #f3cf7a40,0 0 0 2px #f3cf7a26,0 0 14px #f3cf7a33}50%{box-shadow:inset 0 0 16px #f3cf7a66,0 0 0 4px #f3cf7a38,0 0 26px #f3cf7a73}}.ab-end{cursor:pointer;width:112px;font:inherit;letter-spacing:.03em;color:#2b1d08;background:linear-gradient(#f6d889,#dfa847);border:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:0 0 4px;padding:0 10px;font-size:14px;font-weight:800;transition:transform 80ms,box-shadow 80ms,filter .15s;display:flex;box-shadow:inset 0 1px #ffffff8c,0 4px #94671f,0 8px 16px #00000059}.ab-end:hover:not(:disabled){filter:brightness(1.06)}.ab-end:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px #ffffff8c,0 1px #94671f,0 3px 8px #00000059}.ab-end small{font-variant-numeric:tabular-nums;opacity:.7;font-size:11px;font-weight:700}.ab-end small.low{color:#9c2a14;opacity:1}.ab-end:disabled{cursor:default;color:#ffffff59;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff0f}.ab-end.ab-wide{width:auto;min-width:180px;height:64px}@media (width<=900px){.hud-bottom .dock-col .abar{border-radius:16px;gap:6px;width:100%;padding:6px}.abar .ab-tools{flex:1;gap:4px}.abar .ab-tool{flex:1;width:auto;min-width:0;height:64px}.abar .ab-art img{width:34px;height:34px}.abar .ab-tool .tip{display:none}.abar .ab-dice{width:86px}.abar .ab-dice .die3d{zoom:.8}.abar .ab-end{width:84px;font-size:12.5px}}.abar{position:relative}.abar .ab-dice{width:112px;height:60px;box-shadow:none;background:0 0;border:none;border-radius:50%;animation:none;position:absolute;bottom:calc(100% + 14px);right:8px}.abar .ab-dice .btn-dice{gap:14px}.abar .ab-dice .die3d{filter:drop-shadow(0 8px 8px #00000080)}.abar .ab-dice.go .die3d{filter:drop-shadow(0 8px 8px #00000080)drop-shadow(0 0 10px #f3cf7acc)}.abar .ab-dice.go:hover{transform:translateY(-3px)scale(1.05)}.abar .ab-end{margin:0 0 4px}@media (width<=900px){.abar .ab-dice{width:86px;bottom:calc(100% + 18px);right:6px}}.trade-stage{pointer-events:auto;flex-direction:column;align-items:flex-start;gap:6px;animation:.28s cubic-bezier(.2,.9,.3,1.15) both tsIn;display:flex}@keyframes tsIn{0%{opacity:0;transform:translateY(14px)}}.hand.trade-row{gap:0;padding:8px 10px 4px 40px;position:relative}.trade-row .tslot{position:relative}.trade-row .rcard{transform:none}.trade-row .rcard:hover:not(:disabled){transform:translateY(-6px)}.trade-row .rcard.empty .rc-face{filter:saturate(.25)brightness(.55);opacity:.7;border-style:dashed}.trade-row .rcard.empty:hover:not(:disabled) .rc-face{filter:saturate(.7)brightness(.85);opacity:1}.trade-row .rcard:disabled{cursor:default}.trade-row .rcard.empty:disabled .rc-face{opacity:.4}.trade-row.get .rcard.on{transform:translateY(-4px)}.trade-row.get .rcard.on .rc-face{box-shadow:0 0 0 2.5px #f3cf7a,0 0 22px #f3cf7a8c,0 8px 16px #00000073}.trade-row.give .rcard.on{transform:translateY(-4px)}.trade-row.give .rcard.on .rc-face{box-shadow:0 0 0 2.5px var(--me,#e9e2d2), 0 0 20px color-mix(in srgb, var(--me,#fff) 55%, transparent), 0 8px 16px #00000073}.trade-row .rcard .count{top:-9px;right:-9px}.tr-side{writing-mode:vertical-rl;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:#0c0e12b8;border-radius:8px;align-items:center;gap:3px;padding:8px 4px;font-size:10px;font-weight:800;display:flex;position:absolute;top:50%;left:6px;transform:translateY(-50%)rotate(180deg);box-shadow:0 4px 10px #00000059}.trade-row.get .tr-side{color:#f3cf7a}.trade-row.get .tr-side .icon{rotate:90deg}.trade-row.give .tr-side .icon{rotate:-90deg}.tr-minus{z-index:2;color:#fff;cursor:pointer;background:#1d1a16;border:2px solid #fff6e2;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;font-size:15px;font-weight:800;line-height:1;display:grid;position:absolute;bottom:-8px;left:50%;transform:translate(-50%);box-shadow:0 3px 8px #00000073}.tr-minus:hover{background:#a8382a}.tr-rate{z-index:2;color:#2b1d08;cursor:pointer;white-space:nowrap;background:linear-gradient(#f6d889,#dfa847);border:none;border-radius:10px;height:20px;padding:0 7px;font-size:10.5px;font-weight:800;position:absolute;bottom:-8px;left:50%;transform:translate(-50%);box-shadow:0 3px 8px #0006}.tr-rate:hover{filter:brightness(1.08)}.trade-rail{z-index:0;align-items:center;gap:6px;width:100%;min-height:40px;margin:4px 0 2px;padding:0 10px 0 40px;display:flex;position:relative}.tr-flow{pointer-events:none;z-index:-1;opacity:.75;background:linear-gradient(#0000 5px,#fff6e2cc 5px 9px,#0000 9px);height:14px;animation:1.4s linear infinite railFlow;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);-webkit-mask:repeating-linear-gradient(90deg,#000 0 10px,#0000 10px 22px);mask:repeating-linear-gradient(90deg,#000 0 10px,#0000 10px 22px)}@keyframes railFlow{to{-webkit-mask-position:22px 0;mask-position:22px 0}}.tr-hint{color:#fff6e2;white-space:nowrap;background:#0c0e12c7;border-radius:14px;margin-right:auto;padding:6px 12px;font-size:12.5px;font-weight:600;box-shadow:0 4px 12px #00000059}.tr-hint b{color:#f3cf7a}.tr-btn{height:34px;font:inherit;color:#fff;cursor:pointer;white-space:nowrap;background:#161920eb;border:1px solid #ffffff24;border-radius:17px;align-items:center;gap:6px;margin:0;padding:0 14px;font-size:13px;font-weight:700;transition:transform .12s,filter .12s;display:inline-flex;box-shadow:0 4px 12px #00000059}.tr-btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-2px)}.tr-btn:disabled{opacity:.45;cursor:default}.tr-btn.gold{color:#2b1d08;background:linear-gradient(#f6d889,#dfa847);border:none;box-shadow:inset 0 1px #ffffff80,0 3px #94671f,0 6px 14px #00000059}.tr-btn.gold:disabled{color:#fff9;background:#161920eb;border:1px solid #ffffff24;box-shadow:0 4px 12px #00000059}.tr-btn.round{justify-content:center;width:34px;padding:0}.tr-btn.ok{background:#2f7d4a;border-color:#5fc184}.tr-btn.ok b{background:#00000040;border-radius:9px;padding:2px 8px;font-size:11.5px}.tr-btn.ans{cursor:default}.tr-btn.ans small{color:#fff9;font-weight:600}.tr-btn.ans.no{opacity:.55}.tr-btn.danger{background:#8e2f24;border-color:#c5584a}.tr-btn .avatar{width:18px;height:18px;font-size:10px}.hand-col.trading{background:radial-gradient(ellipse 80% 45% at 55% 0%, #f3cf7a33, transparent 70%), radial-gradient(ellipse 80% 45% at 55% 100%, color-mix(in srgb, var(--me,#fff) 24%, transparent), transparent 70%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"), radial-gradient(ellipse at 50% 50%, #24563f, #163a2b 75%, #10291f);border:3px solid #5b3c22;border-radius:22px;gap:2px;padding:12px 16px 6px 6px;animation:.28s cubic-bezier(.2,.9,.3,1.15) both tsIn;position:relative;box-shadow:inset 0 0 0 1px #8a6136,inset 0 0 0 2px #2a190b,inset 0 0 40px #0000008c,0 0 0 1px #0009,0 22px 50px #0000008c}.hand-col.trading:before{content:"";pointer-events:none;border:1.5px dashed #f3cf7a73;border-radius:16px;position:absolute;inset:6px}.trade-stage .hand.trade-row{padding:10px 6px 6px 40px}.trade-row .rcard.empty .rc-face,.trade-row .rcard.empty:disabled .rc-face{filter:none;opacity:1;background:#0003;border:1.5px dashed #f3cf7a4d;box-shadow:inset 0 3px 8px #00000073,0 1px #ffffff0f}.trade-row .rcard.empty .art{box-shadow:none;background:0 0}.trade-row .rcard.empty .card-3d{opacity:.32;filter:grayscale()brightness(1.4)}.trade-row .rcard.empty .label{color:#fff0d266}.trade-row .rcard.empty:hover:not(:disabled) .rc-face{filter:none;background:#f3cf7a1a;border-color:#f3cf7abf}.trade-row .rcard.empty:hover:not(:disabled) .card-3d{opacity:.8;filter:none}.trade-row .rcard.empty:hover:not(:disabled) .label{color:#f3cf7a}.trade-stage .tr-side{color:#f3cf7a;box-shadow:none;background:#00000047;border:1px dashed #f3cf7a66;left:10px}.trade-stage .trade-row.give .tr-side{color:color-mix(in srgb, var(--me,#fff) 55%, white);border-color:color-mix(in srgb, var(--me,#fff) 50%, transparent)}.trade-stage .trade-rail{margin:2px 0;padding:0 6px 0 40px}.trade-stage .tr-flow{opacity:.9;background:linear-gradient(#0000 5px,#f3cf7abf 5px 8px,#0000 8px);left:34px;right:4px}.trade-stage .tr-hint{box-shadow:none;background:#00000073;border:1px solid #f3cf7a40}.trade-stage .tr-btn:not(.gold):not(.ok):not(.danger){background:#0a1812d9;border-color:#f3cf7a4d}.hand-col.trading .trade-stage{animation:none}.hand-col.trading:before{z-index:0}.hand-col.trading>.hand:not(.trade-row){padding:18px 6px 12px 40px;position:relative}.hand-col.trading>.hand:not(.trade-row):before{content:"Hand";writing-mode:vertical-rl;letter-spacing:.16em;text-transform:uppercase;color:#fff6e2cc;background:#00000047;border:1px dashed #fff6e24d;border-radius:8px;padding:8px 4px;font-size:10px;font-weight:800;position:absolute;top:50%;left:10px;transform:translateY(-50%)rotate(180deg)}.hand-col.trading>.hand:not(.trade-row):after{content:"";border-top:2px dashed #f3cf7a73;height:0;position:absolute;top:4px;left:34px;right:4px}.hand-col.trading{padding:14px 18px 6px}.trade-stage{gap:0;width:100%}.tm-row{align-items:center;gap:16px;min-height:118px;padding:8px 4px;display:flex;position:relative}.tm-title{letter-spacing:.14em;text-transform:uppercase;flex:none;width:66px;margin:0;font-size:12px;font-weight:800;line-height:1.25}.tm-row.get .tm-title{color:#f3cf7a}.tm-row.give .tm-title{color:color-mix(in srgb, var(--me,#fff) 50%, white)}.tm-pile{align-items:center;gap:10px;min-height:100px;padding-top:6px;display:flex}.tm-pile .rcard{margin:0;transform:none}.tm-pile .rcard:hover:not(:disabled){transform:translateY(-4px)}.tm-row.get .tm-pile .rcard .rc-face{box-shadow:0 0 0 2.5px #f3cf7a,0 0 18px #f3cf7a73,0 8px 16px #00000073}.tm-row.give .tm-pile .rcard .rc-face{box-shadow:0 0 0 2.5px var(--me,#fff), 0 0 18px color-mix(in srgb, var(--me,#fff) 45%, transparent), 0 8px 16px #00000073}.tm-pile .rcard .tc-x{z-index:2;color:#fff;opacity:0;background:#1d1a16;border:2px solid #fff6e2;border-radius:50%;place-items:center;width:20px;height:20px;transition:opacity .12s,transform .12s;display:grid;position:absolute;top:-7px;left:-7px;transform:scale(.7)}.tm-pile .rcard:hover .tc-x{opacity:1;background:#a8382a;transform:scale(1)}.tm-slot{text-align:center;color:#fff0d280;background:#0000002e;border:1.5px dashed #f3cf7a59;border-radius:10px;place-items:center;width:70px;height:98px;padding:8px;font-size:11px;font-weight:700;line-height:1.3;display:grid;box-shadow:inset 0 3px 8px #0006}.tm-row.get .tm-slot{color:#f3cf7a73;font-size:30px;font-weight:800}.tm-row.give .tm-slot{width:110px}.tm-pick{background:#00000040;border:1px solid #f3cf7a33;border-radius:30px;align-items:center;gap:6px;margin-left:auto;padding:6px 8px 6px 12px;display:flex}.tm-pick>span{letter-spacing:.12em;text-transform:uppercase;color:#fff0d299;white-space:nowrap;margin-right:4px;font-size:10.5px;font-weight:800}.tm-chip{cursor:pointer;background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--c) 55%, white), var(--c) 65%, color-mix(in srgb, var(--c) 70%, black));border:2px solid #fff6e2;border-radius:50%;place-items:center;width:44px;height:44px;margin:0;padding:0;transition:transform .12s;display:grid;position:relative;box-shadow:0 3px 8px #0006}.tm-chip img{object-fit:contain;filter:drop-shadow(0 2px 2px #00000059);width:32px;height:32px}.tm-chip i{color:#2b1d08;background:#f3cf7a;border:1.5px solid #2b1d08;border-radius:50%;place-items:center;width:17px;height:17px;font-size:13px;font-style:normal;font-weight:800;line-height:1;display:grid;position:absolute;bottom:-4px;right:-4px}.tm-chip:hover{transform:translateY(-3px)scale(1.06)}.tm-chip:active{transform:scale(.94)}.tm-bank{cursor:pointer;height:36px;font:inherit;color:#2b1d08;background:linear-gradient(#f6d889,#dfa847);border:none;border-radius:18px;align-items:center;gap:4px;margin:0;padding:0 10px 0 8px;display:inline-flex;box-shadow:inset 0 1px #ffffff80,0 2px #94671f}.tm-bank b{font-size:14px;font-weight:800}.tm-bank img{object-fit:contain;width:24px;height:24px}.tm-bank small{opacity:.75;font-size:11px;font-weight:700}.tm-bank:hover{filter:brightness(1.07)}.tm-rail{border-top:2px dashed #f3cf7a4d;border-bottom:2px dashed #f3cf7a4d;align-items:center;gap:8px;padding:8px 4px;display:flex;position:relative}.tm-swap{color:#f3cf7a;flex:none;place-items:center;width:66px;display:grid}.tm-swap .icon{transform:rotate(90deg)}.tm-hint{color:#fff6e2;flex:1;min-width:0;font-size:13px;font-weight:600}.tm-hint b{color:#f3cf7a}.hand-col.trading>.hand:not(.trade-row){padding:14px 4px 12px 86px}.hand-col.trading>.hand:not(.trade-row):before{content:"Your hand";writing-mode:horizontal-tb;text-align:left;letter-spacing:.14em;color:#fff6e299;background:0 0;border:none;width:66px;padding:0;font-size:12px;line-height:1.25;left:4px;transform:translateY(-50%)rotate(0)}.hand-col.trading>.hand:not(.trade-row):after{border-top-color:#f3cf7a4d;top:0;left:0;right:0}.trade-stage.tp{flex-direction:column;align-items:stretch;gap:10px;padding:2px 2px 8px;display:flex}.tp-head{justify-content:space-between;align-items:center;display:flex}.tp-head h3{letter-spacing:.16em;text-transform:uppercase;color:#f3cf7a;margin:0;font-size:15px;font-weight:800}.tp-steps{flex-direction:column;gap:12px;display:flex}.tp-row h4{color:#fff6e2;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;font-weight:700;display:flex}.tp-row h4 i{color:#2b1d08;background:#f3cf7a;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-style:normal;font-weight:800;display:grid}.tp-row.give h4 i{background:color-mix(in srgb, var(--me,#fff) 70%, white)}.tp-tiles{gap:8px;display:flex}.tp-tile{background:#00000038;border:1.5px solid #fff6e21f;border-radius:12px;flex-direction:column;align-items:stretch;gap:4px;width:84px;padding:6px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.tp-tile.on.get{background:#f3cf7a24;border-color:#f3cf7a;box-shadow:0 0 16px #f3cf7a4d}.tp-tile.on.give{border-color:var(--me,#fff);background:color-mix(in srgb, var(--me,#fff) 16%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--me,#fff) 30%, transparent)}.tp-tile.off{opacity:.45}.tp-face{cursor:pointer;font:inherit;background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--c) 60%, white), var(--c) 60%, color-mix(in srgb, var(--c) 72%, black));border:none;border-radius:8px;flex-direction:column;align-items:center;gap:2px;margin:0;padding:4px 0 3px;transition:transform .12s;display:flex;box-shadow:inset 0 0 0 1px #0000004d}.tp-face:hover:not(:disabled){transform:translateY(-2px)}.tp-face:disabled{cursor:default}.tp-art img{object-fit:contain;filter:drop-shadow(0 2px 2px #0006);width:44px;height:44px;display:block}.tp-name{letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px #00000080;font-size:10.5px;font-weight:800}.tp-step{justify-content:space-between;align-items:center;gap:2px;display:flex}.tp-step button{cursor:pointer;color:#fff6e2;background:#fff6e21f;border:none;border-radius:50%;place-items:center;width:24px;height:24px;margin:0;padding:0;font-size:16px;font-weight:800;line-height:1;display:grid}.tp-step button:hover:not(:disabled){background:#fff6e247}.tp-step button:disabled{opacity:.3;cursor:default}.tp-step b{text-align:center;color:#fff6e273;font-variant-numeric:tabular-nums;flex:1;font-size:18px;font-weight:800}.tp-tile.on .tp-step b{color:#fff}.tp-tile:has(.tp-step:only-child) .tp-step{justify-content:center}.tp-step:not(:has(button)){justify-content:center}.tp-note{text-align:center;color:#fff6e28c;white-space:nowrap;font-size:9.5px;font-weight:600}.tp-foot{border-top:2px dashed #f3cf7a4d;align-items:center;gap:12px;padding-top:10px;display:flex}.tp-line{flex:1;min-width:0}.tp-line p{color:#fff6e2;margin:0;font-size:14px;font-weight:600}.tp-line p b{color:#f3cf7a;font-weight:800}.tp-line small{color:#fff6e299;margin-top:3px;font-size:12px;display:block}.tp-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.tr-btn.big{border-radius:21px;height:42px;padding:0 18px;font-size:14px}.trade-stage .hand.tp-tiles{align-items:flex-end;gap:12px;padding:8px 2px 0;display:flex}.tp-slot{flex-direction:column;align-items:center;gap:6px;display:flex}.tp-slot .rcard{margin:0;transition:transform .16s cubic-bezier(.3,1.5,.5,1);transform:none}.tp-slot .rcard:hover:not(:disabled){transform:translateY(-6px)}.tp-slot.on .rcard{transform:translateY(-8px)}.tp-slot.on.get .rcard .rc-face{box-shadow:0 0 0 3px #f3cf7a,0 0 22px #f3cf7a8c,0 10px 18px #00000073}.tp-slot.on.give .rcard .rc-face{box-shadow:0 0 0 3px var(--me,#fff), 0 0 22px color-mix(in srgb, var(--me,#fff) 50%, transparent), 0 10px 18px #00000073}.tp-slot.off .rcard .rc-face{filter:saturate(.3)brightness(.55)}.tp-slot .rcard:disabled{cursor:default}.tp-under{justify-content:center;align-items:center;gap:6px;height:24px;display:flex}.tp-under small{color:#fff6e299;white-space:nowrap;font-size:10.5px;font-weight:600}.tp-minus{cursor:pointer;color:#fff;background:#1d1a16;border:2px solid #fff6e2;border-radius:50%;place-items:center;width:24px;height:24px;margin:0;padding:0;font-size:16px;font-weight:800;line-height:1;display:grid;box-shadow:0 2px 6px #0006}.tp-minus:hover{background:#a8382a}.tp-ask{align-items:center;gap:14px;display:flex}.tp-cap{letter-spacing:.14em;text-transform:uppercase;color:#f3cf7a;text-align:center;flex:none;width:74px;font-size:11px;font-weight:800}.trade-stage .tp-ask .hand.tp-tiles{zoom:.86;gap:10px;padding:6px 0 2px}.tp-ask .rcard{margin:0;transition:transform .16s cubic-bezier(.3,1.5,.5,1);transform:none}.tp-ask .rcard:hover{transform:translateY(-6px)}.tp-ask .rcard:active{transform:scale(.95)}.tp-plus{z-index:2;color:#2b1d08;opacity:.85;background:#f3cf7a;border:2px solid #2b1d08;border-radius:50%;place-items:center;width:22px;height:22px;font-size:16px;font-weight:800;line-height:1;display:grid;position:absolute;top:-8px;right:-8px}.tp-ask .rcard:hover .tp-plus{opacity:1;transform:scale(1.12)}.deal{background:#00000040;border:1.5px solid #f3cf7a66;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:visible;box-shadow:inset 0 2px 10px #00000059}.deal-row{align-items:center;gap:14px;min-height:104px;padding:10px 14px 10px 0;display:flex}.deal-row.get{background:linear-gradient(90deg,#5fc18447,#5fc1840f 60%,#0000);border-radius:15px 15px 0 0}.deal-row.give{background:linear-gradient(90deg,#e86c5647,#e86c560f 60%,#0000);border-top:1.5px dashed #f3cf7a66;border-radius:0 0 15px 15px}.deal-tag{letter-spacing:.12em;text-transform:uppercase;flex-direction:column;flex:none;align-items:center;gap:6px;width:74px;font-size:11px;font-weight:800;display:flex}.deal-tag i{color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 3px 8px #00000059}.deal-row.get .deal-tag{color:#9fe0b5}.deal-row.get .deal-tag i{background:#2f8a52}.deal-row.get .deal-tag .icon{animation:1.6s ease-in-out infinite dealIn;transform:rotate(90deg)}.deal-row.give .deal-tag{color:#f4ad9e}.deal-row.give .deal-tag i{background:#b64532}.deal-row.give .deal-tag .icon{animation:1.6s ease-in-out infinite dealOut;transform:rotate(-90deg)}@keyframes dealOut{0%,to{translate:0 2px}50%{translate:0 -2px}}.deal-cards{flex-wrap:wrap;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.deal-cards .rcard{zoom:.86;margin:0;transform:none}.deal-cards .rcard:hover:not(:disabled){transform:translateY(-4px)}.deal-cards .rcard:disabled{cursor:default}.deal-row.get .deal-cards .rcard .rc-face{box-shadow:0 0 0 3px #5fc184,0 0 18px #5fc18473,0 8px 16px #00000073}.deal-row.give .deal-cards .rcard .rc-face{box-shadow:0 0 0 3px #e86c56,0 0 18px #e86c5673,0 8px 16px #00000073}.deal-cards .rcard.short .rc-face{filter:grayscale(.6)brightness(.7)}.deal-cards .rcard .tc-x{z-index:2;color:#fff;opacity:0;background:#a8382a;border:2px solid #fff6e2;border-radius:50%;place-items:center;width:20px;height:20px;transition:opacity .12s;display:grid;position:absolute;top:-7px;left:-7px}.deal-cards .rcard:hover .tc-x{opacity:1}.deal-empty{color:#fff6e28c;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.deal-slot{background:#00000026;border:1.5px dashed #fff6e24d;border-radius:9px;width:60px;height:84px}.deal-swap{z-index:2;color:#2b1d08;background:#f3cf7a;border:2px solid #2b1d08;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:50%;left:37px;transform:translate(-50%,-50%);box-shadow:0 3px 8px #0006}.deal-cards .tm-pick{margin-left:auto}.trade-stage.tp{gap:12px}.hand-col.trading>.hand:not(.trade-row):before{content:"Your hand";text-align:center;width:74px}.hand-col.trading>.hand:not(.trade-row){padding-left:92px}.incoming.felt{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(#24563f,#163a2b 75%,#10291f);border:3px solid #5b3c22;width:min(520px,100% - 32px);box-shadow:inset 0 0 0 1px #8a6136,inset 0 0 0 2px #2a190b,inset 0 0 40px #0000008c,0 22px 50px #0000008c}.incoming.felt .io-head{color:#fff6e2}.incoming.felt .deal-cards .rcard{zoom:.78}.incoming.felt .deal-row{min-height:92px}.hand.deal-cards{align-items:center;padding:6px 0 0}.deal-row .deal-tag .icon{transform:none}.deal-swap{rotate:90deg}.deal-swap .icon{transform:none}.deal-row .deal-tag .icon{animation:none}.deal-row.get .deal-tag i{animation:1.6s ease-in-out infinite dealIn}.deal-row.give .deal-tag i{animation:1.6s ease-in-out infinite dealOut}.deal-row .deal-tag i,.deal-row .deal-tag .icon{animation:none;translate:none}.deal-row.get .deal-tag i{rotate:0deg}.deal-row.give .deal-tag i{rotate:180deg}.port-card{color:#fff6e2;text-align:left;width:230px;box-shadow:inset 0 3px 0 var(--pt), 0 14px 30px #00000080;background:linear-gradient(#1e222cf5,#12151cf7);border:1px solid #ffffff1a;border-radius:14px;padding:10px 12px 11px;font-family:inherit;animation:.16s cubic-bezier(.2,.9,.3,1.2) both pcIn}@keyframes pcIn{0%{opacity:0;transform:translateY(6px)scale(.96)}}.port-card .pc-top{align-items:center;gap:8px;margin-bottom:5px;display:flex}.port-card .pc-top b{font-size:14px;font-weight:800}.port-card .pc-rate{color:#fff;background:var(--pt);border-radius:8px;padding:3px 8px;font-size:13px;font-weight:800;box-shadow:inset 0 -2px #0003}.port-card p{color:#fff6e2;margin:0 0 6px;font-size:12.5px;line-height:1.4}.port-card small{color:#fff6e299;font-size:11.5px;line-height:1.35;display:block}.port-card .pc-owners{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.port-card .pc-owners i{align-items:center;gap:5px;font-size:11.5px;font-style:normal;font-weight:700;display:inline-flex}.port-card .pc-owners i:before{content:"";background:var(--c);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 2px #ffffff40}.trade-stage.tp{background:linear-gradient(#222630f5,#14171ef7);border:1px solid #ffffff14;border-radius:18px;gap:10px;width:min(470px,100vw - 32px);padding:12px 14px;animation:.22s cubic-bezier(.2,.9,.3,1.15) both tsIn;box-shadow:0 0 0 1px #00000080,0 18px 40px #00000073}.trade-stage.tp .tp-head h3{letter-spacing:.14em;font-size:13px}.trade-stage.tp .tr-btn.round{width:30px;height:30px}.trade-stage.tp .tp-ask{flex-direction:column;align-items:flex-start;gap:4px}.trade-stage.tp .tp-cap{text-align:left;color:#fff6e299;width:auto;font-size:10.5px}.trade-stage.tp .tp-ask .hand.tp-tiles{zoom:.66;gap:12px;padding:12px 0 2px}.trade-stage.tp .deal{box-shadow:none;border-color:#ffffff1a;border-radius:12px}.trade-stage.tp .deal-row{gap:10px;min-height:74px;padding:6px 10px 6px 0}.trade-stage.tp .deal-row.get{border-radius:11px 11px 0 0}.trade-stage.tp .deal-row.give{border-radius:0 0 11px 11px}.trade-stage.tp .deal-tag{gap:4px;width:64px;font-size:9.5px}.trade-stage.tp .deal-tag i{width:22px;height:22px}.trade-stage.tp .deal-cards .rcard{zoom:.62}.trade-stage.tp .deal-cards{gap:8px}.trade-stage.tp .deal-slot{width:40px;height:56px}.trade-stage.tp .deal-empty{gap:10px;font-size:12px}.trade-stage.tp .deal-swap{width:24px;height:24px;left:32px}.trade-stage.tp .tm-pick{padding:3px 6px 3px 10px}.trade-stage.tp .tm-bank{height:30px}.trade-stage.tp .tm-bank img{width:20px;height:20px}.trade-stage.tp .tp-foot{border-top:none;gap:10px;padding-top:0}.trade-stage.tp .tp-line p{font-size:12.5px}.trade-stage.tp .tp-line small{font-size:11px}.trade-stage.tp .tr-btn.big{height:38px;padding:0 14px;font-size:13px}.deal .deal-row .deal-tag i .icon,.deal .deal-row.get .deal-tag .icon,.deal .deal-row.give .deal-tag .icon{animation:none;transform:rotate(0)}.deal .deal-row.get .deal-tag i{rotate:0deg}.deal .deal-row.give .deal-tag i{rotate:180deg}.abar{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;align-items:flex-end;gap:8px;padding:0}.abar .ab-sep{display:none}.abar .ab-tools{gap:8px}.abar .ab-tool{color:#3a2a1a;background:linear-gradient(170deg,#fffaf0 0%,#f3e9d4 60%,#e6d8bb 100%);border:1.5px solid #2a1f15;border-radius:11px;gap:3px;width:70px;height:92px;padding:4px 4px 5px;box-shadow:inset 0 0 0 1px #ffffffb3,0 6px 14px #0006}.abar .ab-tool:hover:not(:disabled){background:linear-gradient(170deg,#fffdf6 0%,#f7eedb 60%,#ebdec4 100%);border-color:#2a1f15;transform:translateY(-5px)}.abar .ab-tool.active{border-color:#2a1f15;transform:translateY(-5px);box-shadow:0 0 0 3px #f3cf7a,0 0 18px #f3cf7a80,0 8px 16px #00000073}.abar .ab-art{background:radial-gradient(circle at 50% 38%,#4c5a6e,#2c3442 70%,#222833);border-radius:7px;flex:1;position:relative;box-shadow:inset 0 0 0 1px #00000059,inset 0 2px 4px #0000004d}.abar .ab-art img{width:44px;height:44px;margin-top:-6px}.abar .ab-cost{justify-content:center;gap:2px;display:flex;position:absolute;bottom:4px;left:0;right:0}.abar .ab-cost i{background:var(--c);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 1px #ffffffb3}.abar .ab-cost i.miss{opacity:.35}.abar .ab-tool .tname{letter-spacing:.06em;text-transform:uppercase;color:#3a2a1a;padding-top:1px;font-size:10.5px;font-weight:800}.abar .ab-tool .left{color:#1f1812;background:#fff6e2;border:2px solid #1f1812;border-radius:11px;min-width:21px;height:21px;font-size:11px;top:-7px;right:-7px;box-shadow:0 2px 6px #0006}.abar .ab-tool:disabled{filter:saturate(.35)brightness(.72);background:linear-gradient(170deg,#fffaf0 0%,#f3e9d4 60%,#e6d8bb 100%);border-color:#2a1f15}.abar .ab-tool:disabled .ab-art img{filter:drop-shadow(0 3px 3px #0006);opacity:1}.abar .ab-tool:disabled .tname{color:#3a2a1a}.abar .ab-tool:disabled .left{color:#1f1812}.abar .ab-end{border-radius:14px;width:116px;height:92px;margin:0 0 4px}.abar .ab-dice.go{background:0 0}.abar .ab-dice.go .die3d,.abar .ab-dice .die3d{filter:drop-shadow(0 6px 6px #00000073)}.abar .ab-dice{bottom:calc(100% + 18px)}.abar button:disabled{opacity:1}.abar .ab-end:disabled{color:#fff6e28c;background:linear-gradient(#3a3f4b,#2a2e37);box-shadow:inset 0 1px #ffffff14,0 4px #1b1e24,0 8px 16px #00000059}.b2-wrap{position:absolute;inset:0}.b2-wrap .board2d{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.b2-wrap .board2d:active{cursor:grabbing}.b2-wave{fill:none;stroke:#ffffff29;stroke-width:.025px;stroke-linecap:round}.b2-foam{fill:#ebfafc59}.b2-coast{fill:#e8d6a4;stroke:none}.b2-earth{fill:#8a6444}.b2-side{stroke:none}.b2-hex,.b2-hex.hot{stroke:#1e140a59;stroke-width:.02px;stroke-linejoin:round;filter:none}.b2-hex.hot{stroke:#ffd36b;stroke-width:.07px}.b2-rim{fill:none;stroke:#ffffff24;stroke-width:.03px;stroke-linejoin:round;pointer-events:none}.b2-token circle:first-child{filter:drop-shadow(0 .04px .03px #00000073)}.b2-zoom{z-index:3;background:#14171ed9;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:4px;padding:4px;display:flex;position:absolute;top:50%;right:340px;transform:translateY(-50%);box-shadow:0 8px 20px #00000059}.b2-zoom button{width:32px;height:32px;font:inherit;color:#fff6e2;cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;place-items:center;margin:0;padding:0;font-size:18px;font-weight:700;display:grid}.b2-zoom button:hover:not(:disabled){background:#ffffff24}@media (width<=900px){.b2-zoom{top:80px;right:10px;transform:none}}.b2-wrap .board2d,.flat-island .b2-wrap .board2d{background:#1d6f86;width:100%;height:100%;padding:0;position:absolute;inset:0}.b2-wrap .b2-zoom{top:50%;left:16px;right:auto}.tbar-wrap{align-items:center;gap:10px;display:flex}.tbar{-webkit-backdrop-filter:blur(8px);background:#14171ee6;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:2px;padding:5px;display:flex;box-shadow:0 0 0 1px #00000080,0 12px 28px #0006}.tb-tool{height:44px;font:inherit;color:#fff6e2;cursor:pointer;background:0 0;border:none;border-radius:11px;align-items:center;gap:6px;margin:0;padding:0 12px 0 8px;font-size:13px;font-weight:700;transition:background .12s;display:flex;position:relative}.tb-tool img{object-fit:contain;filter:drop-shadow(0 2px 2px #00000073);width:30px;height:30px}.tb-tool small{color:#fff6e2b3;background:#ffffff14;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:800;display:grid}.tb-tool:hover:not(:disabled){background:#ffffff14}.tb-tool.active{background:color-mix(in srgb, var(--me) 30%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--me) 80%, white)}.tb-tool:disabled{opacity:1;cursor:default;color:#fff6e261}.tb-tool:disabled img{filter:grayscale(.7);opacity:.45}.tb-tool .tip{opacity:0;pointer-events:none;z-index:5;text-align:left;white-space:normal;background:var(--glass-strong);border:1px solid var(--line-2);min-width:170px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;transition:opacity .12s,transform .12s;display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,4px)}.tb-tool:hover .tip,.tb-tool:focus-visible .tip{opacity:1;transform:translate(-50%)}.tb-turn{position:relative}.tb-end{cursor:pointer;min-width:150px;height:54px;font:inherit;color:#2b1d08;background:linear-gradient(#f6d889,#dfa847);border:none;border-radius:27px;justify-content:center;align-items:center;gap:8px;margin:0;padding:0 22px;font-size:15px;font-weight:800;transition:transform 80ms,box-shadow 80ms,filter .15s;display:flex;box-shadow:inset 0 1px #ffffff8c,0 3px #94671f,0 8px 18px #00000059}.tb-end small{opacity:.65;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.tb-end small.low{color:#9c2a14;opacity:1}.tb-end:hover:not(:disabled){filter:brightness(1.06)}.tb-end:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffffff8c,0 1px #94671f,0 4px 10px #00000059}.tb-end:disabled{opacity:1;cursor:default;color:#fff6e273;background:#14171ee6;box-shadow:0 0 0 1px #ffffff14,0 8px 18px #0000004d}.tb-dice{cursor:default;background:0 0;border:none;gap:12px;margin:0;padding:0;display:flex;position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%)}.tb-dice:disabled{opacity:1}.tb-dice .die3d{filter:drop-shadow(0 6px 6px #00000073)}.tb-dice.go{cursor:pointer;animation:1.6s ease-in-out infinite diceWiggle}.tb-dice.go:hover{transform:translate(-50%)translateY(-3px)}@media (width<=900px){.tbar-wrap{width:100%}.tbar{flex:1;justify-content:space-between}.tb-tool{flex-direction:column;gap:1px;height:52px;padding:2px 4px;font-size:10.5px}.tb-tool small,.tb-tool .tip{display:none}.tb-end{min-width:0;padding:0 14px;font-size:13px}}.trade-strip{flex-direction:column;align-items:flex-start;gap:6px;animation:.2s cubic-bezier(.2,.9,.3,1.15) both tsIn;display:flex}.ts-ask,.ts-deal{background:#14171ee6;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:6px;padding:6px 8px;display:flex;box-shadow:0 0 0 1px #00000080,0 10px 24px #00000059}.ts-cap{letter-spacing:.12em;text-transform:uppercase;color:#fff6e28c;padding:0 4px;font-size:10.5px;font-weight:800}.ts-pick{cursor:pointer;background:linear-gradient(180deg, color-mix(in srgb, var(--c) 75%, white), var(--c));border:2px solid #f6eedb;border-radius:8px;place-items:center;width:40px;height:48px;margin:0;padding:0;transition:transform .12s;display:grid;position:relative;box-shadow:0 2px 6px #00000059}.ts-pick img{object-fit:contain;filter:drop-shadow(0 1px 2px #0006);width:30px;height:30px}.ts-pick i{color:#2b1d08;background:#f3cf7a;border:1.5px solid #2b1d08;border-radius:50%;place-items:center;width:17px;height:17px;font-size:13px;font-style:normal;font-weight:800;line-height:1;display:grid;position:absolute;top:-6px;right:-6px}.ts-pick:hover{transform:translateY(-3px)}.ts-pick:active{transform:scale(.94)}.ts-x{color:#fff6e2;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;place-items:center;width:28px;height:28px;margin:0 0 0 4px;padding:0;display:grid}.ts-x:hover{background:#ffffff29}.ts-label{letter-spacing:.12em;text-transform:uppercase;padding:0 2px 0 4px;font-size:10.5px;font-weight:800}.ts-label.give{color:#f4ad9e}.ts-label.get{color:#9fe0b5}.ts-side{align-items:center;gap:5px;min-width:50px;display:flex}.ts-card{cursor:pointer;background:linear-gradient(180deg, color-mix(in srgb, var(--c) 75%, white), var(--c));border:2px solid #f6eedb;border-radius:7px;place-items:center;width:36px;height:44px;margin:0;padding:0;display:grid;position:relative;box-shadow:0 2px 6px #00000059}.ts-card img{object-fit:contain;width:26px;height:26px}.ts-card b{color:#1f1812;background:#fff6e2;border:1.5px solid #1f1812;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10.5px;font-weight:800;display:grid;position:absolute;top:-6px;right:-6px}.ts-card:disabled{opacity:1;cursor:default}.ts-card:hover:not(:disabled){filter:brightness(.85)}.ts-empty{color:#fff6e266;white-space:nowrap;padding:0 4px;font-size:11.5px;font-weight:600}.ts-swap{color:#2b1d08;background:#f3cf7a;border-radius:50%;place-items:center;width:26px;height:26px;margin:0 2px;display:grid}.ts-actions{border-left:1px solid #ffffff1a;align-items:center;gap:5px;margin-left:8px;padding-left:8px;display:flex}.ts-btn{height:32px;font:inherit;color:#fff6e2;cursor:pointer;white-space:nowrap;background:#ffffff14;border:none;border-radius:16px;align-items:center;gap:5px;margin:0;padding:0 12px;font-size:12.5px;font-weight:700;display:inline-flex}.ts-btn:hover:not(:disabled){background:#ffffff29}.ts-btn:disabled{opacity:.4;cursor:default}.ts-btn.ghost{justify-content:center;width:32px;padding:0}.ts-btn.gold{color:#2b1d08;background:linear-gradient(#f6d889,#dfa847);box-shadow:inset 0 1px #ffffff80}.ts-btn.gold:disabled{color:#fff6e299;box-shadow:none;background:#ffffff14}.ts-btn.ok{background:#2f7d4a}.ts-ans{color:#fff6e2b3;background:#ffffff0f;border-radius:14px;align-items:center;gap:3px;height:28px;padding:0 6px;display:inline-flex}.ts-ans.no{opacity:.5}.ts-ans .avatar{width:18px;height:18px;font-size:10px}.ts-hint{color:#fff6e2;background:#0c0e1299;border-radius:10px;margin:0;padding:3px 10px;font-size:12px;font-weight:600}.ts-hint b{color:#f3cf7a}.ts-hint small{color:#fff6e299;font-size:11px}.tb-die{display:inline-block}.tb-die.thrown{transform:translate(var(--dx), var(--dy)) rotate(var(--rot));animation:.85s cubic-bezier(.22,.7,.3,1) both dieToss}@keyframes dieToss{0%{opacity:0;transform:translateY(40px)rotate(0)scale(.7)}15%{opacity:1}55%{transform:translate(calc(var(--dx) * .7), calc(var(--dy) - 70px)) rotate(calc(var(--rot) * 3)) scale(1.1)}80%{transform:translate(calc(var(--dx) * 1.05), calc(var(--dy) + 4px)) rotate(calc(var(--rot) * 1.2)) scale(1)}to{transform:translate(var(--dx), var(--dy)) rotate(var(--rot))}}html.no-motion .tb-die.thrown{animation:none}.hud-bottom .hand-col{flex:auto;min-width:0}.hud-bottom .dock-col{flex:none;margin-left:auto}@media (width<=1750px){.tb-tool span{display:none}.tb-tool{padding:0 8px}.tb-end{min-width:128px;padding:0 16px}}@media (width<=1350px){.tb-tool small{display:none}.tb-tool{padding:0 6px}}.tbar-wrap{background:linear-gradient(#262b36f5,#12151cfa);border:1px solid #ffffff17;border-bottom:none;border-radius:80px 80px 0 0/60px 60px 0 0;align-items:flex-end;gap:6px;margin-bottom:-14px;padding:8px 14px 18px 18px;position:relative;box-shadow:0 0 0 1px #00000080,0 -10px 30px #00000059,inset 0 1px #ffffff14}.tbar-wrap .tbar{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;align-items:flex-end;gap:4px;padding:0}.tbar-wrap .tb-tool,.tbar-wrap .tb-tool:hover:not(:disabled){background:0 0;border-radius:12px;flex-direction:column;justify-content:flex-end;gap:2px;width:66px;height:auto;padding:0 0 2px}.tbar-wrap .tb-tool img{filter:drop-shadow(0 8px 6px #0000008c);width:62px;height:62px;margin-top:-34px;transition:transform .18s cubic-bezier(.3,1.6,.5,1),filter .18s}.tbar-wrap .tb-tool.active{box-shadow:none;background:0 0}.tbar-wrap .tb-tool span,.tbar-wrap .tb-tool small{display:block}.tbar-wrap .tb-tool span{letter-spacing:.02em;font-size:11px;font-weight:700}.tbar-wrap .tb-tool small{color:#1f1812;background:#fff6e2;border:1.5px solid #1f1812;min-width:18px;height:18px;position:absolute;top:-30px;right:2px;box-shadow:0 2px 5px #0006}.tbar-wrap .tb-end{min-width:128px;height:50px}.tbar-wrap .tb-end:disabled{background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff14}@media (width<=1350px){.tbar-wrap .tb-tool{width:54px}.tbar-wrap .tb-tool img{width:50px;height:50px;margin-top:-28px}.tbar-wrap .tb-tool span{font-size:10px}.tbar-wrap .tb-end{min-width:108px;padding:0 12px;font-size:13.5px}}.tbar-wrap{background:radial-gradient(70% 90% at 50% 0,#ffffff12,#0000 70%),linear-gradient(#2f3542 0%,#1c2029 45%,#14171e 100%);border:none;border-radius:120px 120px 0 0/70px 70px 0 0;gap:10px;padding:10px 16px 16px 22px;box-shadow:inset 0 2px #ffffff24,inset 0 6px 14px #ffffff0a,inset 0 -20px 30px #00000059,0 0 0 1.5px #0b0d11,0 -6px 24px #0006}.tbar-wrap:before{content:"";pointer-events:none;border-top:1.5px solid #f3cf7a59;border-radius:110px 110px 0 0/60px 60px 0 0;height:40px;position:absolute;inset:5px 14px auto}.tbar-wrap .tb-tool,.tbar-wrap .tb-tool:hover:not(:disabled){gap:4px;width:70px;padding:0 0 2px}.tbar-wrap .tb-tool:before{content:"";pointer-events:none;background:radial-gradient(at 50% 40%,#0000008c,#0003 60%,#0000 72%);border-radius:50%;width:58px;height:18px;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 1px #ffffff1a}.tbar-wrap .tb-tool img{width:64px;height:64px;margin-top:-40px;position:relative}.tbar-wrap .tb-tool:first-child,.tbar-wrap .tb-tool:nth-child(5){margin-top:12px}.tbar-wrap .tb-tool:nth-child(2),.tbar-wrap .tb-tool:nth-child(4){margin-top:4px}.tbar-wrap .tb-end{background:radial-gradient(at 50% 20%,#fbe5a4,#e9b856 55%,#c98d2c);border:2px solid #7a5418;border-radius:28px;flex-direction:column;gap:0;min-width:132px;height:56px;line-height:1.1;box-shadow:inset 0 2px #fff9,inset 0 -3px #00000026,0 4px #6b4812,0 10px 20px #0006}.tbar-wrap .tb-end small{font-size:11px}@media (width<=1350px){.tbar-wrap .tb-tool,.tbar-wrap .tb-tool:hover:not(:disabled){width:58px}.tbar-wrap .tb-tool img{width:52px;height:52px;margin-top:-32px}.tbar-wrap .tb-tool:before{width:48px}.tbar-wrap .tb-end{min-width:110px}}.tbar-wrap .tb-tool:nth-child(n){margin-top:0}.tbar-wrap .tb-tool:first-child,.tbar-wrap .tb-tool:nth-child(5){translate:0 10px}.tbar-wrap .tb-tool:nth-child(2),.tbar-wrap .tb-tool:nth-child(4){translate:0 3px}.tbar-wrap .tb-tool:nth-child(3){translate:0 -3px}.tbar-wrap{background:linear-gradient(#fbf4e3 0%,#efe2c4 55%,#e2d0a8 100%);border:4px solid #7a5232;border-bottom:none;border-radius:140px 140px 0 0/64px 64px 0 0;align-items:flex-end;gap:8px;padding:6px 20px 14px 24px;box-shadow:inset 0 3px #fffc,inset 0 -18px 26px #7856282e,0 0 0 1.5px #3b2614,0 -8px 26px #00000059}.tbar-wrap .tb-tool:before{width:56px;height:14px;box-shadow:none;background:radial-gradient(#5a3c1959,#0000 70%);top:4px}.tbar-wrap .tb-tool.active:before{background:radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--me) 75%, transparent), transparent 72%)}.tbar-wrap .tb-tool img{filter:drop-shadow(0 6px 4px #3c230a73);width:70px;height:70px;margin-top:-48px}.tbar-wrap .tb-tool span{letter-spacing:.08em;text-transform:uppercase;color:#5a3d1c;font-size:10.5px;font-weight:800}.tbar-wrap .tb-turn{align-self:flex-end;margin-left:6px}.tbar-wrap .tb-end,.tbar-wrap .tb-end:disabled{border-radius:50%;flex-direction:column;gap:1px;width:86px;min-width:0;height:86px;margin:-40px 0 0;padding:0;font-size:13px;line-height:1.05}.tbar-wrap .tb-end:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 0 0 3px #fff0c880,0 2px #5c3c0e,0 6px 12px #00000059}@media (width<=1350px){.tbar-wrap .tb-tool,.tbar-wrap .tb-tool:hover:not(:disabled){width:60px}.tbar-wrap .tb-tool img{width:56px;height:56px;margin-top:-38px}.tbar-wrap .tb-end,.tbar-wrap .tb-end:disabled{width:74px;height:74px;font-size:12px}}.tbar-wrap,.tbar-wrap.idle{box-shadow:none;background:0 0;border:none;border-radius:0;align-items:flex-end;gap:14px;margin-bottom:0;padding:0}.tbar-wrap:before{display:none}.tbar-wrap .tbar{gap:10px}.tbar-wrap .tb-tool,.tbar-wrap .tb-tool:hover:not(:disabled){color:#fff;gap:0;width:70px;padding:0}.tbar-wrap .tb-tool:nth-child(n){translate:none}.tbar-wrap .tb-tool:before{width:54px;height:12px;box-shadow:none;background:radial-gradient(#00141e8c,#0000 70%);border-radius:50%;transition:transform .2s,opacity .2s;top:auto;bottom:16px}.tbar-wrap .tb-tool:not(:disabled):before{background:radial-gradient(#00141e8c,#0000 70%)}.tbar-wrap .tb-tool img{filter:drop-shadow(0 2px 2px #00000059);width:66px;height:66px;animation:3.2s ease-in-out infinite pieceFloat;animation-delay:calc(var(--n,0) * -.6s);margin:0 0 10px}.tbar-wrap .tb-tool:nth-child(2) img{animation-delay:-.6s}.tbar-wrap .tb-tool:nth-child(3) img{animation-delay:-1.2s}.tbar-wrap .tb-tool:nth-child(4) img{animation-delay:-1.8s}.tbar-wrap .tb-tool:nth-child(5) img{animation-delay:-2.4s}@keyframes pieceFloat{0%,to{translate:0}50%{translate:0 -4px}}html.no-motion .tbar-wrap .tb-tool img{animation:none}.tbar-wrap .tb-tool.active img{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--me) 80%, white));transform:translateY(-10px)scale(1.12)}.tbar-wrap .tb-tool span,.tbar-wrap .tb-tool.active span{letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 1px 3px #000c,0 0 8px #00000080;font-size:10.5px;font-weight:800}.tbar-wrap .tb-tool:disabled img{filter:grayscale(.8)brightness(.85);opacity:.55;animation:none}.tbar-wrap .tb-tool .tip{bottom:calc(100% + 12px)}.tbar-wrap .tb-end,.tbar-wrap .tb-end:disabled{border-radius:27px;flex-direction:row;gap:8px;width:auto;min-width:150px;height:54px;margin:0;padding:0 22px;font-size:15px}.tbar-wrap .tb-end{color:#2b1d08;background:linear-gradient(#f6d889,#dfa847);border:none;box-shadow:inset 0 1px #ffffff8c,0 3px #94671f,0 8px 18px #00000059}.tbar-wrap .tb-end:disabled{color:#fff6e28c;background:#14171ebf;border:none;box-shadow:0 0 0 1px #ffffff1a,0 8px 18px #0000004d}@media (width<=1350px){.tbar-wrap .tbar{gap:4px}.tbar-wrap .tb-tool,.tbar-wrap .tb-tool:hover:not(:disabled){width:58px}.tbar-wrap .tb-tool img{width:54px;height:54px}.tbar-wrap .tb-end,.tbar-wrap .tb-end:disabled{min-width:116px;padding:0 14px;font-size:13.5px}}.tbar-wrap .tb-tool:before,.tbar-wrap .tb-tool:not(:disabled):before,.tbar-wrap .tb-tool.active:before{opacity:1;background:radial-gradient(at 50% 35%,#fff6df,#ead7ae 60%,#d6bd8c);border-radius:50%;width:60px;height:20px;top:auto;bottom:22px;transform:translate(-50%);box-shadow:0 6px #8a5d34,0 7px #5e3d1f,0 12px 14px #00000073}.tbar-wrap .tb-tool.active:before{background:radial-gradient(ellipse at 50% 35%, #fff, color-mix(in srgb, var(--me) 45%, #ead7ae) 70%);box-shadow:0 6px 0 #8a5d34, 0 7px 0 #5e3d1f, 0 0 18px color-mix(in srgb, var(--me) 70%, transparent), 0 12px 14px #00000073}.tbar-wrap .tb-tool:hover:not(:disabled):before{opacity:1;transform:translate(-50%)}.tbar-wrap .tb-tool:disabled:before{filter:brightness(.7)saturate(.6)}.tbar-wrap .tb-tool img{filter:drop-shadow(0 6px 4px #28190a73);width:74px;height:74px;margin:-30px 0 14px;position:relative}.tbar-wrap .tb-tool:hover:not(:disabled) img{filter:drop-shadow(0 14px 8px #28190a59);transform:translateY(-10px)scale(1.12)}.tbar-wrap .tb-tool:disabled img{filter:saturate(.55)brightness(.8)drop-shadow(0 6px 4px #28190a66);opacity:1}.tbar-wrap .tb-tool span{margin-top:6px}@media (width<=1350px){.tbar-wrap .tb-tool:before{width:50px;height:17px}.tbar-wrap .tb-tool img{width:60px;height:60px;margin-top:-22px}}.tbar-wrap,.tbar-wrap.idle{background:linear-gradient(#fbf3df 0%,#efe0bd 70%,#e4cfa2 100%);border-radius:18px;align-items:flex-end;gap:10px;height:58px;margin-bottom:14px;padding:0 10px 0 14px;box-shadow:inset 0 2px #fffc,0 9px #8a5d34,0 11px #5a3a1c,0 20px 26px #00000073}.tbar-wrap .tbar{align-items:flex-end;gap:4px;height:100%}.tbar-wrap .tb-tool:before,.tbar-wrap .tb-tool:not(:disabled):before,.tbar-wrap .tb-tool.active:before{width:52px;height:12px;box-shadow:none;filter:none;background:radial-gradient(#5a3a1c59,#0000 70%);border-radius:50%;top:auto;bottom:18px}.tbar-wrap .tb-tool.active:before{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--me) 75%, transparent), transparent 72%);width:62px;height:16px}.tbar-wrap .tb-tool,.tbar-wrap .tb-tool:hover:not(:disabled){justify-content:flex-end;width:72px;height:100%;padding:0 0 6px}.tbar-wrap .tb-tool img{filter:drop-shadow(0 4px 3px #3c230a73);width:72px;height:72px;margin:-48px 0 -4px}.tbar-wrap .tb-tool:disabled img{filter:saturate(.5)brightness(.85)drop-shadow(0 4px 3px #3c230a59)}.tbar-wrap .tb-tool span,.tbar-wrap .tb-tool.active span{color:#5a3d1c;text-shadow:none;margin-top:0;font-size:10px}.tbar-wrap .tb-tool:disabled span{color:#5a3d1c73}.tbar-wrap .tb-tool.active span{color:color-mix(in srgb, var(--me) 70%, black)}.tbar-wrap .tb-tool small{top:-44px;right:-2px}.tbar-wrap .tb-turn{align-self:center;margin:0}.tbar-wrap .tb-end,.tbar-wrap .tb-end:disabled{border-radius:21px;min-width:132px;height:42px;padding:0 18px;font-size:14px}.tbar-wrap .tb-end{box-shadow:inset 0 1px #ffffff8c,0 3px #94671f,0 5px 10px #3c230a4d}.tbar-wrap .tb-end:disabled{color:#5a3d1c80;background:#5a3d1c1a;box-shadow:inset 0 2px 4px #5a3d1c40}.tbar-wrap .tb-dice{bottom:calc(100% + 30px)}@media (width<=1350px){.tbar-wrap .tb-tool,.tbar-wrap .tb-tool:hover:not(:disabled){width:58px}.tbar-wrap .tb-tool img{width:58px;height:58px;margin-top:-38px}.tbar-wrap .tb-end,.tbar-wrap .tb-end:disabled{min-width:108px;padding:0 12px;font-size:13px}}.tbar-wrap .tb-tool .tip{text-align:left;cursor:default;background:linear-gradient(#222630fa,#14171efa);border:1px solid #ffffff1a;border-radius:14px;gap:9px;width:210px;min-width:0;padding:11px 12px;bottom:calc(100% + 56px);box-shadow:0 0 0 1px #00000080,0 16px 34px #00000073}.tbar-wrap .tb-tool .tip:after{content:"";background:#14171e;border-bottom:1px solid #ffffff1a;border-right:1px solid #ffffff1a;width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.tbar-wrap .tb-tool .tip span,.tbar-wrap .tb-tool .tip small,.tbar-wrap .tb-tool .tip b{display:revert;min-width:0;height:auto;box-shadow:none;text-transform:none;letter-spacing:normal;text-shadow:none;color:inherit;background:0 0;border:none;border-radius:0;margin:0;padding:0;position:static;top:auto;right:auto}.tbar-wrap .tb-tool .tip .tip-title{flex-direction:column;gap:2px;display:flex}.tbar-wrap .tb-tool .tip .tip-title b{color:#fff6e2;font-size:14px;font-weight:800}.tbar-wrap .tb-tool .tip .tip-title small{color:#fff6e299;font-size:11.5px;font-weight:500}.tbar-wrap .tb-tool .tip .reqs{gap:6px;display:flex}.tbar-wrap .tb-tool .tip .req{background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;place-items:center;width:42px;height:42px;display:grid;position:relative}.tbar-wrap .tb-tool .tip .req.miss{opacity:.4}.tbar-wrap .tb-tool .tip img{opacity:1;filter:drop-shadow(0 2px 2px #0006);width:32px;height:32px;margin:0;animation:none;position:static;transform:translate(0,0)}.tbar-wrap .tb-tool .tip .req b{color:#2b1d08;background:#f3cf7a;border-radius:6px;padding:1px 5px;font-size:10.5px;font-weight:800;position:absolute;bottom:-6px;right:-5px}.tbar-wrap .tb-tool .tip .tip-why{color:#f0b9a8;font-size:11.5px;font-weight:600;line-height:1.35;display:block}.tbar-wrap .tb-tool>small{z-index:2;top:-22px;right:2px}.tbar-wrap .tb-tool:disabled>img{filter:grayscale(.85)brightness(.95)drop-shadow(0 4px 3px #3c230a40);opacity:.5}.tbar-wrap .tb-tool:not(:disabled)>img{filter:drop-shadow(0 6px 4px #3c230a73)}.tbar-wrap .tb-tool:not(:disabled)>span{color:#3a2410}.tbar-wrap .tb-tool:disabled>img{opacity:1;filter:grayscale(.75)brightness(1.05)contrast(.85)drop-shadow(0 4px 3px #3c230a40)}.tbar-wrap .tb-tool:disabled>small{opacity:1}.tbar-wrap .tb-tool>.tip{flex-direction:column;align-items:stretch;gap:10px;display:flex}.tbar-wrap .tb-tool .tip .reqs{padding-bottom:6px}.pcard,.pcard.current{box-shadow:inset 3px 0 0 var(--pc), 0 6px 16px #0000004d;background:linear-gradient(#222630f5,#161920f7);border:1px solid #ffffff12;border-radius:16px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.pcard.current{background:linear-gradient(180deg, color-mix(in srgb, var(--pc) 22%, #262b36), #181b22);border-color:color-mix(in srgb, var(--pc) 55%, transparent);box-shadow:inset 3px 0 0 var(--pc), 0 0 0 1px color-mix(in srgb, var(--pc) 25%, transparent), 0 8px 22px #00000059}.pcard .pc-head{align-items:center;gap:10px;min-width:0;display:flex}.pcard .avatar,.pcard.me .avatar{flex:none;width:34px;height:34px;font-size:13px}.pcard .pc-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pcard .pname{align-items:center;gap:6px;min-width:0;display:flex}.pcard .pname-text{color:#fff6e2;white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;overflow:hidden}.pcard .you-tag,.pcard .bot-tag{letter-spacing:.1em;text-transform:uppercase;border-radius:6px;flex:none;padding:1px 6px;font-size:9.5px;font-weight:800}.pcard .you-tag{color:#2b1d08;background:#f3cf7a}.pcard .bot-tag{color:#bcd4f0;background:#78a0d22e;border:none}.pcard .pc-note{white-space:nowrap;font-size:11.5px;overflow:visible}.pcard .playing{color:#f3cf7a;align-items:center;gap:8px;font-weight:700;display:inline-flex}.pcard .p-clock{font-variant-numeric:tabular-nums;color:#fff6e2;background:#0000004d;border-radius:6px;align-items:center;gap:3px;padding:1px 6px;display:inline-flex}.pcard .p-clock.low{color:#fff;background:#b8392b}.pcard .pc-points,.pcard:not(.current) .pc-points:not(.lead){color:#fff6e2;width:auto;min-width:46px;height:36px;box-shadow:none;background:#ffffff12;border:1px solid #ffffff1a;border-radius:11px;flex-direction:row;flex:none;justify-content:center;align-items:baseline;gap:3px;padding:7px 9px 0;display:flex}.pcard .pc-points b{font-size:18px;font-weight:800}.pcard .pc-points small{letter-spacing:.08em;opacity:.65;font-size:9.5px;font-weight:800;display:inline}.pcard .pc-points.lead{color:#2b1d08;background:linear-gradient(#f8dc8e,#e2ae4a);border-color:#9a6c22;box-shadow:inset 0 1px #ffffff80,0 3px 8px #0000004d}.pcard .pc-stats{background:0 0;grid-template-columns:repeat(4,1fr);gap:6px;padding:0;display:grid}.pcard .pc-stat,.pcard .pc-stat.won{height:30px;box-shadow:none;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:0 6px;display:flex}.pcard .pc-stat .pc-top{align-items:center;gap:4px;display:flex}.pcard .pc-stat b{color:#fff6e2;font-size:13.5px;font-weight:800}.pcard .pc-stat small{letter-spacing:.04em;color:#fff6e280;font-size:9.5px;font-weight:700;display:inline}.pcard .pc-stat.zero{opacity:.5}.pcard .pc-stat.won{background:#f3cf7a24;border-color:#f3cf7a8c}.pcard .pc-stat.won b,.pcard .pc-stat.won small{color:#f3cf7a}@media (width<=1350px){.pcard .pc-stat small{display:none}}.pcard .pc-points:not(.lead),.pcard:not(.current) .pc-points:not(.lead),.pcard .pc-points:not(.lead) b,.pcard .pc-points:not(.lead) small{color:#fff6e2}.pcard .pc-stats{min-width:0}.pcard .pc-stat,.pcard .pc-stat.won{min-width:0;padding:0 4px}.pcard .pc-stat small{display:none}.pcard .pc-stat img{width:20px;height:20px}.trade-stage.tp{color:#3a2410;background:linear-gradient(#fbf3df 0%,#efe0bd 75%,#e4cfa2 100%);border:none;border-radius:18px;margin-bottom:12px;box-shadow:inset 0 2px #fffc,0 8px #8a5d34,0 10px #5a3a1c,0 18px 26px #0006}.trade-stage.tp .tp-head h3{color:#7a4f22}.trade-stage.tp .tr-btn.round{color:#5a3d1c;box-shadow:none;background:#5a3d1c1a;border:none}.trade-stage.tp .tr-btn.round:hover{background:#5a3d1c33}.trade-stage.tp .tp-cap{color:#5a3d1c99}.trade-stage.tp .deal{background:#5a3d1c14;border:1px solid #5a3d1c2e;box-shadow:inset 0 2px 6px #5a3d1c2e}.trade-stage.tp .deal-row.get{background:linear-gradient(90deg,#46a05f38,#46a05f0a 70%)}.trade-stage.tp .deal-row.give{background:linear-gradient(90deg,#c8503c33,#c8503c0a 70%);border-top-color:#5a3d1c40}.trade-stage.tp .deal-row.get .deal-tag{color:#2f7d4a}.trade-stage.tp .deal-row.give .deal-tag{color:#a8432f}.trade-stage.tp .deal-empty{color:#5a3d1c8c}.trade-stage.tp .deal-slot{background:#ffffff59;border-color:#5a3d1c4d}.trade-stage.tp .deal-swap{border-color:#7a5418}.trade-stage.tp .tm-pick{background:#5a3d1c14;border-color:#5a3d1c2e}.trade-stage.tp .tm-pick>span{color:#5a3d1c99}.trade-stage.tp .tp-foot{flex-direction:column;align-items:stretch;gap:8px}.trade-stage.tp .tp-line p{color:#3a2410}.trade-stage.tp .tp-line p b{color:#a8432f}.trade-stage.tp .tp-line small{color:#5a3d1ca6}.trade-stage.tp .tp-actions{justify-content:flex-end}.trade-stage.tp .tr-btn:not(.gold):not(.ok):not(.danger){color:#3a2410;box-shadow:none;background:#ffffff8c;border:1px solid #5a3d1c40}.trade-stage.tp .tr-btn.ans{color:#5a3d1c}.trade-stage.tp .tr-btn.ans small{color:#5a3d1c99}.trade-stage.tp .tr-btn.danger{color:#fff;background:#a8432f;border:none;box-shadow:0 3px #6e2618}.trade-stage.tp .tr-btn.ok{color:#fff;background:#2f7d4a;border:none;box-shadow:0 3px #1d5230}.trade-stage.tp .tr-btn.gold{box-shadow:inset 0 1px #ffffff8c,0 3px #94671f}.trade-stage.tp .tr-btn.gold:disabled{color:#5a3d1c80;box-shadow:none;background:#5a3d1c1a}.modal-card.steal-card{color:#3a2410;background:linear-gradient(#fbf3df 0%,#efe0bd 75%,#e4cfa2 100%);border:none;border-radius:20px;width:min(520px,100vw - 32px);padding:20px 22px 22px;box-shadow:inset 0 2px #fffc,0 0 0 1.5px #7a5232,0 8px #8a5d34,0 10px #5a3a1c,0 24px 40px #00000080}.sc-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.sc-robber{object-fit:contain;filter:drop-shadow(0 4px 4px #3c230a66);width:48px;height:56px}.sc-head h2{color:#3a2410;margin:0;font-size:22px}.sc-head p{color:#5a3d1cb3;margin:2px 0 0;font-size:13px}.sc-opts{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.sc-opt{cursor:pointer;font:inherit;color:#3a2410;box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--pc) 70%, transparent);background:#fff9;border:1.5px solid #7a523233;border-radius:14px;flex-direction:column;align-items:center;gap:6px;margin:0;padding:14px 10px 12px;transition:transform .14s cubic-bezier(.3,1.5,.5,1),box-shadow .14s,border-color .14s;display:flex}.sc-opt:hover{border-color:var(--pc);box-shadow:inset 0 -3px 0 var(--pc), 0 0 0 3px color-mix(in srgb, var(--pc) 25%, transparent), 0 10px 18px #5a3d1c33;transform:translateY(-4px)}.sc-opt:active{transform:scale(.97)}.sc-avatar{color:#fff;background:var(--pc);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid;box-shadow:0 0 0 3px #fffaf0,0 3px 6px #00000040}.sc-name{font-size:15px;font-weight:800}.sc-fan{width:90px;height:40px;margin:2px 0;display:block;position:relative}.sc-fan i{transform-origin:50% 160%;width:22px;height:31px;transform:translateX(calc(var(--k) * 8px)) rotate(calc(var(--k) * 9deg));background:linear-gradient(160deg,#8a62cf,#4f2f8f);border:1.5px solid #fffaf0;border-radius:4px;margin-left:-11px;position:absolute;bottom:0;left:50%;box-shadow:0 2px 4px #0000004d}.sc-fan i:after{content:"";border:1px solid #f3cf7a99;border-radius:2px;position:absolute;inset:4px}.sc-opt:hover .sc-fan i{transform:translateX(calc(var(--k) * 10px)) rotate(calc(var(--k) * 12deg));transition:transform .2s}.sc-opt small{color:#5a3d1ca6;font-size:12px;font-weight:700}.sc-avatar{color:#fff;text-shadow:0 1px 2px #00000080;box-shadow:0 0 0 3px #fffaf0,0 0 0 4.5px #5a3d1c59,0 3px 6px #00000040}.discard-cream{gap:12px}.dc-head{align-items:center;gap:10px;display:flex}.dc-robber{object-fit:contain;filter:drop-shadow(0 3px 3px #3c230a66);width:34px;height:42px}.dc-title{flex:1;min-width:0}.dc-title h3{letter-spacing:.14em;text-transform:uppercase;color:#a8432f;margin:0;font-size:13px;font-weight:800}.dc-title p{color:#5a3d1cbf;margin:2px 0 0;font-size:12.5px;line-height:1.35}.dc-count{font-variant-numeric:tabular-nums;color:#3a2410;background:#7a52321f;border-radius:12px;flex:none;padding:4px 10px;font-size:14px;font-weight:800}.dc-count.done{color:#fff;background:#2f7d4a}.dc-slots{background:#c8503c1a;border:1px solid #7a52322e;border-radius:12px;flex-wrap:wrap;gap:10px;padding:12px;display:flex;box-shadow:inset 0 2px 6px #5a3d1c2e}.dc-slots .rcard{zoom:.7;margin:0;transform:none}.dc-slots .rcard .count{display:none}.dc-slots .rcard:hover{transform:translateY(-4px)}.dc-slot{background:#ffffff59;border:1.5px dashed #7a523259;border-radius:8px;width:49px;height:69px}.dc-foot{align-items:center;gap:8px;display:flex}.dc-foot>span{color:#5a3d1cbf;flex:1;font-size:12.5px;font-weight:600}.hand.dc-slots{align-items:center;padding:12px}.dc-slots .rcard .rc-face{box-shadow:0 6px 12px #00000040}.dc-side{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.dc-clock{font-variant-numeric:tabular-nums;color:#3a2410;background:#7a52321f;border-radius:9px;align-items:center;gap:3px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-flex}.dc-clock.low{color:#fff;background:#b8392b;animation:.3s pop}.signin-gate{flex-direction:column;align-items:center;gap:8px;padding:6px 0 2px;display:flex}.signin-gate small{color:var(--muted);text-align:center;font-size:12px}.gsi-btn{color-scheme:normal;justify-content:center;min-height:44px;display:flex}.account-chip{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;margin-bottom:4px;padding:8px 10px;display:flex}.account-chip img,.account-initial{border-radius:50%;flex:none;width:34px;height:34px;box-shadow:0 0 0 2px #f3cf7a99}.account-initial{color:#2b1d08;background:#f3cf7a;place-items:center;font-weight:800;display:grid}.account-text{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.account-text small{color:var(--muted);font-size:11px}.account-text b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.account-out{flex:none;height:30px;padding:0 12px;font-size:12.5px}.signin-gate.big{gap:12px;padding:10px 0 6px}.signin-gate.big>b{color:var(--text);font-size:16px;font-weight:800}.signin-card{flex-direction:column;align-items:stretch;gap:12px;padding:6px 4px 2px;display:flex}.signin-card h2{color:var(--text);margin:0;font-size:26px;font-weight:700}.signin-card>p{color:var(--muted);margin:-4px 0 2px;font-size:14.5px}.signin-perks{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 4px;padding:0;list-style:none;display:grid}.signin-perks li{height:40px;color:var(--text);background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.signin-perks li .icon{color:#f3cf7a}.signin-card .gsi-btn{justify-content:center;min-height:44px}.signin-card>small{text-align:center;color:var(--faint,#fff6e273);font-size:12px}@media (width<=600px){.signin-perks{grid-template-columns:1fr}}.backdrop-poster{z-index:1;pointer-events:none;filter:blur(5px)saturate(1.05);background:#0f4a5a url(/posters/home.webp) 50%/cover no-repeat;transition:opacity .6s;position:absolute;inset:-12px}.backdrop-poster.out{opacity:0}@media (width<=900px){.backdrop-poster{background-position:70%}}.backdrop>.backdrop-shade{z-index:2}.brand-logo{align-items:center;gap:10px;display:inline-flex}.logo-mark{filter:drop-shadow(0 2px 4px #00000073);flex:none}.brand-word{letter-spacing:-.02em;color:#fff6e2;text-transform:none;white-space:nowrap;font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:800;line-height:1}.brand-word b{color:#f3c45e;margin-left:.22em;font-weight:800}.home-logo{font:inherit;letter-spacing:0;text-transform:none}.home-logo .brand-word{font-size:26px}.brand .brand-word{font-size:19px}.lp-eyebrow{letter-spacing:0;text-transform:none}.lp-eyebrow .brand-word{font-size:15px}.home-h1{letter-spacing:-.03em;text-transform:none;font:800 clamp(34px,3.4vw,54px)/1.02 Bricolage Grotesque,sans-serif}h1,h2{letter-spacing:-.02em;font-family:Bricolage Grotesque,sans-serif}.signin-card{gap:10px;padding:0}.google-main{gap:12px}.g-badge{background:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 1px 3px #00000040}.signin-note{text-align:center;color:var(--muted);margin:0;font-size:12.5px}.play-panel .signin-hint{text-align:center;color:var(--muted);margin:2px 0 0;font-size:12px}.signin-top{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:2px;display:flex}.signin-top .gsi-btn{border-radius:10px;justify-content:center;overflow:hidden}.signin-or{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.signin-or i{background:#ffffff1a;flex:1;height:1px}.google-wide{cursor:pointer;letter-spacing:.01em;color:#e3e3e3;background:#131314;border:1px solid #8e918f;border-radius:25px;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;margin:0;padding:0 16px;font:500 15px Roboto,Plus Jakarta Sans,system-ui,sans-serif;transition:background .15s,border-color .15s;display:flex;position:relative}.google-wide:hover:not(:disabled){background:#1f1f20;border-color:#c4c7c5}.google-wide:disabled{opacity:.7;cursor:default}.gw-logo{background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;left:6px}.signin-gate{align-items:stretch}.crash-screen{text-align:center;color:#fff6e2;background:#14171e;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:fixed;inset:0}.crash-screen h1{margin:0;font-size:28px}.crash-screen p{color:#fff6e2b3;max-width:420px;margin:0}.crash-actions{gap:10px;margin-top:8px;display:flex}.privacy-link{color:inherit;text-underline-offset:2px;text-decoration:underline}