@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@500;600;700;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2ecdf;font-synthesis:none;--bg:#0d151d;--panel:#131f29;--panel-2:#182631;--line:#ceab672b;--muted:#8998a4;--gold:#d6af62;--red:#d45a4f;--teal:#5ea7a0;background:#0d151d;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#0d151d;min-width:1120px;min-height:100vh;margin:0}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{opacity:.42;cursor:not-allowed}.app-shell{background:radial-gradient(at 48% 36%,#36595938,#0000 45%),radial-gradient(at 78% 0,#65363724,#0000 35%),linear-gradient(135deg,#0d151d 0%,#101a23 52%,#0e1820 100%);min-height:100vh;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;opacity:.19;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:60px 0 0;-webkit-mask-image:radial-gradient(at 50% 42%,#000 0%,#0000 73%);mask-image:radial-gradient(at 50% 42%,#000 0%,#0000 73%)}.app-shell:after{content:"";pointer-events:none;border:1px solid #cda8601a;border-radius:50%;width:560px;height:560px;position:absolute;bottom:-200px;right:-220px;box-shadow:0 0 0 28px #cda86005,0 0 0 56px #cda86004,0 0 0 84px #cda86003}.topbar{z-index:5;background:#0a1219e6;border-bottom:1px solid #dcb97029;justify-content:space-between;align-items:center;height:68px;padding:0 30px;display:flex;position:relative}.brand{align-items:center;gap:11px;min-width:310px;display:flex}.seal{color:#d6af62;border:1px solid #d6af62;border-radius:3px;place-items:center;width:30px;height:30px;font-family:Noto Serif SC,serif;font-size:18px;font-weight:800;display:grid;box-shadow:inset 0 0 0 2px #d6af621f}.brand-title{letter-spacing:.13em;color:#f4dfb0;font-family:Noto Serif SC,serif;font-size:16px;font-weight:700}.brand-sub{color:#71808b;letter-spacing:.19em;margin-top:3px;font-size:9px}.top-status{color:#94a1aa;letter-spacing:.04em;align-items:center;gap:9px;font-size:12px;display:flex}.live-dot,.connection i{background:#69bb9d;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #69bb9d1f}.divider{background:#d3bc8a2e;width:1px;height:13px;margin:0 2px}.top-time{color:#d7bb79;font-variant-numeric:tabular-nums}.top-actions{justify-content:flex-end;align-items:center;gap:9px;min-width:310px;display:flex}.icon-button{color:#98a6ac;background:#ffffff06;border:1px solid #d2bc8b29;border-radius:4px;width:30px;height:30px;font-size:15px;transition:all .2s}.icon-button:hover{color:#f0d58f;background:#bc96501a;border-color:#ae8a4d}.avatar-chip{color:#201a15;background:linear-gradient(135deg,#d5aa5a,#775438);border-radius:50%;place-items:center;width:30px;height:30px;font-family:Noto Serif SC,serif;font-weight:900;display:grid}.game-layout{z-index:1;grid-template-columns:210px minmax(720px,1fr) 240px;min-height:calc(100vh - 68px);display:grid;position:relative}.left-rail,.right-rail{background:#0e171f9e;padding:28px 20px 20px}.left-rail{border-right:1px solid #d6af6221;flex-direction:column;display:flex}.right-rail{border-left:1px solid #d6af6221}.rail-label{color:#6f7d86;letter-spacing:.2em;text-transform:uppercase;margin:5px 0 12px;font-size:10px}.role-tile{background:linear-gradient(120deg,#b78c4521,#18242da8);border:1px solid #d6af6247;border-radius:5px;align-items:center;gap:9px;padding:11px 10px;display:flex;position:relative}.role-emblem{color:#e8c983;border:1px solid #dcb260b8;border-radius:50%;place-items:center;width:30px;height:30px;font-family:Noto Serif SC,serif;font-size:14px;display:grid}.role-tile strong,.role-tile span:not(.role-check){display:block}.role-tile strong{color:#e9d4a7;font-size:12px}.role-tile span:not(.role-check){color:#84919a;margin-top:2px;font-size:10px}.role-check{color:#79c2a5;margin-left:auto;font-size:13px}.mission-card{background:linear-gradient(135deg,#c59a4d14,#0000 74%);border-top:1px solid #c8a15b4d;border-bottom:1px solid #c8a15b2e;margin:20px 0 26px;padding:14px 12px 12px}.mission-kicker{letter-spacing:.16em;color:#a18351;margin-bottom:7px;font-size:9px}.mission-title{color:#ecd09a;letter-spacing:.13em;font-family:Noto Serif SC,serif;font-size:16px}.mission-card p{color:#89959b;margin:8px 0 13px;font-size:10px;line-height:1.55}.mission-progress,.tip-progress{background:#29343d;height:3px;overflow:hidden}.mission-progress span,.tip-progress span{background:linear-gradient(90deg,#a6783b,#e4c278);height:100%;display:block}.mission-foot{color:#6f7e86;justify-content:space-between;margin-top:6px;font-size:9px;display:flex}.mission-foot b{color:#bd9a60;font-weight:500}.deck-mini{align-items:center;gap:12px;margin-top:4px;display:flex}.mini-deck-stack{flex:0 0 38px;width:38px;height:46px;position:relative}.deck-mini strong,.deck-mini span{display:block}.deck-mini strong{color:#c8d0cc;font-size:11px;font-weight:500}.deck-mini span{color:#74828a;margin-top:4px;font-size:9px}.rail-bottom{color:#5c6b73;letter-spacing:.09em;align-items:center;gap:9px;margin-top:auto;font-size:9px;display:flex}.lantern{border:1px solid #ba803c;border-radius:50% 50% 35% 35%;width:7px;height:14px;box-shadow:0 0 13px #cf823275}.battle-stage{background:radial-gradient(at 50% 46%,#32595726,#0000 66%);flex-direction:column;min-width:0;padding:22px 28px 18px;display:flex;position:relative}.stage-header{border-bottom:1px solid #d6af6224;justify-content:space-between;align-items:center;padding-bottom:17px;display:flex}.stage-name{align-items:center;gap:11px;display:flex}.stage-mark{color:#bf9550;border-right:1px solid #d6af624d;padding-right:11px;font-family:Noto Serif SC,serif;font-size:20px}.stage-name strong,.stage-name span{display:block}.stage-name strong{color:#d8c29a;letter-spacing:.12em;font-family:Noto Serif SC,serif;font-size:13px}.stage-name span{color:#6f8088;margin-top:3px;font-size:9px}.round-pill{color:#80909a;align-items:baseline;gap:4px;font-size:10px;display:flex}.round-pill b{color:#e1be74;margin-left:5px;font-family:Noto Serif SC,serif;font-size:21px}.round-pill small{color:#5e6c73;font-size:10px}.player-zone{align-items:center;display:flex;position:relative}.opponent-zone{min-height:100px;margin:25px 8px 0;padding:0 16px 0 0}.player-meta{flex:1;align-self:flex-start;margin-top:14px}.name-line{align-items:center;gap:7px;display:flex}.name-line strong{color:#ded6c3;letter-spacing:.08em;font-family:Noto Serif SC,serif;font-size:16px}.faction{text-align:center;border-radius:2px;width:17px;font-size:9px;line-height:17px}.faction.purple{color:#c69ad1;background:#6d467a40;border:1px solid #6c5074}.faction.blue{color:#80c4ce;background:#2d656f40;border:1px solid #44727b}.you-tag{color:#b79c70;border:1px solid #d6af624d;border-radius:2px;padding:2px 5px;font-size:9px}.you-tag.self{color:#77b9b2;border-color:#5da49b66}.player-caption{color:#718189;margin-top:7px;font-size:10px;display:block}.hp-row{align-items:center;gap:5px;margin-top:10px;display:flex}.heart{font-family:Arial,sans-serif;font-size:15px;line-height:1}.heart.full{color:#d85c59;text-shadow:0 0 9px #d85c594d}.heart.empty{color:#3d454b}.hp-row small{color:#77848c;margin-left:3px;font-size:9px}.portrait{background:linear-gradient(135deg,#1a3240,#0f1d27);border:1px solid #d7b1635c;border-bottom:2px solid #ab814a;border-radius:5px 5px 0 0;flex:none;width:92px;height:112px;margin-right:17px;position:relative;overflow:hidden;box-shadow:0 12px 28px #00000059}.portrait.simayi{background:linear-gradient(135deg,#282038,#151522);border-color:#93719a75 #93719a75 #8b5f8a}.portrait svg{z-index:1;width:100%;height:100%;display:block;position:relative}.portrait-glow{filter:blur(8px);background:#dca85c40;border-radius:50%;height:10px;position:absolute;inset:auto 7px 5px}.opponent-hand{align-items:center;padding-right:34px;display:flex;position:absolute;top:12px;right:117px}.hand-count{color:#71818a;white-space:nowrap;font-size:9px;position:absolute;top:23px;right:0}.status-badge{color:#bd94c8;background:#51325c4d;border:1px solid #9f68a361;border-radius:2px;padding:4px 7px;font-size:9px;position:absolute;top:67px;right:0}.status-icon{color:#ba84c2;margin-right:3px}.back-card{width:35px;height:49px;transform:translateX(calc(var(--i) * -9px));background:#263944;border:1px solid #5a7780;border-radius:4px;position:absolute;overflow:hidden;box-shadow:0 2px 3px #0006}.back-card:before{content:"";background:repeating-linear-gradient(45deg,#d5ad5e1f 0 2px,#0000 2px 5px),radial-gradient(circle,#d1a85f40,#0000 44%);border:1px solid #dcc27e7a;border-radius:3px;position:absolute;inset:3px}.back-card span{color:#d5b06699;place-items:center;font-family:Noto Serif SC,serif;font-size:16px;display:grid;position:absolute;inset:0}.table-center{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:265px;display:flex;position:relative}.ambient-line{background:linear-gradient(90deg,#0000,#d2af662e,#0000);width:58%;height:1px;position:absolute;transform:rotate(-8deg)}.line-a{top:42px;left:5%}.line-b{bottom:40px;right:5%;transform:rotate(8deg)}.battle-banner{color:#dec38b;align-items:center;gap:16px;margin-bottom:12px;display:flex}.battle-banner>div{text-align:center}.battle-banner b{letter-spacing:.2em;font-family:Noto Serif SC,serif;font-size:15px;display:block}.battle-banner small{color:#78918f;letter-spacing:.1em;margin-top:4px;font-size:9px;display:block}.banner-side{color:#bd9354;border:1px solid #d3ad6480;place-items:center;width:25px;height:25px;font-family:Noto Serif SC,serif;font-size:12px;display:grid;transform:rotate(45deg)}.banner-side:first-letter{transform:rotate(-45deg)}.center-board{background:linear-gradient(100deg,#1c3e4059,#13232a6b);border:1px solid #65a49b3d;border-radius:4px;align-items:center;gap:16px;width:min(560px,82%);padding:15px 18px;display:flex;box-shadow:inset 0 0 30px #4488800f,0 8px 24px #0000001f}.board-rune{color:#d5aa5b;border:1px solid #d1aa6073;flex:none;place-items:center;width:44px;height:44px;font-family:serif;font-size:25px;display:grid;transform:rotate(45deg)}.board-rune:first-letter{display:inline-block;transform:rotate(-45deg)}.board-copy{flex:1;min-width:0}.board-copy span,.board-copy strong,.board-copy small{display:block}.board-copy span{color:#759a96;letter-spacing:.12em;font-size:9px}.board-copy strong{color:#d7d0b9;margin-top:5px;font-size:12px;font-weight:500}.board-copy small{color:#667981;margin-top:5px;font-size:9px}.last-play{border-left:1px solid #d4b56f2e;min-width:73px;padding-left:14px}.last-play span{color:#6d7f86;font-size:8px;display:block}.last-play b{color:#ddb96f;margin-top:6px;font-size:11px;display:block}.table-piles{align-items:center;gap:25px;margin-top:17px;display:flex}.pile-wrap{align-items:center;gap:10px;padding-left:44px;display:flex;position:relative}.pile-wrap>b{color:#86979a;font-size:10px}.pile-label{color:#728086;writing-mode:vertical-rl;letter-spacing:.15em;font-size:8px;position:absolute;top:16px;left:0}.table-deck{width:35px;height:49px;position:relative}.discard-card{color:#31343a;background:#f1eadb;border-radius:4px;place-items:center;width:35px;height:49px;font-family:Georgia,serif;font-size:13px;display:grid;box-shadow:0 3px 6px #00000059}.discard-card b{color:#bd534c;font-size:20px;line-height:.8}.discard-card span{margin:-25px 19px 0 0;font-size:10px;position:absolute}.table-divider{background:#d1aa5f29;width:1px;height:30px}.user-zone{min-height:103px;margin:13px 8px 0}.user-zone .portrait{margin-left:0;margin-right:16px}.user-info{flex:1;align-self:flex-start;margin-top:14px}.user-info .hp-row{margin-top:11px}.user-skill{background:#2d5d5d21;border:1px solid #66a59c47;border-radius:4px;align-items:center;gap:9px;min-width:190px;height:54px;padding:8px 10px;display:flex}.skill-icon{color:#afd2bd;border:1px solid #9fc7bb;border-radius:2px;place-items:center;width:31px;height:31px;font-family:Noto Serif SC,serif;font-size:15px;display:grid}.user-skill b,.user-skill span{display:block}.user-skill b{color:#b9d5cb;font-family:Noto Serif SC,serif;font-size:11px}.user-skill span{color:#6f8c8c;margin-top:3px;font-size:8px}.skill-button{color:#8ac4ac;background:0 0;border:1px solid #7ebaa35e;border-radius:2px;margin-left:auto;padding:5px 7px;font-size:9px}.skill-button:hover{background:#6ab59924}.hand-area{margin-top:3px}.hand-topline{border-top:1px solid #d6af6226;justify-content:space-between;align-items:baseline;padding-top:12px;display:flex}.hand-title{color:#d8c295;letter-spacing:.1em;font-family:Noto Serif SC,serif;font-size:12px}.hand-sub{color:#6c7c82;margin-left:8px;font-size:9px}.sort-label{color:#63737b;font-size:9px}.hand-fan{justify-content:center;align-items:flex-end;height:133px;padding-top:12px;display:flex}.fan-slot{width:78px;height:116px;transform:translateY(calc(abs(var(--offset)) * 1px));z-index:calc(10 - abs(var(--offset)));margin-left:-6px;transition:transform .22s,z-index .22s;position:relative}.fan-slot:hover{transform:translateY(-14px) rotate(calc(var(--offset) * 1.5deg));z-index:30}.card{text-align:left;color:#252830;background:#f4efdf;border:1px solid #ecdcb6e6;border-radius:6px;width:78px;height:116px;padding:8px;transition:all .18s;display:block;position:relative;overflow:hidden;box-shadow:0 8px 16px #00000047}.card:before{content:"";pointer-events:none;border:1px solid #50534d30;border-radius:4px;position:absolute;inset:3px}.card:hover,.card.selected{transform:translateY(-4px);box-shadow:0 14px 24px #0000005c,0 0 0 2px #d4a95380}.card.selected{border-color:#e6b85e}.card-rank{font:700 14px Georgia,serif;position:absolute;top:8px;left:9px}.card-suit{font:700 14px Georgia,serif;position:absolute;top:21px;left:10px}.card-glyph{text-align:center;opacity:.84;font-size:29px;position:absolute;top:37px;left:0;right:0}.card-name{text-align:center;letter-spacing:.1em;font-family:Noto Serif SC,serif;font-size:15px;font-weight:800;position:absolute;bottom:17px;left:0;right:0}.card-watermark{text-align:center;color:#404c4d80;letter-spacing:.16em;font-size:7px;position:absolute;bottom:6px;left:0;right:0}.card.scarlet{color:#aa3d3a;background:linear-gradient(155deg,#fbf1e2,#eddcce)}.card.teal{color:#307c7a;background:linear-gradient(155deg,#edf2e8,#d7ebe3)}.card.jade{color:#5b8e65;background:linear-gradient(155deg,#eff2dd,#d9e4cb)}.card.orange{color:#b46d31;background:linear-gradient(155deg,#f8eedc,#eadbc2)}.card.amber{color:#9e7731;background:linear-gradient(155deg,#f7efda,#e9dfbf)}.card.plum{color:#7e4a73;background:linear-gradient(155deg,#f0e8ee,#dfd0df)}.empty-hand{color:#6e7d85;padding-bottom:38px;font-size:11px}.action-row{border-top:1px solid #d6af6224;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.selected-hint{color:#75858a;font-size:9px}.selected-dot{vertical-align:middle;background:#d4a853;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.hint-glyph{color:#a9864c;margin-right:6px}.action-buttons{align-items:center;gap:6px;display:flex}.secondary-action,.primary-action,.end-action{border-radius:3px;height:29px;padding:0 11px;font-size:10px;transition:all .18s}.secondary-action{color:#89959a;background:0 0;border:1px solid #8b9b9f3b}.secondary-action:hover{color:#ccb077;border-color:#d0b87f75}.primary-action{color:#1b1d1e;background:linear-gradient(135deg,#dfbd70,#b98840);font-weight:700;box-shadow:0 3px 12px #b98c3d3d}.primary-action:hover{filter:brightness(1.1);transform:translateY(-1px)}.primary-action span{margin-right:4px}.end-action{color:#b6c0c0;background:#3c525559;border:1px solid #6791914d}.end-action:hover{color:#d3e2dc;background:#48807b40;border-color:#79b5ad}.end-action span{color:#75aa9f;vertical-align:-1px;margin-left:4px;font-size:16px}.right-tabs{border-bottom:1px solid #d6af6226;gap:20px;height:37px;display:flex}.right-tabs button{color:#64747c;background:0 0;padding:0 3px;font-size:11px;position:relative}.right-tabs button.active{color:#dec083}.right-tabs button.active:after{content:"";background:#c49a55;height:2px;position:absolute;bottom:-1px;left:0;right:0}.intel-card{border-bottom:1px solid #d6af6221;padding:15px 0 12px}.intel-head{color:#a9b2b1;justify-content:space-between;margin-bottom:13px;font-size:11px;display:flex}.intel-live{color:#6ab89d;letter-spacing:.14em;border:1px solid #5eb09452;padding:3px 5px;font-size:8px}.intel-row{color:#718189;justify-content:space-between;margin:8px 0;font-size:10px;display:flex}.intel-row b{color:#c7d0ca;font-size:10px;font-weight:500}.gold-text{color:#d2ae68!important}.log-section{padding:17px 0 14px}.section-title{color:#abb4b2;justify-content:space-between;margin-bottom:13px;font-size:11px;display:flex}.section-title span{color:#6a7e83}.log-list{gap:13px;display:grid}.log-item{gap:9px;display:flex}.log-dot{border:1px solid #64777d;border-radius:50%;flex:none;width:5px;height:5px;margin-top:5px}.log-item.latest .log-dot{background:#d4aa61;border-color:#d4aa61;box-shadow:0 0 0 3px #d4aa611f}.log-item b,.log-item small{display:block}.log-item b{color:#8b9a9d;font-size:9px;font-weight:400;line-height:1.4}.log-item.latest b{color:#d3c49f}.log-item small{color:#56686f;margin-top:3px;font-size:8px}.tips-card{background:linear-gradient(135deg,#29565333,#1622292e);border:1px solid #669a953d;border-radius:4px;padding:12px 11px 10px}.tips-title{color:#9bc2b7;letter-spacing:.06em;font-size:10px}.tips-title span{color:#d6ad61;margin-right:4px;font-size:14px}.tips-card p{color:#809295;margin:9px 0 10px;font-size:9px;line-height:1.55}.tips-card small{text-align:right;color:#607878;margin-top:6px;font-size:8px;display:block}.right-footer{color:#52636b;justify-content:space-between;margin-top:18px;font-size:8px;display:flex}.connection{align-items:center;gap:6px;display:flex}.connection i{width:5px;height:5px;box-shadow:none}.result-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#070d12c2;place-items:center;display:grid;position:absolute;inset:0}.result-panel{text-align:center;background:linear-gradient(155deg,#192833,#101b23);border:1px solid #d6af6266;border-radius:5px;width:min(380px,80%);padding:28px 28px 26px;box-shadow:0 24px 80px #00000080}.result-seal{color:#e0bc71;border:1px solid #cc9e54;place-items:center;width:66px;height:66px;margin:0 auto 14px;font:800 34px Noto Serif SC,serif;display:grid;transform:rotate(45deg)}.result-seal:first-letter{transform:rotate(-45deg)}.result-kicker{color:#a08250;letter-spacing:.2em;font-size:9px}.result-panel h1{color:#ead49f;letter-spacing:.14em;margin:10px 0 8px;font:700 25px Noto Serif SC,serif}.result-panel p{color:#89989a;margin:0 0 21px;font-size:11px}.result-panel .primary-action{min-width:135px}@media (width<=1240px){.game-layout{grid-template-columns:180px minmax(680px,1fr) 210px}.left-rail,.right-rail{padding-left:16px;padding-right:16px}.battle-stage{padding-left:20px;padding-right:20px}.user-skill{min-width:174px}.opponent-hand{right:106px}}@media (width<=900px){body{min-width:0}.topbar{height:58px;padding:0 14px}.brand{min-width:0}.brand-sub,.top-status,.top-actions .icon-button:first-child{display:none}.brand-title{font-size:14px}.top-actions{min-width:0}.game-layout{min-height:calc(100vh - 58px);display:block}.left-rail,.right-rail{display:none}.battle-stage{min-height:calc(100vh - 58px);padding:15px 12px 12px}.stage-header{padding-bottom:12px}.stage-name strong{font-size:12px}.stage-name span{font-size:8px}.opponent-zone{min-height:82px;margin:16px 0 0;padding-right:0}.opponent-zone .portrait{width:70px;height:86px;margin-right:7px}.player-meta{margin-top:7px}.name-line strong{font-size:14px}.player-caption{font-size:8px}.hp-row{margin-top:7px}.heart{font-size:13px}.opponent-hand{transform-origin:100% 0;top:7px;right:84px;transform:scale(.82)}.status-badge{top:58px;right:0}.table-center{min-height:205px}.battle-banner{gap:10px;margin-bottom:9px}.battle-banner b{font-size:12px}.battle-banner small{font-size:8px}.center-board{gap:11px;width:100%;padding:11px 12px}.board-rune{width:35px;height:35px;font-size:18px}.board-copy strong{font-size:10px}.board-copy small{font-size:8px}.last-play{display:none}.table-piles{gap:18px;margin-top:12px}.user-zone{min-height:82px;margin:7px 0 0}.user-zone .portrait{width:70px;height:86px;margin-right:8px}.user-info{margin-top:7px}.user-skill{gap:6px;min-width:0;height:44px;padding:5px 7px}.skill-icon{width:25px;height:25px;font-size:12px}.user-skill b{font-size:9px}.user-skill span,.skill-button{font-size:7px}.skill-button{padding:4px 5px}.hand-topline{padding-top:9px}.hand-title{font-size:11px}.hand-sub,.sort-label{font-size:8px}.hand-fan{height:112px;padding-top:7px;overflow:visible}.fan-slot{width:62px;height:98px;margin-left:-8px}.card{border-radius:5px;width:62px;height:98px;padding:6px}.card-rank{font-size:11px;top:6px;left:7px}.card-suit{font-size:11px;top:17px;left:8px}.card-glyph{font-size:22px;top:31px}.card-name{font-size:11px;bottom:15px}.card-watermark{font-size:6px;bottom:5px}.action-row{padding-top:8px;display:block}.selected-hint{min-height:17px}.action-buttons{justify-content:flex-end;margin-top:5px}.secondary-action,.primary-action,.end-action{height:27px;padding:0 8px;font-size:9px}}.lobby-screen{min-height:100vh}.lobby-content{width:min(1120px,100% - 48px);margin:0 auto;padding:54px 0 70px}.lobby-kicker{color:#b48b4c;letter-spacing:.2em;text-transform:uppercase;font-size:10px}.lobby-content h1{color:#ead49f;letter-spacing:.14em;margin:10px 0 8px;font:700 32px Noto Serif SC,serif}.lobby-lede{color:#809196;margin:0 0 28px;font-size:12px}.hero-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.hero-card{text-align:left;background:linear-gradient(135deg,#1f3039bd,#111c24b3);border:1px solid #a38f6629;border-radius:5px;align-items:center;gap:10px;min-height:116px;padding:10px;transition:all .2s;display:flex;position:relative}.hero-card:hover,.hero-card.chosen{background:linear-gradient(135deg,#46483985,#14242ad9);border-color:#d5ab5ea3;transform:translateY(-2px)}.hero-card .portrait{border-color:color-mix(in srgb, var(--accent), transparent 40%);width:58px;height:78px;margin:0}.hero-card-info{min-width:0}.hero-name{align-items:center;gap:6px;display:flex}.hero-name strong{color:#e5d5b2;font:700 13px Noto Serif SC,serif}.hero-title{color:#788a8e;margin-top:3px;font-size:9px;display:block}.hero-card-info b{color:#d4ad69;margin-top:9px;font-size:10px;display:block}.hero-card-info small{color:#6e8086;margin-top:3px;font-size:8px;line-height:1.4;display:block}.hero-check{color:#78c1a4;font-size:13px;position:absolute;top:8px;right:9px}.faction.wei{color:#c398d0;background:#6d467a40;border-color:#6c5074}.faction.shu{color:#80c4ce;background:#2d656f40;border-color:#44727b}.faction.wu{color:#e0b76b;background:#7a571e40;border-color:#8e6a35}.faction.qun{color:#e39b78;background:#80442b40;border-color:#8e5c47}.roster-toggle{color:#bd9b60;background:0 0;border:1px solid #c7a35f45;border-radius:3px;margin:15px 0 26px;padding:8px 12px;font-size:10px}.roster-toggle:hover{background:#c397441a}.enemy-select{background:#1422296b;border-top:1px solid #d6af6230;border-bottom:1px solid #d6af621f;justify-content:space-between;align-items:center;gap:20px;padding:15px 17px;display:flex}.enemy-select>div:first-child span,.enemy-select>div:first-child strong{display:block}.enemy-select span{color:#74848a;font-size:9px}.enemy-select strong{color:#d9c293;margin-top:5px;font:600 13px Noto Serif SC,serif}.enemy-pills{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.enemy-pills button{color:#899a9c;background:#ffffff05;border:1px solid #899d9d33;border-radius:3px;padding:6px 8px;font-size:9px}.enemy-pills button.active{color:#eccb86;background:#b68b3824;border-color:#ad8243}.start-button{color:#1b1c1c;background:linear-gradient(135deg,#dfbd70,#b98840);border-radius:4px;justify-content:center;align-items:center;gap:9px;width:260px;height:42px;margin:28px auto 0;font-size:12px;font-weight:700;display:flex;box-shadow:0 8px 20px #b98c3d38}.start-button span{font-size:16px}.start-button small{color:#5e4625;margin-left:3px;font-size:8px;font-weight:500}.start-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.response-panel{background:linear-gradient(120deg,#5b2c2e47,#201f245c);border:1px solid #be5b4d6b;border-radius:4px;justify-content:space-between;align-items:center;gap:16px;min-height:114px;padding:14px 16px;display:flex}.response-kicker,.response-panel strong,.response-panel small{display:block}.response-kicker{color:#d47f6f;letter-spacing:.15em;font-size:9px}.response-panel strong{color:#e5c69f;margin-top:7px;font:600 13px Noto Serif SC,serif}.response-panel small{color:#9b8583;margin-top:5px;font-size:9px}.response-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.respond-card,.take-hit{border-radius:3px;padding:8px 10px;font-size:9px}.respond-card{color:#b9dcd2;background:#29665d33;border:1px solid #66a69c80}.take-hit{color:#e3bbb0;background:#73302f33;border:1px solid #bc685b73}@media (width<=900px){.lobby-content{width:calc(100% - 24px);padding:28px 0 42px}.lobby-content h1{font-size:24px}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hero-card{min-height:94px;padding:7px}.hero-card .portrait{width:43px;height:60px}.hero-card-info b{margin-top:5px}.hero-card-info small{display:none}.enemy-select{display:block}.enemy-pills{justify-content:flex-start;margin-top:10px}.start-button{width:100%}.response-panel{display:block}.response-actions{justify-content:flex-start;margin-top:12px}}