@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-white-ink: #5b6873;--p-gold: #f9d900;--p-purple: #8d44c1;--bg-app: #7fc2e8;--bg-app-deep: #3a8bb8;--bg-sea: #5aabd9;--bg-sea-deep: #2f7fad;--bg-parchment: #fcfaf5;--bg-parchment-2: #f3ecd8;--bg-parchment-3: #e8dcbd;--bg-parchment-border: #a48b63;--bg-deep: #efe6d0;--bg-panel: rgba(252, 250, 245, .97);--bg-panel-hi: rgba(255, 255, 255, .99);--bg-panel-light: rgba(252, 250, 245, .97);--bg-panel-light-hi: rgba(255, 255, 255, 1);--bg-panel-dark: rgba(20, 32, 54, .92);--bg-overlay: rgba(30, 22, 10, .45);--border-panel: rgba(60, 40, 20, .12);--border-hi: rgba(60, 40, 20, .22);--border-parchment: #a48b63;--border-on-dark: rgba(255, 255, 255, .14);--text-1: #1a1a1a;--text-2: #4a5666;--text-3: #7a7063;--text-inverse: #14203a;--text-on-dark: #f3f4f6;--text-on-dark-2: #b9c1cc;--text-on-dark-3: #7a8597;--text-on-light: #1a1a1a;--text-on-light-2: #4a5666;--text-on-light-3: #6b7483;--accent: #f0c040;--accent-hot: #ff7a45;--accent-text: #a86b00;--accent-text-hot: #c4501a;--danger: #ed1c24;--danger-text: #b8242a;--warning: #f77014;--warning-text: #b5540d;--success: #05bf00;--success-text: #067a35;--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(60, 40, 20, .14);--shadow-2: 0 4px 14px rgba(60, 40, 20, .18);--shadow-3: 0 16px 40px rgba(40, 28, 12, .3);--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:linear-gradient(180deg,#fffdf7fa,#f8f0def7);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid var(--border-panel);border-radius:var(--r-lg);box-shadow:0 1px #fffc inset,0 6px 20px #3c28142e,0 1px #3c28140a}.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,#f8ce63,#e88a1f);color:#1a1207;box-shadow:0 2px 4px #b46e1459,inset 0 1px #ffffff73}.btn-secondary{background:linear-gradient(180deg,#fcfaf5,#ead9bd);color:var(--text-1);border:1px solid var(--border-parchment);box-shadow:inset 0 1px #ffffffb3,0 1px 2px #3c28141a}.btn-danger{background:linear-gradient(180deg,#ef4c52,#b8242a);color:#fff;box-shadow:0 2px 4px #78141959}.btn-success{background:linear-gradient(180deg,#1ed67c,#069b4e);color:#0a1b12;box-shadow:0 2px 4px #14642859}.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:#3c28140f;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,#fcfaf5,#ead9bd);border:1px solid var(--border-parchment);color:var(--text-1);display:grid;place-items:center;position:relative;box-shadow:inset 0 1px #ffffffb3,0 1px 2px #3c28141f;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-2);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--fw-semibold)}.btn-tile.btn-tile-icon-only{display:grid;place-items:center}.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:#ffffffb3;border:1px solid var(--border-panel);color:var(--text-1)}.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-hi);background:#fff;color:var(--text-1);font-size:var(--fs-body);transition:border-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out);outline:none;box-shadow:inset 0 1px 2px #3c281414}.input::placeholder{color:var(--text-3)}.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:rgba(60,40,20,.28) transparent}.scroll-fade::-webkit-scrollbar{width:6px}.scroll-fade::-webkit-scrollbar-track{background:transparent}.scroll-fade::-webkit-scrollbar-thumb{background:#3c281447;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:radial-gradient(ellipse at 50% 18%,#a8dcf4 0%,var(--bg-app) 55%,var(--bg-app-deep) 100%)}@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-text);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-text);border:1px solid var(--border-parchment)}.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 50% 18%,#b6e3f6 0%,var(--bg-app) 55%,var(--bg-app-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:linear-gradient(180deg,#fffdf7fa,#f8f0def7);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid var(--border-panel);box-shadow:inset 0 1px #fffc,0 6px 22px #3c281438;color:var(--text-1)}.mobile-bottom-stack{background:transparent!important;box-shadow:none!important;border:none!important}.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-text);font-weight:var(--fw-bold);font-size:var(--fs-h3);text-shadow:0 0 16px rgba(240,192,64,.45)}.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,#f0c04038,#fcfaf599 80%)}.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-text);background:#f0c04033}.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 auto;align-items:stretch;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);min-height:148px}.bottom-left{display:flex;align-items:center;gap:var(--sp-3);min-width:0;overflow-x:auto;overflow-y:visible;scrollbar-width:thin}.bottom-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2)}.bottom-right{display:flex;align-items:stretch;gap:var(--sp-2);justify-content:flex-end}.primary-action-stack{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--sp-2);min-width:140px}.primary-action-slot{display:flex;align-items:center;justify-content:center;min-height:48px}.primary-action-btn{width:100%;min-height:48px;padding:var(--sp-2) var(--sp-4);font-weight:var(--fw-bold);letter-spacing:.02em}.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:#3c28141f;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-card{position:absolute;top:0;left:0;margin-left:-18px;margin-top:-21px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45));will-change:transform}@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-text);background:var(--bg-deep);border-color:var(--border-parchment)}.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));text-shadow:0 0 1px rgba(20,14,6,.45)}.feed-entry-text{flex:1;color:var(--text-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-text)}.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}.endgame-stats{display:flex;flex-direction:column;gap:var(--sp-3)}.endgame-tabs{display:flex;gap:var(--sp-1);flex-wrap:wrap;border-bottom:1px solid var(--border-panel);padding-bottom:var(--sp-2)}.endgame-tab{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);background:transparent;border:1px solid transparent;cursor:pointer;transition:all var(--dur-1) var(--ease-out)}.endgame-tab:hover{color:var(--text-1)}.endgame-tab.active{color:var(--accent-text);background:var(--bg-deep);border-color:var(--border-parchment)}.endgame-body{min-height:220px}.endgame-h{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:0 0 var(--sp-2) 0}.endgame-table{width:100%;border-collapse:collapse;font-size:var(--fs-small)}.endgame-table th,.endgame-table td{padding:var(--sp-2);text-align:left;border-bottom:1px solid var(--border-panel)}.endgame-table th{font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.endgame-table .num{text-align:right;font-variant-numeric:tabular-nums}.endgame-table .winner-row{background:#f0c04014}.endgame-bars{display:flex;align-items:flex-end;gap:var(--sp-1);height:200px;padding:0 var(--sp-2)}.endgame-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);min-width:0}.endgame-bar-track{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center}.endgame-bar-fill{width:80%;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-hot) 100%);border-radius:var(--r-sm) var(--r-sm) 0 0;position:relative;min-height:2px;transition:height var(--dur-1) var(--ease-out)}.endgame-bar-fill.seven{background:linear-gradient(180deg,var(--text-3) 0%,var(--text-2) 100%)}.endgame-bar-value{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:var(--fs-tiny);font-weight:var(--fw-semibold);color:var(--text-1)}.endgame-bar-label{font-size:var(--fs-tiny);color:var(--text-3);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.match-history{max-width:720px;margin:0 auto;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.match-history-header{display:flex;align-items:center;gap:var(--sp-3)}.match-history-header h2{margin:0}.meta-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--sp-3)}.meta-stat{text-align:center;padding:var(--sp-2);background:var(--bg-deep);border:1px solid var(--border-panel);border-radius:var(--r-md)}.meta-stat-value{font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--text-1);font-variant-numeric:tabular-nums}.meta-stat-label{font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.match-list{display:flex;flex-direction:column;gap:var(--sp-2)}.match-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--bg-deep);border:1px solid var(--border-panel);border-radius:var(--r-md);cursor:pointer;transition:border-color var(--dur-1) var(--ease-out)}.match-row:hover{border-color:var(--accent)}.match-row-result{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:24px}.match-loss-dot{width:8px;height:8px;border-radius:50%;background:var(--text-3);display:inline-block}.match-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-1)}.match-row-line{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.match-row-meta{font-size:var(--fs-tiny);color:var(--text-3)}.player-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:var(--r-sm);font-size:var(--fs-tiny);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.4)}.player-chip-vp{background:#00000040;border-radius:999px;padding:0 5px;font-weight:var(--fw-semibold)}@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-text)}.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;flex-direction:column;gap:3px;padding:var(--sp-2);background:linear-gradient(180deg,color-mix(in srgb,var(--player-color) 16%,rgba(255,253,247,.97)),#f8f0def7);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);border:1px solid var(--border-panel);border-left:3px solid var(--player-color);border-radius:var(--r-md);flex-shrink:0;min-width:128px;box-shadow:0 2px 8px #3c281438,inset 0 1px #ffffffb3;text-align:left;color:var(--text-1)}.player-chip.active{box-shadow:var(--glow-active)}.player-chip-disconnected{opacity:.55}.player-chip-head{display:flex;align-items:center;gap:var(--sp-1)}.player-chip-name{font-size:var(--fs-small);font-weight:var(--fw-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:54px;flex:1}.player-chip-vp{font-size:var(--fs-body);font-weight:var(--fw-bold);color:#b87c10;font-variant-numeric:tabular-nums;min-width:14px;text-align:right}.player-chip-stats{display:flex;justify-content:space-between;gap:2px;align-items:center}.stat-icon{display:inline-flex;align-items:center;gap:2px;padding:1px 4px;border-radius:3px;font-size:var(--fs-tiny);font-weight:var(--fw-semibold);color:var(--text-2);background:#3c281414;font-variant-numeric:tabular-nums}.stat-icon-num{min-width:8px;text-align:right}.stat-icon-trophy{color:#a86b00;background:#f0c04040;box-shadow:inset 0 0 0 1px #f0c0408c}.player-chip-status{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;background:#f770142e;border-radius:3px;font-size:9px;font-weight:var(--fw-semibold);color:var(--warning);text-transform:uppercase;letter-spacing:.04em;align-self:flex-start}.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-rail{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:transparent;pointer-events:none}.mobile-action-rail>*{pointer-events:auto}.mobile-action-rail-row{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--sp-2);pointer-events:none}.mobile-action-rail-row>*{pointer-events:auto}.mobile-action-rail-top{min-height:50px}.mobile-action-rail-wait{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;background:#fcfaf5d9;border-radius:var(--r-pill);font-size:var(--fs-small);color:#6b5a3f;font-style:italic}.action-chip{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:50px;padding:6px 10px 5px;background:linear-gradient(180deg,#fff,#eadfc7);color:#3a2c17;border:1px solid rgba(0,0,0,.18);border-radius:var(--r-md);font-size:var(--fs-small);font-weight:var(--fw-semibold);box-shadow:0 2px #0000001f,0 4px 10px #00000040;transition:transform var(--dur-1) var(--ease-out),filter var(--dur-1)}.action-chip:not(:disabled):active{transform:scale(.94);filter:brightness(.96)}.action-chip:disabled{opacity:.4;box-shadow:none}.action-chip-icon{display:inline-flex;line-height:1}.action-chip-label{font-size:10px;letter-spacing:.02em;line-height:1}.action-chip-primary{background:linear-gradient(180deg,#f6c85a,#e88a1f);color:#1a1207;border-color:#0003;box-shadow:0 2px 6px #e88a1f80}.action-chip-primary .action-chip-label{color:#1a1207}.action-chip.action-chip-icon-only{min-width:0;width:50px;height:50px;padding:0;justify-content:center}.action-chip.action-chip-icon-only .action-chip-icon{margin:0}.action-chip.action-chip-icon-only .action-chip-cost{position:absolute;bottom:3px;left:50%;transform:translate(-50%);margin:0}.action-chip-cost{display:inline-flex;gap:2px;margin-top:1px}.cost-dot{width:6px;height:6px;border-radius:2px;display:inline-block;box-shadow:inset 0 0 0 1px #00000040}.cost-lumber{background:#2e5d2e}.cost-brick{background:#b0543a}.cost-wool{background:#9fb36e}.cost-grain{background:#d9ad3c}.cost-ore{background:#656975}.action-chip-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:var(--danger);color:#fff;border:1px solid #fcfaf5;border-radius:8px;font-size:9px;font-weight:var(--fw-bold);display:inline-flex;align-items:center;justify-content:center;line-height:1}}@media (max-width: 1024px){.mobile-hand{display:flex;align-items:center;flex-wrap:nowrap;gap:1px;padding:0;overflow-x:auto;scrollbar-width:none;min-height:38px}.mobile-hand::-webkit-scrollbar{display:none}.mobile-hand-empty{color:#7a6b4e;font-style:italic;font-size:var(--fs-small);padding:0 var(--sp-2)}.mobile-hand-divider{width:2px;align-self:stretch;background:transparent;margin:0 4px}.mobile-hand-stack{position:relative;display:inline-flex;align-items:center;padding:0;background:transparent;border:none;border-radius:0;flex-shrink:0;height:38px}.mobile-hand-stack-inner{position:relative;height:100%}.mobile-hand-stack-card{position:absolute;top:0;transition:transform var(--dur-1) var(--ease-out)}.mobile-hand-stack:not(:disabled):active .mobile-hand-stack-card:last-child{transform:translateY(-2px)}.mobile-hand-stack-count{position:absolute;bottom:-2px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:#1a1a1a;color:#fff;border:1.5px solid #fff;border-radius:10px;font-size:10px;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:center;line-height:1;z-index:5}.mobile-hand-devcard{position:relative;padding:0;background:transparent;border:none;width:29px;height:38px;flex-shrink:0;cursor:default}.mobile-hand-devcard:not(:disabled){cursor:pointer}.mobile-hand-devcard-new{opacity:.55}.mobile-hand-devcard-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:5px;box-shadow:0 0 0 2px #f0c040bf,0 0 10px #f0c04080;pointer-events:none;animation:dev-glow-pulse 1.6s ease-in-out infinite}@keyframes dev-glow-pulse{0%,to{opacity:.65}50%{opacity:1}}}@media (max-width: 1024px){.mobile-bank-bar{display:flex;gap:var(--sp-1);justify-content:center;padding:var(--sp-1) var(--sp-2);margin-top:var(--sp-1);background:linear-gradient(180deg,#fffdf7f7,#f8f0def7);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-md);box-shadow:inset 0 1px #ffffffb3,0 2px 6px #3c28142e}.bank-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:var(--r-sm);font-size:var(--fs-small);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;color:var(--text-1);background:#3c28140f}.bank-chip-dot{width:10px;height:10px;border-radius:2px;box-shadow:inset 0 0 0 1px #00000059}.bank-chip-count{min-width:10px;text-align:right}.bank-chip-dev{color:#5d3a7e;background:#8d44c126;border:1px solid rgba(141,68,193,.35);margin-left:var(--sp-1)}.bank-chip-low{color:var(--warning);background:#f7701426}.bank-chip-empty{color:var(--danger);background:#ed1c242e;text-decoration:line-through}}@media (max-width: 1024px){.mobile-dice-result{display:inline-flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-1);padding:4px 10px;background:linear-gradient(180deg,#fffdf7f7,#f8f0def7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-panel);border-radius:var(--r-pill);box-shadow:inset 0 1px #ffffffb3,0 2px 6px #3c28142e;color:var(--text-1);font-size:var(--fs-small);align-self:flex-start}.mobile-dice-result-hot{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger),0 0 12px #ed1c2459}.mobile-dice-result-who{font-weight:var(--fw-semibold);color:var(--text-2);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-dice-result-dice{display:inline-flex;gap:3px}.mobile-dice-result-dice .dice{width:22px!important;height:22px!important;border-radius:3px}.mobile-dice-result-total{font-size:var(--fs-body);font-weight:var(--fw-bold);color:#b87c10;font-variant-numeric:tabular-nums;min-width:18px;text-align:right}.mobile-dice-result-hot .mobile-dice-result-total{color:var(--danger)}}.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%,rgba(252,250,245,.95) 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:#f0c04047;border-color:var(--accent);color:var(--accent-text);box-shadow:0 0 0 2px #f0c04059}.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:#05bf002e;color:var(--success-text)}.trade-side-marker.give{background:#ed1c2426;color:var(--danger-text)}.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)}.mobile-trade-sheet .sheet-body{padding-top:var(--sp-3)}.mobile-trade-sheet-body,.mobile-trade-flow,.mobile-trade-compose{display:flex;flex-direction:column;gap:var(--sp-3)}.mobile-trade-compose-inline{display:flex;flex-direction:column;gap:var(--sp-2)}.mobile-trade-compose-inline .mobile-trade-nav{padding:var(--sp-2) var(--sp-3) 0}.mobile-trade-nav{display:flex;gap:var(--sp-2);flex-wrap:wrap}.mobile-trade-tab{border:1px solid var(--border-hi);background:var(--bg-deep);color:var(--text-2);border-radius:var(--r-pill);padding:8px 12px;font-size:var(--fs-small);font-weight:var(--fw-semibold)}.mobile-trade-tab.active{border-color:var(--accent);color:var(--accent-text);background:#f0c04026;box-shadow:0 0 0 1px #f0c04059}.mobile-trade-new-offer{margin-left:auto}.mobile-trade-offer-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border-hi)}.mobile-trade-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md)}.mobile-trade-banner.incoming{background:#f0c04024;border:1px solid rgba(240,192,64,.28)}.mobile-trade-banner.creator{background:#58b2ff1f;border:1px solid rgba(88,178,255,.24)}.mobile-trade-banner-label{color:var(--text-3);font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--fw-bold)}.mobile-trade-banner-time{color:var(--text-1);font-size:var(--fs-h3);font-weight:var(--fw-bold);line-height:1.1}.mobile-trade-banner-pill{background:#3c28140f;border:1px solid var(--border-panel);border-radius:var(--r-pill);padding:6px 10px;color:var(--text-1);font-size:var(--fs-small);font-weight:var(--fw-semibold)}.mobile-trade-summary{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--sp-2);align-items:start}.mobile-trade-summary-arrow{display:grid;place-items:center;color:var(--text-3);padding-top:24px}.mobile-trade-side{display:flex;flex-direction:column;gap:var(--sp-2)}.mobile-trade-side-label{color:var(--text-3);font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--fw-bold)}.mobile-trade-side-cards{display:flex;flex-wrap:wrap;gap:var(--sp-2);min-height:40px}.mobile-trade-side-card{position:relative}.mobile-trade-side-empty{color:var(--text-3);font-size:var(--fs-small);font-style:italic}.mobile-trade-cta-row{display:flex;gap:var(--sp-2)}.mobile-trade-cta-row .btn{flex:1}.mobile-trade-responses{display:flex;flex-direction:column;gap:var(--sp-2)}.mobile-trade-response-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-deep);border:1px solid var(--border-panel);border-radius:var(--r-md)}.mobile-trade-response-main{display:flex;align-items:center;gap:var(--sp-2);min-width:0;flex:1}.mobile-trade-response-main span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-trade-response-status{border-radius:var(--r-pill);padding:4px 10px;font-size:var(--fs-small);font-weight:var(--fw-semibold);text-transform:capitalize}.mobile-trade-response-status.pending{color:var(--accent-text);background:#f0c04033}.mobile-trade-response-status.accept{color:var(--success-text);background:#05bf0029}.mobile-trade-response-status.reject{color:var(--danger-text);background:#ed1c2424}.mobile-trade-empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-3);text-align:center}.mobile-trade-empty-title{color:var(--text-2);font-weight:var(--fw-semibold)}@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:transparent}.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(13,50,88,.14) 55%,rgba(13,50,88,.22) 95%)}.mobile-hand-row{background:linear-gradient(180deg,var(--bg-parchment) 0%,var(--bg-parchment-2) 100%);border-top:2px solid var(--border-parchment);box-shadow:0 -4px 12px #00000040;padding:10px 6px 12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));min-height:64px}.mobile-hand-row .mobile-hand,.mobile-hand-row .my-hand{overflow-y:visible}}@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}}.connection-banner{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:9000;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#ef4444f2;color:#fff;font-size:var(--fs-small);font-weight:600;box-shadow:0 6px 24px #00000059;pointer-events:none;animation:connection-banner-fade-in .18s ease-out}.connection-banner__dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:#fff;animation:connection-status-pulse 1.2s ease-in-out infinite}@keyframes connection-banner-fade-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.restoring-splash{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(360px,90vw);height:fit-content;max-height:fit-content;padding:var(--sp-5);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center}.restoring-splash p{margin:0;color:var(--text-2)}.restoring-spinner{width:36px;height:36px;border-radius:999px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent, #60a5fa);animation:restoring-spin .8s linear infinite}@keyframes restoring-spin{to{transform:rotate(360deg)}}.account-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#140c068c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;display:flex;align-items:center;justify-content:center;padding:var(--sp-3)}.account-drawer{width:min(440px,100%);max-height:calc(100vh - var(--sp-6));overflow-y:auto;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.account-drawer-header{display:flex;align-items:center;justify-content:space-between}.account-drawer-header h3{margin:0}.account-section{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3) 0;border-top:1px solid var(--border-panel)}.account-section:first-of-type{border-top:none;padding-top:0}.account-section h4{margin:0;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em;color:var(--text-2)}.device-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-1)}.device-item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);background:#ffffff80;border-radius:var(--r-md);font-size:var(--fs-small)}.device-meta{margin-left:auto;color:var(--text-3);font-size:var(--fs-small)}.device-link-box{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2);background:#ffffff80;border-radius:var(--r-md)}.device-link-box code{word-break:break-all;font-family:var(--font-mono, "Courier New", monospace);font-size:var(--fs-small);color:var(--text-2)}.error-text{color:#c0392b;margin:0;font-size:var(--fs-small)}.info-text{color:var(--text-2);margin:0;font-size:var(--fs-small)}.passkey-banner{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:#fff4dccc;border:1px solid var(--border-panel);border-radius:var(--r-md);font-size:var(--fs-small);color:var(--text-2)}.passkey-banner .spacer{flex:1}