@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%;background:var(--bg-app);overscroll-behavior:none}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;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}input,textarea,[contenteditable=true],.selectable{-webkit-user-select:text;-moz-user-select:text;user-select:text;-webkit-touch-callout:default}.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%)}.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)}.error-toast.tone-info{background:var(--bg-panel-dark);color:var(--text-on-dark)}@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}.leave-game-btn{position:fixed;top:calc(var(--sp-2) + env(safe-area-inset-top,0));right:calc(var(--sp-2) + env(safe-area-inset-right,0));z-index:998;display:inline-flex;align-items:center;gap:var(--sp-1);padding:6px 10px;border:1px solid var(--border, rgba(255,255,255,.15));background:#00000073;color:var(--text-2);border-radius:999px;font-size:var(--fs-small);cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.leave-game-btn:hover{color:var(--text-1);background:#0009}@media (max-width: 1024px){.leave-game-btn{display:none}}.lobby{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);padding:calc(var(--sp-8) + env(safe-area-inset-top,0)) calc(var(--sp-4) + env(safe-area-inset-right,0)) calc(var(--sp-6) + env(safe-area-inset-bottom,0)) calc(var(--sp-4) + env(safe-area-inset-left,0))}.lobby>*{width:100%;max-width:520px}.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{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:calc(var(--sp-8) + env(safe-area-inset-top,0)) calc(var(--sp-4) + env(safe-area-inset-right,0)) calc(var(--sp-6) + env(safe-area-inset-bottom,0)) calc(var(--sp-4) + env(safe-area-inset-left,0));text-align:center;display:flex;flex-direction:column;gap:var(--sp-4);align-items:stretch}.waiting-card{width:100%;max-width:440px;margin:0 auto;padding:var(--sp-5) var(--sp-5) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.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-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;display:flex;flex-direction:column;gap:var(--sp-2)}.hud-top>*{pointer-events:auto}.hud-top>.mobile-only,.hud-top>.desktop-only{display:flex;flex-direction:column;gap:var(--sp-1)}.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-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-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;backdrop-filter:none!important;-webkit-backdrop-filter:none!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}.move-timer{padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);background:var(--bg-deep);font-size:var(--fs-small);font-variant-numeric:tabular-nums}.mobile-move-timer-bar{position:fixed;left:0;right:0;bottom:env(safe-area-inset-bottom,0);height:6px;background:#00000073;overflow:hidden;margin:0;z-index:1000;pointer-events:none}@media (min-width: 561px){.mobile-move-timer-bar{display:none}}.mobile-move-timer-fill{height:100%;background:var(--text-2);transition:width .1s linear,background-color .2s ease}.mobile-move-timer-warn .mobile-move-timer-fill{background:var(--color-warning, #e90)}.mobile-move-timer-critical .mobile-move-timer-fill{background:var(--color-danger, #e44)}.mobile-move-timer-label{position:absolute;right:8px;bottom:8px;font-size:11px;font-weight:var(--fw-semibold, 600);font-variant-numeric:tabular-nums;color:var(--text-2);text-shadow:0 0 4px rgba(0,0,0,.6);pointer-events:none}.mobile-move-timer-warn .mobile-move-timer-label{color:var(--color-warning, #e90)}.mobile-move-timer-critical .mobile-move-timer-label{color:var(--color-danger, #e44)}.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}.achievement-banner-stack{position:fixed;top:72px;left:0;right:0;z-index:49;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:0 var(--sp-3);pointer-events:none}.achievement-banner{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-5);border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.25);box-shadow:0 6px 24px #00000059;font-weight:var(--fw-bold);min-width:260px;max-width:90vw}.achievement-banner-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#0000002e;flex-shrink:0}.achievement-banner-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}.achievement-banner-title{font-size:var(--fs-h3);font-weight:var(--fw-bold)}.achievement-banner-sub{font-size:var(--fs-small);font-weight:var(--fw-regular);opacity:.85}.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;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;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;border-left:2px solid transparent}.feed-entry:hover{background:var(--bg-panel-hi)}.feed-entry[style*=--player-color]{border-left-color:var(--player-color)}.feed-entry.is-latest{background:var(--bg-panel-hi);border-left-width:3px;box-shadow:inset 0 0 0 1px var(--border-panel)}.feed-entry-time{flex-shrink:0;font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums;margin-top:2px;white-space:nowrap}.feed-entry-latest-pill{display:inline-block;margin-left:var(--sp-2);padding:0 6px;border-radius:var(--r-pill);background:var(--accent);color:#2a1c00;font-size:10px;font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;vertical-align:1px;line-height:16px}.feed-entry-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--player-color, var(--text-3));margin-top:1px}.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);text-transform:capitalize}.feed-entry-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.feed-entry-text{flex:1;color:var(--text-1)}.feed-entry-cards{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-1);margin-top:2px}.feed-cards{display:inline-flex;align-items:center;gap:2px}.feed-cards-arrow{color:var(--text-3);font-weight:var(--fw-bold);margin:0 2px}.feed-entry-dice{display:inline-flex;align-items:center;gap:4px;margin-top:2px;color:var(--text-2);font-weight:var(--fw-semibold)}.feed-entry-dice-total{font-size:var(--fs-small);color:var(--text-1);margin-left:2px}.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}.victory-sheet{background:radial-gradient(140% 80% at 50% 0%,color-mix(in srgb,var(--winner-color, var(--accent)) 8%,transparent) 0%,transparent 55%),linear-gradient(180deg,#fffaf0 0%,var(--bg-panel) 60%)!important}.victory-banner{position:relative;margin:calc(var(--sp-4) * -1) calc(var(--sp-4) * -1) 0;padding:28px var(--sp-4) 20px;text-align:center;overflow:hidden;isolation:isolate}.victory-watermark{position:absolute;top:-18px;left:50%;transform:translate(-50%);color:var(--winner-color, var(--accent));opacity:.09;z-index:0;pointer-events:none}.victory-banner>*{position:relative;z-index:1}.victory-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:var(--fw-bold);letter-spacing:.32em;text-transform:uppercase;color:var(--accent-text);padding:5px 12px;border-radius:var(--r-pill);background:#f0c0401f;border:1px solid rgba(240,192,64,.35)}.victory-eyebrow svg{color:var(--accent-text)}.victory-name{margin:14px 0 8px;font-size:40px;font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--text-1);text-shadow:0 1px 0 rgba(255,255,255,.6)}.victory-score{display:inline-flex;align-items:baseline;gap:2px;font-variant-numeric:tabular-nums;color:var(--text-1)}.victory-score-num{font-size:64px;font-weight:800;line-height:1;letter-spacing:-.04em;background:linear-gradient(180deg,var(--accent-text) 0%,var(--accent-text-hot) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.victory-score-sep{font-size:30px;font-weight:500;color:var(--text-3);margin:0 2px}.victory-score-max{font-size:30px;font-weight:600;color:var(--text-3)}.victory-meta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:var(--fs-small);color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;font-weight:var(--fw-semibold)}.victory-meta-dot{opacity:.5}.victory-accent-bar{height:4px;margin:22px calc(var(--sp-4) * -1) 0;background:linear-gradient(90deg,transparent 0%,var(--winner-color, var(--accent)) 15%,var(--winner-color, var(--accent)) 85%,transparent 100%);opacity:.9}.victory-stats-wrap{margin-top:var(--sp-4)}.victory-cta{width:100%;padding:14px 16px;font-size:var(--fs-h3);font-weight:var(--fw-bold);letter-spacing:.02em;border-radius:var(--r-lg)}.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-scroll{position:relative;margin:0 calc(var(--sp-4) * -1);padding:0 var(--sp-4);border-bottom:1px solid var(--border-panel);overflow:hidden}.endgame-tabs{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;touch-action:pan-x;padding:0 2px;margin:0 -2px}.endgame-tabs::-webkit-scrollbar{display:none}.endgame-tab{flex:0 0 auto;position:relative;padding:10px 0 12px;color:var(--text-3);font-weight:var(--fw-semibold);font-size:12px;letter-spacing:.04em;background:transparent;border:0;cursor:pointer;transition:color var(--dur-1) var(--ease-out);white-space:nowrap;scroll-snap-align:center}.endgame-tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);border-radius:2px 2px 0 0;transform:scaleX(0);transform-origin:center;transition:transform var(--dur-2) var(--ease-out)}.endgame-tab:hover{color:var(--text-2)}.endgame-tab.active{color:var(--accent-text);font-weight:var(--fw-bold)}.endgame-tab.active:after{transform:scaleX(1)}.endgame-body{min-height:220px}.endgame-empty{display:flex;align-items:center;justify-content:center;min-height:140px;padding:var(--sp-4);border-radius:var(--r-md);background:var(--bg-deep);border:1px dashed var(--border-panel);color:var(--text-3);font-size:var(--fs-small);font-style:italic;text-align:center}.endgame-scroll{margin:0 calc(var(--sp-4) * -1);padding:0 var(--sp-4);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:thin}.endgame-scroll::-webkit-scrollbar{height:6px}.endgame-scroll::-webkit-scrollbar-thumb{background:#3c281438;border-radius:9999px}.endgame-details{margin-top:var(--sp-3);border-radius:var(--r-md);background:var(--bg-deep);border:1px solid var(--border-panel);overflow:hidden}.endgame-details>summary{list-style:none;cursor:pointer;padding:10px 14px;font-size:var(--fs-small);font-weight:var(--fw-semibold);color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;justify-content:space-between}.endgame-details>summary::-webkit-details-marker{display:none}.endgame-details>summary:after{content:"+";font-size:16px;color:var(--text-3);transition:transform var(--dur-1) var(--ease-out)}.endgame-details[open]>summary:after{content:"−"}.endgame-details[open]>summary{border-bottom:1px solid var(--border-panel)}.endgame-details>.endgame-scroll{padding:var(--sp-2) var(--sp-4) var(--sp-3);margin:0}.leaderboard{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--border-panel)}.lb-row{position:relative;display:grid;grid-template-columns:34px 1fr auto;column-gap:14px;align-items:center;padding:14px 4px 14px 0;border-bottom:1px solid var(--border-panel);transition:background var(--dur-1) var(--ease-out)}.lb-row.is-winner{background:linear-gradient(90deg,transparent 0%,rgba(240,192,64,.1) 40%,rgba(240,192,64,.14) 100%)}.lb-row.is-winner:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--accent)}.lb-rank{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-3);text-align:center;letter-spacing:-.04em;line-height:1}.lb-row.is-winner .lb-rank{color:var(--accent-text)}.lb-main{min-width:0;display:flex;flex-direction:column;gap:6px}.lb-top{display:flex;align-items:center;gap:6px;min-width:0}.lb-name{font-size:16px;font-weight:var(--fw-bold);color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.lb-crown{color:var(--accent-text);flex-shrink:0}.lb-bar{height:5px;border-radius:999px;background:#3c28141a;overflow:hidden}.lb-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--player-color) 78%,#fff 0%) 0%,var(--player-color) 100%);transition:width .7s var(--ease-out);box-shadow:0 0 0 1px color-mix(in srgb,var(--player-color) 18%,transparent)}.lb-sources{font-size:var(--fs-small);color:var(--text-3);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-score{display:inline-flex;align-items:baseline;gap:3px;font-variant-numeric:tabular-nums;color:var(--text-1);padding-left:4px}.lb-score-num{font-size:28px;font-weight:800;line-height:1;letter-spacing:-.04em}.lb-row.is-winner .lb-score-num{background:linear-gradient(180deg,var(--accent-text) 0%,var(--accent-text-hot) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.lb-score-label{font-size:9px;font-weight:var(--fw-bold);letter-spacing:.14em;color:var(--text-3);text-transform:uppercase}.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:stretch;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;height:100%}.endgame-bar-track{width:100%;flex:1 1 auto;min-height:0;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{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--sp-3);padding:calc(var(--sp-4) + env(safe-area-inset-top,0)) calc(var(--sp-4) + env(safe-area-inset-right,0)) calc(var(--sp-6) + env(safe-area-inset-bottom,0)) calc(var(--sp-4) + env(safe-area-inset-left,0))}.match-history>*{width:100%;max-width:720px;margin-left:auto;margin-right:auto}.match-history-review>*{max-width:1080px}.match-history-header{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.match-history-header h2{margin:0;font-size:var(--fs-h2)}@media (max-width: 560px){.match-history{padding:calc(var(--sp-3) + env(safe-area-inset-top,0)) calc(var(--sp-3) + env(safe-area-inset-right,0)) calc(var(--sp-5) + env(safe-area-inset-bottom,0)) calc(var(--sp-3) + env(safe-area-inset-left,0));gap:var(--sp-2)}.match-history-header{gap:var(--sp-2)}.match-history-header h2{font-size:var(--fs-h3)}}.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)}.review-tabs{display:flex;gap:var(--sp-1);padding:0 var(--sp-1)}.replay-viewer{display:flex;flex-direction:column;gap:var(--sp-3)}.replay-scrubber{display:flex;flex-direction:column;gap:var(--sp-2);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-panel)}.replay-scrubber-main{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:var(--sp-3);align-items:start}@media (max-width: 860px){.replay-scrubber-main{grid-template-columns:1fr}}.replay-board-wrap{background:var(--bg-deep);border-radius:var(--r-md);border:1px solid var(--border-panel);overflow:hidden;aspect-ratio:800 / 760}.replay-board-wrap .hex-board{width:100%;height:100%;display:block}.replay-summary-panel{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2);background:var(--bg-deep);border-radius:var(--r-md);border:1px solid var(--border-panel);font-size:var(--fs-small)}.replay-current-action{display:flex;gap:var(--sp-2);align-items:flex-start}.replay-turn-tag{font-size:var(--fs-tiny);color:var(--text-3);margin-top:2px}.replay-player-summary-list{display:flex;flex-direction:column;gap:4px}.replay-player-summary{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-tiny);color:var(--text-2)}.replay-player-counts{display:flex;flex-wrap:wrap;gap:6px;font-variant-numeric:tabular-nums}.replay-controls-bar{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.replay-ctrl-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:var(--bg-deep);border:1px solid var(--border-panel);border-radius:var(--r-md);color:var(--text-1);cursor:pointer;font-size:var(--fs-body);transition:all var(--dur-1) var(--ease-out)}.replay-ctrl-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent-text)}.replay-ctrl-btn:disabled{opacity:.35;cursor:default}.replay-ctrl-play{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.replay-ctrl-play:hover:not(:disabled){background:var(--accent-hot);border-color:var(--accent-hot);color:var(--accent-text)}.replay-scrubber-range{flex:1;min-width:140px;accent-color:var(--accent)}.replay-speed-group{display:inline-flex;gap:2px;padding:2px;background:var(--bg-deep);border:1px solid var(--border-panel);border-radius:var(--r-md)}.replay-speed-btn{padding:2px 8px;background:transparent;border:none;border-radius:var(--r-sm);font-size:var(--fs-tiny);font-weight:var(--fw-semibold);color:var(--text-3);cursor:pointer}.replay-speed-btn:hover{color:var(--text-1)}.replay-speed-btn.active{background:var(--accent);color:var(--accent-text)}.replay-controls{display:flex;flex-direction:column;gap:var(--sp-2);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border-panel)}.replay-filter-row{display:flex;flex-wrap:wrap;gap:var(--sp-1);align-items:center}.replay-filter-label{font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-right:var(--sp-1)}.replay-filter-chip{padding:2px 8px;border-radius:999px;border:1px solid var(--border-panel);background:transparent;color:var(--text-3);font-size:var(--fs-tiny);font-weight:var(--fw-semibold);cursor:pointer;transition:all var(--dur-1) var(--ease-out)}.replay-filter-chip:hover{color:var(--text-1);border-color:var(--accent)}.replay-filter-chip.active{color:var(--accent-text);background:var(--bg-deep);border-color:var(--border-parchment)}.replay-filter-chip.ghost{border-style:dashed}.replay-summary{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-tiny);color:var(--text-3)}.replay-timeline{display:flex;flex-direction:column;gap:var(--sp-2);padding-right:var(--sp-1)}.replay-turn{border:1px solid var(--border-panel);border-radius:var(--r-md);background:var(--bg-deep)}.replay-turn-header{width:100%;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:transparent;border:none;cursor:pointer;color:var(--text-1);font-weight:var(--fw-semibold);font-size:var(--fs-small);text-align:left}.replay-turn-header:hover{color:var(--accent-text)}.replay-turn-caret{width:1em;color:var(--text-3);font-size:var(--fs-tiny)}.replay-turn-label{flex:1}.replay-turn-count{font-size:var(--fs-tiny);color:var(--text-3);background:#0000002e;padding:1px 8px;border-radius:999px;font-variant-numeric:tabular-nums}.replay-action-list{list-style:none;margin:0;padding:0 var(--sp-3) var(--sp-2) var(--sp-3);display:flex;flex-direction:column;gap:4px}.replay-action-row{display:flex;align-items:baseline;gap:var(--sp-2);padding:2px 0;font-size:var(--fs-small);border-top:1px dashed rgba(255,255,255,.04)}.replay-action-row:first-child{border-top:none}.replay-action-chip{flex:0 0 auto;padding:1px 7px;border-radius:var(--r-sm);font-size:var(--fs-tiny);font-weight:var(--fw-semibold);text-shadow:0 1px 1px rgba(0,0,0,.3);min-width:48px;text-align:center}.replay-action-label{color:var(--text-1);font-weight:var(--fw-semibold)}.replay-action-detail{color:var(--text-3);font-variant-numeric:tabular-nums}@media (max-width: 1200px){.hud-feeds{width:280px}.hud-players{width:300px}}@media (min-width: 1025px){.trade-banner-stack,.trade-offer-rail{align-items:center;padding:0 calc(340px + var(--sp-3) * 2) 0 calc(320px + var(--sp-3) * 2)}.trade-banner{min-width:280px;max-width:520px}.trade-offer-banner{min-width:22em;max-width:36em}}@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-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}}@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)}.victory-banner{padding:22px var(--sp-4) 16px}.victory-name{font-size:34px}.victory-score-num{font-size:56px}.victory-score-sep,.victory-score-max{font-size:26px}.victory-watermark{width:120px;height:120px}.lb-row{grid-template-columns:28px 1fr auto;column-gap:12px;padding:12px 2px 12px 0}.lb-rank{font-size:19px}.lb-name{font-size:15px}.lb-score-num{font-size:24px}}.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;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-zone{flex-shrink:0;display:flex;justify-content:center;align-items:center;height:22px;cursor:grab;touch-action:none}.sheet-handle-zone:active{cursor:grabbing}.sheet-handle{width:40px;height:4px;background:var(--border-hi);border-radius:2px}.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;touch-action:none}.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;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.sheet-footer{flex-shrink:0;padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border-panel);background:var(--bg-panel);display:flex;gap:var(--sp-2)}.sheet-footer>.btn,.sheet-footer>button{flex:1}@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-zone{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)}.trade-offer-rail{display:flex;flex-direction:column;gap:.35em;align-items:stretch;pointer-events:none;width:100%;font-size:14px}@media (max-width: 1024px){.trade-offer-rail{font-size:13px}}.trade-offer-rail>*{pointer-events:auto}.trade-offer-rail-toggle{display:flex;justify-content:center}.trade-offer-rail-toggle-btn{display:inline-flex;align-items:center;gap:.4em;padding:.25em .75em;border-radius:999px;border:1px solid rgba(252,250,245,.4);background:linear-gradient(180deg,#fcfaf5eb,#e2d7c4d9);color:#2a1f12;font-size:.85em;font-weight:700;cursor:pointer;box-shadow:0 1px 4px #00000059;transition:transform .1s ease,filter .15s ease}.trade-offer-rail-toggle-btn:hover{filter:brightness(1.04)}.trade-offer-rail-toggle-btn:active{transform:scale(.97)}.trade-offer-rail-toggle-count{text-transform:uppercase;letter-spacing:.04em}.trade-offer-rail-overflow{align-self:center;font-size:.75em;color:var(--text-3);background:#fcfaf51f;border:1px dashed rgba(252,250,245,.25);border-radius:999px;padding:.2em .7em}.trade-offer-banner{display:flex;align-items:stretch;border-radius:.4em;box-shadow:0 4px 16px #00000059,0 0 0 1px #00000040;overflow:hidden}.trade-offer-counter-sliver{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2em;padding:.4em .45em;border-radius:.4em 0 0 .4em;background-color:#00000080}.trade-offer-counter-sliver-icon{color:#fcfaf5d9}.trade-offer-banner-body{flex:1;display:flex;flex-direction:column;gap:.55em;padding:.55em .7em;background:linear-gradient(180deg,#fcfaf5,#e2d7c4);color:#2a1f12;min-width:0;box-shadow:inset -3px 0 0 var(--player-color, transparent)}.trade-offer-half{display:flex;align-items:center;justify-content:space-between;gap:.5em;min-width:0}.trade-offer-half-left{display:flex;flex:1;align-items:center;gap:.45em;min-width:0}.trade-offer-half-right{display:flex;align-items:center;gap:.3em;flex-shrink:0}.trade-offer-receiving .trade-offer-half-right{align-self:flex-start}.trade-offer-giving .trade-offer-half-right{align-self:flex-end}.trade-offer-avatar{flex-shrink:0;display:inline-flex}.trade-offer-generic-avatar{display:inline-grid;place-items:center;border-radius:50%;background:#0000002e;color:#2a1f12;border:2px solid rgba(0,0,0,.35)}.trade-offer-generic-avatar-lg{width:28px;height:28px}.trade-offer-generic-avatar-sm{width:20px;height:20px}.trade-offer-arrow{flex-shrink:0;color:#3c281499}.trade-offer-arrow-receive{color:#2f9e44d9}.trade-offer-arrow-give{color:#e03131b3}.trade-offer-cards{display:inline-flex;align-items:center;gap:3px;flex:1;min-width:6em;flex-wrap:wrap}.trade-offer-cards-empty{color:#3c281480;font-style:italic;font-size:.85em}.trade-offer-card-chip{display:inline-flex;align-items:center;gap:2px;padding:2px 7px;border-radius:.5em;background:#ffffff9e;border:1px solid rgba(60,40,20,.22);font-size:1em;line-height:1;box-shadow:0 1px 2px #3c281414}.trade-offer-card-icon{font-size:1.15em}.trade-offer-card-count{font-weight:800;font-size:.9em;color:#2a1f12}.trade-offer-btn{position:relative;width:2.4em;height:2.4em;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:.3em;border:1px solid rgba(60,40,20,.25);background:#fff9;color:#2a1f12;cursor:pointer;transition:transform .1s ease,filter .12s ease,background .12s ease}.trade-offer-btn:hover{filter:brightness(.96)}.trade-offer-btn:active{transform:scale(.94)}.trade-offer-btn-accept{background:#2f9e44;border-color:#248a37;color:#fff}.trade-offer-btn-accept:hover{background:#34b04c}.trade-offer-btn-reject{background:#fff9;border-color:#e0313173;color:#c92a2a;overflow:hidden}.trade-offer-btn-cooldown{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%);mask:radial-gradient(circle,transparent 58%,#000 60%)}.trade-offer-btn-counter{background:#fff9;border-color:#3c281440;color:#5b3f1f}.trade-offer-btn-dismiss{background:transparent;border-color:#3c281433;color:#3c28148c}.trade-offer-btn-cancel{background:#ffffff8c;border-color:#3c281440;color:#7a3535}.trade-offer-recipient{position:relative;width:2.4em;height:2.4em;padding:0;border-radius:50%;background:var(--avatar-color, #888);border:2px solid rgba(0,0,0,.35);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease,box-shadow .15s ease,filter .15s ease;box-shadow:0 1px 3px #00000059}.trade-offer-recipient:disabled{cursor:not-allowed}.trade-offer-recipient-pending{filter:saturate(.6) brightness(.92);opacity:.85}.trade-offer-recipient-accept{box-shadow:0 0 0 3px #2f9e4499,0 1px 3px #00000059;animation:trade-recipient-pulse 1.6s ease-in-out infinite}.trade-offer-recipient-reject{filter:saturate(.4);opacity:.5}.trade-offer-recipient-dismissed,.trade-offer-recipient-expired{filter:grayscale(.7);opacity:.45}.trade-offer-recipient-accept:hover{filter:brightness(1.08)}.trade-offer-recipient-accept:active{transform:scale(.95)}@keyframes trade-recipient-pulse{0%,to{box-shadow:0 0 0 3px #2f9e448c,0 1px 3px #00000059}50%{box-shadow:0 0 0 6px #2f9e4438,0 1px 3px #00000059}}.trade-offer-recipient-glyph{position:absolute;right:-4px;bottom:-4px;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fcfaf5;box-shadow:0 0 0 1.5px #fcfaf5}.trade-offer-recipient-glyph.ok{color:#2f9e44}.trade-offer-recipient-glyph.danger{color:#c92a2a}.trade-offer-recipient-glyph.muted{color:#3c28148c;font-size:11px}.trade-offer-dots{display:inline-flex;align-items:center;gap:.25em}.trade-offer-dot{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:1px;background:#ffffff8c;border:1.5px dashed rgba(60,40,20,.35)}.trade-offer-dot-pending{border-style:dashed}.trade-offer-dot-accept{border-style:solid;border-color:#2f9e44;box-shadow:0 0 0 1px #2f9e444d}.trade-offer-dot-reject{border-style:solid;border-color:#c92a2a;opacity:.75}.trade-offer-dot-dismissed,.trade-offer-dot-expired{border-style:solid;border-color:#3c281440;opacity:.45;filter:grayscale(.6)}.trade-offer-dot-glyph{position:absolute;right:-4px;bottom:-4px;width:12px;height:12px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fcfaf5}.trade-offer-dot-glyph.ok{color:#2f9e44}.trade-offer-dot-glyph.danger{color:#c92a2a}.trade-offer-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:.85em;font-weight:700;background:#ffffff80;border:1px solid rgba(60,40,20,.18)}.trade-offer-chip.ok{color:#1f7a30;border-color:#2f9e4466}.trade-offer-chip.danger{color:#a52424;border-color:#e0313166}.trade-offer-chip.muted{color:#3c28148c}.trade-banner-stack{display:flex;flex-direction:column;gap:var(--sp-1);align-items:stretch;pointer-events:none;width:100%}.trade-banner-stack>*{pointer-events:auto}.trade-banner{pointer-events:auto;position:relative;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);padding-bottom:calc(var(--sp-2) + 6px);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-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-2);font-size:var(--fs-small);overflow:hidden}.trade-banner-accept{opacity:.95}.trade-banner-reject{opacity:.65}.trade-banner-dismissed{opacity:.45}.trade-banner-expired{opacity:.55}.trade-banner-creator{flex-wrap:wrap;row-gap:var(--sp-1)}.trade-banner-creator .trade-banner-main{flex:0 1 auto}.trade-banner-creator .trade-banner-avatar-row{margin-left:auto}.trade-banner-avatar-row{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.trade-banner-avatar{position:relative;width:32px;height:32px;padding:0;border-radius:50%;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:2px dashed var(--text-3);transition:transform .12s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.trade-banner-avatar-pending{border:2px dashed var(--text-3);opacity:.85;cursor:default}.trade-banner-avatar-accept{border:2px solid var(--success, #2f9e44);box-shadow:0 0 0 2px #2f9e442e}.trade-banner-avatar-accept:hover{transform:scale(1.06);box-shadow:0 0 0 4px #2f9e4438}.trade-banner-avatar-accept:active{transform:scale(.96)}.trade-banner-avatar-staged{border:2px solid var(--success, #2f9e44);background:#2f9e442e;box-shadow:0 0 0 3px #2f9e4473;animation:trade-avatar-pulse 1.4s ease-in-out infinite}@keyframes trade-avatar-pulse{0%,to{box-shadow:0 0 0 3px #2f9e4473}50%{box-shadow:0 0 0 6px #2f9e4433}}.trade-banner-avatar-reject{border:2px solid var(--danger, #e03131);opacity:.7;cursor:not-allowed}.trade-banner-avatar-dismissed,.trade-banner-avatar-expired{border:2px solid var(--border-hi);opacity:.5;cursor:not-allowed;filter:saturate(.35)}.trade-banner-avatar:disabled{cursor:not-allowed}.trade-banner-avatar-glyph{position:absolute;right:-4px;bottom:-4px;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-app, #fff);box-shadow:0 0 0 1.5px var(--bg-app, #fff)}.trade-banner-avatar-glyph.ok{color:var(--success, #2f9e44)}.trade-banner-avatar-glyph.danger{color:var(--danger, #e03131)}.trade-banner-avatar-glyph.muted{color:var(--text-3)}.trade-banner-main{display:flex;align-items:center;gap:var(--sp-2);flex:1 1 auto;min-width:0}.trade-banner-from{font-weight:var(--fw-semibold);color:var(--player-color, var(--text-1));flex-shrink:0;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-banner-arrow{color:var(--text-3);flex-shrink:0}.trade-banner-cards{display:inline-flex;align-items:center;gap:3px;color:var(--text-1)}.trade-banner-card-chip{display:inline-flex;align-items:center;gap:1px;font-size:12px}.trade-banner-card-count{font-weight:700;margin-right:1px}.trade-banner-empty{font-size:10px;color:var(--text-3)}.trade-banner-actions{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.trade-banner-btn{display:inline-flex;align-items:center;gap:2px;padding:4px 8px;border-radius:var(--r-sm);border:1px solid transparent;font-size:11px;font-weight:var(--fw-semibold);cursor:pointer;background:var(--bg-panel);color:var(--text-1);transition:transform .08s ease,background .12s ease}.trade-banner-btn:active{transform:scale(.96)}.trade-banner-btn-accept{background:var(--success, #2f9e44);color:#fff;border-color:var(--success, #2f9e44)}.trade-banner-btn-reject{background:transparent;color:var(--danger, #e03131);border-color:var(--danger, #e03131)}.trade-banner-btn-dismiss{padding:4px 6px;background:transparent;color:var(--text-3);border-color:var(--border-hi)}.trade-banner-chip{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:var(--r-pill);font-size:11px;font-weight:var(--fw-semibold);background:var(--bg-panel)}.trade-banner-chip.ok{color:var(--success, #2f9e44)}.trade-banner-chip.danger{color:var(--danger, #e03131)}.trade-banner-chip.muted{color:var(--text-3)}.trade-banner-timer{position:absolute;left:0;right:0;bottom:0;height:4px;background:#ffffff14;overflow:hidden}.trade-banner-timer-fill{height:100%;transition:width .2s linear}.trade-banner-timer-ok .trade-banner-timer-fill{background:var(--success, #2f9e44)}.trade-banner-timer-warn .trade-banner-timer-fill{background:#f59f00}.trade-banner-timer-danger .trade-banner-timer-fill{background:var(--danger, #e03131)}.trade-banner-timer-label{position:absolute;right:6px;bottom:5px;display:inline-flex;align-items:center;gap:2px;font-size:9px;color:var(--text-3);pointer-events:none}.trade-banner-more{pointer-events:auto;font-size:11px;color:var(--text-3);background:var(--bg-panel);border:1px dashed var(--border-hi);border-radius:var(--r-pill);padding:4px 10px;cursor:pointer;align-self:center}@media (max-width: 1024px){.players-strip{position:relative}.players-strip-scroll{display:flex;flex-direction:row;gap:var(--sp-1);padding:var(--sp-2) var(--sp-2) var(--sp-1);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-right:var(--sp-4);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent 100%)}.players-strip-scroll::-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:112px;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{--action-chip-size: 50px;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,.mobile-action-rail-bottom{min-height:var(--action-chip-size)}.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:var(--action-chip-size);height:var(--action-chip-size);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);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){.bank-chip-log{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-panel);color:var(--text-1);cursor:pointer;margin-left:var(--sp-1);-webkit-tap-highlight-color:transparent}.bank-chip-log:active{transform:scale(.95)}.bank-chip-leave{color:var(--danger, #c0392b);background:#ed1c2414;border-color:#ed1c2452}.mobile-log-sheet .sheet-body{padding:0;overflow:hidden;display:flex;flex-direction:column}.mobile-log-sheet .feeds{flex:1;min-height:0;background:transparent;border:none;box-shadow:none;padding:var(--sp-2) var(--sp-3)}}@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;display:inline-flex;flex-direction:column;align-items:center;gap:1px}.trade-card-btn:not(:disabled):active{transform:scale(.88)}.trade-card-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.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)}.trade-bank-rate-num{font-size:9px;line-height:1;font-weight:var(--fw-semibold, 600);font-variant-numeric:tabular-nums;color:var(--text-3);letter-spacing:.02em}.trade-bank-rate-port{color:var(--accent-text, #f0c040);font-weight:var(--fw-bold, 700)}.trade-bank-hint{min-height:22px;display:flex;align-items:center;gap:4px;font-size:var(--fs-small);font-weight:var(--fw-semibold, 600);color:var(--warning, #e07a1f);padding:0 var(--sp-2);opacity:0;transition:opacity var(--dur-1) var(--ease-out)}.trade-bank-hint.visible{opacity:1}.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-response-status.dismissed{color:var(--text-3);background:#7f7f7f24}.mobile-trade-response-status.expired{color:var(--text-3);background:#7f7f7f24;font-style:italic}.mobile-trade-confirm{display:inline-flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.mobile-trade-confirm-label{font-size:var(--fs-small);font-weight:var(--fw-semibold);color:var(--text-1)}.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:transparent}.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;top:calc(12px + env(safe-area-inset-top,0));right:calc(var(--sp-2) + 88px + 10px + env(safe-area-inset-right,0));z-index:50;pointer-events:auto}@media (max-width: 1024px){.connection-status{right:calc(12px + env(safe-area-inset-right,0))}}.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}.live-stats{--ls-bar: #8a7a5f;--ls-hot: var(--warning);--ls-cold: var(--p-blue);--ls-rule: rgba(60, 40, 20, .16);flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:var(--sp-2) var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.live-stats>*{flex:0 0 auto}.ls-section{display:flex;flex-direction:column;gap:var(--sp-2);min-height:0}.ls-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.ls-title{margin:0;display:flex;align-items:center;gap:5px;font-size:var(--fs-tiny);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-2)}.ls-count{font-size:var(--fs-tiny);color:var(--text-3);white-space:nowrap}.ls-verdict{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2);padding:7px 10px;border-radius:var(--r-md);background:var(--bg-deep);border:1px solid var(--border-panel);border-left:3px solid var(--text-3)}.ls-verdict[data-tone=fair]{border-left-color:var(--success)}.ls-verdict[data-tone=slight]{border-left-color:var(--warning)}.ls-verdict[data-tone=strong]{border-left-color:var(--danger)}.ls-verdict-label{font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--text-1)}.ls-verdict-sub{font-size:var(--fs-tiny);color:var(--text-3)}.ls-toggle{display:flex;gap:2px;padding:2px;border-radius:var(--r-pill);background:var(--bg-deep);align-self:flex-start}.ls-toggle button{padding:3px 12px;border-radius:var(--r-pill);font-size:var(--fs-tiny);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.ls-toggle button:hover{color:var(--text-1)}.ls-toggle button.active{background:var(--bg-panel-light-hi);color:var(--text-1);box-shadow:var(--shadow-1)}.ls-chart{display:flex;flex-direction:column;gap:5px}.ls-hist{display:flex;align-items:stretch;height:104px;gap:2px}.ls-hist-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;height:100%}.ls-hist-track{position:relative;width:100%;flex:1 1 auto;min-height:0;display:flex;align-items:flex-end;justify-content:center}.ls-hist-bar{width:100%;max-width:20px;background:var(--ls-bar);border-radius:var(--r-sm) var(--r-sm) 0 0;min-height:1px;transition:height var(--dur-2) var(--ease-out)}.ls-hist-bar[data-seven]{background:var(--text-3);opacity:.55}.ls-hist-expected{position:absolute;left:0;right:0;height:0;border-top:1px solid var(--text-2);pointer-events:none}.ls-hist-value{position:absolute;left:50%;transform:translate(-50%,-1px);font-size:var(--fs-tiny);font-weight:var(--fw-semibold);color:var(--text-2);pointer-events:none}.ls-hist-x{font-size:var(--fs-tiny);color:var(--text-3);line-height:1}.ls-skew{display:flex;flex-direction:column;height:104px}.ls-skew-plot{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:stretch;gap:2px}.ls-skew-zero{position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--ls-rule);pointer-events:none}.ls-skew-col{position:relative;flex:1;min-width:0;height:100%}.ls-skew-axis{display:flex;gap:2px;padding-top:3px}.ls-skew-axis>span{flex:1;min-width:0;text-align:center}.ls-skew-bar{position:absolute;left:50%;transform:translate(-50%);width:100%;max-width:18px;min-height:1px;transition:height var(--dur-2) var(--ease-out)}.ls-skew-bar[data-dir=hot]{background:var(--ls-hot);border-radius:var(--r-sm) var(--r-sm) 0 0}.ls-skew-bar[data-dir=cold]{background:var(--ls-cold);border-radius:0 0 var(--r-sm) var(--r-sm)}.ls-skew-value{position:absolute;left:50%;transform:translate(-50%);font-size:var(--fs-tiny);font-weight:var(--fw-bold);pointer-events:none;white-space:nowrap}.ls-skew-value[data-dir=hot]{color:var(--warning-text)}.ls-skew-value[data-dir=cold]{color:var(--p-blue)}.ls-skew-x{font-size:var(--fs-tiny);color:var(--text-3);line-height:1}.ls-legend{margin:0;display:flex;align-items:center;gap:5px;font-size:var(--fs-tiny);color:var(--text-3)}.ls-legend-sep{color:var(--border-hi)}.ls-key-tick{display:inline-block;width:12px;height:0;border-top:1px solid var(--text-2)}.ls-key-swatch{display:inline-block;width:8px;height:8px;border-radius:2px}.ls-key-swatch[data-dir=hot]{background:var(--ls-hot)}.ls-key-swatch[data-dir=cold]{background:var(--ls-cold)}.ls-callouts{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px}.ls-callouts li{display:flex;align-items:center;gap:5px;font-size:var(--fs-small);color:var(--text-2)}.ls-callouts strong{color:var(--text-1)}.ls-callouts svg[data-dir=hot]{color:var(--warning-text)}.ls-callouts svg[data-dir=cold]{color:var(--p-blue)}.ls-callouts svg{flex:none;color:var(--text-3)}.ls-luck{display:flex;flex-direction:column;gap:4px}.ls-luck-row{display:grid;grid-template-columns:minmax(0,1fr) 96px 38px;align-items:center;gap:var(--sp-2);padding:3px 4px;border-radius:var(--r-sm)}.ls-luck-row[data-me]{background:#f0c0401f}.ls-luck-track{position:relative;height:10px;border-radius:2px;background:var(--bg-deep)}.ls-luck-zero{position:absolute;top:0;bottom:0;left:50%;border-left:1px solid var(--ls-rule)}.ls-luck-bar{position:absolute;top:2px;bottom:2px;min-width:1px;transition:width var(--dur-2) var(--ease-out)}.ls-luck-bar[data-dir=hot]{background:var(--ls-hot);border-radius:0 var(--r-sm) var(--r-sm) 0}.ls-luck-bar[data-dir=cold]{background:var(--ls-cold);border-radius:var(--r-sm) 0 0 var(--r-sm)}.ls-luck-score{font-size:var(--fs-small);font-weight:var(--fw-bold);text-align:right}.ls-luck-score[data-dir=hot]{color:var(--warning-text)}.ls-luck-score[data-dir=cold]{color:var(--p-blue)}.ls-player{display:flex;align-items:center;gap:5px;min-width:0}.ls-player .player-dot{width:9px;height:9px;border:1px solid rgba(40,28,12,.55);flex:none}.ls-player-name{font-size:var(--fs-small);color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-trend{width:100%;height:auto;overflow:visible}.ls-trend-axis{stroke:var(--ls-rule);stroke-width:1}.ls-trend-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.ls-trend-tick{font-size:8px;fill:var(--text-3);font-variant-numeric:tabular-nums}.ls-details{border-radius:var(--r-md);background:var(--bg-deep);border:1px solid var(--border-panel);overflow:hidden}.ls-details>summary{list-style:none;cursor:pointer;padding:7px 10px;font-size:var(--fs-tiny);font-weight:var(--fw-semibold);color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:var(--sp-2)}.ls-details>summary::-webkit-details-marker{display:none}.ls-details>summary:after{content:"+";margin-left:auto;font-size:14px;color:var(--text-3)}.ls-details[open]>summary:after{content:"−"}.ls-details[open]>summary{border-bottom:1px solid var(--border-panel)}.ls-private{font-size:var(--fs-tiny);font-weight:var(--fw-medium);text-transform:none;letter-spacing:0;color:var(--text-3);padding:1px 6px;border-radius:var(--r-pill);background:var(--bg-panel);border:1px solid var(--border-panel)}.ls-table{width:100%;border-collapse:collapse;font-size:var(--fs-small)}.ls-table th,.ls-table td{padding:4px 6px;text-align:left;border-bottom:1px solid var(--border-panel)}.ls-table tr:last-child td{border-bottom:0}.ls-table th{font-size:var(--fs-tiny);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);white-space:nowrap}.ls-table .num{text-align:right;font-variant-numeric:tabular-nums}.ls-table td[data-delta=up]{color:var(--success-text);font-weight:var(--fw-semibold)}.ls-table td[data-delta=down]{color:var(--danger-text);font-weight:var(--fw-semibold)}.ls-dim{color:var(--text-3)}.ls-note{margin:0;padding:6px 10px 8px;font-size:var(--fs-tiny);line-height:1.45;color:var(--text-3)}.ls-section>.ls-note{padding:0}.ls-empty{margin:0;padding:var(--sp-3) 0;font-size:var(--fs-small);color:var(--text-3);text-align:center}.ls-selfscore{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2);padding:7px 10px 0;font-size:var(--fs-small);color:var(--text-2)}.ls-selfscore strong{font-size:var(--fs-h3);font-weight:var(--fw-bold)}.ls-selfscore strong[data-dir=hot]{color:var(--warning-text)}.ls-selfscore strong[data-dir=cold]{color:var(--p-blue)}.ls-mini{padding:4px 10px 8px}.ls-mini-title{margin:0 0 4px;font-size:var(--fs-tiny);font-weight:var(--fw-semibold);color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.ls-mini-row{display:grid;grid-template-columns:52px minmax(0,1fr) 20px;align-items:center;gap:var(--sp-2);padding:1px 0}.ls-mini-label{font-size:var(--fs-tiny);color:var(--text-2)}.ls-mini-track{height:8px;border-radius:2px;background:var(--bg-panel)}.ls-mini-bar{height:100%;background:var(--ls-bar);border-radius:2px;transition:width var(--dur-2) var(--ease-out)}.ls-mini-value{font-size:var(--fs-tiny);color:var(--text-1);text-align:right}@media (max-width: 860px){.mobile-log-sheet .live-stats{padding-bottom:calc(var(--sp-6) + env(safe-area-inset-bottom,0px))}.ls-hist,.ls-skew{height:128px}.ls-luck-row{grid-template-columns:minmax(0,1fr) 120px 44px}}.lobby-appearance h3{margin-bottom:var(--sp-2)}.theme-switcher{display:flex;flex-direction:column;gap:var(--sp-2)}.theme-option{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:52px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);text-align:left;border:1px solid var(--border-panel);background:transparent;color:var(--text-1)}.theme-option.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-option-text{display:flex;flex-direction:column;gap:2px;min-width:0}.theme-option-name{font-weight:var(--fw-semibold);display:flex;align-items:center;gap:6px}.theme-option-desc{font-size:var(--fs-small);color:var(--text-2)}.theme-beta{font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;background:var(--accent);color:#1c1405}.theme-swatch{flex:none;width:34px;height:34px;border-radius:8px;border:1px solid rgba(0,0,0,.2)}.theme-swatch-classic{background:linear-gradient(135deg,#7fc2e8 0,#7fc2e8 50%,#f3e5c8 50%,#f3e5c8)}.theme-swatch-slate{background:linear-gradient(135deg,#0b1419 0,#0b1419 50%,#f2b544 50%,#f2b544)}.top-status-theme{width:28px;height:28px}.sheet-theme-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) var(--sp-1) var(--sp-3);font-size:var(--fs-small);color:var(--text-2)}.theme-segmented{display:inline-flex;padding:3px;gap:3px;border-radius:var(--r-md);background:#00000014}.theme-segmented button{min-height:36px;min-width:72px;padding:0 12px;border-radius:6px;font-weight:var(--fw-semibold);color:var(--text-2)}.theme-segmented button.active{background:var(--bg-panel-hi, #fff);color:var(--text-1);box-shadow:var(--shadow-1)}:root[data-theme=slate] .theme-segmented{background:#0b1419}:root[data-theme=slate] .theme-segmented button.active{background:#1f2e37}.history-error{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent);width:100%;max-width:640px}.history-error p{margin:0;color:var(--text-1);font-weight:var(--fw-semibold)}.history-error p span{color:var(--text-3);font-weight:400}.howto{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);padding:0 calc(var(--sp-4) + env(safe-area-inset-right,0)) calc(var(--sp-8) + env(safe-area-inset-bottom,0)) calc(var(--sp-4) + env(safe-area-inset-left,0))}.howto>*{width:100%;max-width:760px}.howto-sticky{position:sticky;top:0;z-index:5;width:calc(100% + 2 * var(--sp-4) + env(safe-area-inset-left,0) + env(safe-area-inset-right,0));max-width:none;margin:0 calc(-1 * (var(--sp-4) + env(safe-area-inset-right,0))) 0 calc(-1 * (var(--sp-4) + env(safe-area-inset-left,0)));padding:calc(var(--sp-2) + env(safe-area-inset-top,0)) calc(var(--sp-3) + env(safe-area-inset-right,0)) var(--sp-2) calc(var(--sp-3) + env(safe-area-inset-left,0));background:linear-gradient(180deg,#fcfaf5f5,#f8f0deeb);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid var(--border-panel);box-shadow:0 4px 14px #3c28141a;display:flex;flex-direction:column;gap:var(--sp-2)}.howto-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-2);max-width:760px;width:100%;margin:0 auto}.howto-back{justify-self:start;display:inline-flex;align-items:center;gap:2px;min-height:40px;padding:0 var(--sp-3) 0 var(--sp-2);border-radius:var(--r-pill);font-weight:var(--fw-semibold);font-size:var(--fs-body);color:var(--accent-text);background:#ffffff8c;border:1px solid var(--border-panel);transition:background var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.howto-back:hover{background:#ffffffd9}.howto-back:active{transform:scale(.97)}.howto-topbar-title{font-weight:var(--fw-bold);font-size:var(--fs-h3);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);white-space:nowrap}.howto-toc{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0;max-width:760px;width:100%;margin:0 auto;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%)}.howto-toc::-webkit-scrollbar{display:none}.howto-toc-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 var(--sp-3);border-radius:var(--r-pill);font-size:var(--fs-small);font-weight:var(--fw-semibold);color:var(--text-2);background:#fff9;border:1px solid var(--border-panel);white-space:nowrap;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.howto-toc-chip svg{color:var(--text-3)}.howto-toc-chip.active{background:linear-gradient(180deg,#f8ce63,#e88a1f);color:#1a1207;border-color:#b46e1480;box-shadow:0 1px 3px #b46e144d,inset 0 1px #ffffff73}.howto-toc-chip.active svg{color:#1a1207}.howto-hero{text-align:center;padding:var(--sp-5) 0 var(--sp-2)}.howto-hero h1{margin:var(--sp-1) 0 var(--sp-2);font-size:40px;font-weight:var(--fw-bold);letter-spacing:-.02em;line-height:1.05;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hot) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 1px 0 rgba(255,255,255,.35))}.howto-eyebrow{margin:0;font-size:var(--fs-small);font-weight:var(--fw-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--text-inverse);opacity:.75}.howto-lede{margin:0 auto;max-width:34ch;font-size:15px;line-height:1.45;color:var(--text-inverse)}.howto-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-4)}.howto-fact{display:inline-flex;align-items:center;gap:6px;padding:6px var(--sp-3);border-radius:var(--r-pill);font-size:var(--fs-small);font-weight:var(--fw-semibold);color:var(--text-1);background:#fcfaf5eb;border:1px solid var(--border-panel);box-shadow:var(--shadow-1)}.howto-fact svg{color:var(--accent-text)}.howto-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-4)}.howto-step{padding:var(--sp-5) var(--sp-4) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4);scroll-margin-top:112px}.howto-step-head{display:flex;align-items:flex-start;gap:var(--sp-3)}.howto-step-head .howto-eyebrow{color:var(--accent-text);opacity:1;margin-bottom:2px}.howto-step-head h2{margin:0;font-size:22px;line-height:1.15;letter-spacing:-.01em;color:var(--text-1)}.howto-step-num{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:var(--fw-bold);font-size:15px;font-variant-numeric:tabular-nums;color:#1a1207;background:linear-gradient(180deg,#f8ce63,#e88a1f);box-shadow:0 2px 4px #b46e1459,inset 0 1px #ffffff73;margin-top:2px}.howto-step-body{display:flex;flex-direction:column;gap:var(--sp-3);font-size:15px;line-height:1.5;color:var(--text-1)}.howto-step-body p{margin:0}.howto-step-body strong{font-weight:var(--fw-semibold);color:var(--text-1)}.howto-tip{display:flex;gap:var(--sp-2);align-items:flex-start;padding:var(--sp-3);border-radius:var(--r-md);background:#f0c04029;border:1px solid rgba(240,192,64,.45);font-size:var(--fs-body);line-height:1.45;color:var(--text-1)}.howto-tip svg{flex:0 0 auto;margin-top:2px;color:var(--accent-text)}.howto-shots{display:flex;justify-content:center;gap:var(--sp-3)}.howto-shots-multi{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 var(--sp-1) var(--sp-1);margin:0 calc(-1 * var(--sp-1));scroll-padding:0 var(--sp-1)}.howto-shots-multi::-webkit-scrollbar{display:none}.howto-shots-multi .howto-shot{flex:0 0 min(72%,260px);scroll-snap-align:center}.howto-shot{margin:0;width:min(100%,260px);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.howto-shot-flat{width:100%}.howto-shot figcaption{font-size:var(--fs-small);font-weight:var(--fw-semibold);color:var(--text-3);text-align:center}.howto-phone{width:100%;padding:7px;border-radius:34px;background:linear-gradient(160deg,#2a2d33,#101216);box-shadow:0 14px 30px #141e2d59,0 2px 6px #141e2d40,inset 0 0 0 1px #ffffff1f;overflow:hidden;position:relative}.howto-phone img{display:block;width:100%;height:100%;object-fit:cover;border-radius:27px;background:var(--bg-app)}.howto-flat{width:100%;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border-panel);box-shadow:var(--shadow-2)}.howto-flat img{display:block;width:100%;height:100%;object-fit:cover;background:var(--bg-app)}.howto-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}.howto-legend li{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--bg-deep);border:1px solid var(--border-panel);font-size:var(--fs-body);font-weight:var(--fw-medium)}.howto-legend-icon{flex:0 0 auto;width:26px;height:26px;border-radius:var(--r-sm);display:grid;place-items:center;background:#fffc;border:1px solid var(--border-panel);color:var(--text-2)}.howto-table{display:flex;flex-direction:column;border-radius:var(--r-md);border:1px solid var(--border-panel);background:var(--bg-deep);overflow:hidden}.howto-table-caption{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-small);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);background:#3c28140d;border-bottom:1px solid var(--border-panel)}.howto-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-panel)}.howto-row:last-child{border-bottom:0}.howto-row-name{display:flex;flex-direction:column;min-width:0}.howto-row-name strong{font-size:var(--fs-body);font-weight:var(--fw-semibold)}.howto-row-name span{font-size:var(--fs-small);color:var(--text-3)}.howto-cost{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:3px}.howto-cost-card{display:inline-flex;filter:drop-shadow(0 1px 1px rgba(60,40,20,.25))}.howto-vp{flex:0 0 auto;font-size:20px;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;color:var(--accent-text)}.howto-vp small{font-size:var(--fs-small);font-weight:var(--fw-bold);letter-spacing:.06em;color:var(--text-3)}.howto-devlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.howto-devlist li{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--bg-deep);border:1px solid var(--border-panel)}.howto-devlist li>div{display:flex;flex-direction:column;min-width:0}.howto-devlist strong{font-size:var(--fs-body);font-weight:var(--fw-semibold)}.howto-devlist span{font-size:var(--fs-small);color:var(--text-2);line-height:1.4}.howto-devcard{flex:0 0 auto;display:inline-flex;filter:drop-shadow(0 1px 2px rgba(60,40,20,.3))}.howto-replay{width:100%}.howto-replay .replay-scrubber{border-bottom:0;padding-bottom:0}.howto-replay .replay-board-wrap{border-radius:var(--r-lg);background:var(--bg-sea)}.replay-compact-caption{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);min-height:28px;font-size:var(--fs-small);color:var(--text-2)}.replay-compact-caption .replay-action-label{font-weight:var(--fw-semibold);color:var(--text-1)}.replay-compact-caption .replay-turn-tag,.howto-replay .replay-speed-group{margin-left:auto}.howto-tutorial{width:100%;text-align:left;padding:var(--sp-5) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.howto-tutorial-head{display:flex;align-items:center;gap:var(--sp-3)}.howto-tutorial-head .howto-eyebrow{color:var(--accent-text);opacity:1;margin-bottom:2px}.howto-tutorial-head h2{margin:0;font-size:22px;line-height:1.15;letter-spacing:-.01em}.howto-tutorial-icon{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#1a1207;background:linear-gradient(180deg,#f8ce63,#e88a1f);box-shadow:0 2px 4px #b46e1459,inset 0 1px #ffffff73}.howto-tutorial>p{margin:0;font-size:15px;line-height:1.5;color:var(--text-1)}.howto-tutorial-form{display:flex;flex-direction:column;gap:var(--sp-2)}.howto-tutorial-form .input{min-height:44px;font-size:15px}.howto-tutorial .btn-tertiary{align-self:center}@media (min-width: 560px){.howto-tutorial-form{flex-direction:row}.howto-tutorial-form .input{flex:1}}.howto-footer{text-align:center;padding:var(--sp-4) 0 0;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.howto-footer p{margin:0;color:var(--text-inverse);font-weight:var(--fw-medium)}.howto-cta{min-height:48px;padding:0 var(--sp-6);font-size:15px}@media (min-width: 760px){.howto{gap:var(--sp-5)}.howto-hero{padding-top:var(--sp-6)}.howto-hero h1{font-size:52px}.howto-step{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:var(--sp-5);padding:var(--sp-5)}.howto-step-text{display:flex;flex-direction:column;gap:var(--sp-4)}.howto-shots{justify-content:center}.howto-shots-multi{display:grid;grid-template-columns:1fr 1fr;overflow:visible;margin:0;padding:0}.howto-shots-multi .howto-shot{flex:none;width:100%}.howto-shot{width:100%}.howto-shot-flat{grid-column:1 / -1}.howto-step[data-step=replay]{grid-template-columns:1fr}.howto-step[data-step=replay] .howto-step-text{max-width:60ch}}@media (max-width: 360px){.howto-step-head h2{font-size:19px}.howto-hero h1{font-size:34px}}.coach{position:fixed;z-index:15;left:calc(var(--sp-3) + env(safe-area-inset-left,0));right:calc(var(--sp-3) + env(safe-area-inset-right,0));bottom:150px;pointer-events:none;animation:coach-in var(--dur-2) var(--ease-out)}@keyframes coach-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.coach-card{pointer-events:auto;max-width:420px;padding:var(--sp-3) var(--sp-3) var(--sp-3);border-radius:var(--r-lg);background:linear-gradient(180deg,#fffdf7fa,#f8f0def7);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(240,192,64,.7);box-shadow:0 0 0 3px #f0c0402e,0 1px #fffc inset,0 10px 28px #3c281447;display:flex;flex-direction:column;gap:4px}.coach-head{display:flex;align-items:center;gap:2px;margin-bottom:2px}.coach-label{flex:1;display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-small);font-weight:var(--fw-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text)}.coach-icon-btn{width:32px;height:32px;margin:-6px 0;display:grid;place-items:center;border-radius:var(--r-md);color:var(--text-3)}.coach-icon-btn:hover{color:var(--text-1);background:#3c28140f}.coach-welcome{margin:0 0 4px;padding:6px var(--sp-2);border-radius:var(--r-sm);background:#f0c04029;font-size:var(--fs-small);line-height:1.4;color:var(--text-2)}.coach-title{margin:0;font-size:15px;font-weight:var(--fw-bold);line-height:1.25;color:var(--text-1)}.coach-text{margin:0;font-size:var(--fs-body);line-height:1.45;color:var(--text-2)}.coach-fab{position:fixed;z-index:15;left:calc(var(--sp-3) + env(safe-area-inset-left,0));bottom:150px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#1a1207;background:linear-gradient(180deg,#f8ce63,#e88a1f);box-shadow:0 2px 4px #b46e1459,inset 0 1px #ffffff73}.coach-fab-dot{position:absolute;top:4px;right:4px;width:10px;height:10px;border-radius:50%;background:var(--danger);border:2px solid #fff}.coach-ring{position:fixed;z-index:30;pointer-events:none;border:2px solid #ffd23f;border-radius:16px;animation:coach-ring-pulse 1.6s ease-in-out infinite}@keyframes coach-ring-pulse{0%,to{box-shadow:0 0 0 2px #ffd23f59,0 0 18px #ffd23f8c}50%{box-shadow:0 0 0 4px #ffd23f8c,0 0 26px #ffd23fcc}}@media (min-width: 1025px){.coach{left:50%;right:auto;width:400px;transform:translate(-50%)}.coach-card{max-width:none}.coach-fab{left:50%;transform:translate(-50%)}}@font-face{font-family:Geist;src:url(/fonts/geist-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root[data-theme=slate]{--bg-app: #0b1419;--bg-app-deep: #081014;--bg-sea: #0b1419;--bg-sea-deep: #081014;--bg-parchment: #111c22;--bg-parchment-2: #111c22;--bg-parchment-3: #18252d;--bg-parchment-border: rgba(255, 255, 255, .12);--bg-deep: #0e181d;--bg-panel: #111c22;--bg-panel-hi: #18252d;--bg-panel-light: #111c22;--bg-panel-light-hi: #18252d;--bg-panel-dark: #18252d;--bg-overlay: rgba(3, 8, 10, .6);--border-panel: rgba(255, 255, 255, .08);--border-hi: rgba(255, 255, 255, .16);--border-parchment: rgba(255, 255, 255, .12);--border-on-dark: rgba(255, 255, 255, .12);--border: rgba(255, 255, 255, .08);--text-1: #edf1f3;--text-2: #a7b6bd;--text-3: #83959e;--text-inverse: #1c1405;--text-on-dark: #edf1f3;--text-on-dark-2: #a7b6bd;--text-on-dark-3: #83959e;--text-on-light: #edf1f3;--text-on-light-2: #a7b6bd;--text-on-light-3: #83959e;--accent: #f2b544;--accent-hot: #ff8f5a;--accent-text: #f2b544;--accent-text-hot: #ff9b6b;--danger: #e5584a;--danger-text: #ff8a7c;--warning: #ec8a2c;--warning-text: #f5a65c;--success: #3fbf86;--success-text: #5fd9a0;--error: #ff8a7c;--color-danger: #ff7a6b;--color-warning: #f2b544;--p-white-ink: #d9d6cf;--tile-forest: #2f6e4c;--tile-hills: #b25a3c;--tile-pasture: #88ae58;--tile-fields: #d9a842;--tile-mountains: #69768a;--tile-desert: #c9bb98;--tile-stroke: #0b1419;--chit-bg: #f1efea;--chit-text: #141a1d;--chit-text-hot: #c33b2c;--font-sans: "Geist", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-num: "Geist", "Inter", system-ui, sans-serif;--font-mono: "Geist", ui-monospace, monospace;--fs-chit: 21px;--r-lg: 10px;--r-xl: 12px;--shadow-1: none;--shadow-2: 0 8px 24px rgba(0, 0, 0, .35);--shadow-3: 0 18px 44px rgba(0, 0, 0, .5);--glow-active: 0 0 0 1.5px var(--accent);--glow-me: 0 0 0 1px var(--accent)}:root[data-theme=slate] body{font-feature-settings:"tnum" 1}:root[data-theme=slate] .glass-panel{background:var(--bg-panel);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--border-panel);border-radius:var(--r-lg);box-shadow:none}:root[data-theme=slate] .panel-header{text-transform:none;letter-spacing:0;font-weight:600;color:var(--text-2)}:root[data-theme=slate] .btn{border-radius:8px;font-weight:600}:root[data-theme=slate] .btn:not(:disabled):hover{transform:none;filter:brightness(1.08)}:root[data-theme=slate] .btn-primary{background:var(--accent);color:#1c1405;box-shadow:none}:root[data-theme=slate] .btn-secondary,:root[data-theme=slate] .btn-tertiary{background:#18252d;color:var(--text-1);border:1px solid rgba(255,255,255,.1);box-shadow:none}:root[data-theme=slate] .btn-danger{background:#e5584a;color:#fff;box-shadow:none}:root[data-theme=slate] .btn-success{background:#3fbf86;color:#04210f;box-shadow:none}:root[data-theme=slate] .btn-icon:hover:not(:disabled){background:#ffffff0f}:root[data-theme=slate] .btn-tile{background:#18252d;border:1px solid rgba(255,255,255,.1);box-shadow:none}:root[data-theme=slate] .input,:root[data-theme=slate] input.input{background:#0e181d;color:var(--text-1);border:1px solid rgba(255,255,255,.14);box-shadow:none}:root[data-theme=slate] .input::placeholder{color:var(--text-3)}:root[data-theme=slate] .input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f2b54433}:root[data-theme=slate] .app,:root[data-theme=slate] .game-stage{background:var(--bg-app)}:root[data-theme=slate] .player-chip{background:#111c22;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(255,255,255,.08);border-top:2px solid var(--player-color, #556);border-radius:8px;box-shadow:none;color:var(--text-1);text-shadow:none}:root[data-theme=slate] .player-chip.active{background:#18252d;border-color:#f2b5448c;border-top-color:var(--accent);box-shadow:none}:root[data-theme=slate] .player-chip-name{color:var(--text-2);font-weight:500}:root[data-theme=slate] .player-chip-vp{background:transparent;color:var(--text-1);font-weight:700}:root[data-theme=slate] .player-chip-stats,:root[data-theme=slate] .player-chip .stat-icon-num{color:var(--text-2)}:root[data-theme=slate] .player-chip-status{background:#f2b54424;color:var(--accent);border-radius:4px}:root[data-theme=slate] .players-strip .pill{background:#ffffff0f;color:var(--text-2);border-radius:4px}:root[data-theme=slate] .players-strip .pill-accent{color:var(--accent)}:root[data-theme=slate] .mobile-bank-bar{background:#0e181d;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:none}:root[data-theme=slate] .bank-chip{background:transparent;color:var(--text-2);border-radius:4px}:root[data-theme=slate] .bank-chip-dot{border-radius:2px;box-shadow:none}:root[data-theme=slate] .bank-chip-dev{background:#5058b42e;border-color:#7880dc59;color:#b9bef5}:root[data-theme=slate] .bank-chip-low{background:#f2b5441f;color:var(--accent)}:root[data-theme=slate] .bank-chip-empty{background:#e5584a29;color:#ff8a7c}:root[data-theme=slate] .bank-chip-log{background:#18252d;border:1px solid rgba(255,255,255,.1);color:var(--text-1)}:root[data-theme=slate] .bank-chip-leave{background:transparent;border-color:#e5584a66;color:#ff8a7c}:root[data-theme=slate] .mobile-dice-result{background:#111c22;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:none}:root[data-theme=slate] .mobile-dice-result-total{color:var(--text-1)}:root[data-theme=slate] .mobile-dice-result-hot{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}:root[data-theme=slate] .mobile-dice-result-hot .mobile-dice-result-total{color:#ff8a7c}:root[data-theme=slate] .action-chip{background:#18252d;color:var(--text-1);border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:none}:root[data-theme=slate] .action-chip:disabled{opacity:.45;filter:none}:root[data-theme=slate] .action-chip-primary{background:var(--accent);color:#1c1405;border-color:transparent;box-shadow:none}:root[data-theme=slate] .action-chip-primary .action-chip-label{color:#1c1405}:root[data-theme=slate] .action-chip-label{color:var(--text-2);font-weight:600}:root[data-theme=slate] .action-chip-badge{border-color:#111c22}:root[data-theme=slate] .mobile-action-rail-wait{background:#111c22;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-2)}:root[data-theme=slate] .mobile-hand-row{background:#111c22;border-top:1px solid rgba(255,255,255,.08);box-shadow:none}:root[data-theme=slate] .mobile-hand-empty{color:var(--text-3);font-style:normal}:root[data-theme=slate] .mobile-hand-stack-count{background:#0b1419;border-color:#ffffff4d}:root[data-theme=slate] .mobile-hand-devcard-glow{box-shadow:0 0 0 2px var(--accent)}:root[data-theme=slate] .dice{background:#ebe8e1;border-color:#0000004d;box-shadow:none}:root[data-theme=slate] .dice.hot{background:#d9503f}:root[data-theme=slate] .robber-banner-inner{background:#2a1513;border:1px solid rgba(229,88,74,.55);border-left:3px solid var(--danger);border-radius:8px;color:var(--text-1);box-shadow:0 10px 30px #00000073}:root[data-theme=slate] .robber-banner-seven{background:#e5584a2e;color:#ffb3a8;border-radius:6px}:root[data-theme=slate] .robber-banner-sub{color:var(--text-2)}:root[data-theme=slate] .robber-banner-discard .robber-banner-inner{background:#2a2210;border-color:#f2b54480;border-left-color:var(--accent);box-shadow:0 10px 30px #00000073}:root[data-theme=slate] .robber-banner-steal .robber-banner-inner{background:#1a1d33;border-color:#7880dc80;border-left-color:#7c84e0;box-shadow:0 10px 30px #00000073}:root[data-theme=slate] .trade-offer-banner{border-radius:8px;box-shadow:0 10px 28px #00000073}:root[data-theme=slate] .trade-offer-banner-body{background:#18252d;color:var(--text-1);border-radius:8px}:root[data-theme=slate] .trade-offer-card,:root[data-theme=slate] .mobile-trade-offer-card{background:#18252d;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 28px #00000073}:root[data-theme=slate] .trade-offer-header{color:var(--text-2)}:root[data-theme=slate] .trade-offer-cards-empty{color:var(--text-3)}:root[data-theme=slate] .trade-offer-card-chip{background:#ffffff0f;border-color:#ffffff1f;box-shadow:none;border-radius:6px}:root[data-theme=slate] .trade-offer-card-count{color:var(--text-1)}:root[data-theme=slate] .trade-offer-btn{background:#1f2e37;border-color:#ffffff1f;color:var(--text-1);border-radius:8px}:root[data-theme=slate] .trade-offer-btn-accept{background:#3fbf86;border-color:transparent;color:#04210f}:root[data-theme=slate] .trade-offer-btn-accept:hover{background:#4fd096}:root[data-theme=slate] .trade-offer-btn-reject{background:#1f2e37;border-color:#e5584a80;color:#ff8a7c}:root[data-theme=slate] .trade-offer-btn-counter{background:#1f2e37;border-color:#ffffff24;color:var(--text-1)}:root[data-theme=slate] .trade-offer-btn-dismiss{background:transparent;border-color:#ffffff1f;color:var(--text-2)}:root[data-theme=slate] .trade-offer-btn-cancel{background:#1f2e37;border-color:#e5584a66;color:#ff8a7c}:root[data-theme=slate] .trade-offer-chip{background:#ffffff0d;border-color:#ffffff1f;color:var(--text-2)}:root[data-theme=slate] .trade-offer-chip.ok{color:#5fd9a0;border-color:#3fbf8673}:root[data-theme=slate] .trade-offer-chip.danger{color:#ff8a7c;border-color:#e5584a73}:root[data-theme=slate] .trade-offer-chip.muted{color:var(--text-3)}:root[data-theme=slate] .trade-offer-rail-toggle-btn{background:#18252d;border:1px solid rgba(255,255,255,.14);color:var(--text-1);box-shadow:0 4px 12px #00000059;border-radius:8px}:root[data-theme=slate] .trade-offer-rail-overflow{background:#ffffff0a;border-color:#ffffff24;color:var(--text-3)}:root[data-theme=slate] .bottom-sheet{background:#111c22;border:1px solid rgba(255,255,255,.1);box-shadow:0 -14px 40px #00000080}:root[data-theme=slate] .sheet-footer{background:#111c22;border-top:1px solid rgba(255,255,255,.08);box-shadow:none}:root[data-theme=slate] .sheet-header{border-bottom-color:#ffffff14}:root[data-theme=slate] .sheet-title{color:var(--text-1)}:root[data-theme=slate] .sheet-handle{background:#fff3}:root[data-theme=slate] .victory-sheet{background:radial-gradient(140% 80% at 50% 0%,color-mix(in srgb,var(--winner-color, var(--accent)) 14%,transparent) 0%,transparent 55%),#111c22!important}:root[data-theme=slate] .victory-watermark{opacity:.08}:root[data-theme=slate] .victory-eyebrow{background:#f2b5441f;border-color:#f2b54466;text-transform:none;letter-spacing:.02em}:root[data-theme=slate] .victory-score-num{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--accent)}:root[data-theme=slate] .howto-sticky{background:#0e181d;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:none}:root[data-theme=slate] .howto-back{background:#18252d;color:var(--text-1)}:root[data-theme=slate] .howto-back:hover{background:#1f2e37}:root[data-theme=slate] .howto-toc-chip{background:#18252d;color:var(--text-2);border-radius:8px}:root[data-theme=slate] .howto-toc-chip.active{background:var(--accent);color:#1c1405;border-color:transparent;box-shadow:none}:root[data-theme=slate] .howto-hero h1{background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor;color:var(--text-1)}:root[data-theme=slate] .howto-eyebrow{color:var(--accent)}:root[data-theme=slate] .howto-lede{color:var(--text-2)}:root[data-theme=slate] .howto-fact{background:#18252d;color:var(--text-2);border-color:#ffffff1a}:root[data-theme=slate] .howto-fact svg{color:var(--accent)}:root[data-theme=slate] .howto-legend-icon,:root[data-theme=slate] .howto-tutorial-icon{background:#18252d;color:var(--text-1);box-shadow:none}:root[data-theme=slate] .lobby-header h1{background:none;-webkit-text-fill-color:currentColor;color:var(--text-1);letter-spacing:-.02em}:root[data-theme=slate] .lobby-header .subtitle{text-transform:none;letter-spacing:0;color:var(--text-2)}:root[data-theme=slate] .game-code{color:var(--text-1);font-family:var(--font-sans);letter-spacing:.12em}:root[data-theme=slate] .sheet-cta{background:linear-gradient(180deg,transparent 0%,#111c22 25%)}@media (max-width: 1024px){:root[data-theme=slate] .players-strip-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:5px;overflow:visible;padding:6px 6px 4px}:root[data-theme=slate] .player-chip{min-width:0;width:auto;padding:6px 6px 7px}:root[data-theme=slate] .player-chip-head{gap:5px;min-width:0}:root[data-theme=slate] .player-chip-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}:root[data-theme=slate] .player-chip-vp{margin-left:auto;font-size:16px;padding:0}:root[data-theme=slate] .player-chip-stats{gap:2px 6px;flex-wrap:wrap;justify-content:flex-start}:root[data-theme=slate] .player-chip .stat-icon-num{font-size:11px;gap:2px}}:root[data-theme=slate] .trade-offer-card-chip{padding:2px 5px 2px 2px;gap:4px}:root[data-theme=slate]{--replay-sea-0: #13252d;--replay-sea-1: #0e1b21;--replay-sea-2: #0b1419;--replay-sea-hex: #0b1419}:root[data-theme=slate] .lobby .btn,:root[data-theme=slate] .lobby .input,:root[data-theme=slate] .waiting-room .btn,:root[data-theme=slate] .waiting-room select{min-height:44px}:root[data-theme=slate] .bank-chip-log{position:relative;min-width:30px;min-height:30px}:root[data-theme=slate] .bank-chip-log:after{content:"";position:absolute;top:-8px;right:-3px;bottom:-8px;left:-3px}:root[data-theme=slate] .mobile-hand-stack{min-width:44px;min-height:48px;display:flex;align-items:center;justify-content:center}:root[data-theme=slate] .trade-offer-rail-toggle-btn{min-height:32px;position:relative}:root[data-theme=slate] .trade-offer-rail-toggle-btn:after{content:"";position:absolute;top:-6px;right:0;bottom:-6px;left:0}@media (min-width: 1025px){:root[data-theme=slate] .board-layer{--board-inset-top: 80px;--board-inset-bottom: 110px;--board-inset-left: 300px;--board-inset-right: 300px}}@media (max-width: 1024px){:root[data-theme=slate] .hud-top{padding:0;padding-top:env(safe-area-inset-top,0);gap:0;background:#111c22}:root[data-theme=slate] .mobile-move-timer-bar{display:none}}.sc{position:relative;flex:none;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:4px}.sc-g{display:block;background:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.sc-md{width:44px;height:56px}.sc-md .sc-g{width:20px;height:20px}.sc-md .sc-n{font:600 14px/1 var(--font-sans)}.sc-sm{width:28px;height:36px;border-radius:3px;gap:2px}.sc-sm .sc-g{width:15px;height:15px}.sc-sm .sc-n{font:600 11px/1 var(--font-sans)}.sc-xs{width:16px;height:21px;border-radius:2.5px;gap:0}.sc-xs .sc-g{width:11px;height:11px}.sc-lumber{background:#2f6e4c;color:#f1f8f3}.sc-brick{background:#a65032;color:#fff4ee}.sc-wool{background:#88ae58;color:#18260b}.sc-grain{background:#d9a842;color:#2c1f04}.sc-ore{background:#5e6a7d;color:#f2f5f9}.sc-zero{opacity:.3}.sh-top{background:#111c22}.sh-strip{display:grid;height:58px;border-bottom:1px solid rgba(255,255,255,.08)}.sh-p{position:relative;min-width:0;padding:9px 8px 0 11px;text-align:left;border-left:1px solid rgba(255,255,255,.08);color:var(--text-1)}.sh-p:first-child{border-left:none}.sh-p.on{background:#18252d}.sh-p.off{opacity:.55}.sh-nm{display:flex;align-items:center;gap:6px;font:500 12px/1 var(--font-sans);color:var(--text-2);white-space:nowrap;overflow:hidden}.sh-nt{overflow:hidden;text-overflow:ellipsis}.sh-sw{flex:none;width:8px;height:8px;border-radius:2px}.sh-ln{display:flex;align-items:baseline;justify-content:space-between;margin-top:8px}.sh-vp{font:600 20px/1 var(--font-sans);letter-spacing:-.02em;white-space:nowrap}.sh-vp small{font:500 11px/1 var(--font-sans);color:var(--text-3);margin-left:3px;letter-spacing:0}.sh-mk{display:inline-flex;gap:3px;margin-left:5px;color:var(--accent);vertical-align:2px}.sh-mk svg{width:11px;height:11px}.sh-cc{display:flex;align-items:center;gap:3px;font:500 12px/1 var(--font-sans);color:var(--text-2)}.sh-cc svg{width:9px;height:12px}.sh-status{position:absolute;left:11px;right:6px;bottom:4px;font:500 10.5px/1 var(--font-sans);color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-p:has(.sh-status) .sh-ln{margin-top:5px}.sh-act{position:absolute;left:0;bottom:-1px;height:2px;background:var(--accent);transition:width 1s linear}.sh-menu{display:grid;place-items:center;border-left:1px solid rgba(255,255,255,.08);color:var(--text-2)}.sh-menu svg{width:20px;height:20px}.sh-menu.on{background:#18252d;color:var(--text-1)}.sh-bank{display:flex;align-items:center;gap:12px;height:30px;padding:0 12px;background:#0b1419;border-bottom:1px solid rgba(255,255,255,.08)}.sh-bl{font:500 11px/1 var(--font-sans);color:var(--text-3)}.sh-bi{display:flex;align-items:center;gap:4px;font:500 12px/1 var(--font-sans);color:var(--text-2)}.sh-bi.low{color:var(--accent);font-weight:600}.sh-dk{display:flex;align-items:center;gap:4px;margin-left:auto;font:500 12px/1 var(--font-sans);color:var(--text-2)}.sh-dkc{width:10px;height:12px;border-radius:1.6px;background:#3f4690}.sh-menu-sheet .sh-mrow{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:0 4px;border-top:1px solid rgba(255,255,255,.08);font:500 15px/1.2 var(--font-sans);color:var(--text-1);text-align:left}.sh-menu-sheet .sh-mrow:first-child{border-top:none}.sh-menu-sheet .sh-mrow.red{color:#ff8a7c}.sh-chev{color:var(--text-3);font-size:18px}.sh-mgap{height:10px}.sh-bottom{display:flex;flex-direction:column}.sh-offers{padding:0 8px 8px}.sh-offers:empty{display:none}.sh-dock{background:#111c22;border-top:1px solid rgba(255,255,255,.08);padding-bottom:max(10px,env(safe-area-inset-bottom,0))}.sd-sec{padding:0 12px}.sd-sec+.sd-sec{border-top:1px solid rgba(255,255,255,.08)}.sd-status{display:flex;align-items:center;gap:12px;padding-top:10px;padding-bottom:10px}.sd-tx{flex:1;min-width:0}.sd-h{font:600 16px/1.2 var(--font-sans);color:var(--text-1)}.sd-clock{font:500 13px/1 var(--font-sans);color:var(--text-2);margin-left:8px}.sd-s{font:400 13px/1.35 var(--font-sans);color:var(--text-2);margin-top:2px}.sd-dice{flex:none;width:76px;height:56px;border-radius:8px;background:#18252d;border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--text-1)}.sd-dice.roll{border:1.5px solid var(--accent);background:#f2b54414}.sd-dice.roll .sd-lb{color:var(--accent)}.sd-dice.idle{opacity:.55}.sd-dd{display:flex;gap:4px}.sd-lb{font:600 12px/1 var(--font-sans);color:var(--text-2)}.sd-die{position:relative;width:20px;height:20px;border-radius:4px;background:#ebe8e1}.sd-die i{position:absolute;width:3.8px;height:3.8px;border-radius:50%;background:#151b1e}.sd-die.ghost{background:transparent;border:1.5px solid var(--text-3)}.sd-die.ghost i{background:var(--text-3)}.sd-tick{display:flex;align-items:center;gap:7px;height:44px;font:400 12.5px/1.2 var(--font-sans);color:var(--text-2)}.sd-tick-tx{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px}.sd-tick-tx b{font-weight:600;color:var(--text-1)}.sd-tick-cards{display:inline-flex;gap:3px}.sd-log{flex:none;font:500 12px/1 var(--font-sans);color:var(--text-2);padding:16px 2px 16px 18px}.sd-hand{display:flex;align-items:center;gap:5px;padding-top:10px;padding-bottom:10px;min-height:76px}.sd-card{position:relative;flex:none;border-radius:4px}.sd-card.spend .sc{box-shadow:0 0 0 2px #111c22,0 0 0 3.5px var(--accent)}.sd-spend{position:absolute;left:0;right:0;bottom:-14px;text-align:center;font:600 11px/1 var(--font-sans);color:#ff8a7c}.sd-sp{flex:1}.sd-dev{flex:none;position:relative;display:block;line-height:0;border-radius:5px}.sd-dev.playable{box-shadow:0 0 0 1.5px var(--accent)}.sd-dev:disabled{opacity:1}.sd-acts{display:flex;gap:8px;padding-top:10px}.sd-btn{position:relative;height:48px;min-width:64px;width:64px;padding:0;border-radius:8px;background:#18252d;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:500 12px/1 var(--font-sans);color:var(--text-1)}.sd-btn svg{width:18px;height:18px;flex:none}.sd-btn.dim,.sd-btn:disabled:not(.primary){color:var(--text-3)}.sd-btn.wide{width:auto;min-width:96px;flex-direction:row;font-size:14px}.sd-btn.primary{flex:1;width:auto;flex-direction:row;gap:7px;background:var(--accent);border:none;color:#1c1405;font:600 15px/1 var(--font-sans)}.sd-btn.primary.off,.sd-btn.primary:disabled{background:#18252d;border:1px solid rgba(255,255,255,.08);color:var(--text-3)}.sd-badge{position:absolute;top:4px;right:6px;min-width:16px;height:16px;border-radius:8px;padding:0 4px;background:#e5584a;color:#fff;font:600 10px/16px var(--font-sans)}.sd-build-sheet .sd-build-hint{font:400 12.5px/1.3 var(--font-sans);color:var(--text-2);padding:0 4px 8px}.sd-brow{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:0 4px;border-top:1px solid rgba(255,255,255,.08);text-align:left;color:var(--text-1)}.sd-brow.dis .sd-bn,.sd-brow.dis .sd-bi{opacity:.45}.sd-bi{width:28px;display:grid;place-items:center;color:var(--text-1)}.sd-bi svg{width:22px;height:22px}.sd-bt{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.sd-bn{font:500 15px/1.1 var(--font-sans)}.sd-bw{font:400 12.5px/1.2 var(--font-sans);color:var(--text-2)}.sd-bw.ok{color:var(--success-text)}.sd-bc{display:flex;gap:3px}:root[data-theme=slate] .sh-top,:root[data-theme=slate] .sh-dock{background:#111c22fe}:root[data-theme=slate] .sh-bank{background:#0b1419fe}@media (max-width: 1024px){:root[data-theme=slate] .hud-top{background:transparent}}.sd-hand{overflow-x:auto;scrollbar-width:none}.sd-hand::-webkit-scrollbar{display:none}.sd-dev svg{width:38px;height:51px;display:block}.sh-busy{position:absolute;top:8px;right:7px;width:7px;height:7px;border-radius:2px;background:var(--accent)}.sd-dev{padding:0;border:0;background:none}.sh-offers{padding:0 10px 8px}.so-card{background:#18252d;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:12px;box-shadow:0 10px 30px #00000073}.so-card.mine{border-color:#f2b54473}.so-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;font:400 13px/1.25 var(--font-sans);color:var(--text-2)}.so-hd b{color:var(--text-1);font-weight:600}.so-sw{display:inline-block;width:9px;height:9px;border-radius:2px;vertical-align:0}.so-bd{display:flex;align-items:center;gap:10px;margin-top:10px}.so-sd{display:flex;flex-direction:column;gap:5px}.so-l{font:500 11px/1 var(--font-sans);color:var(--text-3)}.so-cs{display:flex;gap:4px;flex-wrap:wrap}.so-none{font:400 12px/36px var(--font-sans);color:var(--text-3)}.so-ar{color:var(--text-3);font:400 16px/1 var(--font-sans);padding-top:14px}.so-row3{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px;margin-top:12px}.so-row2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.so-btn{min-height:44px;padding:0 12px;border-radius:8px;background:#1f2e37;border:1px solid rgba(255,255,255,.1);color:var(--text-1);font:500 14px/1 var(--font-sans)}.so-btn.ok{background:#46c98f;border:none;color:#062514;font-weight:600}.so-btn:disabled{opacity:.45}.so-more{min-height:32px;padding:0 2px;font:500 12px/1 var(--font-sans);color:var(--accent);white-space:nowrap}.so-card.mine .so-more{margin-top:6px}.so-short{margin-top:8px;font:500 12px/1.3 var(--font-sans);color:#ff8a7c}.so-wait{margin-top:10px;font:400 13px/1.3 var(--font-sans);color:var(--text-2)}.so-resps{margin-top:10px}.so-resp{display:flex;align-items:center;gap:10px;min-height:46px;border-top:1px solid rgba(255,255,255,.08)}.so-n{font:500 14px/1 var(--font-sans);width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.so-r{flex:1;font:400 13px/1 var(--font-sans);color:var(--text-2)}.so-r.ok{color:var(--success-text);font-weight:500}.sp-dim{position:fixed;top:0;right:0;bottom:0;left:0;background:#03080a8c;z-index:40}.sp-panel{position:fixed;top:calc(env(safe-area-inset-top,0) + 58px);left:0;right:0;z-index:41;max-height:calc(100% - 120px);overflow-y:auto;background:#111c22;border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 24px 48px #0000008c}.sp-row{padding:12px 14px;border-top:1px solid rgba(255,255,255,.08)}.sp-row:first-child{border-top:none}.sp-hd{display:flex;justify-content:space-between;align-items:center}.sp-nm{display:flex;align-items:center;gap:7px;font:600 14.5px/1 var(--font-sans);color:var(--text-1)}.sp-ac{font:400 12.5px/1 var(--font-sans);color:var(--text-2)}.sp-ac.g{color:var(--accent);font-weight:500}.sp-st{display:grid;grid-template-columns:repeat(5,1fr);margin-top:10px}.sp-st div{display:flex;flex-direction:column;gap:4px}.sp-st span{font:500 11px/1 var(--font-sans);color:var(--text-3)}.sp-st b{font:600 16px/1 var(--font-sans);color:var(--text-1)}.sp-st b.g{color:var(--accent)}.sp-st b em{font:500 11px/1 var(--font-sans);font-style:normal;color:var(--accent);margin-left:3px}.sp-ft{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font:400 12px/1.3 var(--font-sans);color:var(--text-2)}.sp-ft b{color:var(--text-1);font-weight:500}.sp-warn{color:var(--accent);text-align:right}.sp-close{display:flex;justify-content:center;align-items:center;width:100%;height:44px;border-top:1px solid rgba(255,255,255,.08);font:500 13px/1 var(--font-sans);color:var(--text-2)}.sp-ft{display:block}.sp-warn{float:right}.sd-dev svg{width:36px;height:48px}.sd-hand{padding-right:14px}.sd-dev svg{width:42px;height:56px}.sd-hand .sc-md{width:42px}.sd-hand{gap:5px}.sp-dim{z-index:60}.sp-panel{z-index:61}.sd-card{padding:0;border:0;background:none;line-height:0}.sd-hand .sc-md{width:44px}.sd-dev svg{width:44px;height:58px}.sd-hand{gap:4px;padding-left:10px;padding-right:10px}.so-more{min-height:44px}.sd-hand.scrolls{-webkit-mask-image:linear-gradient(to right,#000 82%,transparent);mask-image:linear-gradient(to right,#000 82%,transparent)}.so-n{flex:1;width:auto;min-width:0}.so-r{flex:none}.so-resp .so-btn.ok{min-width:84px}@media (max-width: 1024px){:root[data-theme=slate] .robber-banner{display:none}}.sh-bottom:has(.so-card) .sd-tick{display:none}@media (max-height: 760px){.so-card{max-height:38vh;overflow-y:auto;padding:10px}.so-bd{margin-top:6px}.so-row3,.so-row2{margin-top:8px}.so-resp{min-height:44px}}@media (max-width: 1024px) and (orientation: landscape) and (max-height: 500px){:root[data-theme=slate] .hud-bottom{top:88px;bottom:0;left:auto;right:0;width:330px}:root[data-theme=slate] .sh-bottom{height:100%;overflow-y:auto;justify-content:flex-end}:root[data-theme=slate] .sh-dock{border-left:1px solid rgba(255,255,255,.08)}.so-card{max-height:none}}@media (max-height: 760px) and (orientation: portrait){.sh-bottom:has(.so-card) .sd-hand{display:none}}:root[data-theme=slate] .so-card{background:#18252dfe}:root[data-theme=slate] .sp-panel{background:#111c22fe}:root[data-theme=slate] .bottom-sheet{background:#111c22fe}:root[data-theme=slate] .sheet-footer{background:#111c22fe}@keyframes sd-tumble{0%{transform:translateY(-6px) rotate(-28deg) scale(.85);opacity:.2}45%{transform:translateY(2px) rotate(14deg) scale(1.06);opacity:1}70%{transform:rotate(-6deg)}to{transform:none}}@keyframes sd-pop{0%,55%{opacity:0;transform:scale(.6)}80%{transform:scale(1.18)}to{opacity:1;transform:none}}.sd-dice.rolled .sd-die{animation:sd-tumble .52s cubic-bezier(.2,.8,.2,1) both}.sd-dice.rolled .sd-die+.sd-die{animation-delay:70ms}.sd-dice.rolled .sd-lb{animation:sd-pop .64s ease-out both;color:var(--text-1);font-size:13px}.sd-dice.seven{border-color:#e5584ab3}.sd-dice.seven .sd-lb{color:#ff8a7c}@media (prefers-reduced-motion: reduce){.sd-dice.rolled .sd-die,.sd-dice.rolled .sd-lb{animation:none}}.sh-dock.trading{padding-bottom:max(12px,env(safe-area-inset-bottom,0))}.stc{padding:0 12px}.stc-hd{display:flex;align-items:center;justify-content:space-between;padding:10px 0 2px}.stc-hd h2{font:600 18px/1.1 var(--font-sans);color:var(--text-1)}.stc-hd-r{display:flex;align-items:center;gap:4px}.stc-link{min-height:44px;padding:0 10px;font:500 13px/1 var(--font-sans);color:var(--accent)}.stc-x{width:44px;height:44px;display:grid;place-items:center;color:var(--text-2)}.stc-x svg{width:20px;height:20px}.stc-lab{display:flex;justify-content:space-between;gap:12px;margin-top:8px;padding:6px 2px 8px;border-top:1px solid rgba(255,255,255,.08);font:500 12.5px/1.2 var(--font-sans);color:var(--text-2)}.stc-lab b{color:var(--text-1);font-weight:600;text-align:right}.stc-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.stc-pk{display:flex;flex-direction:column;align-items:center;gap:4px}.stc-card{position:relative;width:100%;min-height:52px;border-radius:8px;background:#18252d;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;padding:7px 0}.stc-pk.on .stc-card{border-color:var(--accent);background:#f2b5441a}.stc-pk.none .stc-card{opacity:.45}.stc-card:disabled{cursor:default}.stc-n{position:absolute;top:-7px;right:-5px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:var(--accent);color:#1c1405;font:700 12px/22px var(--font-sans);text-align:center}.stc-meta{min-height:28px;display:grid;place-items:center;font:500 11px/1 var(--font-sans);color:var(--text-2)}.stc-meta.gold{color:var(--accent);font-weight:600}.stc-minus{position:relative;width:100%;min-height:28px;border-radius:6px;background:#1f2e37;border:1px solid rgba(255,255,255,.12);color:var(--text-1);font:600 16px/1 var(--font-sans)}.stc-minus:after{content:"";position:absolute;top:-8px;right:0;bottom:-8px;left:0}.stc-fills{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-2px 0 8px;font:500 12px/1 var(--font-sans);color:var(--text-2)}.stc-fill{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 10px;border-radius:8px;background:#f2b5441a;border:1px solid rgba(242,181,68,.5);color:var(--text-1);font:500 13px/1 var(--font-sans);position:relative}.stc-fill:after{content:"";position:absolute;top:-4px;right:0;bottom:-4px;left:0}.stc-line{min-height:38px;margin-top:10px;padding:10px 2px 0;border-top:1px solid rgba(255,255,255,.08);font:400 13px/1.35 var(--font-sans);color:var(--text-2)}.stc-line.ok{color:var(--success-text)}.stc-line.warn{color:#ffb3a8}.stc-acts{display:flex;gap:8px;padding-top:10px}.stc-acts .sd-btn{height:52px}.stc-bank{flex:1;width:auto;flex-direction:column;gap:3px;font:600 14px/1 var(--font-sans)}.stc-bank small{font:500 11px/1.1 var(--font-sans);color:var(--text-2);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stc-bank.ready{border-color:#46c98f99;color:var(--success-text)}.stc-bank:disabled{color:var(--text-3)}.sd-btn.wide.full{flex:1}.so-card{position:relative;overflow:hidden}.so-timer{position:absolute;left:0;right:0;top:0;height:3px;background:#ffffff0f}.so-timer i{display:block;height:100%;background:var(--accent);transition:width .2s linear}.so-timer i.low{background:#ff8a7c}.so-secs{font:600 12px/1 var(--font-sans);color:var(--text-2);font-variant-numeric:tabular-nums}.so-have{margin-top:8px;font:400 12px/1.3 var(--font-sans);color:var(--text-2)}.so-have.short{color:#ff8a7c;font-weight:500}.so-r.gold{color:var(--accent)}.so-r.wait{color:var(--text-3)}.so-note{margin-top:8px;font:400 12.5px/1.35 var(--font-sans);color:var(--text-2)}.so-foot{display:flex;justify-content:flex-end;margin-top:2px}.so-btn:disabled{opacity:.4}.sh-tg{width:46px;height:28px;border-radius:14px;background:#2a3a43;position:relative;flex:none}.sh-tg i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#e6eaec;transition:left .15s ease}.sh-tg.on{background:var(--success)}.sh-tg.on i{left:21px}.sh-mrow small{display:block;font:400 12px/1.3 var(--font-sans);color:var(--text-2);margin-top:3px}.stc-meta.two{display:flex;flex-direction:column;gap:2px;align-items:center;line-height:1.1}.stc-meta em{font-style:normal;font-size:10.5px;color:var(--text-3)}.stc-meta em.gold,.stc-meta.low{color:var(--accent);font-weight:600}.stc-fills{min-height:40px}.stc-fills-hint{font:400 12px/1.3 var(--font-sans);color:var(--text-3)}.stc-offer{flex:1;width:auto;font:600 14px/1 var(--font-sans)}.stc-acts .sd-btn.primary small{color:#1c1405b3}.stc-line{min-height:56px}.so-link{min-height:44px;padding:0 2px;font:500 12.5px/1 var(--font-sans);color:var(--accent)}:root[data-theme=slate] .sl-home,:root[data-theme=slate] .sl-wait{background:var(--bg-sea);padding:0;gap:0;align-items:stretch;display:block}.sl-col{width:100%;max-width:440px;margin:0 auto;padding:calc(28px + env(safe-area-inset-top,0)) calc(16px + env(safe-area-inset-right,0)) 24px calc(16px + env(safe-area-inset-left,0));display:flex;flex-direction:column;gap:22px}.sl-brand{display:flex;align-items:center;gap:12px;padding:4px 2px 2px}.sl-mark{width:40px;height:40px;flex:none}.sl-brand h1{margin:0;font:650 28px/1.05 var(--font-sans);letter-spacing:-.02em;color:var(--text-1)}.sl-brand p{margin:4px 0 0;font:400 13.5px/1.3 var(--font-sans);color:var(--text-2)}.sl-sec{display:flex;flex-direction:column;gap:10px}.sl-lab{display:flex;align-items:center;gap:8px;font:600 12px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);padding:0 2px}.sl-count{font:600 11px/1 var(--font-sans);letter-spacing:0;color:var(--text-2);background:#18252d;border-radius:9px;padding:3px 7px;text-transform:none}.sl-input{width:100%;height:52px;border-radius:10px;background:#111c22;border:1px solid rgba(255,255,255,.1);padding:0 16px;font:500 17px/1 var(--font-sans);color:var(--text-1);outline:none}.sl-input::placeholder{color:var(--text-3);font-weight:400}.sl-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f2b5442e}.sl-hint{margin:-4px 2px 0;font:400 12.5px/1.35 var(--font-sans);color:var(--text-3)}.sl-hint.ghost{visibility:hidden}.sd-btn.sl-wide{width:100%;flex:none;height:52px;flex-direction:row;gap:8px;font:600 15px/1 var(--font-sans)}.sd-btn.sl-wide svg{width:18px;height:18px}.sd-btn.gold-outline{border-color:#f2b5448c;color:var(--accent)}.sl-join{display:flex;gap:8px}.sl-join .sl-input{flex:1;min-width:0}.sl-code.filled{font:600 19px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.28em}.sl-join .sd-btn{width:96px;flex:none;height:52px;font:600 15px/1 var(--font-sans);flex-direction:row}.sl-list{list-style:none;margin:0;padding:0;border-radius:12px;background:#111c22;border:1px solid rgba(255,255,255,.07);overflow:hidden}.sl-list>li+li{border-top:1px solid rgba(255,255,255,.06)}.sl-row{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 14px;width:100%;text-align:left;color:var(--text-1)}.sl-list>li>.sl-row{min-height:60px}.sl-link{background:none;border:0}.sl-link:active{background:#18252d}.sl-link>svg:last-child{color:var(--text-3)}.sl-link>svg:first-child{color:var(--text-2)}.sl-row .gold,.sl-row small.gold{color:var(--accent)!important}.sl-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.sl-row-main b{font:600 15px/1.2 var(--font-sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-row-main small{font:400 12.5px/1.25 var(--font-sans);color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-btn.sl-sm{width:auto;min-width:72px;height:40px;padding:0 14px;flex-direction:row;gap:5px;font:600 14px/1 var(--font-sans)}.sl-seats{display:grid;grid-template-columns:repeat(2,9px);gap:3px;flex:none}.sl-seats i{width:9px;height:9px;border-radius:50%;background:var(--text-2)}.sl-seats i.open{background:none;box-shadow:inset 0 0 0 1.5px #ffffff40}.sl-row .theme-segmented button{min-width:64px;min-height:36px}.sl-wait{display:flex!important;flex-direction:column}.sl-wait .sl-col{flex:1;padding-top:calc(10px + env(safe-area-inset-top,0));gap:20px}.sl-topbar{display:flex;align-items:center;min-height:44px}.sl-back{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 2px;font:500 14px/1 var(--font-sans);color:var(--text-2);background:none;border:0}.sl-invite{display:flex;flex-direction:column;gap:10px}.sl-codebig{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:72px;border-radius:12px;background:#111c22;border:1px solid rgba(255,255,255,.08);color:var(--text-1)}.sl-codebig span{width:38px;height:50px;display:grid;place-items:center;border-radius:7px;background:#18252d;font:650 26px/1 var(--font-sans)}.sl-codebig em{margin-left:8px;color:var(--text-2);display:grid;place-items:center;width:32px}.sl-av{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;background:#22323c;color:var(--text-1);font:600 15px/1 var(--font-sans)}.sl-seat.me .sl-av{background:var(--accent);color:#1c1405}.sl-av.open{background:none;box-shadow:inset 0 0 0 1.5px #ffffff2e}.sl-hint.sl-after{margin:0 2px}.sl-seat.me{box-shadow:inset 3px 0 0 var(--accent)}.sl-seat.open .sl-row-main b{color:var(--text-2);font-weight:500}.sl-x{width:44px;height:44px;margin-right:-10px;display:grid;place-items:center;color:var(--text-2);background:none;border:0;border-radius:8px}.sl-set{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:0 2px}.sl-set>span{font:500 14px/1.2 var(--font-sans);color:var(--text-1);flex:none}.sl-set>b{font:500 14px/1.2 var(--font-sans);color:var(--text-2)}.sl-seg{display:flex;padding:3px;gap:2px;border-radius:9px;background:#0e181d;border:1px solid rgba(255,255,255,.07)}.sl-seg button{min-height:38px;min-width:44px;padding:0 9px;border-radius:6px;font:500 13.5px/1 var(--font-sans);color:var(--text-2);background:none;border:0;white-space:nowrap}.sl-seg button.on{background:#22323c;color:var(--text-1);font-weight:600}.sl-dock{position:sticky;bottom:0;background:#0e181dfe;border-top:1px solid rgba(255,255,255,.08);padding:12px calc(16px + env(safe-area-inset-right,0)) calc(14px + env(safe-area-inset-bottom,0)) calc(16px + env(safe-area-inset-left,0));display:flex;flex-direction:column;gap:10px}.sl-dock>*{width:100%;max-width:408px;margin-left:auto;margin-right:auto}.sl-status{margin:0;font:400 13.5px/1.35 var(--font-sans);color:var(--text-2);text-align:center}.sl-status.wait{padding:6px 0;color:var(--text-1)}:root[data-theme=slate] .connection-status:has(.is-connected){display:none}.sl-col{text-align:left}.sl-set{flex-wrap:wrap}.sl-col{min-width:0}.sl-codebig{padding:0 10px}.sl-codebig span{flex:0 1 38px;min-width:0}@media (max-width: 360px){.sl-set{padding-top:6px}.sl-set .sl-seg{width:100%}.sl-set .sl-seg button{flex:1;min-width:0;padding:0 4px}.sl-codebig span{height:44px;font-size:22px}.sl-codebig em{margin-left:2px}}.sdc-why{margin:0 0 14px;font:400 13.5px/1.4 var(--font-sans);color:var(--text-2)}.sdc .stc-acts{display:flex}.sdc .stc-acts .sd-btn{height:52px}:root[data-theme=slate] .btn-primary:disabled{background:#18252d;border:1px solid rgba(255,255,255,.08);color:var(--text-3);opacity:1;box-shadow:none}:root[data-theme=slate] .feeds-tab{min-height:44px}:root[data-theme=slate] .howto-toc-chip{min-height:44px}:root[data-theme=slate] .endgame-tab{min-height:44px}:root[data-theme=slate] .replay-ctrl-btn{width:40px;height:44px}:root[data-theme=slate] .replay-speed-btn{min-height:36px;min-width:36px}:root[data-theme=slate] .account-drawer .btn,:root[data-theme=slate] .bottom-sheet .btn{min-height:44px}:root[data-theme=slate] .replay-filter-chip{min-height:32px;padding-left:12px;padding-right:12px}:root[data-theme=slate] .replay-ctrl-play,:root[data-theme=slate] .replay-speed-btn.active{background:var(--accent);color:#1c1405}:root[data-theme=slate] .replay-ctrl-play svg{stroke:#1c1405}.ins-results,.ins-replay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:700;display:flex;flex-direction:column;background:var(--bg-sea, #0b1419);color:var(--text-1);font-family:var(--font-sans)}.ins-results>*,.ins-replay>*{width:100%;max-width:520px;margin-left:auto;margin-right:auto}.ins-glow{position:absolute;left:0;right:0;top:0;height:280px;max-width:none;background:radial-gradient(ellipse 70% 60% at 30% 40%,rgba(242,181,68,.16),transparent 70%);pointer-events:none}.ins-top{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:env(safe-area-inset-top,0) 6px 0 4px;flex:none}.ins-back{display:inline-flex;align-items:center;gap:2px;min-height:44px;padding:0 10px 0 4px;font:500 15px/1 var(--font-sans);color:var(--text-2);background:none;border:0}.ins-back.inline{padding-left:0;margin:4px 0 2px}.ins-title{font:600 15px/1 var(--font-sans)}.ins-icon{width:44px;height:44px;display:grid;place-items:center;color:var(--text-2);background:none;border:0;border-radius:8px}.ins-icon.on{color:var(--accent);background:#f2b5441a}.ins-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:16px}.ins-head{padding:2px 16px 12px;position:relative}.ins-kick{font:500 12.5px/1.2 var(--font-sans);color:var(--text-3)}.ins-head h1{display:flex;align-items:center;gap:9px;margin:8px 0 0;font:650 30px/1.1 var(--font-sans);letter-spacing:-.02em}.ins-crown{color:var(--accent);flex:none}.ins-head p{margin:5px 0 0;font:400 15px/1.35 var(--font-sans);color:var(--text-2)}.ins-head p b{color:var(--text-1);font-weight:600}.ins-seg{display:flex;margin:2px 16px 12px;padding:3px;border-radius:9px;background:#0e181d;border:1px solid rgba(255,255,255,.07)}.ins-seg button{flex:1;min-height:44px;border-radius:6px;background:none;border:0;font:500 14px/1 var(--font-sans);color:var(--text-2)}.ins-seg button.on{background:#22323c;color:var(--text-1);font-weight:600}.ins-stand{display:grid;gap:6px;margin:0 16px}.ins-stand>div{display:flex;flex-direction:column;gap:5px;padding:9px 9px 10px;border-radius:9px;background:#111c22;border:1px solid rgba(255,255,255,.08);min-width:0}.ins-stand>div.me{border-color:#f2b54499;background:#f2b54412}.ins-stand .sp{font:600 11px/1 var(--font-sans);color:var(--text-3)}.ins-stand .snm{display:flex;align-items:center;gap:5px;font:600 13px/1.1 var(--font-sans);min-width:0}.ins-stand .snm span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ins-stand b{font:650 22px/1 var(--font-sans)}.ins-sw{display:inline-block;flex:none;width:9px;height:9px;border-radius:2px}.ins-why{margin:12px 16px 0;padding:12px 14px 4px;border-radius:10px;background:#18252d;border:1px solid rgba(255,255,255,.08);border-left:3px solid #ff7a6b}.ins-why.good{border-left-color:var(--success)}.ins-why h3,.ins-chart h3{margin:0;font:600 15px/1.2 var(--font-sans)}.ins-wr{display:flex;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.07)}.ins-why h3+.ins-wr{border-top:none;padding-top:9px}.ins-wi{flex:none;width:30px;display:grid;place-items:center;align-self:flex-start;padding-top:1px;color:#ffb3a8}.ins-wi svg{width:22px;height:22px}.ins-wi.good{color:var(--success-text)}.ins-wi.res .sc{box-shadow:0 0 0 1.5px #ff7a6b;opacity:1}.ins-wr b{font:600 14px/1.25 var(--font-sans)}.ins-wr p{margin:2px 0 0;font:400 12.5px/1.4 var(--font-sans);color:var(--text-2)}.ins-chart{margin:14px 16px 0}.ins-chh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.ins-chh span{font:400 12px/1 var(--font-sans);color:var(--text-3)}.ins-race{display:block;overflow:visible;touch-action:none}.ins-race.pick{cursor:pointer}.ins-ax{font:500 11px/1 var(--font-sans);fill:#7d8f98}.ins-el{font:600 11.5px/1 var(--font-sans)}.ins-cap{margin:8px 0 0;font:400 12.5px/1.4 var(--font-sans);color:var(--text-2)}.ins-sub{display:flex;justify-content:space-between;align-items:baseline;padding:18px 16px 8px;font:600 12px/1 var(--font-sans);letter-spacing:.05em;text-transform:uppercase;color:var(--text-2)}.ins-sub span{font:400 12px/1 var(--font-sans);letter-spacing:0;text-transform:none;color:var(--text-3)}.ins-moments{list-style:none;margin:0;padding:0}.ins-moments li{border-top:1px solid rgba(255,255,255,.07)}.ins-moments li.cur{background:#f2b54412;box-shadow:inset 3px 0 0 var(--accent)}.ins-moments li.none{padding:16px;font:400 13px/1.4 var(--font-sans);color:var(--text-3)}.ins-moments button{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:6px 8px 6px 16px;background:none;border:0;text-align:left;color:var(--text-1)}.ins-moments .kt{width:30px;flex:none;font:600 13px/1 var(--font-sans);color:var(--text-3);text-align:right}.ins-moments .kx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;font:500 13.5px/1.3 var(--font-sans)}.ins-moments small{font:400 12px/1.3 var(--font-sans);color:var(--text-3)}.ins-moments em{font-style:normal;font-weight:600}em.good{color:var(--success-text)}em.bad{color:#ff9d91}.ins-moments .kc{flex:none;color:var(--text-3);margin-right:6px}.ins-acts{flex:none;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0));background:#111c22fe;border-top:1px solid rgba(255,255,255,.08);max-width:none!important}.ins-acts>*{max-width:488px;margin-left:auto;margin-right:auto}.ins-acts .row{display:flex;gap:8px}.ins-acts .sd-btn{flex:1;width:auto;height:52px;flex-direction:row;gap:8px;font:600 15px/1 var(--font-sans)}.ins-ready{flex-direction:column!important;gap:3px!important;border-color:#46c98f8c!important;color:var(--success-text)!important}.ins-ready small{font:500 11.5px/1.1 var(--font-sans);color:var(--text-2);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ins-badge{font:600 11px/1 var(--font-sans);padding:3px 6px;border-radius:5px;background:#1c14052e}.ins-err{margin:0 0 8px;font:400 12.5px/1.3 var(--font-sans);color:#ffb3a8;text-align:center}.ins-lede{margin:4px 16px 8px;font:400 14px/1.45 var(--font-sans);color:var(--text-2)}.ins-lede b{color:var(--text-1)}.ins-foot{margin:10px 16px 0;font:400 12px/1.45 var(--font-sans);color:var(--text-3)}.ins-key{display:flex;flex-wrap:wrap;gap:6px 12px;padding:0 16px 8px;font:400 12px/1 var(--font-sans);color:var(--text-2)}.ins-key span{display:inline-flex;align-items:center;gap:5px}.ins-key i{display:inline-block;width:10px;height:10px;border-radius:2px}.ins-cr,.ins-lk .lr{display:grid;grid-template-columns:76px 1fr 36px;align-items:center;gap:10px;min-height:34px;padding:0 16px}.ins-cr.me,.ins-lk .lr.me{background:#f2b5440f}.ins-cr .cn,.ins-lk .cn{display:flex;align-items:center;gap:6px;font:500 13px/1 var(--font-sans);min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ins-stk{display:flex;height:12px;border-radius:3px;overflow:hidden;background:#ffffff0d}.ins-stk i{display:block;height:100%}.ins-stk i+i{box-shadow:inset 1px 0 #0b141999}.ins-cr .ct{font:600 13px/1 var(--font-sans);text-align:right}.ins-inc{padding:0 16px}.ins-inc .ir{display:grid;grid-template-columns:18px 56px 1fr 44px;align-items:center;gap:8px;min-height:30px}.ins-inc .il{font:500 13px/1 var(--font-sans)}.ins-inc .ib{height:8px;border-radius:4px;background:#ffffff0f;overflow:hidden}.ins-inc .ib i{display:block;height:100%;border-radius:4px}.ins-inc .iv{font:600 13px/1 var(--font-sans);text-align:right}.ins-inc .ir.none .iv{color:#ff9d91}.ins-dch{padding:0 20px}.ins-lk .lt{position:relative;height:12px}.ins-lk .z{position:absolute;left:50%;top:-4px;bottom:-4px;width:1px;background:#ffffff40}.ins-lk .lt i{position:absolute;top:0;bottom:0;border-radius:2px}.ins-lk i.neg{background:#ff7a6b}.ins-lk i.pos{background:var(--success)}.ins-lk .lv{font:600 13px/1 var(--font-sans);text-align:right}.ins-lk .lv.neg{color:#ff9d91}.ins-lk .lv.pos{color:var(--success-text)}.ins-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 16px}.ins-tiles>div{display:flex;flex-direction:column;gap:3px;padding:10px 10px 11px;border-radius:9px;background:#18252d;border:1px solid rgba(255,255,255,.08)}.ins-tiles b{font:650 22px/1 var(--font-sans)}.ins-tiles span{font:500 12px/1.25 var(--font-sans)}.ins-tiles small{font:400 11.5px/1.25 var(--font-sans);color:var(--text-3)}.ins-board{flex:1 1 auto;min-height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 6px}.ins-board>*{max-width:100%;max-height:100%}.ins-board svg{width:100%;height:100%;max-height:100%;transform:scale(1.24)}.ins-rp{flex:none;background:#111c22;border-top:1px solid rgba(255,255,255,.08);padding-bottom:calc(10px + env(safe-area-inset-bottom,0));max-width:none!important}.ins-rp>*{max-width:520px;margin-left:auto;margin-right:auto}.ins-mom{padding:12px 16px 10px;border-bottom:1px solid rgba(255,255,255,.07);min-height:92px}.ins-mom .mt{display:flex;align-items:center;gap:7px;font:500 13px/1 var(--font-sans);color:var(--text-2)}.ins-mom .tn{font-weight:600;color:var(--text-1)}.kmk{margin-left:auto;font:600 11px/1 var(--font-sans);color:var(--accent);padding:4px 7px;border-radius:5px;background:#f2b5441f}.kmk.good{color:var(--success-text);background:#46c98f1f}.kmk.bad{color:#ff9d91;background:#ff7a6b1f}.ins-mom .mtx{margin-top:8px}.ins-mom .mtx b{display:block;font:600 14.5px/1.3 var(--font-sans)}.ins-mom .mtx p{margin:3px 0 0;font:400 12.5px/1.4 var(--font-sans);color:var(--text-2)}.ins-mom .mtx p.plain{font-size:14px;color:var(--text-1)}.ins-scrub{padding:10px 16px 0}.ins-scrub .sl{display:flex;justify-content:space-between;margin-top:2px;font:500 11.5px/1 var(--font-sans);color:var(--text-3)}.ins-scrub .sl span:nth-child(2){color:var(--text-1);font-weight:600}.ins-ctl{display:flex;justify-content:center;gap:10px;padding:10px 16px 6px}.ins-ctl button{width:52px;height:48px;border-radius:9px;display:grid;place-items:center;background:#18252d;border:1px solid rgba(255,255,255,.08);color:var(--text-1)}.ins-ctl button:disabled{color:var(--text-3);opacity:.55}.ins-ctl button.play{width:64px;background:var(--accent);border:none;color:#1c1405}.ins-chips{display:flex;gap:6px;align-items:center;padding:6px 16px 4px;overflow-x:auto;scrollbar-width:none}.ins-chip{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 13px;border-radius:22px;background:#18252d;border:1px solid rgba(255,255,255,.08);font:500 13px/1 var(--font-sans);color:var(--text-2);white-space:nowrap}.ins-chip.on{background:#f2b5441f;border-color:#f2b54480;color:var(--accent)}.ins-chip.spd{margin-left:auto;min-width:48px}.ins-dim{position:fixed;top:0;right:0;bottom:0;left:0;background:#03080a8c;z-index:710;max-width:none!important}.ins-sheet{position:fixed;left:0;right:0;bottom:0;max-height:78vh;overflow-y:auto;z-index:711;background:#111c22fe;border-top:1px solid rgba(255,255,255,.14);border-radius:14px 14px 0 0;padding-bottom:calc(16px + env(safe-area-inset-bottom,0))}.ins-sheet .grab{width:36px;height:5px;border-radius:3px;background:#ffffff2e;margin:8px auto 0}.ins-sheet .shh{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 4px 16px}.ins-sheet h2{margin:0;font:600 19px/1.1 var(--font-sans)}.ins-sheet-wrap .sheet-body,.ins-sheet-wrap .bottom-sheet-body{padding-left:0!important;padding-right:0!important}.ins-live{padding-bottom:12px}.ins-live .ins-seg{margin-top:0}.ins-rr{display:block;width:100%;text-align:left;padding:12px 16px;background:none;border:0;border-top:1px solid rgba(255,255,255,.07);color:var(--text-1)}.ins-rr:disabled{opacity:1;cursor:default}.ins-rr.me{box-shadow:inset 3px 0 0 var(--accent)}.ins-rr .rr1{display:flex;align-items:center;gap:8px;min-height:24px}.ins-rr .rn{font:600 15px/1 var(--font-sans)}.ins-rr .aw{font:500 11.5px/1 var(--font-sans);color:var(--accent)}.ins-rr .tag{font:600 11px/1 var(--font-sans);padding:4px 7px;border-radius:5px;white-space:nowrap}.ins-rr .tag.lead{background:#3d82e029;color:#8db8f0}.ins-rr .tag.warn{background:#f2b54424;color:var(--accent)}.ins-rr .rv{margin-left:auto;font:650 22px/1 var(--font-sans);letter-spacing:-.02em}.ins-rr .rv em{font:600 13px/1 var(--font-sans);font-style:normal;color:var(--accent);margin-left:2px}.ins-rr .chev{color:var(--text-3);margin-right:-4px}.bar10{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;margin-top:10px}.bar10 i{height:7px;border-radius:2px;background:#ffffff14}.bar10 i.h{background:repeating-linear-gradient(135deg,#f2b54499 0,#f2b54499 3px,#f2b54426 3px,#f2b54426 6px)}.ins-rr .rr2{margin-top:8px;font:400 12.5px/1.3 var(--font-sans);color:var(--text-2)}.ins-rr .rr2 .g{color:var(--accent);font-weight:500}.ins-cardx{margin:0 16px 4px;padding:13px 14px;border-radius:10px;background:#18252d;border:1px solid rgba(255,255,255,.08)}.ins-cardx.bad{border-left:3px solid #ff7a6b}.ins-cardx.good{border-left:3px solid var(--success)}.ins-cardx .cx1{display:flex;gap:12px;align-items:center;justify-content:space-between}.ins-cardx h3{margin:0;font:600 15px/1.25 var(--font-sans)}.ins-cardx p{margin:4px 0 0;font:400 12.5px/1.4 var(--font-sans);color:var(--text-2)}.ins-callout{margin:8px 16px 0;padding:10px 12px;border-radius:8px;background:#ff7a6b17;border:1px solid rgba(255,122,107,.3);font:400 12.5px/1.4 var(--font-sans);color:var(--text-2)}.ins-callout b{color:#ffb3a8;font-weight:600}.ins-callout.gold{background:#f2b54414;border-color:#f2b54459}.ins-callout.gold b{color:var(--accent)}.ins-live>.ins-back{margin-left:12px}.ins-pname{display:flex;align-items:center;gap:9px;margin:4px 16px 10px;font:600 19px/1.1 var(--font-sans)}.ins-ostat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 16px}.ins-ostat>div{display:flex;flex-direction:column;gap:4px;padding:9px 8px;border-radius:9px;background:#18252d;border:1px solid rgba(255,255,255,.08)}.ins-ostat b{font:650 20px/1 var(--font-sans)}.ins-ostat b.g{color:var(--accent)}.ins-ostat span{font:400 11.5px/1.2 var(--font-sans);color:var(--text-2)}.ins-hand{display:flex;gap:6px;padding:0 16px;flex-wrap:wrap;align-items:center}.ins-unk{position:relative;width:42px;height:56px;border-radius:4px;background:#22323c;border:1.5px dashed rgba(255,255,255,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-2)}.ins-unk .q{font:600 18px/1 var(--font-sans)}.ins-unk .k{font:600 13px/1 var(--font-sans)}.ins-none{font:400 13px/1 var(--font-sans);color:var(--text-3)}.ins-devage{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;padding:0 16px}.ins-devage>div{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 0;border-radius:8px;background:#2c3270}.ins-devage>div.old{box-shadow:0 0 0 2px var(--accent)}.ins-devage b{font:600 11.5px/1 var(--font-sans);color:#e9ebff}.ins-devage span{font:400 11px/1 var(--font-sans);color:#c3c8f4}.ins-err-box{margin:8px 16px;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,122,107,.4);background:#ff7a6b14;display:flex;align-items:center;justify-content:space-between;gap:10px}.ins-err-box p{margin:0;font:500 14px/1.3 var(--font-sans)}.ins-err-box .sd-btn{width:auto;flex-direction:row;padding:0 14px;height:44px}.ins-hs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px 16px 4px}.ins-hs>div{display:flex;flex-direction:column;gap:5px;padding:10px 8px;border-radius:9px;background:#18252d;border:1px solid rgba(255,255,255,.08)}.ins-hs b{font:650 21px/1 var(--font-sans)}.ins-hs span{font:400 11.5px/1.2 var(--font-sans);color:var(--text-2)}.ins-hsl{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px 4px;font:400 12.5px/1.2 var(--font-sans);color:var(--text-2)}.ins-hsl .dots{display:flex;gap:3px;flex-wrap:wrap;justify-content:flex-end}.ins-hsl .dots i{width:16px;height:20px;border-radius:3px;display:grid;place-items:center;font:600 11px/1 var(--font-sans);font-style:normal;background:#18252d;color:var(--text-2)}.ins-hsl .dots i.p1{background:var(--accent);color:#1c1405}.ins-hr{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:8px 8px 8px 16px;background:none;border:0;border-top:1px solid rgba(255,255,255,.07);text-align:left;color:var(--text-1)}.ins-hr .hp{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:650 15px/1 var(--font-sans);background:#18252d;color:var(--text-2)}.ins-hr .hp.p1{background:var(--accent);color:#1c1405}.ins-hr .hx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;font:400 14px/1.3 var(--font-sans);color:var(--text-2)}.ins-hr .hx b{color:var(--text-1);font-weight:600}.ins-hr small{font:400 12px/1.4 var(--font-sans);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ins-hr .op{display:inline-flex;align-items:center;gap:3px;margin-left:6px}.ins-hr .op .ins-sw{width:7px;height:7px}.ins-hr .kc{flex:none;color:var(--text-3)}@media (orientation: landscape) and (max-height: 520px){.ins-replay{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);grid-template-rows:auto minmax(0,1fr)}.ins-replay>*{max-width:none;margin:0}.ins-replay>.ins-top{grid-column:1 / -1}.ins-replay .ins-board{grid-column:1;grid-row:2;min-height:0}.ins-replay .ins-board svg{transform:scale(1.1)}.ins-replay .ins-rp{grid-column:2;grid-row:2;overflow-y:auto;border-top:none;border-left:1px solid rgba(255,255,255,.08)}.ins-replay .ins-mom{min-height:0}.ins-results .ins-head{padding-bottom:6px}.ins-results .ins-head h1{font-size:24px;margin-top:4px}.ins-results .ins-acts{padding-top:8px;padding-bottom:8px}.ins-results .ins-acts .sd-btn{height:44px}}