:root{font-family:STKaiti,KaiTi,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#f8edcf;background:#0c1416;--gold: #d9b56b;--gold-2: #8d662c;--ink: #171b18;--panel: rgba(20, 25, 23, .91);--paper: #e9dec4;--red: #bb493c;--green: #6d9b56;--blue: #517e9b}*{box-sizing:border-box}html,body,#app{width:100%;min-width:100%;height:100%;margin:0;overflow:hidden;background:#0c1416}button,input{font:inherit}button{border:0;color:inherit;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.hidden{display:none!important}.setup{min-height:100%;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 50% 20%,#415043,#17201f 45%,#090d0d)}.setup-card{width:min(460px,96vw);padding:28px;border:1px solid #987b47;border-radius:14px;background:linear-gradient(145deg,#262d28fa,#111614fa);box-shadow:0 30px 80px #0009,inset 0 0 0 3px #0004}.seal{display:grid;place-items:center;width:58px;height:58px;border:2px solid #deb966;color:#fee7ac;border-radius:50%;font-weight:900;font-size:32px}.setup h1{margin:15px 0 4px;color:#f7dda0;letter-spacing:3px}.setup p{color:#c9c0a8;font-size:14px;line-height:1.65}.setup label{display:grid;gap:6px;margin:12px 0;color:#d1bd8c;font-size:13px}.setup input{width:100%;min-height:40px;padding:0 11px;border:1px solid #8d7546;border-radius:6px;background:#111714;color:#fff3d4}.setup-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.button{min-height:38px;padding:7px 12px;border-radius:6px;background:#39483d;box-shadow:inset 0 1px #fff2}.button.primary{background:linear-gradient(#ae583d,#7f2c28);border:1px solid #d28b61;color:#ffeaca;font-weight:800}.button:hover{filter:brightness(1.15)}.setup-remote{margin-top:19px;padding-top:13px;border-top:1px solid #b493542e}.setup-remote h2{margin:0;color:#ead39a;font-size:15px}.game{width:100vw;width:100dvw;height:100vh;height:100dvh;display:grid;grid-template-rows:44px minmax(0,1fr) 188px;grid-template-columns:minmax(0,1fr);overflow:hidden;padding-bottom:env(safe-area-inset-bottom);background:#111a18}.hud{z-index:5;display:flex;align-items:center;gap:9px;padding:5px 10px;background:linear-gradient(#252923,#121613);border-bottom:1px solid #7f693c;transition:transform .25s ease;overflow:hidden}.hud-brand{font-weight:900;color:#efd18d;letter-spacing:1px;white-space:nowrap}.hud-stats{display:flex;gap:6px;min-width:0;overflow:auto}.hud-stat{padding:3px 7px;border-radius:4px;color:#e5d9bd;background:#ffffff0d;font-size:12px;white-space:nowrap}.hud-stat b{color:#f4c75f;margin-left:3px}.hud-right{margin-left:auto;display:flex;gap:5px}.speed-control{display:flex;align-items:center;gap:3px;color:#dec98d;font-size:11px;white-space:nowrap}.speed-control select{height:27px;border:1px solid #86703d;border-radius:4px;background:#202720;color:#ffe9aa}.hud-icon{width:32px;height:30px;border:1px solid #86703d;border-radius:5px;background:#262c25}.hud-volume-popover{position:fixed;z-index:30;max-width:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-width .25s ease,opacity .18s ease}.hud-volume-popover.open{max-width:172px;opacity:1;pointer-events:auto}.hud-volume-inner{display:flex;align-items:center;gap:7px;box-sizing:border-box;width:172px;padding:8px 10px;border:1px solid #86703d;border-radius:6px;background:#171d19f2;box-shadow:0 6px 18px #0009}.hud-volume-glyph{font-size:13px}.hud-volume-slider{-webkit-appearance:none;appearance:none;flex:1;min-width:0;height:4px;border-radius:2px;background:linear-gradient(90deg,#f4c75f var(--volume, 65%),#3a4239 var(--volume, 65%));outline:none;cursor:pointer}.hud-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#ffe9aa;border:1px solid #86703d;box-shadow:0 1px 4px #0008}.hud-volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#ffe9aa;border:1px solid #86703d;box-shadow:0 1px 4px #0008}.game.hud-collapsed{grid-template-rows:0 minmax(0,1fr) 188px}.game.hud-collapsed .hud{transform:translateY(-100%)}.game.hud-collapsed .seat[data-slot=top-left],.game.hud-collapsed .seat[data-slot=top-right]{top:calc(4% + 3px)}.game.hud-collapsed .seat[data-slot=top-center-left],.game.hud-collapsed .seat[data-slot=top-center-right]{top:calc(2% + 3px)}.hud-toggle{position:absolute;z-index:6;top:6px;left:6px;width:26px;height:26px;padding:0;border:1px solid #86703d;border-radius:5px;background:#262c25e6;color:#efd18d;font-size:12px;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(2px)}.hud-toggle:hover{background:#323a31}.hud-toggle:active{transform:scale(.92)}.battlefield{position:relative;overflow:hidden;min-height:190px;background:radial-gradient(ellipse at center,#607a55,#3d5a44 40%,#1b2928 79%),#263b33}.battlefield:before{content:"";position:absolute;inset:5% 9%;border:2px solid #b99855aa;border-radius:50%;box-shadow:inset 0 0 90px #07100bb3,0 0 0 8px #0002}.battlefield:after{content:"";position:absolute;inset:13% 19%;border:1px dashed #dbc68359;border-radius:50%}.center-stage{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:min(260px,26vw);text-align:center;pointer-events:none}.center-prompt{padding:8px 12px;border:1px solid #c6a65f;border-radius:7px;background:#171d19d9;box-shadow:0 8px 25px #0007;color:#ffefbb;font-weight:800}.center-detail{min-height:19px;margin-top:6px;color:#eee2c2;font-size:12px;text-shadow:0 1px #000}.table-countdown{display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.table-countdown-label{padding:6px 16px;border:1px solid #c6a65f;border-radius:999px;background:#171d19e6;color:#ffefbb;font-size:13px;font-weight:800;letter-spacing:.14em;text-shadow:0 1px 2px #000}.table-countdown-seconds{font-size:clamp(48px,9vw,92px);font-weight:900;line-height:1;color:#ffd56b;text-shadow:0 2px 6px #000,0 0 22px #ffb13a66;animation:countdown-pop 1s ease-out}@keyframes countdown-pop{0%{transform:scale(1.42);opacity:.25}30%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}.center-card{display:grid;place-items:center;width:min(280px,32vw);min-height:44px;margin:8px auto 0;padding:8px 32px;border:0;border-top:1.5px solid #8a453a;border-bottom:1.5px solid #8a453a;border-radius:0;background:linear-gradient(90deg,transparent 0%,#244d3f50 13%,#2e604f90 50%,#244d3f50 87%,transparent 100%);color:#f6e8bd;box-shadow:0 5px 15px #0003;font-size:22px;font-weight:900;letter-spacing:.12em;text-shadow:0 1px 4px #07100d,0 0 14px #ffd17a55}.pending-choices{position:fixed;z-index:8;left:50%;bottom:150px;transform:translate(-50%);display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:6px;width:min(620px,76vw);max-height:calc(100dvh - 166px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px;border:1px solid #c7a45d;border-radius:7px;background:#151b17ed;pointer-events:auto;box-shadow:0 8px 24px #0009}.choice-heading{flex:0 0 100%;color:#f1d483;font-size:12px;text-align:center}.choice-hint{flex:0 0 100%;color:#e59a70;font-size:11.5px;text-align:center}.choice-button{min-height:32px;padding:5px 11px;border:1px solid #a8894f;border-radius:5px;background:#455746;color:#fff0c5;font-weight:800}.choice-button:first-of-type{background:#60443d}.give-cards-list{flex:0 0 100%;display:flex;flex-direction:column;gap:4px;margin:2px 0 4px}.give-row{display:flex;align-items:center;gap:6px;padding:3px 7px;border:1px solid #6b5634;border-radius:5px;background:#2a3329;color:#f1e0b8;font-size:12px;cursor:pointer}.give-row.is-focused{border-color:#ffd778;box-shadow:0 0 6px #ffd77855}.give-row .give-card-face{display:inline-flex;align-items:center;gap:3px;font-weight:800}.give-row .give-card-face .card-rank{position:static}.give-row .give-arrow{color:#c7a45d}.give-row .give-target{font-weight:800;color:#ffe9c0}.give-row .give-target.none{color:#9a9a8e;font-weight:600}.intent-choices{position:fixed;z-index:8;left:50%;bottom:150px;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:min(620px,76vw);padding:8px;border:1px solid #d2ae5d;border-radius:7px;background:#151b17f5;box-shadow:0 8px 24px #0009;pointer-events:auto}.intent-heading{flex:0 0 100%;color:#f4d98e;font-size:12px;text-align:center}.intent-button{min-height:34px;padding:6px 12px;border:1px solid #a8894f;border-radius:5px;background:#3d5144;color:#fff0c5;font-weight:800}.intent-button.is-selected{border-color:#ffd778;background:#8a4935;box-shadow:0 0 8px #ffd77855}.wugu-options{display:flex;justify-content:center;gap:5px;margin-top:5px;pointer-events:auto}.wugu-card{display:grid;gap:2px;min-width:43px;padding:4px 5px;border:1px solid #b99a5b;border-radius:4px;background:#e7d9b8;color:#29201c}.wugu-card b{font-size:11px}.wugu-card span{font-weight:900}.wugu-card.tone-red{color:#a42c2a}.trick-picker{position:fixed;z-index:9;left:50%;bottom:146px;transform:translate(-50%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(650px,78vw);max-height:calc(100dvh - 158px);overflow-y:auto;padding:8px;border:1px solid #d2ae5d;border-radius:8px;background:#151b17f5;box-shadow:0 10px 28px #000b;pointer-events:auto}.trick-picker-title{grid-column:1 / -1;color:#f4d98e;font-weight:900;text-align:center}.trick-zone{min-width:0;padding:5px;border:1px solid #75613b;border-radius:5px;background:#ffffff0a}.trick-zone>strong{display:block;margin-bottom:5px;color:#d8b85f;font-size:11px;text-align:center}.trick-zone>div{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.trick-pick-card{min-width:54px;max-width:104px;min-height:38px;padding:4px 6px;border:1px solid #9c7c45;border-radius:4px;background:#e9ddbd;color:#29201c;font-size:11px;font-weight:900}.trick-pick-card.tone-red{color:#a32e2b}.trick-pick-card.is-back{background:repeating-linear-gradient(135deg,#6f332d 0 4px,#8c493b 4px 8px);color:#ffe3a4;border-color:#d09b5f}.trick-zone-empty{color:#777d70;font-size:11px}.trick-picker-cancel{grid-column:1 / -1;justify-self:center;padding:4px 12px;border:1px solid #796844;border-radius:4px;background:#343b34;color:#cfc3a4;font-size:11px}.seat{position:absolute;z-index:3;isolation:isolate;width:clamp(100px,12.5vw,164px);min-height:74px;padding:5px 6px;border:1px solid #baa064;border-radius:7px;background:linear-gradient(130deg,#262b25ef,#151916ef);box-shadow:0 8px 18px #0008,inset 0 0 0 1px #0008;transition:filter .16s,transform .16s,border-color .16s;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.seat-portrait{position:absolute;z-index:0;inset:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;pointer-events:none}.seat:before{content:"";position:absolute;z-index:1;inset:0;border-radius:inherit;background:linear-gradient(90deg,#111713c8,#11171398 48%,#11171355),linear-gradient(0deg,#0b100eb8 0%,transparent 72%);pointer-events:none}.seat-content{position:relative;z-index:2}.seat[data-slot=left-bottom]{left:1.3%;bottom:5%}.seat[data-slot=left]{left:1.3%;top:42%}.seat[data-slot=top-left]{left:10%;top:calc(4% + 3px)}.seat[data-slot=top-center-left]{left:31%;top:calc(2% + 3px)}.seat[data-slot=top-center-right]{right:31%;top:calc(2% + 3px)}.seat[data-slot=top-right]{right:10%;top:calc(4% + 3px)}.seat[data-slot=right]{right:1.3%;top:42%}.seat.is-current{border-color:#ffe17c;box-shadow:0 0 0 2px #e9b4498f,0 8px 18px #0008}.seat.is-actor{animation:actor-pulse 1.15s ease-in-out infinite}.seat.is-targetable{border-color:#fff0ae;cursor:pointer}.seat.is-selected-target{transform:translateY(-4px) scale(1.04);border-color:#e05d48;box-shadow:0 0 0 3px #e5574994,0 8px 18px #0008}.seat.is-action-source{border-color:#fff0a7;box-shadow:0 0 0 4px #f9c94e8f,0 8px 18px #0008}.seat.has-inspector{z-index:11}.seat-inspector{position:absolute;z-index:12;top:calc(100% + 2px);left:0;display:grid;gap:4px;width:100%;min-height:62px;padding:5px;border:1px solid #c2a15c;border-radius:0 0 7px 7px;background:linear-gradient(150deg,#242c27fa,#101614fa);box-shadow:0 9px 18px #000b;color:#eee0bd;text-align:left}.seat[data-slot=left-bottom] .seat-inspector{top:auto;bottom:calc(100% + 2px);border-radius:7px 7px 0 0}.inspector-zone{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:3px;min-width:0}.inspector-zone>strong{color:#d8b65f;font-size:9px}.inspector-cards{display:flex;gap:3px;min-width:0;overflow-x:auto;scrollbar-width:none}.inspector-cards i{color:#918c7b;font-style:normal;font-size:9px}.inspector-card{flex:0 0 auto;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 4px;border:1px solid #735c39;border-radius:3px;background:#eadfbed9;color:#29201c;font-size:9px}.inspector-card.tone-red{color:#a32e2b}.inspector-card em{margin-right:3px;font-style:normal;font-weight:900}.inspector-card .inspector-badge{margin-right:3px;padding:0 2px;border-radius:2px;background:#7a3a28;color:#ffe9c0;font-style:normal;font-weight:900}.seat.has-introducer{z-index:14}.intro-backdrop{position:fixed;z-index:70;inset:0;display:grid;place-items:center;padding:14px;background:radial-gradient(circle at 50% 40%,#0c100de6,#050706f2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.intro-card{width:min(440px,94vw);max-height:90vh;overflow-y:auto;padding:0;border:1px solid #c2a15c;border-radius:10px;background:linear-gradient(160deg,#242c27,#14191585),linear-gradient(0deg,#0b100e,#0b100e);box-shadow:0 24px 60px #000c,inset 0 0 0 1px #0006;color:#eee0bd;scrollbar-width:thin;scrollbar-color:#c2a15c88 transparent}.intro-card::-webkit-scrollbar{width:5px}.intro-card::-webkit-scrollbar-thumb{background:#c2a15c88;border-radius:3px}.intro-header{position:relative;display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;padding:14px 16px 12px;border-bottom:1px solid #c2a15c33}.intro-portrait{width:96px;height:96px;border-radius:8px;background-size:cover;background-position:center top;border:1px solid #c2a15c88;box-shadow:0 4px 12px #0008}.intro-titles{min-width:0}.intro-general{margin:0;font-size:22px;line-height:1.1;color:#ffe17c;font-weight:800;font-family:STKaiti,KaiTi,serif}.intro-faction{margin:4px 0 0;font-size:12px;color:#b39a5e}.intro-vitals{margin:6px 0 0;font-size:13px;color:#e06a6a;font-weight:700}.intro-bio{margin:0;padding:12px 16px;font-size:13.5px;line-height:1.7;color:#d8ccb0;border-bottom:1px solid #c2a15c22}.intro-skills{padding:12px 16px;display:grid;gap:12px}.intro-skill{margin:0}.intro-skill-name{margin:0 0 4px;font-size:15px;color:#ffe17c;font-weight:700;font-family:STKaiti,KaiTi,serif}.intro-skill-kind{margin-left:8px;font-style:normal;font-size:11px;font-weight:400;color:#e8c98a;border:1px solid #b39a5e99;border-radius:4px;padding:1px 7px;vertical-align:3px}.intro-skill-desc{margin:0;font-size:13px;line-height:1.6;color:#e6dcc4}.intro-skill-meta{margin:4px 0 0;font-size:11.5px;color:#918c7b}.intro-hint{margin:0;padding:8px 16px 12px;text-align:center;font-size:11px;color:#6f6a5b;letter-spacing:.04em}.card-intro{width:min(340px,92vw);padding:0}.card-intro-header{position:relative;padding:18px 16px 12px;border-bottom:1px solid #c2a15c55;background:linear-gradient(150deg,#2a2f27,#151a16)}.card-intro-rank{position:absolute;left:14px;top:12px;font-weight:900;font-size:17px;color:#f1e3bd}.card-intro-badge{position:absolute;right:14px;top:12px;padding:2px 6px;border-radius:4px;background:#7a3a28;color:#ffe9c0;font-size:12px;font-weight:900}.card-intro-name{margin:8px 0 2px;text-align:center;font-size:24px;font-weight:900;font-family:STKaiti,KaiTi,serif;color:#ffe17c;letter-spacing:.06em}.card-intro-kind{margin:0;text-align:center;font-size:11px;color:#c9b98f;letter-spacing:.14em}.card-intro-body{padding:14px 18px 4px;display:grid;gap:10px}.card-intro-range{margin:0;font-size:13px;color:#f4d98e;font-weight:800}.card-intro-effect{margin:0;font-size:14px;line-height:1.7;color:#eee0bd}.card-intro-note{margin:0;padding:6px 9px;border:1px solid #9c6b45;border-radius:5px;background:#6d381ecf;color:#ffd9a0;font-size:12px}.self-card.is-action-source{border-color:#fff0a7;box-shadow:0 0 0 3px #f9c94e8f}.self-card.is-targetable{border-color:#fff0ae;cursor:pointer}.self-card.is-selected-target{border-color:#e05d48;box-shadow:0 0 0 3px #e5574994}.seat.is-dead{filter:grayscale(1) opacity(.54)}.seat.is-out-of-range:not(.is-targetable) .general{opacity:.62}.seat.is-dying{border-color:#ff5a4c;box-shadow:0 0 0 3px #ff4f416b,0 8px 18px #0008;animation:dying-pulse .75s ease-in-out infinite}.seat-top{display:flex;align-items:center;gap:4px;min-width:0}.role{display:grid;place-items:center;flex:0 0 auto;width:20px;height:20px;border-radius:3px;background:#734439;color:#ffe2bc;font-size:12px;font-weight:900}.role.role-ruler{background:#a66b28}.role.role-loyalist{background:#846534}.role.role-rebel{background:#943c38}.role.role-traitor{background:#745075}.role.role-hidden{background:#4b5048}.general{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffebbc;font-size:14px;text-shadow:0 1px 3px #000}.faction{margin-left:auto;color:#c8dff1;font-size:11px;text-shadow:0 1px 3px #000}.seat-body{display:flex;align-items:center;gap:6px;margin-top:3px}.hp{color:#f37a62;font-size:14px;font-weight:900}.hp.low{color:#ff4941;animation:low-hp .8s infinite}.hidden-hand{display:inline-flex;align-items:center;gap:3px;min-width:25px;color:#e9d7ac}.hidden-card-stack{position:relative;display:inline-block;width:22px;height:15px}.hidden-card-stack i{position:absolute;left:calc(var(--card-index) * 3px);top:0;width:9px;height:14px;border:1px solid #c99d5e;border-radius:2px;background:repeating-linear-gradient(135deg,#67362f 0 2px,#8e4a3b 2px 4px);box-shadow:1px 1px 2px #0008}.hidden-hand b{min-width:9px;font-size:10px;line-height:1;text-align:center}.distance-pips{position:absolute;z-index:3;top:2px;right:2px;display:inline-flex;justify-content:flex-end;gap:1px;pointer-events:none}.distance-pip{width:5px;height:5px;border-radius:1px;background:#69c86d;box-shadow:0 0 0 1px #102014cc,0 0 3px #69c86d99}.distance-pips.is-far .distance-pip{background:#e05246;box-shadow:0 0 0 1px #29100dcc,0 0 3px #e0524699}.zones{display:flex;gap:3px;min-height:17px;margin-top:4px;overflow:hidden}.zone{display:flex;gap:2px;align-items:center;color:#a6a086;font-size:10px}.zone em{font-style:normal;color:#d9b45d}.mini{max-width:43px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1px 3px;border-radius:2px;background:#dfd2b347;color:#f8eccd}.skills{display:flex;gap:3px;margin-top:3px;overflow:hidden}.skill{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1px 4px;border:1px solid #8d9468;border-radius:3px;background:#4b634f;color:#f5e7c5;font-size:10px}.skill:disabled{opacity:.55}.human-dock{position:relative;z-index:6;min-height:188px;height:188px;padding:5px 11px 7px;border-top:1px solid #7d693e;background:linear-gradient(#20271f,#111612);display:flex;flex-direction:column}.human-top{display:flex;align-items:center;gap:7px;width:100%;min-width:0;min-height:31px;overflow:hidden}.self-card{position:relative;isolation:isolate;flex:0 0 auto;min-width:142px;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 8px;border:1px solid #ba9850;border-radius:5px;background:#161a16;color:#ffe5a9;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.self-portrait{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;pointer-events:none}.self-card:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#111512cc,#11151288 72%,#11151248);pointer-events:none}.self-card-content{position:relative;z-index:2;text-shadow:0 1px 3px #000}.self-card b{margin-right:7px}.self-role{display:inline-grid;place-items:center;min-width:18px;padding:0 3px;margin-right:4px;border-radius:3px;background:#8f5138;color:#fff2cc;font-weight:900}.turn-tip{display:flex;flex:1 1 0;align-items:center;min-width:0;min-height:26px;overflow:hidden;padding:0 9px;border:1px solid transparent;border-radius:5px;color:transparent;font-size:12px;font-weight:800}.turn-tip>span{min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;overflow-wrap:anywhere}.turn-tip.is-active{border-color:#c78332;background:linear-gradient(90deg,#6d381ecf,#3d2a1a96);color:#ffc85f;box-shadow:0 0 7px #e8932a24;text-shadow:0 1px 2px #1a0b03}.actions{flex:0 0 auto;margin-left:auto;margin-right:5px;display:flex;gap:5px}.action-button{min-width:66px;min-height:28px;border:1px solid #a68447;border-radius:4px;background:#384638;font-weight:800}.action-button.primary{background:linear-gradient(#b85b3d,#82322c)}.action-button:disabled{opacity:.4;cursor:not-allowed}.self-zones{display:flex;align-items:center;gap:6px;min-height:19px;overflow:hidden;color:#d9ceaf;font-size:10px}.self-zones>span{display:flex;align-items:center;gap:3px;white-space:nowrap}.self-skills{overflow:auto}.self-skills .skill{margin-right:3px}.self-skills .skill:not(:disabled){border-color:#e1bd62;background:#6d5632;color:#fff1b5;box-shadow:0 0 7px #e0b64b55}.self-skills .skill.is-focused{background:#9a4d35;border-color:#ffd57a}.hand{flex:1 1 0;min-height:0;display:flex;align-items:end;justify-content:flex-start;gap:5px;overflow-x:auto;overflow-y:hidden;padding:22px 2px 0;scrollbar-width:thin}.hand-card{position:relative;flex:0 0 clamp(58px,7.2vw,82px);height:min(95px,100%);margin-left:0;padding:6px 5px;border:2px solid #4f3525;border-radius:6px;background:linear-gradient(140deg,#fff9e6,#d5c398);color:#271c19;box-shadow:1px 3px 7px #000a;text-align:left;transition:transform .16s,filter .16s}.hand-card:hover,.hand-card.selected{transform:translateY(-16px);filter:brightness(1.09)}.hand-card.playable{border-color:#b56f3f}.hand-card.tone-red{color:#a32e2b}.hand-card.tone-black{color:#1c2527}.card-rank{position:absolute;left:6px;top:4px;font-weight:900;font-size:16px;line-height:1}.card-badge{position:absolute;right:5px;top:4px;padding:1px 3px;border-radius:3px;background:#7a3a28;color:#ffe9c0;font-size:9px;font-weight:900;line-height:1.2}.card-badge.tone-armor{background:#2f5b6e}.card-badge.tone-mount-plus{background:#3f6b3a}.card-badge.tone-mount-minus{background:#8a6a2a}.card-name{position:absolute;left:5px;right:5px;bottom:9px;text-align:center;font-size:14px;font-weight:900;writing-mode:vertical-rl;height:52px}.card-hint{position:absolute;left:5px;right:5px;bottom:2px;text-align:center;padding:0 3px;border-radius:3px;background:#95502b;color:#ffe9c0;font-size:8px;font-weight:800;line-height:1.4}.card-name.is-long~.card-hint{top:23px;bottom:auto}.card-name.is-long{left:3px;right:3px;bottom:6px;height:auto;writing-mode:horizontal-tb;white-space:normal;word-break:break-all;font-size:11px;line-height:1.2;text-align:center}.effect-card{position:absolute;z-index:12;display:grid;place-items:center;width:66px;min-height:82px;padding:5px;border:2px solid #f2d795;border-radius:6px;background:#3a211c;color:#fff2c6;box-shadow:0 4px 11px #000c,0 0 22px #ff5a2a55;font-size:13px;font-weight:900;line-height:1.25;text-align:center;white-space:normal;pointer-events:none}.effect-card.tone-heal{background:#315a3c;box-shadow:0 4px 11px #000c,0 0 22px #7aff9066}.effect-card.tone-trick{background:#3d3e70;box-shadow:0 4px 11px #000c,0 0 22px #9a6aff66}.effect-card.tone-defense{background:#274a63;border-color:#a8d8f0;color:#e6f7ff;box-shadow:0 4px 11px #000c,0 0 18px #7ec2ff55}.defense-pop{z-index:13}.self-dying:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:4;box-shadow:inset 0 0 60px 18px #d4203044;animation:dying-vignette 1.2s ease-in-out infinite}@keyframes dying-vignette{50%{box-shadow:inset 0 0 80px 26px #d4203066}}.hand-card.is-unimplemented{opacity:.45;filter:grayscale(.6);cursor:not-allowed}.hand-card.is-flying{position:absolute;z-index:12;flex:none;width:clamp(58px,7.2vw,82px);height:clamp(84px,11.5vh,95px);margin:0;pointer-events:none;transform:translate(-50%,-50%);transition:none}.ruler-seal{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:5px;border:1.5px solid #ffd88a;border-radius:4px;background:linear-gradient(#c89a4a,#8d5c22);color:#fff2c8;font-size:13px;font-weight:900;box-shadow:0 0 8px #ffca6a66;vertical-align:-4px}.is-impact{animation:impact .5s ease-out}.impact-damage,.impact-attack{border-color:#ff6b51!important}.impact-heal{border-color:#a7eb86!important}.float-number{position:absolute;z-index:13;left:50%;top:0;font:900 34px/1 system-ui;text-shadow:0 2px 4px #000,0 0 12px currentColor;pointer-events:none}.float-number.tone-damage{color:#ff684f}.float-number.tone-heal{color:#9fea7c}.seat.is-responding,.self-card.is-responding{animation:response-glimmer .72s ease-in-out}.modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:14px;background:#0009}.modal{width:min(440px,96vw);max-height:85vh;overflow:auto;padding:18px;border:1px solid #cda95c;border-radius:9px;background:#20251f;box-shadow:0 20px 60px #000}.modal h2{margin:0 0 10px;color:#f3d696}.log-row{padding:7px 0;border-bottom:1px solid #fff1;color:#e5dcc4;font-size:13px}.log-row b{color:#e8bd59;margin-right:5px}.combat-log-panel{position:fixed;top:50px;right:8px;width:min(380px,80vw);max-height:min(70vh,320px);overflow:auto;padding:12px 14px;border:1px solid #cda95c;border-radius:9px;background:#20251fe6;box-shadow:0 12px 40px #000;color:#e5dcc4;z-index:30}.combat-log-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}.combat-log-panel h2{margin:0;color:#f3d696;font-size:16px}.combat-log-panel .button.small{padding:2px 8px;font-size:14px;line-height:1}.combat-log-panel .log-head-title{display:flex;align-items:baseline;gap:8px;min-width:0}.combat-log-panel .log-seed{font-size:12px;color:#9c8f6b;letter-spacing:.5px;white-space:nowrap}.combat-log-panel .log-seed b{color:#e8bd59;font-weight:600;margin-left:4px}.game-over-backdrop{background:radial-gradient(circle,#511f1dcc,#050706ed)}.game-over-panel{width:min(360px,90vw);text-align:center;border-width:2px}.game-over-panel .seal.small{width:46px;height:46px;margin:0 auto 8px;font-size:24px}.game-over-panel .winner{margin:8px 0;color:#ffd778;font-size:24px;font-weight:900}.game-over-panel .setup-actions{margin-top:16px}.result-verdict{color:#f2d08a;font-weight:800}.game-over-roster{list-style:none;margin:12px 0 0;padding:0;text-align:left;display:grid;gap:2px;max-height:44vh;overflow-y:auto}.game-over-roster .roster-row{display:flex;align-items:center;gap:8px;padding:3px 8px;border-radius:4px;background:#14110d}.game-over-roster .roster-row.is-self{background:#2a2418;box-shadow:inset 2px 0 #ffd778}.game-over-roster .roster-row.is-dead{opacity:.5}.game-over-roster .roster-general{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffebbc;font-size:13px;font-weight:700}.game-over-roster .roster-self{display:inline-grid;place-items:center;min-width:16px;margin-right:5px;padding:0 4px;border-radius:3px;background:#ffd778;color:#2a1d05;font-size:11px;font-weight:900}.game-over-roster .roster-faction{flex:0 0 auto;color:#c8dff1;font-size:11px}.game-over-roster .roster-tag{flex:0 0 auto;min-width:20px;text-align:center;font-size:12px;font-weight:900}.game-over-roster .roster-tag.win{color:#ffd778}.game-over-roster .roster-tag.lose{color:#9a7c7c}.game-over-roster .roster-tag.dead{color:#8a8a8a}@media (min-height: 501px){.pending-choices,.intent-choices,.trick-picker{bottom:192px}}.orientation{display:none}.local-general-select{min-height:100%;padding:12px;background:radial-gradient(ellipse at 50% 20%,#415043,#17201f 45%,#090d0d)}.local-general-panel{width:min(920px,96vw);margin:12px auto 0;padding:14px;border:1px solid #987b47;border-radius:10px;background:linear-gradient(145deg,#262d28f5,#111614f5);text-align:center}.local-general-panel h1{margin:0 0 4px;color:#f3d696}.local-general-panel p{margin:0 0 10px;color:#c9c0a8;font-size:13px}.local-general-catalog{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.local-general{position:relative;isolation:isolate;aspect-ratio:16 / 9;min-height:38px;overflow:hidden;padding:0;border:1px solid #8d7546;border-radius:5px;background:#1f2722;color:#ffeaca;font-weight:800}.local-general:before,.lobby-general:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,#0e130ff2 0%,#0e130f73 48%,transparent 76%);pointer-events:none}.general-option-portrait{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.local-general>span,.lobby-general>span{position:absolute;z-index:2;right:5px;bottom:3px;left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px #000,0 0 5px #000}.local-general.is-selected{border-color:#ffe17c;background:#6b4b1d;color:#fff4c8;box-shadow:0 0 0 2px #e9b44955}.local-general-confirm{min-width:160px;margin-top:12px}.local-general-confirm:disabled{opacity:.4}@media (max-height: 500px){.local-general-select{padding:6px}.local-general-panel{margin-top:6px;padding:7px}.local-general-panel h1{font-size:18px}.local-general-panel p{margin-bottom:5px}.local-general-catalog{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.local-general{min-height:26px;font-size:11px}.local-general-confirm{min-height:28px;margin-top:6px}}.remote-lobby{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);background:radial-gradient(ellipse at 50% 20%,#415043,#17201f 45%,#090d0d);padding:12px;overflow:hidden}.lobby-header{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:8px 12px;border:1px solid #987b47;border-radius:10px;background:linear-gradient(145deg,#262d28fa,#111614fa);color:#f8edcf}.lobby-brand{font-weight:900;color:#f7dda0;letter-spacing:2px}.lobby-room-id{margin-left:4px;color:#f4c75f;font-weight:800}.lobby-status{margin-left:auto;color:#c9c0a8;font-size:13px}.lobby-back,.lobby-invite{min-width:64px;min-height:30px;padding:4px 12px;border-radius:5px;background:#39483d;color:#ffeaca}.lobby-invite-link{flex-basis:100%;min-width:0;user-select:text;-webkit-user-select:text}.lobby-grid{display:grid;grid-template-columns:minmax(220px,28%) 1fr;grid-template-rows:minmax(0,1fr) auto;gap:12px;margin-top:12px;min-height:0}.lobby-seats{display:grid;grid-template-rows:repeat(8,minmax(0,1fr));gap:4px;padding:0;margin:0;list-style:none;min-height:0}.lobby-seat{display:flex;align-items:center;gap:8px;overflow:hidden;padding:6px 9px;border:1px solid #7f693c;border-radius:6px;background:#151916cc;color:#d4c89e;font-size:13px}.lobby-seat.is-occupied{border-color:#a8894f;color:#f6db9e;background:#1f2722d9}.lobby-seat.is-self{border-color:#ffe17c;box-shadow:0 0 0 2px #e9b44955}.lobby-seat.is-ruler{border-color:#e2b84f;background:linear-gradient(90deg,#634216eb,#1f2722eb)}.lobby-seat-portrait{flex:0 0 52px;width:52px;aspect-ratio:16 / 9;border-radius:4px;object-fit:cover;box-shadow:0 1px 5px #0009}.lobby-seat-label{min-width:38px;color:#d8b85f;font-weight:900;font-size:12px}.lobby-seat-general{color:#d4c89e;font-weight:800}.lobby-seat.is-occupied .lobby-seat-general{color:#ffeaca}.lobby-catalog{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:auto repeat(4,minmax(0,1fr));gap:5px;padding:10px;border:1px solid #987b47;border-radius:10px;background:linear-gradient(145deg,#262d28f0,#111614f0);min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(194,161,92,.45) transparent}.pregame-identity{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,26px);min-height:36px;padding:7px 12px;border:1px solid rgba(226,184,79,.65);border-radius:7px;background:linear-gradient(90deg,#5b3714cc,#1f2722e0);color:#eadfc2;font-size:clamp(10px,1vw,13px)}.pregame-identity b{margin-left:4px;color:#ffe17c}.pregame-identity em{color:#e9dec494;font-size:.9em;font-style:normal}.pregame-identity.is-pending{color:#c9c0a8}.pregame-ruler-general{display:inline-flex;align-items:center;gap:7px}.pregame-ruler-portrait{width:42px;height:30px;border:1px solid rgba(255,225,124,.7);border-radius:4px;object-fit:cover}.lobby-catalog>.pregame-identity{grid-column:1 / -1}.local-identity-slot{margin-top:clamp(5px,.8vh,9px)}.local-general.pick-card:disabled{cursor:not-allowed;opacity:.42;transform:none}.lobby-general{position:relative;isolation:isolate;aspect-ratio:16 / 9;min-height:30px;overflow:hidden;padding:0;border:1px solid #8d7546;border-radius:5px;background:#1f2722;color:#ffeaca;font-weight:800;font-size:13px}.lobby-general.is-picked{border-color:#6d5632;background:#3a2f1d;color:#d8b85f;opacity:.85}.lobby-general.is-own{border-color:#ffe17c;background:#5a4119;color:#fff2cc;box-shadow:0 0 6px #e9b44955}.lobby-general:disabled{cursor:not-allowed;opacity:.42}.lobby-start{grid-column:1;grid-row:2;align-self:end;margin-top:10px;padding:10px 16px;border:1px solid #d28b61;border-radius:6px;background:linear-gradient(#ae583d,#7f2c28);color:#ffeaca;font-weight:900;letter-spacing:1px}.lobby-start:hover{filter:brightness(1.12)}.lobby-start.is-preparing{border-color:#f0c66a;background:linear-gradient(#e7b34a,#b07a1a);color:#2b1c05;cursor:progress;box-shadow:0 0 10px #f0c66a66}.lobby-start.is-preparing:hover{filter:brightness(1.08)}.lobby-start.is-gate{animation:lobby-start-gate 1.5s ease-in-out infinite}@keyframes lobby-start-gate{0%,to{box-shadow:0 0 #f0c66a00;transform:scale(1)}50%{box-shadow:0 0 0 5px #f0c66a55,0 6px 16px #0008;transform:scale(1.04)}}@media (max-height: 500px){.remote-lobby{padding:6px}.lobby-grid{grid-template-columns:minmax(170px,22%) 1fr;gap:6px;margin-top:6px}.lobby-catalog{padding:6px;grid-template-columns:repeat(7,minmax(0,1fr))}.lobby-general{min-height:24px;font-size:11px}}@keyframes actor-pulse{50%{transform:translateY(-2px);box-shadow:0 0 0 3px #ffe37788,0 8px 18px #0008}}@keyframes impact{22%{transform:translate(-5px) rotate(-1deg)}48%{transform:translate(5px) rotate(1deg)}}@keyframes low-hp{50%{opacity:.42}}@keyframes dying-pulse{50%{filter:brightness(1.35);box-shadow:0 0 0 5px #ff4f4145,0 8px 18px #0008}}@keyframes response-glimmer{0%,to{border-color:#baa064;box-shadow:0 8px 18px #0008}22%,68%{border-color:#f2d98a;box-shadow:0 0 0 2px #eacb6e55,0 0 10px #ffe79a66,0 8px 18px #0008;filter:brightness(1.06)}45%{border-color:#c6ae6d;box-shadow:0 0 0 1px #d8bd6340,0 0 5px #ffe79a42,0 8px 18px #0008}}@media (orientation: portrait){.orientation{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:30px;background:#101513;text-align:center;color:#f3d69b;font-size:19px}}@media (max-height: 500px){.game{grid-template-rows:36px minmax(0,1fr) 146px}.game.hud-collapsed{grid-template-rows:0 minmax(0,1fr) 146px}.hud-toggle{top:4px;left:4px;width:22px;height:22px;font-size:11px}.hud{padding:3px 7px}.hud-icon{height:26px}.seat{width:clamp(88px,12.6vw,134px);min-height:61px;padding:3px 4px}.seat .skills{display:none}.seat .zones{min-height:12px;height:12px;margin-top:1px;gap:2px}.seat .zone{min-width:0;font-size:8px}.seat .zone .mini{max-width:30px;padding:0 2px;font-size:8px}.seat[data-slot=left-bottom]{bottom:1%}.seat[data-slot=top-left],.seat[data-slot=top-right]{top:calc(1% + 3px)}.seat[data-slot=top-center-left],.seat[data-slot=top-center-right]{top:3px}.center-stage{top:64%;width:min(330px,39vw)}.center-prompt{padding:4px 7px;font-size:13px}.center-detail{min-height:0;margin-top:3px;font-size:10px}.center-card{width:min(250px,32vw);min-height:34px;margin:5px auto 0;padding:4px 24px;font-size:17px}.human-dock{min-height:146px;height:146px;padding:2px 7px}.hand{padding-top:16px}.hand-card{flex-basis:58px}.card-name{height:38px;font-size:12px}.human-top{min-height:25px}.self-card{min-width:110px}.action-button{min-width:52px;min-height:24px}.general{font-size:12px}.seat-body{margin-top:1px}}@media (max-width: 744px) and (min-height: 501px) and (max-height: 600px){.game{grid-template-rows:36px minmax(0,1fr) 146px}.game.hud-collapsed{grid-template-rows:0 minmax(0,1fr) 146px}.hud-toggle{top:4px;left:4px;width:22px;height:22px;font-size:11px}.hud{padding:3px 7px}.hud-icon{height:26px}.human-dock{min-height:146px;height:146px;padding:2px 7px}.hand{padding-top:16px}.hand-card{flex-basis:58px}.card-name{height:38px;font-size:12px}.human-top{min-height:25px}.self-card{min-width:110px}.action-button{min-width:52px;min-height:24px}.seat[data-slot=left-bottom]{bottom:max(5%,18px)}.seat[data-slot=left]{top:max(110px,calc(100% - max(5%,18px) - 196px))}}@media (max-width: 780px){.hud-brand{display:none}.hud-stats{gap:3px}.hud-stat{padding:2px 4px}.seat[data-slot=top-left]{left:7%}.seat[data-slot=top-right]{right:7%}}@media (max-height: 500px){.seat[data-slot=left]{top:36%}}@media (max-height: 500px){.game.hud-collapsed .seat[data-slot=top-left],.game.hud-collapsed .seat[data-slot=top-right]{top:calc(1% + 3px)}.game.hud-collapsed .seat[data-slot=top-center-left],.game.hud-collapsed .seat[data-slot=top-center-right]{top:3px}}@media (min-width: 745px){.seat[data-slot=top-left]{left:15%}.seat[data-slot=top-center-left]{left:34%}.seat[data-slot=top-center-right]{left:53%}.seat[data-slot=top-right]{left:72%}.seat[data-slot=left]{top:calc(50% - 98px)}.seat[data-slot=left-bottom]{bottom:calc(50% - 98px)}}@media (min-width: 745px) and (max-height: 500px){.seat[data-slot=left]{top:calc(50% - 71px)}.seat[data-slot=left-bottom]{bottom:calc(50% - 71px)}}.lobby-stage{position:relative;width:100vw;width:100dvw;height:100vh;height:100dvh;min-height:0;display:flex;place-items:initial;flex-direction:column;padding:0;overflow:hidden;color:#e9dec4;background:radial-gradient(ellipse at 50% 18%,rgba(212,165,100,.18),transparent 55%),radial-gradient(ellipse at 50% 95%,rgba(120,16,16,.25),transparent 60%),linear-gradient(180deg,#0c1416,#1a2520,#0c1416);font-family:STKaiti,KaiTi,Kaiti SC,"Noto Serif SC",Songti SC,PingFang SC,serif}.lobby-scroll-bar{position:relative;z-index:5;flex:0 0 clamp(16px,3.2vh,32px);background:linear-gradient(180deg,#3d2614,#5e3a1f 50%,#3d2614);box-shadow:0 4px 12px #0008}.lobby-scroll-bar:before,.lobby-scroll-bar:after{content:"";position:absolute;top:50%;width:clamp(8px,1.2vw,16px);height:clamp(22px,4.5vh,44px);border-radius:4px;background:radial-gradient(circle at 30% 30%,#8a5a32,#4a2810 60%,#2a1408);box-shadow:0 2px 4px #0007;transform:translateY(-50%)}.lobby-scroll-bar:before{left:clamp(8px,1.2vw,16px)}.lobby-scroll-bar:after{right:clamp(8px,1.2vw,16px)}.lobby-content{position:relative;flex:1 1 auto;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(8px,1.6vh,18px);width:100%;padding:clamp(9px,1.8vh,22px) clamp(18px,4vw,60px);overflow:hidden}.lobby-title-banner{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,28px);padding-bottom:clamp(6px,1.2vh,14px);border-bottom:1px solid rgba(212,165,100,.25)}.lobby-title-banner:before,.lobby-title-banner:after{content:"";flex:1;max-width:clamp(80px,18vw,240px);height:1px;background:linear-gradient(90deg,transparent,rgba(212,165,100,.5),transparent)}.lobby-title-banner .main{padding-right:clamp(8px,1.6vw,20px);color:#f7dda0;font-family:Ma Shan Zheng,ZCOOL XiaoWei,STKaiti,serif;font-size:clamp(27px,5vw,52px);line-height:1;letter-spacing:clamp(8px,1.6vw,20px);text-shadow:0 0 16px rgba(212,165,100,.4),0 2px 4px #0009}.lobby-title-banner .sub{padding-left:clamp(8px,1.5vw,20px);border-left:1px solid rgba(212,165,100,.4);color:#a8894f;font-family:ZCOOL XiaoWei,serif;font-size:clamp(11px,1.3vw,14px);letter-spacing:clamp(3px,.7vw,7px)}.lobby-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.5fr) minmax(0,1fr);gap:clamp(10px,2vw,28px);min-height:0;overflow:hidden}.lobby-col{display:flex;flex-direction:column;gap:clamp(7px,1.3vh,16px);min-width:0;min-height:0;overflow:hidden}.lobby-col.lobby-left-col{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(194,161,92,.45) transparent}.lobby-col.lobby-left-col>.lobby-panel{flex:0 0 auto}.lobby-panel,.lobby-modes-panel{min-width:0;overflow:hidden;border:1px solid #c2a15c;border-radius:clamp(6px,.8vw,12px);background:linear-gradient(145deg,#262d28d9,#111614eb);box-shadow:0 8px 24px #0008,inset 0 0 0 1px #0006}.lobby-panel{padding:clamp(8px,1.4vw,18px)}.lobby-player-card{text-align:center}.lobby-player-card .av{display:grid;place-items:center;width:clamp(44px,5vw,74px);height:clamp(44px,5vw,74px);padding:0;margin:0 auto clamp(5px,.8vh,10px);border:2px solid #bb493c;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fde0a8,#c89a55 60%,#6e4920);box-shadow:0 0 12px #bb493c4d,inset 0 0 8px #0005;color:#2a1408;font-family:Ma Shan Zheng,serif;font-size:clamp(23px,2.6vw,36px);cursor:pointer;overflow:hidden}.lobby-player-card .av img{width:100%;height:100%;object-fit:cover;display:block}.lobby-player-card .name{margin-bottom:clamp(4px,.6vh,8px);padding:0 6px;border:none;border-bottom:1px dashed rgba(247,221,160,.32);background:none;color:#f7dda0;font-family:Ma Shan Zheng,ZCOOL XiaoWei,serif;font-size:clamp(15px,1.8vw,22px);letter-spacing:clamp(3px,.5vw,6px);cursor:pointer;transition:border-color .2s}.lobby-player-card .name:hover{border-bottom-color:#f7dda0b3}.lobby-player-card .name-input{width:min(70%,160px);margin-bottom:clamp(4px,.6vh,8px);padding:2px 6px;border:1px solid #c2a15c;border-radius:4px;background:#0a0f0ce6;color:#f7dda0;font-family:ZCOOL XiaoWei,serif;font-size:clamp(13px,1.5vw,18px);letter-spacing:1px;text-align:center;outline:none}.lobby-player-card .name-input:focus{box-shadow:0 0 0 2px #c2a15c59}.lobby-player-card .cultivation{display:flex;align-items:center;gap:clamp(4px,.6vw,8px);margin-bottom:clamp(4px,.6vh,8px)}.lobby-player-card .cult-icon{display:grid;place-items:center;width:clamp(20px,2.4vw,30px);height:clamp(20px,2.4vw,30px);flex:0 0 auto}.lobby-player-card .cult-icon svg{width:100%;height:100%}.lobby-player-card .cult-name{color:currentColor;font-family:Ma Shan Zheng,serif;font-size:clamp(11px,1.3vw,15px);letter-spacing:clamp(1px,.2vw,3px);white-space:nowrap}.lobby-player-card .cult-progress{flex:1;min-width:24px;height:4px;overflow:hidden;border-radius:2px;background:#ffe6b424}.lobby-player-card .cult-progress i{display:block;height:100%;border-radius:2px;background:currentColor;opacity:.85}.realm-0{color:#8b8374}.realm-1{color:#7fa88c}.realm-2{color:#d9b56b}.realm-3{color:#f0c75e}.realm-4{color:#b08fd6}.realm-5{color:#e08a5a}.cultivation-result{margin:8px 0 0;font-size:clamp(11px,1.1vw,13px);letter-spacing:1px}.cultivation-result b{color:currentColor;font-family:Ma Shan Zheng,serif;font-size:1.15em;letter-spacing:2px}.lobby-player-card .stats{display:grid;grid-template-columns:1fr auto;gap:clamp(3px,.5vh,7px) clamp(8px,1vw,12px);margin-top:clamp(6px,1vh,11px);font-size:clamp(10px,1vw,12px)}.lobby-player-card .l{color:#e9dec4b3;letter-spacing:clamp(2px,.3vw,4px)}.lobby-player-card .v{color:#bb493c;font-family:Ma Shan Zheng,serif;font-size:clamp(13px,1.3vw,17px);text-align:right}.lobby-rank-card{display:flex;align-items:center;gap:clamp(8px,1.1vw,14px)}.lobby-rank-card p{flex:1;margin:0;color:#e9dec4b3;font-size:clamp(10px,1vw,13px);line-height:1.6;letter-spacing:1px}.lobby-rank-card p b{color:#d9b56b}.lobby-rank-seal{flex:0 0 clamp(48px,5vw,76px);display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(48px,5vw,76px);height:clamp(48px,5vw,76px);color:#e9dec4;background:linear-gradient(145deg,#262d28f2,#0f1512f7);box-shadow:2px 2px #0003,inset 0 0 0 2px #c2a15c,inset 0 0 0 3px #00000080;font-family:Ma Shan Zheng,serif;transform:rotate(-4deg)}.lobby-rank-seal .rank-icon{display:grid;place-items:center;width:58%;margin-bottom:2px;color:currentColor}.lobby-rank-seal .rank-icon svg{width:100%;height:100%}.lobby-rank-seal .rank-name{font-size:clamp(13px,1.4vw,19px);line-height:1.1}.lobby-rank-seal .rank-tier{width:64%;margin-top:4px;padding-top:3px;border-top:1px solid rgba(255,230,180,.5);font-family:ZCOOL XiaoWei,serif;font-size:clamp(8px,.8vw,11px);letter-spacing:2px;text-align:center}.lobby-items-panel{padding:clamp(6px,.9vw,12px) clamp(8px,1.1vw,14px)}.lobby-items-title{margin-bottom:clamp(3px,.5vh,6px);color:#e9dec48c;font-size:clamp(9px,.9vw,11px);letter-spacing:3px;text-align:center}.lobby-items{display:flex;justify-content:center;gap:clamp(5px,.8vw,10px)}.lobby-item{position:relative;display:grid;place-items:center;width:clamp(30px,3.2vw,42px);height:clamp(30px,3.2vw,42px);padding:0;border:1px solid rgba(194,161,92,.4);border-radius:7px;background:#181e1be6;color:#e9dec461;cursor:pointer;transition:color .2s,border-color .2s,box-shadow .2s}.lobby-item.is-owned{color:#d9b56b;border-color:#c2a15c;box-shadow:0 0 8px #d4a5642e}.lobby-item:hover{filter:brightness(1.2)}.lobby-item-icon{display:grid;place-items:center;width:68%}.lobby-item-icon svg{width:100%;height:100%}.item-count{position:absolute;right:1px;bottom:1px;min-width:13px;padding:0 2px;border-radius:6px;background:#0a0e0ceb;color:currentColor;font-family:ZCOOL XiaoWei,serif;font-size:clamp(8px,.8vw,10px);text-align:center}.lobby-rank-seal.is-ready{box-shadow:2px 2px #0003,inset 0 0 0 2px #f0c75e,inset 0 0 0 3px #00000080,0 0 14px #f0c75e73}.breakthrough{flex:1;min-width:0;display:flex;flex-direction:column;gap:clamp(3px,.5vh,6px)}.breakthrough-title{color:#e9dec4bf;font-size:clamp(10px,1vw,13px);letter-spacing:1px}.breakthrough.is-ready .breakthrough-title{color:#f0c75e}.breakthrough-item{display:flex;align-items:center;gap:clamp(3px,.5vw,6px);padding:2px 4px;border:none;border-radius:4px;background:none;color:#e9dec48c;font-family:inherit;text-align:left;cursor:pointer}.breakthrough-item:hover{background:#c2a15c1f}.breakthrough-item.is-owned{color:#d9b56b}.breakthrough-item-icon{display:grid;place-items:center;width:clamp(18px,1.8vw,24px);flex:0 0 auto}.breakthrough-item-icon svg{width:100%;height:100%}.breakthrough-item-name{font-size:clamp(10px,1vw,13px)}.breakthrough-item-count{margin-left:auto;font-size:clamp(10px,1vw,12px)}.breakthrough-xp{height:4px;overflow:hidden;border-radius:2px;background:#ffe6b424}.breakthrough-xp i{display:block;height:100%;background:currentColor;opacity:.85}.breakthrough-btn{margin-top:clamp(2px,.4vh,4px);padding:clamp(3px,.5vh,5px) 8px;border:1px solid #f0c75e;border-radius:4px;background:linear-gradient(180deg,#f0c75e47,#b4843033);color:#ffe9a8;font-family:Ma Shan Zheng,serif;font-size:clamp(11px,1.1vw,14px);letter-spacing:2px;cursor:pointer;animation:breakthrough-glow 1.6s ease-in-out infinite alternate}@keyframes breakthrough-glow{0%{box-shadow:0 0 6px #f0c75e33}to{box-shadow:0 0 14px #f0c75e8c}}.breakthrough-btn:hover{filter:brightness(1.2)}.item-detail-modal h3{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 8px;color:#f7dda0;font-family:Ma Shan Zheng,ZCOOL XiaoWei,serif;font-size:clamp(17px,2.2vw,25px);letter-spacing:3px}.item-detail-icon{display:grid;place-items:center;width:clamp(22px,2.4vw,30px)}.item-detail-icon svg{width:100%;height:100%}.item-detail-flavor{margin:0 0 8px;color:#e9dec4bf;font-size:clamp(11px,1.1vw,13px);line-height:1.6}.item-detail-hold{margin:0 0 10px;color:#d9b56b;font-size:clamp(11px,1.1vw,13px)}.item-channels{display:flex;flex-direction:column;gap:6px}.item-channel{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px;border:1px solid rgba(194,161,92,.28);border-radius:5px;background:#141a1699;color:#e9dec4bf;font-size:clamp(10px,1vw,12px)}.item-channel b{color:#a8894f;font-weight:600}.item-channel.is-done{border-color:#c2a15c;color:#f0c75e}.item-channel.is-done b{color:#f0c75e}.channel-behavior{color:#8aa38f;font-weight:400}.loot-line{margin:4px 0 0;color:#d9b56b;font-size:clamp(11px,1.1vw,13px);letter-spacing:1px}.loot-line b{color:#f0c75e;font-family:Ma Shan Zheng,serif;letter-spacing:2px}.lobby-modes-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.6vh,20px);padding:clamp(12px,2vw,26px);background:linear-gradient(145deg,#262d2899,#111614b3)}.lobby-modes-panel .lead{color:#e9dec4b3;font-family:Long Cang,Ma Shan Zheng,cursive;font-size:clamp(13px,1.6vw,21px);letter-spacing:clamp(3px,.5vw,6px);text-align:center}.lobby-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,clamp(104px,11vw,200px)),1fr));grid-auto-rows:minmax(clamp(112px,27vh,280px),auto);gap:clamp(7px,1.3vw,18px);width:100%;max-width:860px}.lobby-mode-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:clamp(12px,2.6vh,28px) clamp(7px,1.2vw,16px);overflow:hidden;border:1px solid #c2a15c;border-radius:clamp(4px,.6vw,8px);background:linear-gradient(180deg,#fff8e6f2,#f4e2bcd9);color:#171b18;text-align:center;transition:transform .2s,filter .2s,box-shadow .2s}.lobby-mode-card:before{content:"";position:absolute;inset:3px;border:1px solid rgba(141,102,44,.3);border-radius:clamp(3px,.4vw,6px);pointer-events:none}.lobby-mode-card:hover{z-index:1;filter:brightness(1.04);box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.lobby-mode-card.remote{background:linear-gradient(180deg,#6d9b5626,#8d662c1a),#fff8e6}.lobby-mode-card .seal-num{position:absolute;top:clamp(4px,.6vh,8px);right:clamp(6px,.8vw,10px);display:grid;place-items:center;width:clamp(18px,1.8vw,24px);height:clamp(18px,1.8vw,24px);background:#bb493c;color:#e9dec4;font-family:Ma Shan Zheng,serif;font-size:clamp(11px,1.2vw,14px);transform:rotate(3deg)}.lobby-mode-card .glyph{display:grid;place-items:center;width:clamp(34px,5.4vh,64px);height:clamp(34px,5.4vh,64px);margin-bottom:clamp(5px,1vh,12px);border-radius:clamp(4px,.5vw,8px);background:linear-gradient(135deg,#bb493c2e,#7f2c281a);color:#bb493c;font-family:Ma Shan Zheng,serif;font-size:clamp(19px,2.8vh,34px)}.lobby-mode-card .name{margin-bottom:clamp(2px,.5vh,6px);color:#171b18;font-family:ZCOOL XiaoWei,STKaiti,serif;font-size:clamp(13px,1.8vh,20px);font-weight:700;letter-spacing:clamp(1px,.3vw,4px)}.lobby-mode-card .desc{color:#5a3818;font-size:clamp(9px,1.15vh,13px);line-height:1.55;letter-spacing:clamp(0,.12vw,2px)}.lobby-settings-panel{flex:1}.lobby-settings-panel h3{display:flex;align-items:center;gap:6px;margin:0 0 clamp(6px,1vh,12px);padding-bottom:clamp(4px,.6vh,8px);border-bottom:1px solid rgba(180,147,84,.25);color:#ead39a;font-family:ZCOOL XiaoWei,STKaiti,serif;font-size:clamp(12px,1.4vw,15px);letter-spacing:clamp(3px,.6vw,6px)}.lobby-settings-panel h3:before{content:"";width:clamp(8px,1vw,14px);height:1px;background:#d9b56b}.lobby-setting-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:clamp(4px,.7vh,8px) 2px;border-bottom:1px dashed rgba(180,147,84,.18);color:#e9dec4;font-size:clamp(10px,1vw,13px)}.lobby-setting-row:last-child{border-bottom:0}.lobby-more-setting,.lobby-drawer-link{width:100%;min-height:0;border-radius:0;background:transparent;box-shadow:none;text-align:left}.lobby-more-setting>span:last-child,.lobby-drawer-link>span:last-child{color:#d9b56b}.lobby-toggle{position:relative;flex:0 0 auto;width:clamp(28px,3vw,38px);min-height:0;height:clamp(14px,1.5vw,20px);padding:0;border-radius:999px;background:#b493544d;box-shadow:none}.lobby-toggle:after{content:"";position:absolute;top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);border-radius:50%;background:#e9dec4;box-shadow:0 1px 2px #0005;transition:transform .2s}.lobby-toggle.on{background:#bb493c}.lobby-toggle.on:after{transform:translate(100%)}.lobby-vol{position:relative;flex:0 0 auto;width:clamp(48px,5vw,80px);min-height:0;height:clamp(3px,.4vh,4px);padding:0;border-radius:2px;background:#b493544d;box-shadow:none}.lobby-vol:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--volume, 65%);border-radius:2px;background:#bb493c}.lobby-bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:clamp(5px,.8vh,10px);border-top:1px solid rgba(212,165,100,.25);color:#a8894f;font-size:clamp(9px,.9vw,12px);letter-spacing:clamp(1px,.25vw,3px)}.lobby-bottom-bar .status{display:flex;align-items:center;gap:6px;color:#6d9b56}.lobby-bottom-bar .dot{width:clamp(5px,.6vw,8px);height:clamp(5px,.6vw,8px);border-radius:50%;background:#6d9b56;box-shadow:0 0 6px #6d9b56b3}.lobby-bottom-bar .links{display:flex;gap:clamp(8px,1.4vw,18px)}.lobby-bottom-bar .links button{min-height:0;padding:2px 4px;border-radius:0;background:transparent;box-shadow:none;color:#a8894f;font-size:inherit}.lobby-bottom-bar .links button:hover{color:#d9b56b}.lobby-drawer-mask{position:fixed;z-index:40;inset:0;pointer-events:none;background:#080c0e00;transition:background .3s}.lobby-drawer-mask.open{pointer-events:auto;background:#080c0e80}.lobby-drawer{position:fixed;z-index:41;top:0;right:0;bottom:0;width:clamp(280px,30vw,400px);padding:clamp(20px,3vw,32px);overflow-y:auto;border-left:1px solid #c2a15c;background:linear-gradient(145deg,#262d28fa,#111614fa);color:#e9dec4;backdrop-filter:blur(20px);transform:translate(100%);transition:transform .35s cubic-bezier(.4,.1,.2,1)}.lobby-drawer.open{transform:translate(0)}.lobby-drawer h2{margin:0 0 clamp(14px,2vh,22px);padding-bottom:clamp(8px,1vh,14px);border-bottom:1px solid rgba(180,147,84,.3);color:#f7dda0;font-family:Ma Shan Zheng,serif;font-size:clamp(18px,2.2vw,24px);letter-spacing:clamp(3px,.6vw,6px)}.lobby-drawer .close-btn{position:absolute;top:clamp(14px,2vh,22px);right:clamp(14px,2vw,24px);width:clamp(26px,2.6vw,34px);min-height:0;height:clamp(26px,2.6vw,34px);padding:0;border:1px solid #86703d;border-radius:4px;background:#b4935426;color:#e9dec4}.lobby-drawer .block{margin-bottom:clamp(16px,2.2vh,24px)}.lobby-drawer .block h4{margin:0 0 clamp(8px,1vh,12px);color:#a8894f;font-size:clamp(11px,1.1vw,13px);letter-spacing:clamp(2px,.3vw,4px)}.lobby-seg{display:flex;gap:2px;padding:2px;border:1px solid #86703d;border-radius:4px;background:#111714}.lobby-seg .opt{min-height:0;padding:clamp(4px,.6vh,7px) clamp(6px,.8vw,12px);border-radius:3px;background:transparent;box-shadow:none;color:#e9dec499;font-size:clamp(10px,1vw,12px);letter-spacing:1px}.lobby-seg .opt.active{background:#d4a56440;color:#d9b56b}.lobby-drawer-link.danger>span:first-child{color:#bb493c}.lobby-toast{position:fixed;z-index:60;bottom:clamp(50px,8vh,80px);left:50%;padding:clamp(8px,1.2vh,12px) clamp(16px,2.4vw,24px);border:1px solid #d9b56b;background:#0f1512f2;box-shadow:0 0 16px #d4a5644d;color:#e9dec4;font-family:ZCOOL XiaoWei,serif;font-size:clamp(12px,1.2vw,14px);letter-spacing:clamp(2px,.4vw,4px);opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:opacity .3s,transform .3s}.lobby-toast.show{opacity:1;transform:translate(-50%)}.lobby-modal-mask{position:fixed;z-index:50;inset:0;display:none;align-items:center;justify-content:center;padding:clamp(8px,2vh,18px);background:#080c0ec7;backdrop-filter:blur(4px)}.lobby-modal-mask.open{display:flex}.lobby-modal{width:clamp(280px,36vw,460px);max-height:90vh;max-height:90dvh;padding:clamp(16px,2.5vw,30px);overflow:auto;border:1px solid #c2a15c;border-radius:clamp(8px,1vw,14px);background:linear-gradient(145deg,#262d28fa,#111614fa);box-shadow:0 16px 48px #000b,inset 0 0 0 1px #0007;color:#e9dec4}.lobby-modal h2{margin:0 0 clamp(10px,1.6vh,18px);padding-bottom:clamp(7px,1vh,12px);border-bottom:1px solid rgba(180,147,84,.3);color:#f7dda0;font-family:Ma Shan Zheng,ZCOOL XiaoWei,serif;font-size:clamp(17px,2.2vw,25px);letter-spacing:clamp(3px,.7vw,8px);text-align:center}.lobby-modal>label{display:block;margin:clamp(8px,1.2vh,13px) 0 4px;color:#a8894f;font-size:clamp(10px,1vw,13px);letter-spacing:2px}.lobby-modal>input{width:100%;min-height:38px;padding:7px 10px;border:1px solid #86703d;border-radius:5px;outline:none;background:#111714;color:#fff3d4}.lobby-modal>input:focus{border-color:#d9b56b;box-shadow:0 0 8px #d4a5644d}.lobby-modal-actions,.pick-actions{display:flex;gap:clamp(8px,1.2vw,12px)}.lobby-modal-actions{margin-top:clamp(14px,2vh,22px)}.lobby-btn{flex:1;min-height:36px;padding:7px 12px;border:1px solid #86703d;border-radius:5px;background:#39483d;color:#e9dec4;font-family:ZCOOL XiaoWei,STKaiti,serif;font-size:clamp(11px,1.2vw,14px);letter-spacing:clamp(1px,.3vw,4px)}.lobby-btn.primary{border-color:#d28b61;background:linear-gradient(180deg,#ae583d,#7f2c28);color:#ffeaca;font-weight:800}.lobby-btn:hover{filter:brightness(1.15)}.lobby-btn:disabled{cursor:not-allowed;opacity:.4;filter:grayscale(.5)}.lobby-modal.pick-modal{display:flex;flex-direction:column;width:clamp(540px,70vw,820px);height:min(86vh,720px);height:min(86dvh,720px);padding:clamp(12px,1.7vw,21px) clamp(18px,2.5vw,30px);overflow:hidden}.pick-head{display:flex;align-items:center;justify-content:space-between;gap:clamp(8px,1vw,16px);padding-bottom:clamp(4px,.6vh,8px);border-bottom:1px solid rgba(194,161,92,.3)}.pick-head>div{min-width:0}.lobby-modal .pick-head h2{margin:0;padding:0;border:0;font-size:clamp(14px,1.6vw,18px);text-align:left}.pick-head p{margin:3px 0 0;color:#e9dec499;font-size:clamp(9px,.9vw,11px);white-space:nowrap}.pick-head .seed-row{display:flex;align-items:center;gap:6px;flex:0 0 auto;margin:0;padding:0;color:#e9dec466;opacity:.55}.pick-head .seed-row:focus-within,.pick-head .seed-row:hover{opacity:1}.pick-head .seed-row span{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.pick-head .seed-row input{width:clamp(58px,6vw,78px);min-height:0;padding:2px 5px;border:0;border-bottom:1px dotted rgba(233,222,196,.3);border-radius:0;outline:none;background:transparent;color:#d9b56b;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;text-align:center}.pick-pool{flex:1 1 auto;min-height:0;margin:clamp(6px,.8vh,10px) 0;padding-right:4px;overscroll-behavior:contain;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-color:rgba(194,161,92,.4) transparent;scrollbar-width:thin}.pick-faction{margin-bottom:clamp(5px,.7vh,9px)}.pick-faction .fac-label{display:flex;align-items:center;gap:8px;margin-bottom:clamp(4px,.6vh,8px);color:#d9b56b;font-family:ZCOOL XiaoWei,serif;font-size:clamp(11px,1.2vw,14px);letter-spacing:clamp(2px,.4vw,4px)}.pick-faction .fac-label:before{content:"";width:3px;height:12px;border-radius:2px;background:var(--fac-color, #d9b56b)}.pick-faction[data-fac=wei]{--fac-color: #5b8fb8}.pick-faction[data-fac=shu]{--fac-color: #b85b5b}.pick-faction[data-fac=wu]{--fac-color: #6d9b56}.pick-faction[data-fac=qun]{--fac-color: #b39a5e}.pick-faction .fac-count{margin-left:4px;color:#e9dec466;font-size:10px;letter-spacing:1px}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(70px,7vw,96px),1fr));gap:clamp(6px,.8vw,10px)}.local-general.pick-card{position:relative;display:block;isolation:isolate;min-height:0;aspect-ratio:auto;padding:clamp(6px,.8vh,8px) clamp(4px,.5vw,6px);overflow:hidden;border:1px solid #86703d;border-radius:clamp(4px,.5vw,6px);background:linear-gradient(180deg,#fff8e6eb,#f4e2bcd1);color:#171b18;text-align:center;touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:transform .18s,border-color .18s,box-shadow .18s}.local-general.pick-card:before{content:none}.local-general.pick-card>span{display:block;inset:auto;text-shadow:none}.local-general.pick-card>.p-portrait{position:relative}.local-general.pick-card>.p-name,.local-general.pick-card>.p-hp{position:static}.pick-card .p-portrait{position:relative;width:100%;aspect-ratio:1;margin-bottom:clamp(3px,.4vh,5px);overflow:hidden;border-radius:4px;background:#6e775f}.pick-card .general-option-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}.pick-card .p-name{overflow:hidden;color:#171b18;font-family:Ma Shan Zheng,ZCOOL XiaoWei,serif;font-size:clamp(12px,1.3vw,15px);line-height:1.1;letter-spacing:1px;text-overflow:ellipsis;white-space:nowrap}.pick-card .p-hp{margin-top:2px;color:#bb493c;font-size:clamp(10px,1vw,11px);font-weight:700}.pick-card:hover{border-color:#d9b56b;box-shadow:0 4px 12px #0006;transform:translateY(-2px)}.local-general.pick-card.is-selected{border-color:#ffe17c;background:linear-gradient(180deg,#fff8e6,#ffebb4e6);color:#171b18;box-shadow:0 0 0 2px #ffe17c80,0 4px 16px #ffe17c33}.local-general.pick-card.is-selected:after{content:"✓";position:absolute;z-index:3;top:4px;right:5px;display:grid;place-items:center;width:clamp(15px,1.5vw,19px);height:clamp(15px,1.5vw,19px);border-radius:50%;background:#ffe17c;color:#171b18;font-size:11px;font-weight:900}.pick-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:clamp(7px,1vh,12px);border-top:1px solid rgba(194,161,92,.3)}.pick-info{color:#e9dec4b3;font-size:clamp(10px,1vw,13px);letter-spacing:1px}.pick-info b{margin-left:3px;color:#d9b56b}.pick-footer>.lobby-btn{flex:0 0 auto;min-width:clamp(120px,14vw,180px)}@media (max-height: 500px) and (orientation: landscape){.lobby-content{gap:6px;padding:6px clamp(12px,3vw,36px)}.lobby-title-banner{padding-bottom:4px}.lobby-title-banner .main{font-size:clamp(24px,4vw,38px)}.lobby-body{gap:clamp(7px,1.5vw,18px)}.lobby-panel{padding:7px}.lobby-player-card .av{width:40px;height:40px;margin-bottom:3px;font-size:22px}.lobby-player-card .stats{margin-top:4px}.lobby-rank-seal{flex-basis:44px;width:44px;height:44px}.lobby-modes-panel{gap:7px;padding:8px}.lobby-mode-card{padding:10px 5px 8px}.lobby-mode-card .glyph{width:32px;height:32px;margin-bottom:3px}.lobby-setting-row{padding:4px 1px}.lobby-bottom-bar{padding-top:4px}.lobby-modal.pick-modal{height:92dvh;padding:8px 14px}.pick-head p{display:none}.pick-pool{margin:4px 0}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(61px,1fr));gap:5px}.local-general.pick-card{padding:4px}.pick-faction{margin-bottom:4px}.pick-faction .fac-label{margin-bottom:3px}.pick-footer{padding-top:5px}.pick-actions .lobby-btn{min-height:30px}}@media (min-aspect-ratio: 21/9){.lobby-content{max-width:1800px;margin:0 auto}}