.junqi-page{--jq-gold:#e6bd6a;--jq-red:#e45b61;--jq-black:#46516b;color:#edf2ff;min-height:720px}.junqi-page button,.junqi-page select,.junqi-page input{font:inherit}.junqi-page button{border:1px solid #ffffff2a;background:#171d42;color:#edf2ff;border-radius:10px;padding:9px 14px;cursor:pointer}.junqi-page button:hover{border-color:#79dfff80;transform:translateY(-1px)}.junqi-page button.primary,.junqi-primary{background:linear-gradient(135deg,#7659dc,#4779cf);border-color:#a69aff66}.junqi-page button.danger{border-color:#f06b8299;color:#ffb4c2}.junqi-lobby{max-width:980px;margin:4vh auto;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;padding:42px;background:radial-gradient(circle at 12% 12%,#28537a55,transparent 35%),linear-gradient(135deg,#111d42e8,#2b173ce8)}.junqi-kicker{color:#73e4ff;letter-spacing:.2em;font-size:12px}.junqi-lobby h2{font-size:42px;margin:14px 0}.junqi-lobby p{color:#b7c3e3;line-height:1.8}.junqi-lobby-form{display:grid;gap:14px}.junqi-lobby-form label{display:grid;gap:7px;color:#b9c4e2;font-size:13px}.junqi-lobby-form input,.junqi-lobby-form select,.junqi-saved select,.junqi-chat input{background:#0f1431;color:#fff;border:1px solid #ffffff20;border-radius:10px;padding:11px}.junqi-room-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:14px}.junqi-room-bar>div{display:grid;margin-right:auto}.junqi-room-bar>div span{font-size:11px;color:#9da9c9}.junqi-room-bar>div strong{letter-spacing:.22em}.junqi-connection{font-size:12px;color:#f1c66c}.junqi-connection.is-connected{color:#63e1b0}.junqi-layout{display:grid;grid-template-columns:minmax(520px,1fr) 310px;gap:16px}.junqi-layout main{min-width:0}.junqi-board-shell{padding:16px;display:grid;place-items:center;background:linear-gradient(145deg,#122544dd,#201837e8)}.junqi-board{position:relative;display:grid;grid-template-columns:repeat(5,74px);grid-template-rows:repeat(12,48px);gap:5px;padding:16px 20px;width:max-content;border:2px solid #d3a95d80;border-radius:18px;background:linear-gradient(90deg,transparent 49.7%,#d2b06555 50%,transparent 50.3%),linear-gradient(#cfad6550 1px,transparent 1px),linear-gradient(90deg,#cfad6545 1px,transparent 1px),#172b35;background-size:auto,auto 53px,79px auto;box-shadow:inset 0 0 50px #0008,0 22px 45px #0005}.junqi-node{grid-row:var(--row);grid-column:var(--col);position:relative!important;width:74px;height:48px;padding:2px!important;border-radius:9px!important;border-color:#e7c06e55!important;background:#17333bcc!important;z-index:2}.junqi-node.is-camp{border-radius:50%!important;border-color:#83e9da88!important;background:#17434b!important}.junqi-node.is-hq{border-color:#e7c06eaa!important;background:#3b2b32!important}.junqi-node>i{position:absolute;font-style:normal;font-size:10px;color:#ffffff35}.junqi-piece{position:absolute;inset:3px;display:grid;place-items:center;border-radius:7px;box-shadow:0 4px 8px #0007,inset 0 0 0 1px #fff3;transition:transform .18s ease,filter .18s}.junqi-piece.owner-red{background:linear-gradient(145deg,#8f2835,#d25155);border:1px solid #ffb6a8}.junqi-piece.owner-black{background:linear-gradient(145deg,#252d3e,#47546f);border:1px solid #aab8d2}.junqi-piece b{font-size:14px;text-shadow:0 1px 2px #000}.junqi-piece.is-selected{transform:translateY(-5px) scale(1.04);filter:drop-shadow(0 0 7px #65e7ff)}.junqi-river{position:absolute;left:0;right:0;top:50%;height:42px;transform:translateY(-50%);display:grid;place-items:center;background:linear-gradient(90deg,#143b5e,#26718b,#143b5e);color:#ffe1a6;letter-spacing:.65em;font-weight:700;z-index:1}.junqi-status{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:14px 18px}.junqi-status span,.junqi-status time{color:#aeb9d7;font-size:13px}.junqi-status strong{font-size:17px}.junqi-seats,.junqi-chat,.junqi-formation{padding:16px}.junqi-seats h3{display:flex;justify-content:space-between;margin-bottom:12px}.junqi-seats h3 small{color:#8fa0c6}.junqi-seat{position:relative;display:grid;gap:3px;padding:11px 12px;margin:8px 0;border-radius:12px;background:#0d1534aa;border:1px solid #ffffff10;overflow:visible}.junqi-seat>span{font-size:10px;color:#8290b3}.junqi-seat>small{color:#8794b5}.player-seat{border-left:3px solid #ddaf5d}.spectator-seat{min-height:54px}.junqi-bubble{position:absolute;right:8px;bottom:70%;max-width:170px;padding:6px 9px;background:#f8f1ff;color:#2c2140;border-radius:11px 11px 2px 11px;font-size:12px;font-style:normal;animation:junqiBubble 4s ease-out both;z-index:8}@keyframes junqiBubble{0%{opacity:0;transform:translateY(15px) scale(.9)}15%,65%{opacity:1}100%{opacity:0;transform:translateY(-70px)}}.junqi-chat{margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:8px}.junqi-chat p{grid-column:1/-1;color:#8390af;font-size:11px;line-height:1.5}.junqi-formation{margin-top:14px}.junqi-panel-head{display:flex;justify-content:space-between;gap:20px}.junqi-panel-head p{color:#8e9abb;font-size:12px;margin-top:5px}.junqi-inline{display:flex;gap:8px;align-items:center;margin-top:10px}.junqi-saved{margin:12px 0}.junqi-formation-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.junqi-formation-grid button{display:grid;padding:6px!important;min-height:45px}.junqi-formation-grid button small{font-size:9px;color:#7582a6}.junqi-formation-grid button.is-selected{border-color:#6fe9ff;box-shadow:0 0 0 2px #6fe9ff33}.junqi-actions,.junqi-draw{display:flex;justify-content:center;gap:10px;margin-top:12px}.junqi-rematch{display:block;margin:12px auto}.junqi-dialog-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#050817bb}.junqi-dialog{max-width:580px;padding:30px}.junqi-dialog>button{float:right}.junqi-dialog li{margin:12px 0;color:#c2cce4;line-height:1.6}.junqi-login{max-width:620px;margin:10vh auto;padding:40px;text-align:center}@media(max-width:1050px){.junqi-layout{grid-template-columns:1fr}.junqi-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.junqi-chat{margin-top:0}.junqi-board{transform-origin:top center;grid-template-columns:repeat(5,64px)}.junqi-node{width:64px}}@media(max-width:640px){.junqi-lobby{grid-template-columns:1fr;padding:24px}.junqi-lobby h2{font-size:30px}.junqi-room-bar{flex-wrap:wrap}.junqi-layout aside{grid-template-columns:1fr}.junqi-board-shell{overflow:auto;justify-content:start}.junqi-board{grid-template-columns:repeat(5,54px);grid-template-rows:repeat(12,42px);padding:12px;gap:3px}.junqi-node{width:54px;height:42px}.junqi-piece b{font-size:12px}.junqi-status{gap:8px;flex-wrap:wrap}.junqi-panel-head{display:block}}
@media(prefers-reduced-motion:reduce){.junqi-page *{scroll-behavior:auto!important;transition:none!important}.junqi-bubble,.junqi-piece.is-just-moved{animation:none;opacity:1}}
.junqi-public{margin-top:28px;display:grid;gap:8px}.junqi-public h3{font-size:14px;color:#dfe8ff}.junqi-public>button{display:flex;justify-content:space-between;align-items:center;text-align:left}.junqi-public small{color:#8f9bb9}.junqi-public p{font-size:12px;color:#7987a8}
.junqi-casualties{margin-top:10px;padding:12px 16px}.junqi-casualties h3{font-size:13px;margin-bottom:8px}.junqi-casualties>div{display:flex;align-items:center;gap:6px;min-height:28px}.junqi-casualties>div>span{width:42px;color:#909dbd;font-size:11px}.junqi-casualties b{padding:3px 6px;border-radius:5px;font-size:11px}.junqi-casualties b.owner-red{background:#8f2835}.junqi-casualties b.owner-black{background:#303a50}
.junqi-piece.is-just-moved{animation:junqiMove .24s cubic-bezier(.2,.8,.2,1) both}@keyframes junqiMove{from{transform:translate(var(--move-x),var(--move-y));filter:brightness(1.4)}to{transform:translate(0,0);filter:brightness(1)}}