:root{--ink:#26343f;--sand:#f3e5c3;--gold:#e7a52c;--gold-deep:#c47e16;--sea:#0c2a3e;--panel:rgba(13,33,48,.72);--panel-line:rgba(247,229,195,.16);--txt:#f4ead2;--txt-dim:#a9bccb;--panel-blur:9px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--sea);font-family:Fredoka,Trebuchet MS,system-ui,sans-serif;color:var(--txt);overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}#stage{position:fixed;top:0;right:0;bottom:0;left:0}#stage canvas{display:block}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse 78% 70% at 50% 44%,transparent 55%,rgba(4,14,22,.62) 100%)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.panel{position:fixed;z-index:10;background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));box-shadow:0 14px 34px #0006}.brand{top:22px;left:22px;padding:14px 20px 13px}.brand .kicker{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:3px}.brand h1{font-size:27px;font-weight:700;line-height:1;letter-spacing:-.01em;color:var(--txt)}.brand h1 span{color:var(--gold)}.controls{top:22px;right:22px;padding:11px;display:flex;gap:9px;align-items:center}.btn{font-family:inherit;font-size:14px;font-weight:600;color:var(--txt);background:linear-gradient(180deg,#f7e5c31f,#f7e5c30a);border:1px solid var(--panel-line);border-radius:11px;padding:10px 15px;cursor:pointer;display:flex;align-items:center;gap:7px;transition:transform .12s ease,background .16s ease,border-color .16s ease;-webkit-user-select:none;user-select:none}.btn:hover{background:#f7e5c329;border-color:#f7e5c357;transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.97)}.btn.primary{background:linear-gradient(180deg,var(--gold),var(--gold-deep));color:#3a2606;border-color:#0000002e}.btn.primary:hover{filter:brightness(1.07)}.btn .ic{font-size:15px;line-height:1}.btn.off{opacity:.5}.btn.danger{color:#e07070;border-color:#e0707040}.btn.danger:hover{background:#e0707024;border-color:#e0707073}.sel{font-family:inherit;font-size:14px;font-weight:600;color:var(--txt);background:linear-gradient(180deg,#f7e5c31f,#f7e5c30a);border:1px solid var(--panel-line);border-radius:11px;padding:10px 12px;cursor:pointer;outline:none;transition:background .16s ease,border-color .16s ease}.sel:hover{background:#f7e5c329;border-color:#f7e5c357}.sel option{background:#1d2b33;color:var(--txt)}.legend{left:22px;bottom:22px;padding:13px 15px;display:grid;grid-template-columns:auto auto;gap:7px 18px}.legend .lt{grid-column:1/-1;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--txt-dim);margin-bottom:2px;font-weight:600}.legend .row{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500}.legend .sw{width:15px;height:15px;border-radius:4px;box-shadow:inset 0 0 0 1px #00000040}.hint{right:22px;bottom:22px;z-index:10;font-size:12px;color:var(--txt-dim);background:var(--panel);border:1px solid var(--panel-line);border-radius:11px;padding:8px 13px;font-weight:500}.pill{position:fixed;z-index:12;background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));box-shadow:0 14px 34px #0006;padding:9px 11px;display:flex;align-items:center;gap:8px}.pill-res{bottom:20px;left:20px;flex-wrap:wrap;max-width:220px;gap:14px;align-items:flex-end}.pill-build{bottom:20px;left:50%;transform:translate(-50%);gap:6px}.pill-actions{bottom:20px;right:20px;gap:8px}.no-res{font-size:13px;color:var(--txt-dim);padding:2px 4px}.dev-hand{bottom:90px;left:50%;transform:translate(-50%);z-index:14;flex-wrap:wrap;max-width:min(560px,94vw);gap:6px;padding:10px 12px}.dev-cards{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.dev-chip{position:relative;width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;font-family:inherit;cursor:pointer;background:linear-gradient(180deg,#f7e5c31f,#f7e5c30a);border:1px solid var(--panel-line);border-radius:10px;transition:background .15s,border-color .15s,transform .1s,opacity .15s}.dev-chip:hover{background:#f7e5c32e;transform:translateY(-2px)}.dev-chip-icon{font-size:22px;line-height:1;pointer-events:none;width:26px;height:26px;display:flex;align-items:center;justify-content:center}.dev-chip-icon img,.dev-chip img.dev-chip-icon{width:26px;height:26px;object-fit:contain;display:block}.dev-chip-count{position:absolute;bottom:3px;right:4px;font-size:9px;font-weight:700;color:var(--gold);line-height:1}.dev-chip-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 4px var(--gold)}.dev-chip-off{opacity:.38;filter:saturate(.45);pointer-events:none}.dev-chip-passive{opacity:.55;filter:saturate(.55);cursor:default}.dev-chip-picking{border-color:var(--gold);background:#f7e5c338;box-shadow:0 0 8px #d4af3759}.dev-chip-new{border-style:dashed;opacity:.7}.roll-pill{font-size:15px;font-weight:700;padding:10px 20px;display:flex;align-items:center;gap:8px;background:linear-gradient(180deg,var(--gold),var(--gold-deep));color:#3a2606;border:1px solid rgba(0,0,0,.22);border-radius:12px;cursor:pointer;font-family:inherit;transition:filter .15s,opacity .15s}.roll-pill:hover{filter:brightness(1.08)}.roll-pill:disabled{opacity:.45;pointer-events:none;filter:saturate(.55)}.roll-pill.rolling{opacity:.55;pointer-events:none}.roll-pill .tic{font-size:18px}.tool.end-turn{background:linear-gradient(180deg,#c0392b,#922b21);border-color:#0000004d;color:#fff}.tool.end-turn:hover{background:linear-gradient(180deg,#e74c3c,#c0392b)}.tool.end-turn:disabled{opacity:.45;pointer-events:none;filter:saturate(.55)}.sp-panel{position:fixed;bottom:20px;z-index:12;background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));box-shadow:0 14px 34px #0006;padding:10px 12px;display:flex;flex-direction:row;align-items:center;gap:6px}.sp-left{left:20px;min-width:min(490px,94vw);min-height:64px;gap:15px}.sp-right{right:20px;min-height:64px}.sp-trade{left:20px;bottom:105px}.sp-vsep{width:1px;height:36px;background:var(--panel-line);flex-shrink:0;margin:0 2px}.sp-right .moba-slot{width:66px;height:66px;min-width:unset;padding:0;justify-content:center}.sp-right .moba-roll{height:56px;padding:0 16px}.sp-picker{position:fixed;bottom:auto;left:20px;top:50%;transform:translateY(-50%);z-index:25;background:var(--panel);border:1px solid var(--panel-line);border-radius:14px;backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));box-shadow:0 16px 40px #0009;padding:14px 16px;min-width:300px}.res-tok{width:44px;height:44px;border-radius:10px;flex-shrink:0;background:linear-gradient(155deg,color-mix(in srgb,var(--rc,#888) 14%,#1c3244),color-mix(in srgb,var(--rc,#888) 9%,#0c1e2c) 60%,#091825);border:1.5px solid var(--rc,#888);box-shadow:inset 0 1px #ffffff1f,inset 0 0 14px color-mix(in srgb,var(--rc,#888) 35%,transparent),0 0 0 1px #00000073,0 4px 10px #00000080;display:flex;align-items:center;justify-content:center;transition:transform .1s,border-color .12s,box-shadow .12s,background .12s}.res-tok-ic{width:26px;height:26px;display:block;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--rc,#888) 70%,transparent)) drop-shadow(0 1px 2px rgba(0,0,0,.6))}.res-tok.res-tok-rm{cursor:pointer}.res-tok.res-tok-rm:hover{border-color:color-mix(in srgb,var(--rc,#888) 100%,#fff 0%);background:linear-gradient(155deg,color-mix(in srgb,var(--rc,#888) 26%,#1c3244),color-mix(in srgb,var(--rc,#888) 16%,#0c1e2c) 60%,color-mix(in srgb,var(--rc,#888) 8%,#091825));box-shadow:inset 0 1px #ffffff2e,inset 0 0 16px color-mix(in srgb,var(--rc,#888) 45%,transparent),0 0 0 1px #00000073,0 0 14px 3px color-mix(in srgb,var(--rc,#888) 55%,transparent),0 6px 14px #00000080;transform:translateY(-4px)}.moba-resources{display:flex;gap:14px;align-items:center}.mres-stack{position:relative;height:50px;flex-shrink:0;transition:width .28s cubic-bezier(.4,0,.2,1);overflow:visible}.mres-stack .res-tok{position:absolute;top:0;width:50px;height:50px;border-radius:11px}.mres-stack .res-tok .res-tok-ic{width:30px;height:30px}.mres-stack.mres-offerable .res-tok{cursor:pointer;transition:transform .1s,border-color .1s,box-shadow .1s}.mres-stack.mres-offerable .res-tok:hover{border-color:color-mix(in srgb,var(--rc,#888) 100%,#fff 0%);background:linear-gradient(155deg,color-mix(in srgb,var(--rc,#888) 26%,#1c3244),color-mix(in srgb,var(--rc,#888) 16%,#0c1e2c) 60%,color-mix(in srgb,var(--rc,#888) 8%,#091825));box-shadow:inset 0 1px #ffffff2e,inset 0 0 16px color-mix(in srgb,var(--rc,#888) 45%,transparent),0 0 0 1px #00000073,0 0 14px 3px color-mix(in srgb,var(--rc,#888) 55%,transparent),0 6px 14px #00000080;transform:translateY(-4px)}.mres-n{position:absolute;top:-7px;right:-8px;min-width:20px;height:20px;border-radius:10px;padding:0 4px;background:var(--rc,#888);color:#fff;font-size:12px;font-weight:900;line-height:20px;text-align:center;box-shadow:0 0 8px color-mix(in srgb,var(--rc,#888) 80%,transparent),0 2px 4px #000000b3;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.5)}.moba-slot{font-family:inherit;position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 11px;min-width:58px;border:1px solid var(--panel-line);border-radius:10px;background:linear-gradient(180deg,#f7e5c317,#f7e5c305);color:var(--txt);cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.moba-slot-ic{font-size:22px;line-height:1.1}.moba-slot-lb{font-size:11px;font-weight:600;color:var(--txt-dim);white-space:nowrap}.moba-slot:hover{background:#f7e5c329;transform:translateY(-2px)}.moba-slot.on{background:#e7a52c2e;border-color:var(--gold)}.moba-slot.on .moba-slot-lb{color:var(--txt)}.moba-slot.off{opacity:.35;filter:saturate(.4);pointer-events:none}.moba-slot.danger.on{border-color:#dd6a55}.moba-slot.shake-deny{border-color:#e05050;background:#dc3c3c2e;animation:shakeDeny .28s ease}.moba-cnt{position:absolute;top:2px;right:4px;font-size:9px;font-weight:700;color:var(--gold)}.moba-actions{gap:8px;padding:0 0 0 12px;flex-shrink:0}.moba-roll{font-size:14px;font-weight:700;padding:9px 18px;display:flex;flex-direction:column;align-items:center;gap:1px;background:linear-gradient(180deg,var(--gold),var(--gold-deep));color:#3a2606;border:1px solid rgba(0,0,0,.22);border-radius:10px;cursor:pointer;font-family:inherit;transition:filter .15s,opacity .15s}.moba-roll-ic{font-size:22px;line-height:1}.moba-roll-lb{font-size:10px;font-weight:700}.moba-roll:hover{filter:brightness(1.08)}.moba-roll:disabled,.moba-roll.rolling{opacity:.5;pointer-events:none;filter:saturate(.55)}.moba-endturn{background:linear-gradient(180deg,#c0392b,#922b21)!important;border-color:#0000004d!important;color:#fff!important}.moba-endturn .moba-slot-lb{color:#ffffffa6!important}.moba-endturn:not(.off):hover{background:linear-gradient(180deg,#e74c3c,#c0392b)!important}.moba-endturn.off{opacity:.45;pointer-events:none}.swatch{width:31px;height:31px;border-radius:9px;cursor:pointer;border:2px solid rgba(0,0,0,.3);transition:transform .12s ease,box-shadow .12s ease}.swatch:hover{transform:translateY(-2px)}.swatch.on{box-shadow:0 0 0 2px var(--sea),0 0 0 4px var(--gold);transform:translateY(-2px)}.tool{font-family:inherit;font-size:11px;font-weight:600;color:var(--txt);background:linear-gradient(180deg,#f7e5c31a,#f7e5c308);border:1px solid var(--panel-line);border-radius:10px;position:relative;padding:6px 9px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:50px;transition:background .15s,border-color .15s,transform .1s,color .15s}.tool .tic{font-size:16px;line-height:1.15}.tool:hover{background:#f7e5c326;transform:translateY(-1px)}.tool.on{background:#f7e5c338;border-color:var(--gold);color:#fff}.tool.danger.on{border-color:#dd6a55}.tool.off{opacity:.38;filter:saturate(.45)}.tool.shake-deny{border-color:#e05050;background:#dc3c3c2e;animation:shakeDeny .28s ease}.tool span{white-space:nowrap}@keyframes shakeDeny{0%{transform:translate(0)}20%{transform:translate(-4px)}50%{transform:translate(3px)}80%{transform:translate(-2px)}to{transform:translate(0)}}.tbadge{position:absolute;top:-7px;right:-7px;box-sizing:border-box;min-width:18px;height:18px;border-radius:9px;padding:0 4px;background:var(--gold);color:#2a1d04;font-size:11px;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000008c}.costtip{position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:8px;padding:11px 15px;background:#0b1c28fa;border:1px solid var(--panel-line);border-radius:11px;box-shadow:0 14px 32px #0000008c;z-index:50;pointer-events:none}.tool:hover .costtip,.moba-slot:hover .costtip{display:flex}.costtip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#0b1c28fa}.ct-hd{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gold);white-space:nowrap}.ct-row{display:flex;gap:12px;align-items:center}.ct-grp{display:flex;gap:4px}.ct-ic{width:26px;height:26px;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.ct-ic.low{filter:grayscale(.9) brightness(.62);opacity:.4}.proster{position:fixed;z-index:10;left:22px;top:22px;display:flex;flex-direction:column;gap:6px}.prow{background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;padding:10px 14px 10px 12px;display:flex;flex-direction:column;gap:7px;backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));box-shadow:0 6px 20px #00000052;transition:box-shadow .15s;min-width:210px}.prow.on{border-left:3px solid var(--pc,var(--gold));box-shadow:0 6px 24px #00000073,0 0 0 1px var(--pc,var(--gold)) inset}.prow-top{display:flex;align-items:center;gap:8px}.prow .pdot{width:13px;height:13px;border-radius:4px;flex:none;box-shadow:0 0 0 2px #00000047}.prow.on .pdot{box-shadow:0 0 7px var(--pc,var(--gold)),0 0 0 2px #00000047}.prow .pnm{font-size:15px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.prow .you{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:#f7e5c31f;color:var(--txt-dim);padding:2px 6px;border-radius:4px;flex:none}.pchips{display:flex;gap:5px;flex-wrap:wrap}.pchip{display:flex;align-items:center;gap:4px;background:#00000047;border:1px solid rgba(247,229,195,.08);border-radius:20px;padding:4px 9px 4px 6px}.pchip-ic{display:flex;align-items:center;color:var(--chip-color,var(--txt-dim))}.pchip-n{font-size:13px;font-weight:700;color:var(--chip-color,var(--txt-dim));line-height:1}.pchip-bonus{border-color:#f7c70066;box-shadow:0 0 7px #f7c70073,0 0 16px #f7c7002e;background:linear-gradient(105deg,transparent 0%,transparent 42%,rgba(255,243,150,.45) 50%,transparent 58%,transparent 100%),#00000047;background-size:300% 100%,auto;background-position:100% center,0 0;animation:chip-shine 3s ease-in-out infinite}@keyframes chip-shine{0%,25%{background-position:100% center,0 0}75%,to{background-position:0% center,0 0}}.prow{cursor:pointer;transition:box-shadow .15s,background .15s}.prow:hover{background:#f7e5c312}.prow-sel{background:#f7e5c31a!important;border-color:#f7e5c347!important}.pdetail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29}.pdetail{position:fixed;z-index:30;background:#0a1a26f5;border:1px solid var(--panel-line);border-radius:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px #0009,0 0 0 1px #f7e5c30a inset;display:flex;flex-direction:column;overflow:visible;animation:pdetail-in .14s ease}.pdetail-inner{display:contents}@keyframes pdetail-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.pdetail-header{display:flex;align-items:center;gap:8px;padding:10px 12px 8px 10px;border-bottom:1px solid rgba(247,229,195,.08)}.pdetail-dot{width:12px;height:12px;border-radius:3px;flex:none;box-shadow:0 0 5px var(--pc,var(--gold))}.pdetail-name{font-size:14px;font-weight:700;color:#fff;flex:1}.pdetail-badge{font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;background:#f7e5c31a;color:var(--txt-dim);padding:2px 5px;border-radius:4px;flex:none}.pdetail-badge-active{background:#f7c7002e;color:#f7c700}.pdetail-chips-list{display:flex;flex-direction:column;padding:6px 0}.pdcs-row{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 10px}.pdcs-row:hover{background:#f7e5c30a}.pdcs-icon{display:flex;align-items:center;flex:none;width:18px;justify-content:center}.pdcs-label{font-size:12px;color:var(--txt-dim);flex:1}.pdcs-val{font-size:14px;font-weight:800;flex:none;min-width:20px;text-align:right}.pdcs-bonus{font-size:9px;font-weight:700;letter-spacing:.05em;background:#f7c7002e;color:#f7c700;padding:2px 6px;border-radius:8px;flex:none;white-space:nowrap}.pdcs-tags{display:flex;flex-wrap:wrap;gap:4px;padding:0 12px 5px 36px}.pdcs-tag{font-size:10px;font-weight:600;background:#f7e5c314;color:var(--txt-dim);padding:2px 7px;border-radius:8px}.pdcs-tag-gold{background:#f7c70024;color:#f7c700}.pdcs-res-grid{display:flex;flex-direction:column;gap:2px;padding:0 12px 5px 36px}.pdcs-res-item{display:flex;align-items:center;gap:6px}.pdcs-res-dot{width:7px;height:7px;border-radius:50%;flex:none;box-shadow:0 0 0 1px #0000004d}.pdcs-res-name{font-size:11px;color:var(--txt-dim);flex:1}.pdcs-res-n{font-size:12px;font-weight:700;color:#fff}.pdcs-private{padding:1px 12px 6px 36px;font-size:10px;color:#f7e5c338;font-style:italic}.pdetail-extra{border-top:1px solid rgba(247,229,195,.07);padding:8px 12px 10px 10px}.pdetail-extra-title{font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#f7e5c34d;margin-bottom:6px}.pdetail-extra-grid{display:grid;grid-template-columns:1fr auto 1fr auto;gap:3px 14px;align-items:center}.pex-label{font-size:11px;color:var(--txt-dim)}.pex-val{font-size:12px;font-weight:700;color:#fff;text-align:right}.rchip{position:relative;width:38px;height:38px;flex:0 0 auto;transform-origin:center bottom}.rchip .rtok{position:absolute;left:0;width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1.5px #ffffff57,inset 0 -3px 5px #0003,0 2px 4px #0000006b}.rchip .rdisc{width:28px;height:28px;border-radius:8px;background:#fffaf2f5;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #00000012}.rchip .ricon{width:21px;height:21px;display:block;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.rchip .rlb{position:absolute;right:-5px;bottom:-5px;box-sizing:border-box;min-width:19px;height:19px;border-radius:10px;padding:0 4px;background:#f0e3c4;color:#2c2114;font-size:11.5px;font-weight:800;line-height:19px;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 1px 3px #0000008c}@keyframes chipGain{0%{transform:scale(1);filter:brightness(1);box-shadow:0 0 #e7a52c00}24%{transform:scale(1.34);filter:brightness(1.5);box-shadow:0 0 17px 3px #e7a52c99}58%{transform:scale(.95)}to{transform:scale(1);filter:brightness(1);box-shadow:0 0 #e7a52c00}}.rchip.gain{animation:chipGain .68s cubic-bezier(.34,1.2,.64,1) both}@keyframes chipLose{0%{transform:scale(1) translateY(0);filter:brightness(1) saturate(1)}34%{transform:scale(.78) translateY(3px);filter:brightness(.6) saturate(.45)}to{transform:scale(1) translateY(0);filter:brightness(1) saturate(1)}}.rchip.lose{animation:chipLose .5s cubic-bezier(.4,.05,.5,1) both}canvas{touch-action:none}.zoom{right:22px;top:50%;transform:translateY(-50%);padding:6px;display:flex;flex-direction:column;gap:5px}.zbtn{width:38px;height:38px;border-radius:9px;cursor:pointer;font-family:inherit;font-size:19px;font-weight:700;color:var(--txt);background:linear-gradient(180deg,#f7e5c31f,#f7e5c30a);border:1px solid var(--panel-line);display:flex;align-items:center;justify-content:center;line-height:1;transition:background .14s,transform .08s}.zbtn:hover{background:#f7e5c333}.zbtn:active{transform:scale(.9)}@keyframes rollPulse{0%,to{box-shadow:0 0 #f4c45400}50%{box-shadow:0 0 15px 4px #f4c454b8}}.roll-float.attn{animation:rollPulse 1.35s ease-in-out infinite}.setup-banner{position:fixed;z-index:10;top:22px;left:50%;transform:translate(-50%);padding:12px 20px;align-items:center;gap:10px;display:flex;white-space:nowrap}.sb-dot{width:16px;height:16px;border-radius:5px;flex:0 0 auto;box-shadow:inset 0 0 0 1px #00000059}.sb-text{font-size:15.5px;font-weight:600;color:var(--txt)}.ph-setup #tools,.ph-setup #tradeBtn,.ph-setup #build .sep{display:none}.ts-roll #tools,.ts-roll #tradeBtn,.ts-robber #tools,.ts-robber #tradeBtn{opacity:.32;pointer-events:none}@media(max-width:700px){.setup-banner{top:70px}}.dice-backdrop{position:fixed;z-index:8;bottom:20px;left:50%;width:224px;height:152px;border-radius:16px;background:var(--panel);border:1px solid var(--panel-line);backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));box-shadow:0 14px 34px #0006;pointer-events:none}@media(max-width:700px){.dice-backdrop{bottom:20px}}.dice-backdrop.dice-prompt{pointer-events:auto;cursor:pointer;animation:dicePromptPulse 2s ease-in-out infinite;transition:border-color .2s,box-shadow .2s,background .2s}.dice-backdrop.dice-prompt:hover{border-color:var(--gold);box-shadow:0 14px 34px #00000080,0 0 0 1px var(--gold);animation:none;background:#e7a52c1a}@keyframes dicePromptPulse{0%,to{box-shadow:0 14px 34px #0006}50%{box-shadow:0 14px 34px #0006,0 0 0 2px #e7a52c73}}.reset-vote-panel{position:fixed;z-index:20;top:76px;left:50%;transform:translate(-50%);padding:14px 18px;min-width:220px;max-width:340px;display:flex;flex-direction:column;gap:10px}.rvp-title{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--txt-dim)}.rvp-icon{font-size:17px;color:var(--gold)}.rvp-votes{display:flex;flex-direction:column;gap:5px}.rvp-row{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;border-radius:8px;background:#ffffff0a;font-size:13px}.rvp-name{flex:1;color:var(--txt)}.rvp-badge{font-size:14px;font-weight:700;width:18px;text-align:center}.rvp-pending .rvp-badge{color:var(--txt-dim)}.rvp-accept .rvp-badge{color:#6dcc7a}.rvp-accept{background:#6dcc7a1a}.rvp-decline .rvp-badge{color:#e05a5a}.rvp-decline{background:#dc50501a}.rvp-actions{display:flex;gap:8px}.rvp-btn{flex:1;padding:8px 0;border-radius:9px;border:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700}.rvp-accept-btn,.rvp-btn.rvp-accept{background:#6dcc7a38;color:#6dcc7a}.rvp-accept-btn:hover,.rvp-btn.rvp-accept:hover{background:#6dcc7a5c}.rvp-decline-btn,.rvp-btn.rvp-decline{background:#dc50502e;color:#e05a5a}.rvp-decline-btn:hover,.rvp-btn.rvp-decline:hover{background:#dc50504d}@media(max-width:700px){.reset-vote-panel{top:110px}}.toast{position:fixed;z-index:30;left:50%;top:38%;transform:translate(-50%) translateY(-7px);background:#0b1f2ef5;border:1px solid var(--gold);border-radius:13px;padding:12px 22px;font-size:15px;font-weight:700;color:var(--txt);box-shadow:0 16px 42px #00000080;opacity:0;pointer-events:none;white-space:nowrap;max-width:90vw;transition:opacity .28s ease,transform .28s ease}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.setup-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:#06121ccc;backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));transition:opacity .32s ease}.setup-wrap.hide{opacity:0;pointer-events:none}.setup{width:min(440px,94vw);padding:26px 26px 22px;text-align:center;background:var(--panel);border:1px solid var(--panel-line);border-radius:18px;box-shadow:0 18px 52px #0000008c}.setup .kicker{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:5px}.setup h2{font-size:24px;font-weight:700;color:var(--txt);margin-bottom:20px;letter-spacing:-.01em}.setup-group{margin-bottom:17px;text-align:left}.setup-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--txt-dim);font-weight:600;margin-bottom:8px}.opt-row{display:flex;gap:9px;flex-wrap:wrap}.opt{flex:1;font-family:inherit;font-weight:600;color:var(--txt);background:linear-gradient(180deg,#f7e5c31a,#f7e5c308);border:1.5px solid var(--panel-line);border-radius:12px;padding:13px 8px;cursor:pointer;font-size:17px;transition:background .15s,border-color .15s,transform .1s}.opt:hover{background:#f7e5c329;transform:translateY(-1px)}.opt.on{background:#e7a52c2e;border-color:var(--gold);color:#fff}.opt-map{display:flex;flex-direction:column;gap:3px;font-size:14px;padding:12px 6px}.opt-map small{font-size:10.5px;font-weight:500;color:var(--txt-dim)}.opt-map.on small{color:#ffffffb8}.setup-start{width:100%;justify-content:center;font-size:16px;padding:14px;margin-top:6px}.trade-wrap{position:fixed;z-index:22;left:20px;bottom:105px;display:flex;flex-direction:column;gap:10px;transition:transform .28s cubic-bezier(.22,1,.36,1)}.trade-wrap.hide{pointer-events:none;transform:translateY(calc(100% + 120px))}.dev-picker-wrap{position:fixed;z-index:22;left:20px;bottom:105px;display:flex;flex-direction:column;gap:0;width:min(320px,94vw)}.dev-picker-wrap .trade-card{width:100%}.dp-pick{display:flex;gap:8px;justify-content:flex-start}.dp-tile{width:44px;height:44px;flex-shrink:0;position:relative;cursor:pointer;background:linear-gradient(180deg,#f7e5c31a,#f7e5c308);border:1.5px solid var(--panel-line);border-radius:11px;display:flex;align-items:center;justify-content:center;transition:background .14s,border-color .14s,transform .07s}.dp-tile:hover{background:#f7e5c32b;transform:translateY(-1px)}.dp-tile:active{transform:scale(.93)}.dp-tile.dp-tile-on{border-color:var(--gold);background:#e7a52c2e}.dp-tile .tp-ic{width:26px;height:26px}.trade-pending-card{border-color:#e7a52c59}.trade-pending-card .trade-summary{margin-top:6px}.tpend-offer{display:flex;align-items:center;gap:3px;flex:1;justify-content:center}.tpend-arrow{font-size:12px;color:var(--txt-dim);margin:0 2px}.tpend-lbl{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-dim)}.tpend-responses{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.tpend-chip{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;border:1px solid var(--panel-line);background:#f7e5c30f;color:var(--txt);font-family:inherit;font-size:12px;font-weight:600;cursor:default;transition:background .14s,border-color .14s}.tpend-chip.tpend-accept{border-color:#5ab85a73;cursor:pointer}.tpend-chip.tpend-accept:hover{background:#5ab85a26}.tpend-chip.tpend-decline{border-color:#e0505059;background:#e0505014}.tpend-status{display:flex;align-items:center;justify-content:center;line-height:1}.tpend-chip.tpend-accept .tpend-status{color:#7dd87d}.tpend-chip.tpend-decline .tpend-status{color:#e05050}.tpend-chip.tpend-mine{cursor:pointer;border-color:#f7e5c340}.tpend-chip.tpend-mine:hover{background:#f7e5c31f}.tpend-waiting{text-align:center;padding:10px 0;font-size:13px;font-weight:700;color:#7dd87d}.tpend-waiting.tpend-waiting-decline{color:#e05050}.trade-builder{display:flex;flex-direction:column}.trade-card{width:min(490px,94vw);max-height:72vh;overflow-y:auto;padding:13px 15px;background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));box-shadow:0 16px 40px #0009}.trade-card.trade-card-notched{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none;box-shadow:none}.trade-card-footer{display:flex;gap:0;background:var(--panel);border:1px solid var(--panel-line);border-top:1px solid var(--panel-line);border-bottom-left-radius:16px;border-bottom-right-radius:16px;box-shadow:0 16px 40px #0009;backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));overflow:hidden}.trade-card-footer .trade-party{flex:1;border-radius:0;border:none;border-right:1px solid var(--panel-line);padding:7px 8px;justify-content:center;align-items:center;text-align:center;background:transparent;transition:background .14s}.trade-card-footer .trade-party:hover{background:#f7e5c31a;border-color:transparent;transform:none}.trade-card-footer .trade-party:last-child{border-right:none}.trade-body{display:flex;flex-direction:column;gap:10px}.trade-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.trade-close-btn{width:26px;height:26px;border-radius:7px;flex-shrink:0;background:transparent;border:1px solid var(--panel-line);color:var(--txt-dim);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:background .14s,color .14s,border-color .14s}.trade-close-btn:hover{background:#f7e5c31f;color:var(--txt);border-color:#f7e5c34d}.trade-kick{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:600}.trade-countdown{font-size:13px;font-weight:800;color:var(--gold);min-width:24px;text-align:right}.trade-title{font-size:18px;font-weight:700;color:var(--txt)}.trade-sec-lbl{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-dim);font-weight:600;margin:10px 0 5px}.trade-pick{display:flex;gap:6px;justify-content:flex-start}.tpick{flex:1;aspect-ratio:1;max-width:52px;position:relative;cursor:pointer;background:linear-gradient(180deg,#f7e5c31a,#f7e5c308);border:1.5px solid var(--panel-line);border-radius:11px;padding:0;display:flex;align-items:center;justify-content:center;transition:background .14s,border-color .14s,transform .07s}.tpick:hover{background:#f7e5c32b;transform:translateY(-1px)}.tpick:active{transform:scale(.93)}.tp-ic{width:26px;height:26px;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.tpick.tp-off{opacity:.3;pointer-events:none}.tbonus-row{display:flex;align-items:center;gap:8px;margin-top:8px}.tbonus-lbl{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#ffffff73;flex-shrink:0}.tbonus-chips{display:flex;gap:5px;flex-wrap:wrap}.tbonus-chip{display:flex;align-items:center;gap:3px;background:#46a8ce33;border:1px solid rgba(70,168,206,.45);border-radius:8px;padding:2px 6px 2px 3px;font-size:11px;font-weight:700;color:#ffffffe6}.tbonus-chip img{width:16px;height:16px}.tbonus-chip.tbonus-chip-2{background:#64c86433;border-color:#64c86480}.tp-badge{position:absolute;top:-6px;right:-5px;min-width:16px;height:16px;border-radius:8px;background:var(--gold);color:#241a08;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 3px;box-shadow:0 1px 3px #0006}.trade-summary{margin-top:9px;padding:7px 12px;border-radius:13px;background:#00000047;border:1px solid var(--panel-line)}.tsum-line{display:flex;align-items:center;gap:6px;min-height:48px}.tsum-lbl{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--txt-dim);min-width:32px;flex:0 0 auto}.tsum-icons{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.tsum-empty{font-size:11.5px;color:var(--txt-dim);font-style:italic}.tsum-div{height:1px;background:var(--panel-line);margin:5px 0}.trade-acts{display:flex;gap:6px;flex-wrap:wrap}.trade-party{flex:1;min-width:78px;cursor:pointer;font-family:inherit;background:linear-gradient(180deg,#f7e5c31f,#f7e5c30a);border:1.5px solid var(--panel-line);border-radius:11px;padding:8px 6px;color:var(--txt);font-weight:700;display:flex;flex-direction:column;align-items:center;gap:2px;transition:background .14s,border-color .14s,transform .08s}.trade-party:hover{background:#e7a52c2e;border-color:var(--gold);transform:translateY(-1px)}.trade-party.tp-dis{opacity:.32;pointer-events:none}.tparty-n{font-size:12.5px}.tparty-s{font-size:9.5px;color:var(--txt-dim);letter-spacing:.05em}.tparty-dot{width:10px;height:10px;border-radius:4px;box-shadow:inset 0 0 0 1px #00000059}.trade-foot{display:flex;gap:7px;margin-top:11px}.trade-fbtn{flex:1;cursor:pointer;font-family:inherit;font-weight:700;font-size:12.5px;padding:9px;border-radius:10px;border:1px solid var(--panel-line);background:#f7e5c30f;color:var(--txt-dim);transition:background .14s,color .14s}.trade-fbtn:hover{background:#f7e5c321;color:var(--txt)}.trade-close{background:linear-gradient(180deg,var(--gold),var(--gold-deep));color:#241a08;border-color:transparent}.trade-close:hover{background:linear-gradient(180deg,var(--gold),var(--gold-deep));filter:brightness(1.07);color:#241a08}.trade-fbtn.shake-deny{border-color:#e05050;background:#dc3c3c2e;animation:shakeDeny .28s ease}@keyframes coinEnter{0%{transform:translate(32px) scale(.82);opacity:0}58%{transform:translate(-4px) scale(1.06);opacity:1}to{transform:translate(0) scale(1);opacity:1}}@keyframes coinExit{0%{transform:translate(0) scale(1);opacity:1}20%{opacity:1}to{transform:translate(28px) scale(.76);opacity:0}}.res-tok.coin-real{animation:coinEnter .3s cubic-bezier(.34,1.56,.64,1) backwards}.res-tok.coin-ghost{animation:coinExit .28s ease-in forwards;pointer-events:none}.res-tok.coin-preview-exit{transform:translateY(-12px) scale(.82);opacity:.35;transition:transform .2s ease-out,opacity .2s ease-out}@media(max-width:700px){.trade-wrap{bottom:114px}}.discard-builder{position:fixed;z-index:22;left:20px;bottom:105px;display:flex;flex-direction:column;width:min(490px,94vw)}.discard-builder .trade-card-notched{border-color:#e0505059}.discard-title-inline{font-size:15px;font-weight:800;color:#e05050}.discard-progress-bar{position:relative;height:10px;background:#ffffff0f;border-bottom:1px solid var(--panel-line);overflow:hidden}.discard-progress-fill{position:absolute;inset-block:0;left:0;background:linear-gradient(90deg,#9e2222,#e05050);transition:width .18s ease}.discard-progress-lbl{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:9px;font-weight:800;color:#ffffff73;letter-spacing:.08em}.discard-confirm-btn{flex:1;border-radius:0}.discard-confirm-btn:not(:disabled){background:linear-gradient(180deg,#c2333338,#9e222224);border-color:#e0505066}.discard-confirm-btn:not(:disabled):hover{background:#e0505047;border-color:transparent;transform:none}.discard-confirm-btn:disabled{opacity:.35;cursor:default}.discard-builder .trade-card-footer{border-color:#e050504d}.discard-waiting{margin-top:6px;text-align:center;font-size:11.5px;color:var(--txt-dim)}#err{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:none;align-items:center;justify-content:center;text-align:center;padding:30px}#err div{max-width:420px;font-size:15px;line-height:1.55;color:var(--txt-dim)}@media(max-width:1040px){.legend,.hint{display:none}}@media(max-width:640px){.brand{padding:11px 15px;top:14px;left:14px}.brand h1{font-size:21px}.proster{top:14px;left:14px}.prow{min-width:160px;padding:7px 10px 7px 9px}.chronicle{top:14px;right:14px;width:220px;max-height:220px}.controls{top:14px;right:14px;padding:8px;gap:6px}.menu-btn{top:14px;right:14px}.btn{padding:9px 11px;font-size:13px}.btn .lbl{display:none}.build{bottom:12px;gap:7px;padding:7px 8px}.swatch{width:27px;height:27px}.tool{min-width:43px;font-size:10px;padding:5px 6px}.tool .tic{font-size:14px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:200;background:#05121cb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal.setup{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:28px 32px;min-width:320px;max-width:440px;width:100%;display:flex;flex-direction:column;gap:14px;box-shadow:0 8px 40px #0000008c}.modal.setup h2{margin:0;font-size:22px;color:var(--txt);text-align:center;letter-spacing:.02em}.modal.setup .hint{margin:0;font-size:13px;color:var(--txt-dim);text-align:center}.modal.setup .field{display:flex;flex-direction:column;gap:5px}.modal.setup label{font-size:12px;color:var(--txt-dim);text-transform:uppercase;letter-spacing:.08em}.modal.setup input,.modal.setup select{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:9px 11px;color:var(--txt);font-size:14px;outline:none;width:100%;box-sizing:border-box}.modal.setup input:focus,.modal.setup select:focus{border-color:#ffffff4d}.modal.setup .row{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal.setup .row label{flex:1}.modal.setup .row select{width:auto}.btn-row{display:flex;gap:10px}.btn-row .btn{flex:1}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--txt-dim)}.btn.ghost:hover{background:#ffffff0f}.btn.share-url{width:100%;font-size:12px;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.err{color:#e05050;font-size:13px;margin:0}.slot-list{display:flex;flex-direction:column;gap:6px}.slot{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:8px;background:#ffffff0d;font-size:13px;color:var(--txt);transition:background .2s,border-color .2s;border:1px solid transparent}.slot.ready{background:#6dcc7a1f;border-color:#6dcc7a59}.slot.offline{opacity:.5}.slot.empty{color:var(--txt-dim)}.slot-dot{width:8px;height:8px;border-radius:50%;background:#fff3;flex-shrink:0}.slot.connected .slot-dot{background:#5ab85a}.slot-badges{margin-left:auto;display:flex;gap:4px;align-items:center}.badge{font-size:10px;padding:2px 6px;border-radius:4px;background:#ffffff1f;color:var(--txt-dim);text-transform:uppercase;letter-spacing:.06em}.badge.me{background:#5ab85a40;color:#7dd87d}.color-pick-wrap{position:relative;flex-shrink:0}.color-swatch{display:inline-block;width:22px;height:22px;border-radius:6px;flex-shrink:0;border:1.5px solid rgba(255,255,255,.18);cursor:default;padding:0;box-shadow:0 1px 4px #0006}.color-swatch-own{cursor:pointer;transition:transform .12s,border-color .12s}.color-swatch-own:hover{transform:scale(1.12);border-color:#ffffff80}.color-popover{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--panel-line);border-radius:10px;padding:8px;display:grid;grid-template-columns:repeat(8,1fr);gap:6px;z-index:50;box-shadow:0 8px 24px #0000008c;backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur))}.color-popover .color-swatch{position:relative;width:26px;height:26px;border-radius:7px;cursor:pointer;transition:transform .1s,border-color .12s;display:flex;align-items:center;justify-content:center}.color-popover .color-swatch:hover:not(:disabled){transform:scale(1.14);border-color:#fff9}.color-popover .color-swatch.active{border-color:#fff;border-width:2px;box-shadow:0 0 0 2px #ffffff4d}.color-popover .color-swatch.taken{cursor:not-allowed;transform:none!important;border-color:#ffffff1a}.color-swatch-check{font-size:13px;font-weight:900;line-height:1;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.7);pointer-events:none}.modal.setup.lobby-waiting{max-width:560px}.lobby-map-section{display:flex;flex-direction:column;gap:7px}.lobby-map-label{font-size:11px;font-weight:700;color:var(--txt-dim);text-transform:uppercase;letter-spacing:.08em}.lobby-map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lobby-map-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:linear-gradient(180deg,#f7e5c314,#f7e5c305);border:1.5px solid var(--panel-line);border-radius:11px;padding:10px 6px 8px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.lobby-map-btn:hover:not(.readonly){background:#f7e5c324;border-color:#f7e5c34d;transform:translateY(-1px)}.lobby-map-btn.on{background:#e7a52c29;border-color:var(--gold)}.lobby-map-btn.on svg polygon:not([fill*="70,168"]){fill:#e7a52c38;stroke:#e7a52c99}.lobby-map-btn.readonly{cursor:default}.lobby-map-name{font-size:12px;font-weight:700;color:var(--txt)}.lobby-map-sub{font-size:10px;color:var(--txt-dim)}.lobby-gen-section{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:4px}.lobby-gen-row{display:flex;align-items:center;gap:10px}.lobby-gen-label{font-size:12px;font-weight:700;color:var(--txt-dim);width:62px;flex-shrink:0;text-transform:uppercase;letter-spacing:.04em}.lobby-gen-btns{display:flex;gap:6px}.lobby-gen-btn{padding:4px 12px;border-radius:6px;border:1px solid rgba(247,229,195,.18);background:#f7e5c30f;color:var(--txt);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.lobby-gen-btn:hover:not(.readonly){background:#f7e5c31f;border-color:#f7e5c352}.lobby-gen-btn.on{background:#e7a52c29;border-color:var(--gold);color:var(--gold)}.lobby-gen-btn.readonly{cursor:default}.lobby-terrain-weights{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:#f7e5c30a;border:1px solid rgba(247,229,195,.1);border-radius:8px;margin-left:72px}.lobby-weight-row{display:flex;align-items:center;gap:8px}.lobby-weight-label{font-size:11px;color:var(--txt-dim);width:64px;flex-shrink:0;text-transform:capitalize}.lobby-weight-slider{flex:1;accent-color:var(--gold);height:3px;cursor:pointer}.lobby-weight-slider:disabled{cursor:default;opacity:.5}.lobby-weight-pct{font-size:11px;color:var(--txt);width:32px;text-align:right;flex-shrink:0}.lobby-vp-stepper{display:flex;align-items:center;gap:8px}.lobby-vp-btn{width:28px;height:28px;border-radius:6px;border:1px solid rgba(247,229,195,.25);background:#f7e5c314;color:var(--txt);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .15s}.lobby-vp-btn:hover:not(:disabled){background:#f7e5c32e}.lobby-vp-btn:disabled{opacity:.35;cursor:default}.lobby-vp-val{font-size:16px;font-weight:700;color:var(--gold);min-width:28px;text-align:center}.slot-name{flex:1;text-align:left}.ready-btn{width:100%;margin-top:2px;border-color:#f7e5c340}.ready-btn.ready{background:#6dcc7a2e;border-color:#6dcc7a;color:#6dcc7a}.chronicle{position:fixed;top:22px;right:22px;z-index:10;width:340px;display:flex;flex-direction:column;max-height:440px;padding:0;overflow:hidden}.chr-hdr{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--txt-dim);font-weight:600;padding:11px 14px 9px;border-bottom:1px solid var(--panel-line);flex:none;display:flex;align-items:center;justify-content:space-between}.chr-menu-btn{font-size:16px;line-height:1;background:transparent;border:none;color:var(--txt-dim);cursor:pointer;padding:2px 4px;border-radius:6px;transition:color .14s,background .14s}.chr-menu-btn:hover{color:var(--txt);background:#f7e5c31f}.chr-list{flex:1;overflow-y:auto;padding:6px 0;scrollbar-width:thin;scrollbar-color:rgba(247,229,195,.15) transparent}.chr-list::-webkit-scrollbar{width:4px}.chr-list::-webkit-scrollbar-thumb{background:#f7e5c326;border-radius:2px}.chr-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:4px 14px}.chr-ic{font-size:13px;text-align:center;flex:none;line-height:1.5}.chr-msg{font-size:13px;font-weight:500;line-height:1.55;opacity:.85}.chr-res-ic{width:16px;height:16px;display:inline-block;vertical-align:middle;margin:0 2px}.chr-ts{font-size:11px;color:var(--txt-dim);opacity:.45;white-space:nowrap;padding-left:4px;align-self:start;padding-top:3px}.chr-phase-sep{display:flex;align-items:center;gap:6px;padding:7px 10px 4px;margin:2px 0}.chr-phase-lbl{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);opacity:.8;white-space:nowrap}.chr-turn-sep{display:flex;align-items:center;gap:6px;padding:5px 10px;margin:2px 0}.chr-turn-line{flex:1;height:1px;background:var(--panel-line)}.chr-turn-lbl{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-dim);opacity:.5;white-space:nowrap}.chr-empty{font-size:11px;color:var(--txt-dim);opacity:.4;padding:12px;text-align:center}.menu-icon{font-size:16px;line-height:1}.modal.menu-modal{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:22px 20px;min-width:260px;max-width:320px;width:100%;display:flex;flex-direction:column;gap:6px;box-shadow:0 8px 40px #0000008c}.modal.menu-modal h2{margin:0 0 6px;font-size:18px;color:var(--txt);text-align:center;letter-spacing:.02em}.menu-section{display:flex;flex-direction:column;gap:3px}.menu-divider{height:1px;background:#ffffff14;margin:4px 0}.menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:9px;border:none;background:transparent;color:var(--txt);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background .14s ease;text-align:left}.menu-item:hover:not(:disabled){background:#ffffff14}.menu-item:disabled{opacity:.38;cursor:default}.menu-item.danger{color:#e07070}.menu-item.danger:hover{background:#e070701f}.menu-item .mi-ic{font-size:15px;width:20px;text-align:center;flex-shrink:0}.menu-item .mi-label{flex:1}.menu-item .mi-check{font-size:13px;color:var(--gold);width:16px;text-align:right}.menu-item .mi-soon{font-size:11px;color:var(--txt-dim);background:#ffffff14;padding:2px 6px;border-radius:4px}.victory-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#040e16d1;backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));animation:vic-fade-in .4s ease both}@keyframes vic-fade-in{0%{opacity:0}to{opacity:1}}.victory-modal{background:var(--panel);border:1px solid var(--panel-line);border-radius:20px;box-shadow:0 24px 64px #000000b3;padding:28px 28px 24px;width:min(860px,96vw);max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:20px;animation:vic-pop .45s cubic-bezier(.22,1.4,.36,1) both}@keyframes vic-pop{0%{transform:scale(.88) translateY(24px);opacity:0}to{transform:none;opacity:1}}.vic-winner{text-align:center;padding:18px 16px 14px;background:#00000038;border:1px solid rgba(231,165,44,.18);border-radius:14px}.vic-crown{display:flex;justify-content:center;margin-bottom:6px}.vic-winner-name{font-size:28px;font-weight:800;letter-spacing:.02em;line-height:1.1}.vic-winner-sub{font-size:14px;color:var(--txt-dim);margin-top:3px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.vic-turns{margin-top:8px;font-size:12px;color:var(--txt-dim);opacity:.7}.vic-table{width:100%;border-collapse:collapse;font-size:13px}.vic-th{padding:7px 10px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--txt-dim);border-bottom:1px solid var(--panel-line);white-space:nowrap}.vic-th-rank{width:36px;text-align:center}.vic-th-name{text-align:left;min-width:100px}.vic-th-badges{text-align:left}.vic-tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .12s}.vic-tr:last-child{border-bottom:none}.vic-tr-winner{background:#e7a52c17}.vic-tr-winner .vic-td-vp{color:var(--gold);font-weight:800}.vic-td{padding:9px 10px;vertical-align:middle}.vic-td-rank{text-align:center;font-size:12px;font-weight:800;letter-spacing:.04em;white-space:nowrap}.vic-td-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;white-space:nowrap}.vic-td-num{text-align:center;font-variant-numeric:tabular-nums;font-size:13px;color:var(--txt-dim)}.vic-td-vp{font-size:14px;font-weight:700;color:var(--txt)}.vic-td-badges{padding-left:6px}.vic-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px var(--rc,#888)}.vic-badges{display:flex;gap:5px;flex-wrap:wrap}.vic-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;white-space:nowrap}.vic-badge-road{background:#60a06038;color:#8ecf8e;border:1px solid rgba(96,160,96,.3)}.vic-badge-knight{background:#8a64c838;color:#b09cd8;border:1px solid rgba(138,100,200,.3)}.vic-actions{display:flex;gap:10px;justify-content:center;padding-top:4px}.vic-actions .btn{flex:1;justify-content:center;max-width:180px}.dbg-panel{position:fixed;bottom:116px;right:20px;z-index:200;font-size:12px;font-family:inherit;min-width:220px;max-width:300px}.dbg-toggle{width:100%;display:flex;align-items:center;gap:6px;justify-content:center;background:#ff50502e;border:1px solid rgba(255,80,80,.35);border-radius:10px;padding:6px 14px;color:#f99;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;letter-spacing:.04em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dbg-toggle:hover{background:#ff505047;border-color:#ff50508c}.dbg-arrow{margin-left:auto;font-size:10px;opacity:.7}.dbg-body{background:#0a141ee0;border:1px solid rgba(255,80,80,.25);border-radius:12px;padding:10px;margin-bottom:4px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dbg-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dbg-lbl{color:#f99;font-weight:700;min-width:44px;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.dbg-tabs{display:flex;gap:4px;margin-bottom:8px}.dbg-tab{flex:1;padding:5px 6px;border-radius:7px;font-family:inherit;font-size:11px;font-weight:600;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--txt-dim);cursor:pointer}.dbg-tab.on{background:#ff505033;border-color:#ff505066;color:#faa}.dbg-section{display:flex;flex-direction:column;gap:6px}.dbg-player-btns,.dbg-dev-grid{display:flex;flex-wrap:wrap;gap:4px}.dbg-pbtn{padding:4px 8px;border-radius:6px;font-family:inherit;font-size:11px;font-weight:600;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:var(--txt-dim);cursor:pointer}.dbg-pbtn.on{background:#ff505040;border-color:#ff505080;color:#faa}.dbg-res-grid{display:flex;flex-direction:column;gap:4px}.dbg-res-row{display:flex;align-items:center;gap:5px}.dbg-res-name{width:28px;color:var(--txt-dim);font-size:11px;text-transform:capitalize}.dbg-res-val{min-width:22px;text-align:center;color:var(--txt);font-weight:700}.dbg-adj{width:22px;height:22px;border-radius:5px;font-size:13px;line-height:1;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--txt);cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center}.dbg-adj:hover{background:#ffffff26}.dbg-adj.on{background:#ff505040;border-color:#ff505080;color:#faa}.dbg-dice-row{display:flex;flex-wrap:wrap;gap:3px}.dbg-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.dbg-btn{padding:6px 12px;border-radius:8px;font-family:inherit;font-size:12px;font-weight:700;background:#ff505033;border:1px solid rgba(255,80,80,.4);color:#faa;cursor:pointer}.dbg-btn:hover{background:#ff505059;border-color:#ff505099}.dbg-btn-warn{background:#ffa02826;border-color:#ffa02866;color:#fc8}.dbg-btn-warn:hover{background:#ffa02847;border-color:#ffa02899}