@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700;900&family=ZCOOL+XiaoWei&display=swap";:root{font-family:"Noto Serif SC",Microsoft YaHei,serif;color:#eee7d5;background:#0e0b14;font-synthesis:none;--gold: #d2aa62;--gold-bright: #f1d18b;--ink: #130f1b;--panel: rgba(30, 24, 40, .93);--panel-2: rgba(45, 36, 55, .9);--line: rgba(210, 170, 98, .28);--danger: #d56558;--green: #74b68b;--blue: #6ba9be}*{box-sizing:border-box}html,body,#root{min-width:1180px;min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at 50% 10%,rgba(121,80,143,.2),transparent 35%),radial-gradient(circle at 50% 72%,rgba(110,76,42,.16),transparent 42%),linear-gradient(145deg,#110d18,#090810 60%,#15101d)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.45}.panel{border:1px solid var(--line);background:linear-gradient(150deg,#2b2235f5,#120f1af7);box-shadow:0 24px 70px #0000006b,inset 0 1px #ffffff0a}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.24em;text-transform:uppercase}.primary-button{background:linear-gradient(135deg,#9d7338,#d2aa62 45%,#86612f);border:1px solid #f0cf88!important;color:#1b130b!important;font-weight:900;text-shadow:0 1px rgba(255,255,255,.25)}.loading-screen{height:100vh;display:grid;place-content:center;text-align:center;color:#cdbb98}.sigil{width:86px;height:86px;margin:auto;border:1px solid var(--gold);display:grid;place-content:center;border-radius:50%;font-size:38px;box-shadow:0 0 50px #d2aa6238;animation:pulse 1.8s infinite}@keyframes pulse{50%{transform:scale(1.06);box-shadow:0 0 80px #d2aa6259}}.landing{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1.3fr) minmax(370px,.7fr);align-items:center;gap:8vw;padding:6vh 9vw;position:relative;overflow:hidden}.landing:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle,black,transparent 75%);mask-image:radial-gradient(circle,black,transparent 75%)}.landing-haze{position:absolute;width:58vw;height:58vw;border-radius:50%;left:-12vw;top:5vh;background:conic-gradient(from 45deg,#75395c42,#26626f26,#a0682a38,#75395c42);filter:blur(65px);opacity:.7}.hero-copy,.entry-card{position:relative;z-index:1}.hero-copy h1{margin:18px 0 22px;font-family:ZCOOL XiaoWei,serif;font-size:clamp(58px,6.2vw,104px);line-height:.96;font-weight:400;letter-spacing:.04em;text-shadow:0 8px 40px #000}.hero-copy h1 em{color:var(--gold-bright);font-size:.7em;font-style:normal;letter-spacing:.16em}.hero-copy>p{max-width:720px;color:#bfb4c5;font-size:18px;line-height:1.9}.feature-runes{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.feature-runes span{border:1px solid var(--line);background:#0a080f99;padding:9px 14px;color:#d8cdbb;font-size:12px}.entry-card{padding:34px;border-radius:4px}.panel-ornament{display:block;color:var(--gold);font-size:13px;letter-spacing:.2em;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:20px}.entry-card label{display:grid;gap:9px;font-size:13px;color:#bfb5c5}.entry-card input,.join-row input,.chat-box input{background:#050409b3;color:#f4ead8;border:1px solid rgba(210,170,98,.24);padding:13px 14px;min-width:0}.entry-card>button{width:100%;margin-top:18px;padding:14px;border:1px solid var(--line);background:#211a2c;cursor:pointer}.or{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;color:#7f7485;font-size:11px;margin:24px 0 14px}.or:before,.or:after{content:"";height:1px;background:#ffffff14}.join-row{display:grid;grid-template-columns:1fr 82px;gap:9px}.join-row button{border:1px solid var(--line);background:#352742;cursor:pointer}.entry-card small{display:block;color:#8e8392;margin-top:20px;line-height:1.7}.connection-banner{position:fixed;z-index:1000;top:0;left:0;right:0;padding:8px;text-align:center;background:#7d382f;color:#fff;font-size:12px}.toast{position:fixed;z-index:1200;top:70px;left:50%;transform:translate(-50%);background:#2a202f;border:1px solid var(--gold);padding:12px 22px;box-shadow:0 10px 40px #000}.error-toast{border-color:#c65e53}.lobby-page{min-height:100vh;padding:42px 6vw;display:grid;grid-template-rows:auto 1fr auto;gap:28px}.lobby-header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:22px}.lobby-header h1{margin:8px 0 0;font-size:30px}.lobby-header h1 b{color:var(--gold-bright);letter-spacing:.18em}.lobby-header button,.lobby-actions button{border:1px solid var(--line);background:#281f31;padding:10px 16px;cursor:pointer}.seat-ring{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:center}.lobby-seat{min-height:250px;border:1px dashed rgba(210,170,98,.22);display:grid;justify-items:center;align-content:center;gap:8px;position:relative;background:#09080d59}.lobby-seat.occupied{border-style:solid;background:linear-gradient(180deg,#392c44bd,#14101bcc)}.seat-number{position:absolute;top:10px;left:13px;color:#71677a}.avatar-seal{width:82px;height:82px;border:1px solid var(--gold);border-radius:50%;display:grid;place-content:center;font-size:30px;background:#211725;box-shadow:0 0 35px #d2aa6226}.avatar-seal.bot{border-color:var(--blue)}.avatar-seal.empty{color:#62576a;border-style:dashed}.lobby-seat>span:not(.seat-number){color:#8e8392;font-size:12px}.text-button{background:none!important;border:0!important;padding:4px!important}.danger{color:#cc6c61}.lobby-actions{padding:22px 25px;display:flex;justify-content:space-between;align-items:center}.lobby-actions p{margin:6px 0 0;color:#8e8392;font-size:13px}.button-group{display:flex;gap:10px}.ready.active{border-color:var(--green);color:#a8dfb7}.game-page{height:100vh;min-height:760px;display:grid;grid-template-rows:68px 1fr 176px;overflow:hidden;padding-right:292px}.world-header{grid-column:1 / -1;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:18px;padding:8px 18px;border-bottom:1px solid var(--line);background:#09070df5;z-index:20}.brand-mark{display:grid;line-height:1.15;letter-spacing:.15em}.brand-mark span{font-size:10px;color:#867890}.brand-mark b{color:var(--gold-bright);font-size:18px}.world-pills{display:flex;gap:9px;min-width:0;align-items:center}.world-pill{width:220px;height:49px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:18px 21px;text-align:left;background:#201827;border:1px solid var(--line);padding:5px 9px;cursor:help;overflow:hidden}.world-pill small{color:#817587;font-size:9px}.world-pill strong{color:#e9d29d;font-size:13px}.world-pill span{grid-column:1 / -1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#938899;font-size:9px}.danger-pill{border-color:#c3574973}.tech-meter{display:flex;align-items:center;gap:4px;margin-left:8px}.tech-meter span{font-size:10px;padding:6px 8px;border-radius:20px;background:#211a28;color:#6d6372}.tech-meter span.on{color:#1c130b;background:var(--gold);font-weight:700}.tech-meter i{width:10px;height:1px;background:var(--line)}.round-info{display:flex;align-items:center;gap:10px;font-size:11px;white-space:nowrap}.round-info>span{color:#a99eac}.round-info b{color:var(--gold-bright);font-size:17px}.round-info button{background:#241b2d;border:1px solid var(--line);padding:7px 10px;cursor:pointer}.role-badge{padding:6px 9px;border:1px solid var(--line)}.role-lord{color:#f0c86d!important}.role-guard{color:#83c99a!important}.role-rebel{color:#dc7469!important}.role-ambition{color:#b08ad0!important}.battle-table{position:relative;min-height:515px;overflow:hidden;background:radial-gradient(ellipse at center,rgba(102,76,47,.2),transparent 28%),repeating-radial-gradient(ellipse at center,transparent 0 80px,rgba(210,170,98,.025) 81px 82px),linear-gradient(150deg,#291f31a3,#0d0b1280)}.battle-table:before{content:"";position:absolute;inset:8% 15%;border:1px solid rgba(210,170,98,.08);border-radius:50%;pointer-events:none}.opponent{position:absolute;width:31%;max-width:440px;min-width:310px;z-index:3}.opponent.top-left{top:8px;left:18%}.opponent.top-right{top:8px;right:18%}.opponent.left{top:31%;left:8px}.opponent.right{top:31%;right:8px}.self-board{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:min(760px,62%);z-index:5;display:grid;gap:5px}.player-board{--race: #a293a7;border:1px solid color-mix(in srgb,var(--race) 48%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--race) 10%,#1b1521),#100d16f2);box-shadow:0 8px 28px #00000061;position:relative;padding:5px;display:grid;grid-template-columns:128px 1fr;grid-template-rows:1fr auto;gap:4px;transition:.2s}.player-board.active{box-shadow:0 0 0 1px var(--gold),0 0 30px #d2aa6233}.player-board.eliminated{filter:grayscale(1);opacity:.55}.race-human{--race: #82a6b7}.race-elf{--race: #8fc69c}.race-orc{--race: #cb7b5c}.race-undead{--race: #9c83b7}.race-insect{--race: #a5b95c}.hero-plate{border:0;background:#0404076b;color:inherit;display:grid;grid-template-columns:40px 1fr auto;align-items:center;text-align:left;padding:5px;cursor:pointer;position:relative}.portrait-glyph{width:36px;height:36px;border-radius:50%;border:1px solid var(--race);color:var(--race);display:grid;place-content:center;font-size:17px}.hero-meta{display:grid;min-width:0;margin-left:6px}.hero-meta small{color:var(--race);font-size:8px}.hero-meta strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-meta span{color:#7f7484;font-size:8px}.vitals{display:flex;align-items:baseline;color:#df766c}.vitals b{font-size:18px}.vitals small{font-size:8px}.vitals em{font-style:normal;color:#71b7cc;font-size:8px;margin-left:3px}.status-chips{position:absolute;bottom:2px;right:4px;display:flex;gap:2px}.status-chips span{font-size:7px;background:#39263e;padding:1px 3px}.formation{display:grid;gap:3px}.unit-row{display:grid;grid-template-columns:24px repeat(3,minmax(55px,1fr));gap:3px;height:50px}.unit-row label{writing-mode:vertical-rl;display:grid;place-content:center;color:#6e6474;font-size:8px;letter-spacing:.12em}.unit-row.melee{border-left:2px solid rgba(193,102,80,.45)}.unit-row.ranged{border-left:2px solid rgba(100,155,181,.42)}.unit-card,.empty-slot{min-width:0;border:1px solid rgba(255,255,255,.1);background:#261d2c;color:inherit;position:relative;overflow:hidden;cursor:pointer;text-align:left;padding:4px}.unit-card:hover{border-color:var(--gold);transform:translateY(-1px)}.unit-card.spent{opacity:.58}.unit-card.stealth{box-shadow:inset 0 0 18px #77499080}.unit-card strong{display:block;font-size:9px;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-race{font-size:7px;color:var(--race)}.power{position:absolute;right:4px;bottom:2px;color:#f1d18b;font-size:16px}.barrier-mark{position:absolute;right:23px;bottom:3px;color:#7cc3df}.keyword-icons{display:flex;gap:2px;margin-top:4px}.keyword-icons i{width:13px;height:13px;border-radius:50%;display:grid;place-content:center;background:#4a354f;font-size:7px;font-style:normal}.move-mini{position:absolute;top:1px;right:1px;background:#574264;font-size:7px;padding:2px}.empty-slot{background:#00000021;border-style:dashed;color:#514956;text-align:center;font-size:8px}.equipment-strip{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:3px}.equipment-strip>div{background:#06050866;padding:2px 5px;min-width:0;display:flex;gap:4px}.equipment-strip small{font-size:7px;color:#6d6372}.equipment-strip span{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.equipment-strip .equipped{border-bottom:1px solid var(--gold)}.hand-count{font-size:8px;color:var(--gold);white-space:nowrap}.player-board.self{grid-template-columns:170px 1fr;padding:6px}.player-board.self .unit-row{height:58px;grid-template-columns:29px repeat(3,1fr)}.player-board.self .unit-card strong{font-size:10px}.player-board.self .hero-plate,.player-board.self .formation{grid-row:1}.player-board.self .equipment-strip{grid-row:2}.center-stage{position:absolute;z-index:2;left:50%;top:43%;transform:translate(-50%,-50%);width:34%;min-width:410px;padding:18px;text-align:center;background:#0c0910d9;border:1px solid var(--line);box-shadow:0 15px 60px #000}.center-stage h2{margin:6px 0 10px;font-size:18px}.center-stage>p{color:#9e92a2;font-size:11px}.stage-kicker{color:var(--gold);font-size:9px;letter-spacing:.2em}.event-cards,.vote-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.event-cards button,.vote-options button{min-height:90px;border:1px solid var(--line);background:#241b2c;color:inherit;padding:10px;cursor:pointer;display:grid;gap:4px}.event-cards strong,.vote-options strong{color:var(--gold-bright)}.event-cards span,.vote-options span{font-size:9px;color:#afa2b2}.event-cards small,.vote-options small{color:#807486;font-size:8px}.vote-options button:hover:not(:disabled),.event-cards button:hover:not(:disabled){background:#392940;border-color:var(--gold)}.vote-options .selected{border-color:var(--gold)}.center-stage em{display:block;margin-top:8px;font-size:9px;color:#7f7485}.center-stage.idle{background:transparent;border:0;box-shadow:none;pointer-events:none}.core-orbit{width:100px;height:100px;border:1px solid rgba(210,170,98,.25);border-radius:50%;margin:auto;position:relative;display:grid;place-content:center;box-shadow:inset 0 0 40px #d2aa6214}.core-orbit span{font-size:10px;color:var(--gold)}.core-orbit i{position:absolute;inset:9px;border:1px dotted rgba(210,170,98,.2);border-radius:50%;animation:spin 12s linear infinite}.core-orbit i:nth-child(2){inset:20px;animation-direction:reverse;animation-duration:8s}.core-orbit i:nth-child(3){inset:-8px}.omen-list{display:grid;gap:3px;margin-top:7px}.omen-list span{color:#df766c;font-size:8px}@keyframes spin{to{transform:rotate(360deg)}}.hand-bar{height:176px;display:grid;grid-template-columns:65px 1fr;border-top:1px solid var(--line);background:#08070cf5;position:relative;z-index:8}.hand-label{display:grid;place-content:center;text-align:center;border-right:1px solid rgba(255,255,255,.05)}.hand-label small{color:#847789;font-size:9px}.hand-label b{color:var(--gold)}.hand-cards{display:flex;align-items:end;gap:5px;padding:9px 14px;overflow-x:auto}.hand-card{flex:0 0 108px;height:150px;border:1px solid rgba(210,170,98,.25);background:linear-gradient(155deg,#34273c,#17121e);color:inherit;padding:15px 7px 7px;text-align:left;position:relative;cursor:pointer;transition:.16s;overflow:hidden}.hand-card:hover,.hand-card.selected{transform:translateY(-10px);border-color:var(--gold-bright);box-shadow:0 8px 24px #000}.hand-card.selected{background:linear-gradient(155deg,#5a423b,#241926)}.hand-card small{color:#8f8094;font-size:8px}.hand-card strong{display:block;margin:4px 0 6px;font-size:12px;color:#f0dfbf}.hand-card p{font-size:8px;line-height:1.6;color:#b1a5b4;margin:0}.card-cost{position:absolute;left:5px;top:4px;width:17px;height:17px;border-radius:50%;background:#557d9d;display:grid;place-content:center;font-size:10px}.card-power{position:absolute;right:5px;bottom:3px;font-size:18px;color:var(--gold-bright)}.tier-2{--tier: #73a8ba}.tier-3{--tier: #c98758}.hand-card.tier-2,.hand-card.tier-3{border-color:color-mix(in srgb,var(--tier) 55%,transparent)}.action-dock{position:relative;z-index:30;min-height:47px;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 9px;background:#0f0b13f5;border:1px solid var(--line);box-shadow:0 8px 30px #000;max-width:100%}.action-dock>button{border:1px solid var(--line);background:#2b2133;padding:8px 11px;cursor:pointer;white-space:nowrap;font-size:10px}.action-dock .end-turn{border-color:#a25951}.ap-orb{width:40px;text-align:center;border-right:1px solid var(--line);padding-right:7px}.ap-orb b{display:block;color:var(--gold-bright);font-size:18px}.ap-orb span{font-size:7px;color:#887a8d}.selection-hint{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#4b354b;padding:5px 10px;font-size:8px;white-space:nowrap}.draw-chooser{display:flex;align-items:center;gap:5px}.draw-chooser>span{font-size:9px;color:#a99dab}.draw-chooser button{border:1px solid var(--line);background:#2b2133;color:inherit;padding:6px 8px;cursor:pointer}.draw-chooser small{color:#7d7182}.draw-chooser>b{min-width:44px;color:var(--gold);font-size:10px;text-align:center}.right-drawer{position:fixed;top:68px;right:0;bottom:0;width:292px;z-index:25;border-left:1px solid var(--line);background:#0b090ffa;display:grid;grid-template-rows:270px 1fr}.detail-panel,.log-panel{min-height:0;padding:15px;overflow:auto}.detail-panel{border-bottom:1px solid var(--line);background:linear-gradient(160deg,color-mix(in srgb,var(--race, #7f6e85) 9%,transparent),transparent)}.detail-panel h3{color:#f0d9aa;margin:6px 0}.detail-panel p,.detail-panel li{color:#a99daa;font-size:10px;line-height:1.6}.detail-panel ol{padding-left:19px}.detail-panel>strong{color:var(--gold);font-size:11px}.keyword-list{display:flex;gap:4px;flex-wrap:wrap}.keyword-list span{font-size:8px;padding:3px 6px;border:1px solid var(--line)}.log-panel{display:grid;grid-template-rows:auto 1fr auto}.logs{overflow-y:auto;padding-right:4px}.logs p{font-size:9px;line-height:1.5;margin:0 0 5px;color:#928698}.logs .combat{color:#c9a69d}.logs .world{color:#9bb6c6}.logs .chat{color:#dbc486}.chat-box{display:grid;grid-template-columns:1fr 48px;gap:4px}.chat-box input{padding:8px;font-size:9px}.chat-box button{background:#352841;border:1px solid var(--line);font-size:9px}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;background:#040307db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:30px}.hero-select-modal,.choice-modal,.rules-modal,.result-modal{width:min(1050px,92vw);max-height:88vh;overflow:auto;border:1px solid var(--line);background:linear-gradient(145deg,#2c2234,#100d16);padding:28px;box-shadow:0 35px 100px #000;position:relative}.hero-select-modal>h2,.choice-modal h2,.rules-modal h2,.result-modal h2{margin:5px 0 20px;color:#f0d9aa}.race-tabs{display:flex;gap:7px;margin-bottom:16px}.race-tabs button{flex:1;border:1px solid var(--line);background:#211927;padding:10px;cursor:pointer}.race-tabs button.active{background:#5b423b;border-color:var(--gold)}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hero-choice{min-height:310px;border:1px solid var(--line);background:linear-gradient(160deg,#4e3a5499,#0f0c14e6);color:inherit;text-align:left;padding:18px;cursor:pointer;position:relative;overflow:hidden}.hero-choice:hover:not(:disabled){border-color:var(--gold-bright);transform:translateY(-2px)}.hero-choice.picked{opacity:.35}.large-glyph{position:absolute;right:-5px;top:-20px;font-size:120px;color:#d2aa620f}.hero-choice small{color:var(--gold)}.hero-choice h3{font-size:25px;margin:7px 0 15px}.hero-choice p{color:#a99daa;font-size:12px;line-height:1.8;min-height:80px}.hero-choice>div:last-child{display:flex;justify-content:space-between;color:#d8c8a7;font-size:12px}.close{position:absolute;right:14px;top:14px;width:34px;height:34px;border:1px solid var(--line);background:#2c202f;cursor:pointer}.choice-modal>p{color:#a99daa}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.status-grid button{min-height:120px;background:#251c2d;border:1px solid var(--line);color:inherit;display:grid;gap:8px;padding:12px;cursor:pointer}.status-grid button:hover{border-color:var(--gold)}.status-grid span{color:#9f93a3;font-size:10px;line-height:1.6}.rules-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rules-columns>div{border:1px solid var(--line);padding:16px}.rules-columns h3{color:var(--gold)}.rules-columns p{color:#aaa0ae;font-size:11px;line-height:1.7}.selection-world{color:#b9acbc;font-size:12px;line-height:1.6}.hero-choice{display:flex;flex-direction:column;cursor:default}.hero-choice p{min-height:0;margin:5px 0 10px;font-size:11px}.hero-choice h3{margin-bottom:8px}.hero-stat{color:#e2c58e;font-size:12px}.hero-skill-list{list-style:none;padding:0;margin:12px 0;font-size:11px;line-height:1.6;color:#bdb0c1}.hero-skill-list li{margin-bottom:7px}.hero-skill-list b,.hero-leader b{color:#d1b778}.hero-choice .choose-hero{margin-top:auto;padding:10px;width:100%;cursor:pointer}.status-chips .lord-chip{background:#775227;color:#ffe8b3}.result{background:#07050aed}.result-modal{max-width:720px;text-align:center}.reveal-list{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:25px 0}.reveal-list div{border:1px solid var(--line);padding:12px 6px;display:grid;gap:5px}.reveal-list span{font-size:10px}.reveal-list strong{color:var(--gold-bright)}.reveal-list small{color:#827688;font-size:8px}.result-modal>button{padding:12px 28px;cursor:pointer}@media(max-width:1500px){.game-page{padding-right:250px}.right-drawer{width:250px}.world-pill{width:180px}.opponent{width:32%;min-width:285px}.opponent.top-left{left:15%}.opponent.top-right{right:15%}.player-board{grid-template-columns:110px 1fr}.unit-row{grid-template-columns:20px repeat(3,minmax(47px,1fr))}.hero-meta span{display:none}}@media(max-height:850px){.game-page{grid-template-rows:62px 1fr 144px;min-height:700px}.world-header{height:62px}.right-drawer{top:62px;grid-template-rows:225px 1fr}.hand-bar{height:144px}.hand-card{height:119px;flex-basis:96px}.hand-card p{line-height:1.35}.battle-table{min-height:490px}.unit-row{height:45px}.self-board{width:min(700px,60%)}.opponent.left,.opponent.right{top:28%}}