@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2) format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2) format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2) format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2) format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-qfdV9bQt.woff2) format("woff2"),url(/assets/inter-greek-ext-700-normal-BoQ6DsYi.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-C3JjAnD8.woff2) format("woff2"),url(/assets/inter-greek-700-normal-BUv2fZ6O.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2) format("woff2"),url(/assets/inter-vietnamese-700-normal-BZaoP0fm.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2) format("woff2"),url(/assets/inter-latin-ext-700-normal-TidjK2hL.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--p-red: #ed1c24;--p-blue: #0072bc;--p-orange: #f77014;--p-green: #05bf00;--p-white: #e5eeea;--p-gold: #f9d900;--p-purple: #8d44c1;--bg-app: #0e1a2e;--bg-deep: #07101f;--bg-sea: #134870;--bg-sea-deep: #0a2e4a;--bg-panel: rgba(20, 32, 54, .92);--bg-panel-hi: rgba(35, 50, 78, .92);--bg-overlay: rgba(0, 0, 0, .55);--border-panel: rgba(255, 255, 255, .08);--border-hi: rgba(255, 255, 255, .15);--text-1: #f3f4f6;--text-2: #b9c1cc;--text-3: #7a8597;--text-inverse: #14203a;--accent: #f0c040;--accent-hot: #ff7a45;--danger: #ed1c24;--warning: #f77014;--success: #05bf00;--tile-forest: #2f6e38;--tile-hills: #b25a2a;--tile-pasture: #8fc94a;--tile-fields: #eab534;--tile-mountains: #7d8a99;--tile-desert: #e8d2a0;--tile-stroke: rgba(10, 20, 35, .7);--chit-bg: #f3e5c8;--chit-text: #1d1d1d;--chit-text-hot: #c12025;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-num: "Inter", system-ui, sans-serif;--fs-h1: 32px;--fs-h2: 22px;--fs-h3: 14px;--fs-body: 13px;--fs-small: 11px;--fs-tiny: 9px;--fs-vp: 24px;--fs-chit: 17px;--fs-dice: 28px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-8: 48px;--sp-10: 64px;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 9999px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .25);--shadow-2: 0 4px 12px rgba(0, 0, 0, .35);--shadow-3: 0 12px 28px rgba(0, 0, 0, .5);--glow-active: 0 0 0 2px var(--player-color, var(--accent)), 0 0 16px rgba(240, 192, 64, .35);--glow-me: 0 0 0 1.5px var(--accent);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-1: .12s;--dur-2: .22s;--dur-3: .38s;--dur-4: .6s;--dur-5: .9s}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%}body{font-family:var(--font-sans);font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:1.4;color:var(--text-1);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.num,[data-num]{font-feature-settings:"tnum" 1,"ss01" 1;font-variant-numeric:tabular-nums}button{font:inherit;color:inherit;cursor:pointer;border:0;background:transparent}button:disabled{cursor:not-allowed}input,textarea,select{font:inherit;color:inherit}.c-red{--player-color: var(--p-red)}.c-blue{--player-color: var(--p-blue)}.c-orange{--player-color: var(--p-orange)}.c-white{--player-color: var(--p-white)}.glass-panel{background:var(--bg-panel);backdrop-filter:blur(10px) saturate(1.15);-webkit-backdrop-filter:blur(10px) saturate(1.15);border:1px solid var(--border-panel);border-radius:var(--r-lg);box-shadow:var(--shadow-2)}.panel-header{font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:var(--fs-h3);line-height:1;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);margin:0 0 var(--sp-2) 0;display:flex;align-items:center;gap:var(--sp-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);font-weight:var(--fw-semibold);font-size:var(--fs-body);transition:transform var(--dur-1) var(--ease-out),filter var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out);-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.4;filter:grayscale(.4)}.btn:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.1)}.btn:not(:disabled):active{transform:translateY(0);filter:brightness(.95)}.btn-primary{background:linear-gradient(180deg,#f6c85a,#e88a1f);color:#1a1a2e;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff4d}.btn-secondary{background:linear-gradient(180deg,#2a3a5e,#1c2945);color:var(--text-1);border:1px solid var(--border-hi)}.btn-danger{background:linear-gradient(180deg,#ef4c52,#b8242a);color:#fff;box-shadow:0 2px 4px #0000004d}.btn-success{background:linear-gradient(180deg,#1ed67c,#069b4e);color:#0a1b12;box-shadow:0 2px 4px #0000004d}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--r-md);color:var(--text-2);background:transparent;border:1px solid transparent}.btn-icon:hover:not(:disabled){background:var(--bg-panel-hi);color:var(--text-1);border-color:var(--border-hi)}.btn-tile{width:64px;height:64px;padding:0;border-radius:var(--r-md);background:linear-gradient(180deg,#2a3a5e,#1c2945);border:1px solid var(--border-hi);color:var(--text-2);display:grid;place-items:center;position:relative;transition:transform var(--dur-1) var(--ease-out),filter var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.btn-tile:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.15);box-shadow:var(--shadow-2);color:var(--text-1)}.btn-tile.active{box-shadow:var(--glow-active);color:var(--accent)}.btn-tile:disabled{opacity:.35;filter:grayscale(.6)}.btn-tile-label{font-size:var(--fs-tiny);margin-top:var(--sp-1);color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.pill{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-small);font-weight:var(--fw-semibold);background:var(--bg-panel-hi);border:1px solid var(--border-panel)}.pill-accent{background:#f0c04026;color:var(--accent);border-color:#f0c0404d}.pill-player{background:color-mix(in srgb,var(--player-color) 20%,transparent);color:var(--player-color);border:1px solid color-mix(in srgb,var(--player-color) 40%,transparent)}.badge-count{position:absolute;bottom:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--accent);color:var(--text-inverse);font-size:var(--fs-tiny);font-weight:var(--fw-bold);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0006}.input{width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);border:1px solid var(--border-panel);background:var(--bg-deep);color:var(--text-1);font-size:var(--fs-body);transition:border-color var(--dur-1) var(--ease-out);outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f0c04026}.input-num{font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;text-align:center}.scroll-fade{position:relative;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent}.scroll-fade::-webkit-scrollbar{width:6px}.scroll-fade::-webkit-scrollbar-track{background:transparent}.scroll-fade::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:var(--r-pill)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg-app)}@media (max-width: 1024px){html,body,#root{overflow:auto}.app{position:relative;inset:auto;overflow:visible;min-height:100vh}}.error-toast{position:fixed;top:var(--sp-4);left:50%;transform:translate(-50%);background:var(--danger);color:#fff;padding:var(--sp-2) var(--sp-5);border-radius:var(--r-md);z-index:1000;font-weight:var(--fw-semibold);box-shadow:var(--shadow-3);animation:toast-in var(--dur-2) var(--ease-out)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.pause-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999;padding:var(--sp-5) var(--sp-6);text-align:center;max-width:400px}.pause-overlay h3{margin:0 0 var(--sp-2)}.pause-overlay p{margin:var(--sp-1) 0}.lobby{max-width:560px;margin:var(--sp-10) auto;padding:0 var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4)}.lobby-header{text-align:center;padding:var(--sp-4) 0}.lobby-header h1{margin:0;font-size:56px;font-weight:var(--fw-bold);letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hot) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lobby-header .subtitle{color:var(--text-3);margin-top:var(--sp-2);font-size:var(--fs-h3);text-transform:uppercase;letter-spacing:.12em}.lobby-card{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3)}.lobby-card h3{margin:0;font-size:var(--fs-h3);color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--fw-bold)}.lobby-actions{display:flex;flex-direction:column;gap:var(--sp-3)}.join-section{display:flex;gap:var(--sp-2)}.join-section .input{flex:1}.game-list{display:flex;flex-direction:column;gap:var(--sp-2)}.game-item{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-3) var(--sp-4);background:var(--bg-deep);border:1px solid var(--border-panel);border-radius:var(--r-md)}.game-info{color:var(--text-3);margin-left:var(--sp-2);font-size:var(--fs-small)}.waiting-room{max-width:440px;margin:var(--sp-10) auto;padding:var(--sp-6);text-align:center;display:flex;flex-direction:column;gap:var(--sp-4);align-items:stretch}.waiting-room h2{color:var(--accent);margin:0;font-size:var(--fs-h2)}.game-code{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:Courier New,monospace;font-size:20px;font-weight:var(--fw-bold);letter-spacing:.1em;padding:var(--sp-2) var(--sp-4);background:var(--bg-deep);border-radius:var(--r-md);color:var(--accent)}.player-list{display:flex;flex-direction:column;gap:var(--sp-2)}.player-badge{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);background:var(--bg-deep);border-left:3px solid var(--player-color, var(--border-panel));border-radius:var(--r-md)}.player-dot{width:14px;height:14px;border-radius:50%;display:inline-block;border:1.5px solid rgba(0,0,0,.3);background:var(--player-color)}.player-seat-empty{opacity:.4;color:var(--text-3);font-style:italic}.hint{color:var(--text-3);font-size:var(--fs-small);font-style:italic;text-align:center;margin:0}.game-stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(ellipse at center,#1a3556 0%,var(--bg-app) 60%,var(--bg-deep) 100%)}.board-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.panzoom-container .hex-board{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hud-top,.hud-feeds,.hud-players,.hud-trade-offers,.hud-bottom{position:absolute;z-index:20}.hud-top{top:0;left:0;right:0;padding:var(--sp-2);padding-top:calc(var(--sp-2) + env(safe-area-inset-top,0));pointer-events:none}.hud-top>*{pointer-events:auto}.hud-feeds{top:calc(56px + var(--sp-3));left:var(--sp-3);bottom:calc(120px + var(--sp-3));width:320px;display:flex}.hud-feeds>*{flex:1}.hud-players{top:calc(56px + var(--sp-3));right:var(--sp-3);bottom:calc(120px + var(--sp-3));width:340px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-2)}.hud-trade-offers{top:calc(56px + var(--sp-3));right:calc(340px + var(--sp-3) * 2);pointer-events:none;max-width:340px}.hud-trade-offers>*{pointer-events:auto}.hud-bottom{bottom:0;left:0;right:0;padding:0;pointer-events:none}.hud-bottom>*{pointer-events:auto}.hud-feeds>.glass-panel,.hud-players>.glass-panel,.hud-bottom .glass-panel,.hud-top>div>.glass-panel,.top-status,.bottom-bar,.mobile-bottom-stack,.mobile-action-bar,.trade-creator-bar,.trade-offer-card{background:#0e1628d1;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}.top-status{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);min-height:48px}.top-status-left,.top-status-right{display:flex;align-items:center;gap:var(--sp-3);flex:0 0 auto}.top-status-center{flex:1 1 auto;text-align:center;font-weight:var(--fw-semibold);color:var(--text-1);display:flex;align-items:center;justify-content:center;gap:var(--sp-2)}.turn-chip{font-variant-numeric:tabular-nums;color:var(--text-3);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em}.phase-chip{padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);background:var(--bg-deep);color:var(--text-2);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em}.winner-banner{color:var(--accent);font-weight:var(--fw-bold);font-size:var(--fs-h3);text-shadow:0 0 20px rgba(240,192,64,.6)}.player-panel{padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2);border-left:3px solid var(--player-color);position:relative;transition:box-shadow var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.player-panel.active{box-shadow:var(--glow-active)}.player-panel.me{background:linear-gradient(180deg,rgba(240,192,64,.06) 0%,var(--bg-panel) 100%)}.player-panel.dc{opacity:.55;filter:grayscale(.4)}.pp-header{display:flex;align-items:center;gap:var(--sp-2)}.pp-name{flex:1;display:flex;flex-direction:column;min-width:0}.pp-name-text{font-weight:var(--fw-semibold);color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:var(--sp-1)}.pp-ribbon{font-size:var(--fs-tiny);padding:1px 5px;background:var(--accent);color:var(--text-inverse);border-radius:var(--r-sm);letter-spacing:.06em;font-weight:var(--fw-bold)}.pp-dc{font-size:var(--fs-tiny);color:var(--danger);text-transform:uppercase;letter-spacing:.06em}.pp-body{display:flex;gap:var(--sp-2);flex-wrap:wrap}.pp-footer{display:flex;gap:var(--sp-2);align-items:center;min-height:20px}.token-strip{display:flex;gap:var(--sp-2);align-items:center}.token{display:inline-flex;align-items:center;gap:3px;padding:2px var(--sp-1);border-radius:var(--r-sm);font-size:var(--fs-small);color:var(--text-3);background:var(--bg-deep)}.token.hot{color:var(--accent);background:#f0c0401f}.card-stack{position:relative;display:inline-flex;align-items:center;gap:var(--sp-1)}.card-stack-icon{width:28px;height:38px;border-radius:4px;display:grid;place-items:center;box-shadow:var(--shadow-1)}.card-stack-count{font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--text-1);font-variant-numeric:tabular-nums}.bottom-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);min-height:96px}.bottom-left{display:flex;align-items:center;gap:var(--sp-3)}.bottom-center{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.bottom-right{display:flex;align-items:center;gap:var(--sp-2);justify-content:flex-end}.my-hand{display:flex;gap:var(--sp-1);align-items:flex-end}.my-hand-card{width:42px;height:60px;border-radius:var(--r-sm);background:var(--bg-deep);border:1px solid var(--border-hi);display:grid;place-items:center;position:relative;font-size:20px;transition:transform var(--dur-1) var(--ease-out)}.my-hand-card:hover{transform:translateY(-4px)}.my-hand-card .badge-count{bottom:-6px;right:-6px}.build-menu{display:grid;grid-template-columns:repeat(5,auto);gap:var(--sp-2)}.build-btn-cost{position:absolute;top:4px;right:4px;display:flex;gap:2px}.build-btn-cost .cost-chip{font-size:9px;padding:1px 3px;border-radius:3px;background:#0006;color:var(--text-2)}.dice-group{display:flex;gap:var(--sp-2);align-items:center}.dice{width:40px;height:40px;border-radius:6px;background:linear-gradient(135deg,#fff,#e8e8e8);border:1px solid rgba(0,0,0,.2);box-shadow:var(--shadow-2),inset 0 -2px 3px #0000001a}.dice.hot{background:linear-gradient(135deg,#ff6b4a,#d63d2a);border-color:#0006}.dice-total{font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--text-1);font-variant-numeric:tabular-nums}@keyframes diceRollSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(360deg) scale(.5)}to{transform:rotate(720deg) scale(1)}}@keyframes diceRevealPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes diceTotalFly{0%{transform:translateY(0);opacity:0}to{transform:translateY(-110%);opacity:1}}.dice-spin{animation:diceRollSpin 1.2s ease-in-out}.dice-reveal{animation:diceRevealPop .4s ease-out}.dice-total-fly{animation:diceTotalFly .3s ease forwards}@keyframes scalePulse{0%,to{transform:scale(.95)}50%{transform:scale(1.1)}}.btn-roll-pulse{animation:scalePulse 1.5s linear infinite}@keyframes shake{10%,90%{transform:scale(.95) translate(-.25rem)}20%,80%{transform:scale(.95) translate(.25rem)}30%,50%,70%{transform:scale(.95) translate(-.25rem)}40%,60%{transform:scale(.95) translate(.25rem)}}.btn-shake{animation:shake .75s infinite}@keyframes floatUpFade{0%{transform:translate(-50%) translateY(-100%);opacity:1}to{transform:translate(-50%) translateY(calc(-100% - 5rem));opacity:0}}.floating-vp{position:absolute;left:50%;pointer-events:none;font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--accent);text-shadow:0 1px 4px rgba(0,0,0,.5);animation:floatUpFade 1s ease-out forwards}.card-fly-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100}.card-fly{position:absolute;width:32px;height:38px;border-radius:4px;transition:transform linear}@keyframes bannerSlideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bannerPulseGlow{0%,to{box-shadow:0 4px 20px #e04a354d}50%{box-shadow:0 4px 30px #e04a3599}}.robber-banner{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:center;padding:var(--sp-3);pointer-events:none;animation:bannerSlideIn .4s ease-out}.robber-banner-inner{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-6);background:#b4281eeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--r-lg);border:1px solid rgba(255,100,80,.4);color:#fff;font-size:var(--fs-h3);font-weight:var(--fw-bold);animation:bannerPulseGlow 1.5s ease-in-out infinite}.robber-banner-seven{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff26;font-size:var(--fs-h1);font-weight:800;color:#f9d900}.robber-banner-sub{font-size:var(--fs-small);font-weight:var(--fw-regular);opacity:.8}.robber-banner-discard .robber-banner-inner{background:#b47814eb;border-color:#ffc85066}.robber-banner-discard .robber-banner-inner{animation:none;box-shadow:0 4px 20px #b4781466}.robber-banner-steal .robber-banner-inner{background:#3c3c78eb;border-color:#7878dc66;animation:none;box-shadow:0 4px 20px #3c3c7866}.feeds{display:flex;flex-direction:column;min-height:0;padding:var(--sp-2);gap:var(--sp-2)}.feeds-tabs{display:flex;gap:var(--sp-1)}.feeds-tab{flex:1;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);color:var(--text-3);font-weight:var(--fw-semibold);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em;background:transparent;border:1px solid transparent;transition:all var(--dur-1) var(--ease-out)}.feeds-tab:hover{color:var(--text-1)}.feeds-tab.active{color:var(--accent);background:var(--bg-deep);border-color:var(--border-panel)}.feeds-body{flex:1;min-height:0;display:flex;flex-direction:column}.feeds-list{flex:1;min-height:0;overflow-y:auto;padding:var(--sp-1);display:flex;flex-direction:column;gap:var(--sp-1)}.feed-entry{display:flex;align-items:flex-start;gap:var(--sp-2);font-size:var(--fs-small);color:var(--text-2);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);line-height:1.4}.feed-entry:hover{background:var(--bg-panel-hi)}.feed-entry-icon{width:14px;height:14px;flex-shrink:0;color:var(--text-3);margin-top:2px}.feed-entry-player{font-weight:var(--fw-semibold);color:var(--player-color, var(--text-1))}.feed-entry-text{flex:1}.chat-input-row{display:flex;gap:var(--sp-1)}.chat-input-row .input{padding:var(--sp-2)}.trade-creator{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3)}.trade-side{display:flex;flex-direction:column;gap:var(--sp-2)}.trade-side-label{font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-weight:var(--fw-bold)}.card-counter-row{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.card-counter{display:flex;flex-direction:column;align-items:center;gap:2px}.card-counter-btn{width:32px;height:32px;border-radius:var(--r-sm);background:var(--bg-deep);border:1px solid var(--border-hi);color:var(--text-2);display:grid;place-items:center}.card-counter-btn:hover{color:var(--text-1);background:var(--bg-panel-hi)}.card-counter-val{font-size:var(--fs-body);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;min-width:20px;text-align:center}.trade-offer-card{padding:var(--sp-3);border-left:3px solid var(--player-color);display:flex;flex-direction:column;gap:var(--sp-2)}.trade-offer-header{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-small);color:var(--text-2)}.trade-cards-row{display:flex;align-items:center;gap:var(--sp-2)}.trade-side-chip{display:flex;gap:var(--sp-1);align-items:center;flex-wrap:wrap}.trade-actions{display:flex;gap:var(--sp-2);justify-content:flex-end}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:500}.modal{max-width:480px;width:90%;padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4);animation:modal-in var(--dur-3) var(--ease-spring)}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h2{margin:0;font-size:var(--fs-h2);color:var(--accent)}.steal-targets,.resource-picker{display:flex;flex-direction:column;gap:var(--sp-2)}.game-end-modal{max-width:560px}.game-end-winner{text-align:center;font-size:var(--fs-h1);font-weight:var(--fw-bold);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hot) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:winner-pulse 1.5s ease-in-out infinite alternate}@keyframes winner-pulse{to{text-shadow:0 0 40px rgba(240,192,64,.7)}}.standings{width:100%;border-collapse:collapse}.standings th,.standings td{padding:var(--sp-2);text-align:left;border-bottom:1px solid var(--border-panel)}.standings th{font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.standings .winner-row{background:#f0c04014}@media (max-width: 1200px){.hud-feeds{width:280px}.hud-players{width:300px}.hud-trade-offers{right:calc(300px + var(--sp-3) * 2)}}@media (max-width: 1024px){.hud-feeds,.hud-players{display:none}.hud-top{padding:var(--sp-1);padding-top:calc(var(--sp-1) + env(safe-area-inset-top,0))}.hud-trade-offers{top:calc(56px + env(safe-area-inset-top,0) + var(--sp-2));left:var(--sp-2);right:var(--sp-2);max-width:none}.hud-bottom{padding:0}.bottom-bar{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:var(--sp-2);padding:var(--sp-3)}.build-menu{grid-template-columns:repeat(5,1fr);width:100%}.btn-tile{width:100%;min-width:48px}.lobby,.waiting-room{margin:var(--sp-5) auto}}@media (max-width: 560px){.btn-tile{width:56px;height:56px}.btn-tile-label{font-size:8px}.my-hand-card{width:36px;height:52px}.turn-chip,.phase-chip{display:none}}.lobby-header h1{font-size:40px}.modal{padding:var(--sp-3)}} .sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:600}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;z-index:601;background:var(--bg-panel);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-top:1px solid var(--border-hi);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:0 -10px 30px #00000080;display:flex;flex-direction:column;touch-action:none;padding-bottom:max(var(--sp-3),env(safe-area-inset-bottom,0))}.bottom-sheet.size-full{max-height:92vh;height:auto}.bottom-sheet.size-half{max-height:60vh;height:auto}.bottom-sheet.size-auto{max-height:85vh}.sheet-handle{width:40px;height:4px;background:var(--border-hi);border-radius:2px;margin:var(--sp-2) auto var(--sp-1);flex-shrink:0}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-4) var(--sp-3);border-bottom:1px solid var(--border-panel);flex-shrink:0}.sheet-title{margin:0;font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--accent)}.sheet-body{flex:1;min-height:0;padding:var(--sp-4);padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom,0));overflow-y:auto;touch-action:pan-y}@media (min-width: 1025px){.bottom-sheet{left:50%;right:auto;bottom:50%;transform:translate(-50%,50%);max-width:560px;width:90%;border-radius:var(--r-lg);border:1px solid var(--border-hi)}.bottom-sheet.size-full{max-height:80vh}.sheet-handle{display:none}}.trade-pill-stack{display:flex;flex-direction:column;gap:var(--sp-1);align-items:stretch;pointer-events:none;max-width:100%}.trade-pill{pointer-events:auto;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-panel-hi);border:1px solid var(--player-color, var(--border-hi));border-left:3px solid var(--player-color, var(--accent));border-radius:var(--r-pill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-2);font-size:var(--fs-small);cursor:pointer;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.trade-pill-label{font-weight:var(--fw-semibold);color:var(--player-color, var(--text-1))}.trade-pill-detail{display:inline-flex;align-items:center;gap:3px;color:var(--text-2)}@media (max-width: 1024px){.players-strip{display:flex;flex-direction:row;gap:var(--sp-1);padding:var(--sp-2) var(--sp-1);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.players-strip::-webkit-scrollbar{display:none}.player-chip{scroll-snap-align:start;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);background:#0e1628d1;backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15);border:1px solid var(--border-hi);border-left:3px solid var(--player-color);border-radius:var(--r-md);flex-shrink:0;min-width:110px;box-shadow:var(--shadow-2)}.player-chip.active{box-shadow:var(--glow-active)}.player-chip-name{font-size:var(--fs-small);font-weight:var(--fw-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px}.player-chip-vp{font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--accent);font-variant-numeric:tabular-nums;margin-left:auto}.player-chip-cards{display:flex;align-items:center;gap:2px;font-size:var(--fs-tiny);color:var(--text-3)}}@media (max-width: 1024px){.mobile-action-bar{display:flex;align-items:center;justify-content:space-around;gap:var(--sp-1);padding:var(--sp-2);padding-bottom:calc(var(--sp-2) + env(safe-area-inset-bottom,0));background:var(--bg-panel);border-top:1px solid var(--border-panel)}.mobile-action-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--sp-2) 0;color:var(--text-2);background:transparent;border:none;border-radius:var(--r-md);position:relative;transition:all var(--dur-1) var(--ease-out)}.mobile-action-btn:not(:disabled):active{background:var(--bg-panel-hi);transform:scale(.96)}.mobile-action-btn:disabled{opacity:.3}.mobile-action-btn.primary{color:var(--accent)}.mobile-action-btn-label{font-size:10px;font-weight:var(--fw-semibold);letter-spacing:.02em}.mobile-action-btn-badge{position:absolute;top:2px;right:calc(50% - 22px);min-width:16px;height:16px;padding:0 4px;background:var(--danger);color:#fff;border-radius:8px;font-size:9px;font-weight:var(--fw-bold);display:inline-flex;align-items:center;justify-content:center;line-height:1}}.card-picker{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center}.card-picker-item{position:relative;padding:0;background:transparent;border:none;border-radius:var(--r-sm);cursor:pointer;transition:transform var(--dur-1) var(--ease-out)}.card-picker-item:not(:disabled):active{transform:scale(.92)}.card-picker-item:disabled{opacity:.4}.card-picker-item .sub-badge{position:absolute;top:-4px;left:-4px;background:var(--bg-deep);color:var(--text-3);font-size:9px;padding:1px 4px;border-radius:var(--r-sm);font-weight:var(--fw-semibold)}.card-picker-item .add-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;background:var(--accent);color:var(--text-inverse);font-size:var(--fs-small);font-weight:var(--fw-bold);border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.sheet-section{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3) 0}.sheet-section+.sheet-section{border-top:1px solid var(--border-panel)}.sheet-section-label{font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-weight:var(--fw-bold)}.sheet-cta{position:sticky;bottom:0;padding:var(--sp-3) 0;background:linear-gradient(180deg,transparent 0%,var(--bg-panel) 25%);margin-top:var(--sp-3)}.sheet-cta .btn{width:100%}.trade-creator-bar{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-panel-hi);border-top:1px solid var(--border-hi);border-bottom:1px solid var(--border-panel)}.trade-row{display:flex;align-items:center;gap:var(--sp-2);min-height:44px}.trade-row-label{flex-shrink:0;font-size:var(--fs-tiny);color:var(--text-3);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em;min-width:38px}.trade-wanted-selector{display:flex;gap:var(--sp-1);flex:1;justify-content:space-around}.trade-card-btn{background:transparent;border:none;padding:2px;border-radius:var(--r-sm);cursor:pointer;transition:transform var(--dur-1) var(--ease-out);position:relative}.trade-card-btn:not(:disabled):active{transform:scale(.88)}.trade-card-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.trade-bank-toggle{flex-shrink:0;width:36px;height:36px;border-radius:var(--r-md);background:var(--bg-deep);border:1px solid var(--border-hi);color:var(--text-2);display:grid;place-items:center;cursor:pointer;transition:all var(--dur-1) var(--ease-out)}.trade-bank-toggle.active{background:#f0c04033;border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 2px #f0c04040}.trade-avatar{display:flex;flex-direction:column;align-items:center;gap:1px;flex-shrink:0}.trade-side-marker{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:44px;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);font-size:var(--fs-tiny);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;flex-shrink:0}.trade-side-marker.receive{background:#05bf0026;color:var(--success)}.trade-side-marker.give{background:#ed1c2426;color:var(--danger)}.trade-staged{flex:1;display:flex;align-items:center;min-height:44px;padding:0 var(--sp-1)}.trade-staged-empty{flex:1;padding:var(--sp-2) 0;font-size:var(--fs-small);color:var(--text-3);font-style:italic;text-align:center;border:1px dashed var(--border-panel);border-radius:var(--r-sm);min-height:44px;display:grid;place-items:center}.trade-staged-card{flex-shrink:0}.trade-action-row{display:flex;gap:var(--sp-2);align-items:center;padding-top:var(--sp-1);border-top:1px solid var(--border-panel)}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.shake-on-click:disabled:active{animation:shake .4s ease-in-out}@media (max-width: 1024px){.trade-creator-bar{padding:var(--sp-2)}.trade-wanted-selector{gap:2px}.trade-card-btn{padding:1px}}.active-offers-float{position:absolute;top:var(--sp-3);right:var(--sp-3);z-index:30;display:flex;flex-direction:column;gap:var(--sp-2);max-width:min(340px,90vw);pointer-events:none}.active-offers-float>*{pointer-events:auto}@media (max-width: 1024px){.active-offers-float{position:fixed;top:calc(56px + env(safe-area-inset-top,0));left:var(--sp-2);right:var(--sp-2);max-width:none;z-index:20}}.mobile-bottom-stack{display:flex;flex-direction:column;background:var(--bg-panel);border-top:1px solid var(--border-panel)}.mobile-hand-row{padding:var(--sp-2) var(--sp-3);overflow-x:auto;scrollbar-width:none}.mobile-hand-row::-webkit-scrollbar{display:none}.mobile-hand-row .my-hand{justify-content:center;min-height:60px}@media (max-width: 1024px){.hud-bottom{background:linear-gradient(180deg,transparent 0%,rgba(14,22,40,.6) 40%)}.mobile-bottom-stack{background:#0e1628e0;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-top:1px solid var(--border-panel)}}@media (max-width: 1024px){.desktop-only{display:none!important}}@media (min-width: 1025px){.mobile-only{display:none!important}}.connection-status{position:fixed;bottom:12px;left:12px;z-index:50;pointer-events:auto}.connection-status__dot{display:block;width:10px;height:10px;border-radius:999px;box-shadow:0 0 0 2px #00000059}.connection-status__dot.is-connected{background:#22c55e}.connection-status__dot.is-disconnected{background:#ef4444;animation:connection-status-pulse 1.2s ease-in-out infinite}@keyframes connection-status-pulse{0%,to{opacity:1}50%{opacity:.35}}