:root{font-family:Inter,Microsoft YaHei,PingFang SC,sans-serif;color:#e1e7df;background:#142326;font-synthesis:none;font-weight:400;--gold:#d7bb7d;--muted:#97a9a4;--green:#88b69c;--blue:#87acc9;--border:rgba(194,212,199,.15)}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;border:0;cursor:pointer;background:none;padding:0;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}svg{flex-shrink:0}h1,h2,h3,p{margin:0}button,button svg{transition:background .2s,color .2s,border-color .2s,filter .2s,opacity .2s,transform .2s}::selection{background:#b8a369;color:#142326}.app{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column}.scene,.scene-shade,.grain,.ambient-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;pointer-events:none}.scene{background:url(/qiyi/assets/mountain-sanctuary.jpg) center center/cover no-repeat;background-image:image-set(url(/qiyi/assets/mountain-sanctuary.webp) type("image/webp"),url(/qiyi/assets/mountain-sanctuary.jpg) type("image/jpeg"));animation:sceneIn 1.6s ease-out}.scene-shade{z-index:-2;background:linear-gradient(180deg,#071314c7,#09181933 24%,#0a16160d 47%,#0814158c 78%,#091415f7),linear-gradient(90deg,rgba(8,22,23,.46),transparent 28%,transparent 76%,rgba(8,22,23,.35))}.grain{z-index:5;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}.ambient-particles{z-index:-1;overflow:hidden}.ambient-particles i{position:absolute;top:85%;width:3px;height:3px;background:#d8c38c;box-shadow:0 0 9px 2px #d8c38c75;border-radius:50%;animation:floatParticle 11s infinite linear;opacity:0}.topbar{height:91px;margin:0 3.4%;display:flex;align-items:center;gap:66px;border-bottom:1px solid rgba(227,220,192,.16);flex-shrink:0;position:relative}.topbar:after{content:"";position:absolute;bottom:-1px;left:0;width:100px;height:1px;background:var(--gold)}.brand{display:flex;gap:12px;align-items:center}.brand>svg{width:47px;height:57px}.brand strong{font-family:"Noto Serif SC",Songti SC,serif;font-size:35px;letter-spacing:6px;font-weight:700;color:#e6dac1;line-height:1.3}.brand span{display:block;font-size:9px;letter-spacing:6px;color:#c7b38a;margin:1px 0 0 5px}.topbar nav{display:flex;gap:48px;height:100%;align-items:stretch}.topbar nav button{font-size:15px;position:relative;color:#becbc4;letter-spacing:2px;min-width:80px}.topbar nav button:hover{color:#f2dfb2}.topbar nav button.active{color:#e8d19e}.topbar nav button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#dbc58d,transparent)}.topbar nav button.active span{position:absolute;bottom:-3px;width:5px;height:5px;transform:rotate(45deg);background:#e9d7a4;left:calc(50% - 2px)}.header-tools{margin-left:auto;display:flex;gap:19px;align-items:center}.local-badge{font-size:11px;letter-spacing:1px;color:#b8c6bd;display:flex;align-items:center;gap:7px;margin-right:8px}.local-badge i{width:5px;height:5px;background:#91b692;border-radius:50%;box-shadow:0 0 7px #91b692}.icon-button{height:32px;width:32px;display:grid;place-items:center;color:#c3cec4}.icon-button:hover{color:#eddaa9;background:#e9d9a417}.main-layout{width:93.2%;max-width:1600px;margin:32px auto 24px;display:grid;grid-template-columns:192px minmax(450px,1fr) 218px;gap:35px;flex:1;align-items:start}.eyebrow{font-size:9px;letter-spacing:2.3px;color:#adb7a6;font-weight:500;display:flex;align-items:center;gap:10px}.eyebrow span{font-size:12px;letter-spacing:1px;color:#d2d7c9}.left-sidebar>.eyebrow{margin-bottom:17px}.map-card{width:100%;text-align:left;border:1px solid rgba(209,221,206,.14);background:#112120c4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin-bottom:15px;position:relative;box-shadow:0 6px 22px #07191d20}.map-card:not(:disabled):hover{border-color:#d7bb7d80;transform:translateY(-2px)}.map-card.selected{border-color:#cbb47b}.map-card.selected:after{position:absolute;content:"";right:-1px;top:43%;width:4px;height:23px;background:var(--gold)}.map-cover{height:91px;position:relative;overflow:hidden;background:linear-gradient(0deg,#0d2124b5,#3d585236),url(/qiyi/assets/mountain-sanctuary-thumb.jpg) center 45%/260px;background-image:linear-gradient(0deg,#0d2124b5,#3d585236),image-set(url(/qiyi/assets/mountain-sanctuary-thumb.webp) type("image/webp"),url(/qiyi/assets/mountain-sanctuary-thumb.jpg) type("image/jpeg"))}.map-beta{background-position:center,70% 18%;filter:hue-rotate(13deg)}.map-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#1b353943,transparent)}.mini-map{position:absolute;display:grid;gap:3px;top:17px;left:43px;width:107px;transform:perspective(170px) rotateX(26deg) rotate(-6deg);opacity:.85}.mini-map i{aspect-ratio:1.25;background:#8a99848c;border:1px solid #c1baa165;box-shadow:1px 2px #182e2d}.mini-map i.box{background:#6d5838}.mini-map i.greenFlag{background:#97c3a2}.mini-map i.blueFlag{background:#87bdd1}.mini-map i.vortex{background:#b1a4d6;box-shadow:0 0 6px #a7b2e7}.mini-map i.arrowRight,.mini-map i.arrowLeft{background:#cbb98b}.mini-map.beta{top:7px;width:95px;left:48px;gap:2px}.map-number{position:absolute;top:8px;left:11px;font-size:10px;color:#e4ddc1;font-family:Georgia,serif;font-style:italic}.map-check{position:absolute;bottom:7px;right:8px;background:#d1bc89;color:#1a2e28;width:17px;height:17px;display:grid;place-items:center}.map-card-body{padding:12px 13px 13px}.map-card-body strong{font-size:14px;letter-spacing:1px;font-weight:500}.map-card-body>span{display:flex;justify-content:space-between;font-size:10px;color:#9aac9f;letter-spacing:1px;margin-top:7px}.map-card-body b{font-weight:400;color:#c4c6b3}.mode-section{margin-top:29px}.mode-section>.eyebrow{margin-bottom:14px;letter-spacing:1.9px}.mode-button{display:flex;gap:11px;width:100%;align-items:center;text-align:left;padding:14px 12px;border:1px solid var(--border);background:#142a2b78;margin-bottom:9px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mode-button>svg{color:#b2bdb0}.mode-button strong{font-size:12px;font-weight:500;letter-spacing:1px}.mode-button div span{display:block;font-size:9px;color:#94a69f;margin-top:5px}.mode-button>i{margin-left:auto;width:10px;height:10px;border:1px solid #718880;border-radius:50%}.mode-button.selected{border-color:#d3c29170;background:linear-gradient(90deg,#859c7930,#1d393331)}.mode-button.selected>svg{color:#d4c596}.mode-button.selected>i{background:#d5c79c;border:3px solid #445849;box-shadow:0 0 0 1px #b5b792}.mode-button:not(:disabled):hover{background:#64807140}.help-link{display:flex;align-items:center;gap:7px;margin-top:22px;font-size:9px;color:#c3cbbd;white-space:nowrap}.help-link>svg:last-child{margin-left:auto}.help-link:hover{color:#e6cfa2}.battlefield{position:relative;min-width:0}.battlefield-heading{display:flex;justify-content:space-between;align-items:center;padding:0 3px}.chapter{font-size:8px;letter-spacing:3.6px;color:#d2c4a6;opacity:.78;margin-bottom:7px}.battlefield-heading h1{font-family:"Noto Serif SC",serif;font-size:31px;letter-spacing:4px;font-weight:500;text-shadow:0 3px 18px #062424;color:#f0e7d1;display:flex;align-items:center;gap:18px}.battlefield-heading h1>span{font-family:Microsoft YaHei,sans-serif;font-size:10px;font-weight:400;letter-spacing:1px;border:1px solid #cdbd9349;color:#e0d4b7;padding:5px 9px;background:#23383052}.small-tool{color:#d7d5bd;padding:9px;border:1px solid #d5d1b338;background:#22392d3b}.small-tool:hover{background:#6b796249}.versus-bar{display:flex;align-items:center;justify-content:center;gap:27px;margin:28px auto 16px}.faction{display:flex;align-items:center;gap:9px;opacity:.75}.faction strong{font-family:"Noto Serif SC",serif;letter-spacing:3px;font-size:17px;font-weight:600}.faction span{font-size:9px;letter-spacing:1px;color:#cbd5c9}.faction.green{color:#b4d5b3}.faction.blue{color:#b6d2df}.faction.current{opacity:1}.faction.current>svg{filter:drop-shadow(0 0 7px currentColor)}.versus-symbol{position:relative;font-family:Georgia,serif;font-style:italic;color:#d4c18b;font-size:15px;letter-spacing:2px}.versus-symbol:before,.versus-symbol:after{content:"";position:absolute;width:33px;height:1px;top:9px;background:linear-gradient(90deg,transparent,#cec49555);left:-47px}.versus-symbol:after{left:auto;right:-45px;transform:rotate(180deg)}.board-stage{position:relative;padding:20px 13px 18px;margin:0 auto;width:100%;max-width:900px;min-height:300px;perspective:1100px}.board-perspective{position:relative;transform:rotateX(14deg);transform-style:preserve-3d;margin:10px 8px 18px}.board{position:relative;width:100%;aspect-ratio:2;border:6px solid #526356;border-top-color:#b1b49a;border-left-color:#a2aa90;border-right-color:#68796a;border-radius:3px;background:#768774;box-shadow:0 1px 0 1px #dbd0aa,0 12px #263e35,0 15px 0 1px #a89e73,0 18px #182f2a,0 38px 35px #041b1a99,0 0 60px #a4c4ac25;transform-style:flat}.beta .board{aspect-ratio:1.5}.board-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:3px;position:absolute;top:0;right:0;bottom:0;left:0;background:#53665a;z-index:0}.tile{position:relative;min-width:0;min-height:0;display:grid;place-items:center;border:1px solid #dfd9b73b;box-shadow:inset 0 1px 1px #f3eed149,inset 0 -3px 3px #3747382b;background-color:#afbaa1;background-image:radial-gradient(ellipse at 25% 20%,#e2dfc127,transparent 70%);transition:filter .15s,background-color .15s}.tile.dark{background-color:#93a28b}.tile:hover{filter:brightness(1.14)}.tile.deploy-zone.green{background-image:linear-gradient(90deg,#56846333,#799c5420),radial-gradient(ellipse at 25% 20%,#e2dfc127,transparent 70%)}.tile.deploy-zone.blue{background-image:linear-gradient(90deg,#6c9cab33,#42729b30)}.tile.deploy-zone.green:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid #e5efd233;pointer-events:none}.tile.selected-tile{background-color:#c6cc9b;box-shadow:inset 0 0 0 2px #f7e3a4,inset 0 0 30px #ede6b85c}.tile.movable{background-color:#b6c79e;box-shadow:inset 0 0 0 1px #dce8b59e}.tile.skill-target{background-color:#baac87;box-shadow:inset 0 0 0 2px #f0d7a887}.tile.chosen-target{background-color:#c4a466;box-shadow:inset 0 0 0 3px #f6d68b}.terrain-art{position:absolute;width:75%;height:82%;pointer-events:none;filter:drop-shadow(1px 6px 3px #24392250)}.terrain-greenFlag .terrain-art,.terrain-blueFlag .terrain-art{width:62%;height:83%;opacity:.78;transform:translateY(-5px)}.terrain-vortex .terrain-art,.terrain-summonedVortex .terrain-art{width:75%;height:80%;filter:drop-shadow(0 0 5px #dfc1ff);animation:vortexPulse 3s ease-in-out infinite}.move-dot{width:12px;height:12px;background:#315c47c2;border:2px solid #d2e3a7a1;border-radius:50%;box-shadow:0 0 10px #def7b182;pointer-events:none;z-index:2}.capture-dot{width:74%;height:74%;background:transparent;border:3px solid #c17b48;box-shadow:0 0 12px #d78652}.target-crosshair{color:#755336;opacity:.75;z-index:2}.chosen-badge{width:22px;height:22px;background:#3d3526;border:1px solid #f5d38f;color:#f9dea1;position:absolute;top:4px;right:4px;border-radius:50%;font-size:11px;z-index:2}.bomb-marker{color:#b4502f;position:absolute;top:10%;right:10%;bottom:10%;left:10%;display:grid;place-items:center;pointer-events:none;z-index:3;background:#b95c2520;border:1px dashed #97441a;animation:bombPulse 1s infinite alternate}.bomb-marker.dud{color:#777350;border-color:#827441;background:#6f654020}.bomb-marker b{position:absolute;bottom:2px;right:4px;font-size:10px;line-height:1;background:#b3562f;color:#fff4d7;padding:2px 4px;border-radius:2px}.bomb-marker.dud b{background:#777350}.pieces-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform-style:preserve-3d;z-index:2}.piece{position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:left .52s cubic-bezier(.25,.8,.25,1),top .52s cubic-bezier(.25,.8,.25,1),filter .2s;z-index:3;transform-style:preserve-3d;animation:pieceIn .4s ease-out}.piece-art{width:88%;height:107%;position:relative;transform:translateY(-18%);filter:drop-shadow(2px 6px 2px #26372e66);z-index:3}.piece-shadow{position:absolute;width:64%;height:19%;border-radius:50%;background:#213e3a70;filter:blur(3px);bottom:15%}.piece-name{position:absolute;bottom:2%;left:50%;transform:translate(-50%);font-size:9px;white-space:nowrap;color:#213f35;line-height:1;background:#d2dfbdc2;padding:3px 6px;border:1px solid #42775b55;box-shadow:0 2px 3px #223e3233;border-radius:2px;font-weight:600;letter-spacing:1px;z-index:5}.piece.blue .piece-name{background:#c5dce1d6;color:#294760;border-color:#5e829e66}.selected-piece .piece-art{filter:drop-shadow(0 -2px 4px #fce4b28c) drop-shadow(2px 6px 2px #26372e66);transform:translateY(-23%) scale(1.07)}.selected-piece:before{content:"";position:absolute;bottom:5%;width:74%;height:28%;border:2px solid #f1dc95;box-shadow:0 0 15px #f6d56c80,inset 0 0 15px #f6d56c80;border-radius:50%;animation:selectionPulse 1.8s infinite}.charging .piece-art{filter:drop-shadow(0 0 5px #e9eaba) drop-shadow(0 0 12px #e6e5a29e)}.charge-ring{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border:2px solid #f4df9f;border-radius:50%;animation:charging 2s infinite;z-index:4}.piece-status{position:absolute;top:-8%;z-index:5;background:#2e4234ed;border:1px solid #d5ca88;color:#fff0b8;font-size:9px;padding:3px 5px;white-space:nowrap}.cooldown-badge{position:absolute;right:5%;top:10%;z-index:5;background:#193c3cdc;border:1px solid #cccfb2;color:#dee7cd;font-size:9px;border-radius:50%;width:17px;height:17px;display:grid;place-items:center}.column-labels{position:absolute;display:grid;grid-template-columns:repeat(8,1fr);left:0;right:0;top:-22px;color:#d1d6bd;font-family:Georgia,serif;font-size:10px;text-align:center;text-shadow:0 1px 3px #102923}.row-labels{position:absolute;display:grid;grid-template-rows:repeat(4,1fr);top:0;bottom:0;left:-21px;color:#d1d6bd;font-size:9px;font-family:Georgia,serif;align-items:center}.beta .row-labels{grid-template-rows:repeat(6,1fr)}.board-decoration{position:absolute;left:34%;right:34%;height:15px;background:linear-gradient(90deg,transparent,#bebc9744,transparent)}.ornament-top{top:9px;clip-path:polygon(0 50%,45% 40%,50% 0,55% 40%,100% 50%,55% 60%,50% 100%,45% 60%)}.ornament-bottom{bottom:2px;clip-path:polygon(0 50%,45% 40%,50% 0,55% 40%,100% 50%,55% 60%,50% 100%,45% 60%)}.board-underlight{position:absolute;bottom:-4%;left:10%;right:10%;height:30%;background:radial-gradient(ellipse,#8cbd9c25,transparent 65%);pointer-events:none;z-index:-1}.board-caption{height:37px;margin:11px 12px 0;padding:0 13px;display:flex;align-items:center;gap:9px;background:linear-gradient(90deg,#16302ac4,#253b3491,#102c2ab0);border-top:1px solid #d0cfaa2b;border-bottom:1px solid #d0cfaa20;font-size:10px;letter-spacing:.6px;color:#dfe7d4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.turn-light{width:5px;height:5px;border-radius:50%;flex-shrink:0}.turn-light.green{background:#99c69c;box-shadow:0 0 7px #9aba9e}.turn-light.blue{background:#a0c6e2;box-shadow:0 0 7px #739ccb}.coordinate{font-family:Georgia,serif;font-size:11px;margin-left:auto;color:#cbbf97}.terrain-legend{display:flex;align-items:center;justify-content:center;gap:18px;padding:16px 14px 0;font-size:9px;color:#d1d7c2;text-shadow:0 2px 3px #102a22}.terrain-legend>span{display:flex;gap:5px;align-items:center}.terrain-legend button{display:flex;gap:5px;align-items:center;margin-left:auto;color:#d2cba8;font-size:9px}.terrain-legend i{height:8px;width:8px;display:inline-block}.legend-flag{background:#91b895;clip-path:polygon(0 0,100% 10%,70% 50%,100% 80%,0 90%)}.legend-box{background:#b6a078;border:1px solid #d7c097}.legend-vortex{border:1px solid #c2bee3;border-radius:50%;box-shadow:0 0 5px #baaeec}.rotated{transform:rotate(180deg)}.battle-log{position:absolute;z-index:10;bottom:0;right:12px;width:300px;max-height:250px;overflow:auto;background:#152c2cf2;border:1px solid #c8c5a75a;padding:17px;box-shadow:0 8px 30px #061d1c99;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.battle-log>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px;color:#d3c498}.battle-log p{font-size:11px;color:#bbccc0;padding:7px 0;border-top:1px solid #aec5b81c}.right-sidebar{padding-top:4px}.player-panel,.unit-panel{border:1px solid var(--border);background:linear-gradient(135deg,#163330d9,#102727d4);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:18px 17px;box-shadow:0 6px 20px #091b1f1c}.player-identity{display:flex;align-items:center;gap:12px}.player-crest{width:42px;height:45px;border:1px solid #b8c09a55;display:grid;place-items:center;background:radial-gradient(ellipse,#54876c66,#24433722);clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%)}.player-crest.blue{background:radial-gradient(ellipse,#719bb766,#25444b22)}.player-crest svg{width:29px;height:33px}.player-identity small{font-size:9px;letter-spacing:1px;color:#9cae9f}.player-identity h2{font-family:"Noto Serif SC",serif;font-size:17px;font-weight:500;letter-spacing:2px;margin-top:4px}.status-dot{margin-left:auto;width:5px;height:5px;border-radius:50%}.status-dot.green{background:#a6cca4;box-shadow:0 0 8px #a6cca4}.status-dot.blue{background:#9cbed7;box-shadow:0 0 8px #9cbed7}.power-label{display:flex;justify-content:space-between;align-items:end;margin-top:21px;font-size:10px;color:#bdc9bc}.power-label strong{font-family:Georgia,serif;font-size:21px;font-weight:400;color:#e2d2a6}.power-label small{color:#9da88c;font-size:11px}.power-bar{display:flex;gap:4px;margin-top:9px}.power-bar i{height:3px;flex:1;background:#87988235}.power-bar i.green{background:#a6bc8e;box-shadow:0 0 6px #aac88326}.power-bar i.blue{background:#82a9be}.army-line{display:flex;align-items:center;height:47px;gap:2px;margin-top:7px}.army-line button{width:32px;height:39px}.army-line button:hover{transform:translateY(-3px)}.army-line svg{width:100%;height:100%;filter:drop-shadow(0 3px 2px #061c1e55)}.panel-divider{height:1px;background:linear-gradient(90deg,#a7baa026,#b6c1a135,transparent);margin:7px 0 13px}.opponent-line{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a6b9ba}.opponent-line span{display:flex;gap:6px;align-items:center}.opponent-line b{font-weight:400;color:#c1cac4}.team-switch{display:flex;margin-top:12px;border:1px solid #a4b89c3b}.team-switch button{flex:1;font-size:10px;letter-spacing:1px;padding:6px;color:#9cb0a8}.team-switch button.on{background:#85a38438;color:#c9e7b9}.team-switch button.on.blue{background:#4b8dab3d;color:#b4d4e7}.unit-panel{margin-top:17px;padding-top:13px}.panel-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#b8c6b7;letter-spacing:1px}.panel-label button{color:#afbb9b}.unit-feature{position:relative;height:113px;display:flex;justify-content:center;align-items:center;margin:6px 0 4px}.unit-feature>svg{width:102px;height:112px;z-index:1;filter:drop-shadow(0 8px 9px #071f1d66)}.unit-aura{position:absolute;top:5%;right:5%;bottom:5%;left:5%;background:radial-gradient(ellipse,#8da77d33,transparent 68%)}.unit-feature:after{content:"";width:108px;height:28px;position:absolute;bottom:1px;border:1px solid #adbb8033;border-radius:50%;box-shadow:0 0 10px #78906420,inset 0 0 10px #78906420}.unit-cost{position:absolute;right:0;top:25px;color:#d7c392;font-family:Georgia,serif;font-size:23px;text-align:center}.unit-cost small{display:block;font-family:Microsoft YaHei,sans-serif;font-size:8px;color:#b9bda1;margin-top:3px}.unit-panel h3{font-family:"Noto Serif SC",serif;font-size:20px;letter-spacing:2px;font-weight:500;color:#e6ddc0}.unit-panel h3 span{font-family:Microsoft YaHei,sans-serif;display:block;font-size:9px;color:#a8bca2;margin-top:6px;letter-spacing:1.2px;font-weight:400}.unit-panel>p{font-size:10px;line-height:1.9;color:#bccab8;margin-top:12px;min-height:38px}.deploy-detail{display:flex;align-items:center;gap:6px;font-size:9px;color:#c6ba91;margin-top:12px;padding-top:12px;border-top:1px solid #bdc09d22}.remove-piece{display:flex;gap:5px;align-items:center;font-size:10px;color:#d5b79b;margin-top:12px}.remove-piece:hover{color:#f0a080}.skill-button{width:100%;padding:11px 10px;display:flex;gap:7px;align-items:center;font-size:11px;margin-top:14px;border:1px solid #d5c08766;background:#ad9d612b;color:#e7d5a8}.skill-button>span{margin-left:auto;font-size:8px;color:#adaf97}.skill-button.on{background:#beaa6855;border-color:#ecd8a4}.skill-button:disabled{opacity:.4}.deployment-dock{margin:0 3.4%;padding:18px 0 20px;border-top:1px solid #d6ceb738;position:relative;background:linear-gradient(0deg,#102022aa,transparent)}.deployment-dock:before,.deployment-dock:after{content:"";position:absolute;top:-3px;height:5px;width:5px;background:#cabc94;transform:rotate(45deg)}.deployment-dock:before{left:0}.deployment-dock:after{right:0}.dock-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.dock-heading>div{display:flex;gap:9px;align-items:center}.dock-heading>div>svg{color:#cebd8a}.dock-heading h2{font-family:"Noto Serif SC",serif;font-size:16px;letter-spacing:2px;font-weight:500;color:#e2d9c0}.dock-heading div>span{font-size:9px;color:#aebbad;letter-spacing:1px;margin-left:9px}.dock-heading>button{display:flex;gap:6px;align-items:center;font-size:10px;color:#bbbfaa}.dock-heading>button:hover{color:#e5d299}.dock-content{display:flex;gap:25px;align-items:stretch}.unit-roster{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;flex:1;min-width:0}.roster-card{height:97px;position:relative;display:flex;align-items:center;border:1px solid #acb99c31;text-align:left;background:linear-gradient(135deg,#39483c66,#142f2ec9);overflow:hidden;padding:0 9px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.roster-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 55%,#83987022,transparent 65%)}.roster-card.selected{border-color:#cbb680;background:linear-gradient(120deg,#7a805249,#2d4838a9)}.roster-card.selected:after{content:"";position:absolute;bottom:0;left:25%;right:25%;height:2px;background:linear-gradient(90deg,transparent,#e4ca86,transparent)}.roster-card:hover{background:linear-gradient(120deg,#6a7b5055,#23443dc9);transform:translateY(-3px);border-color:#d0c28e8c}.roster-number{position:absolute;top:8px;left:8px;font-family:Georgia,serif;font-size:8px;font-style:italic;letter-spacing:1px;color:#d7cc9c6b}.roster-card>svg{width:69px;height:81px;position:relative;flex-shrink:0;filter:drop-shadow(2px 6px 3px #102a2255);margin-top:5px;z-index:1}.roster-card>div{position:relative;margin-left:1px;margin-top:3px;white-space:nowrap}.roster-card strong{font-family:"Noto Serif SC",serif;font-weight:500;font-size:14px;color:#e3dec7;letter-spacing:1px;display:block}.roster-card div>span{font-size:8px;letter-spacing:.7px;color:#a6b9a6;display:block;margin-top:7px}.roster-cost{font-family:Georgia,serif;position:absolute;top:7px;right:9px;font-size:13px;color:#d4c48e;line-height:1;font-weight:400}.roster-cost small{font-family:Microsoft YaHei,sans-serif;font-size:7px;font-weight:400;margin-left:3px;color:#afba9d}.roster-check{position:absolute;bottom:0;right:0;background:#c7b580;color:#213831;width:17px;height:17px;display:grid;place-items:center;clip-path:polygon(100% 0,100% 100%,0 100%)}.roster-check svg{margin:5px 0 0 5px}.start-area{display:flex;flex-direction:column;justify-content:center;min-width:215px;gap:10px}.primary-button{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:19px 24px;color:#27392e;background:linear-gradient(120deg,#eee2b4,#c6b27b);border:1px solid #f2dfab;box-shadow:inset 0 0 0 4px #dec994,0 6px 21px #011b1c66;letter-spacing:3px;font-family:"Noto Serif SC",serif;font-size:19px;font-weight:600;white-space:nowrap;overflow:hidden}.primary-button:after{content:"";position:absolute;top:-40px;bottom:-40px;width:35px;left:-70px;background:#fff7d75c;transform:rotate(25deg);transition:left .6s ease}.primary-button:hover{background:linear-gradient(120deg,#f2e9c8,#dfc890);transform:translateY(-2px);box-shadow:inset 0 0 0 4px #dfd1aa,0 10px 25px #04191a77}.primary-button:hover:after{left:130%}.primary-button:disabled{filter:saturate(.3);opacity:.6;transform:none}.start-area>span{font-size:9px;color:#c2c7b3;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:6px}.start-area>span i{width:4px;height:4px;border-radius:50%;background:#afc699}.secondary-action{font-size:17px;padding:20px 19px}.bottomline{margin:0 3.4%;border-top:1px solid #bfceb31a;display:flex;justify-content:space-between;padding:11px 0 13px;font-size:8px;letter-spacing:1.2px;color:#849c94}.bottomline span{display:flex;align-items:center;gap:10px}.bottomline i{height:3px;width:3px;background:#899a7e;transform:rotate(45deg)}.toast{position:fixed;bottom:205px;left:50%;transform:translate(-50%);background:#16312ff5;border:1px solid #d3c59a88;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 28px #001a1b88;display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:1px;color:#e2d7b6;padding:14px 23px;z-index:100;animation:toastIn .2s ease-out;max-width:90vw}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#06181ac9;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;z-index:50;padding:30px;animation:modalIn .25s ease}.modal{width:760px;max-width:100%;max-height:88svh;overflow:auto;position:relative;background:linear-gradient(135deg,#293e35,#112e2c);border:1px solid #cfc39865;box-shadow:0 25px 80px #00161999,inset 0 0 0 5px #b1b48e0a;padding:39px 44px;color:#dce3d4}.modal:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#ded4aa,transparent)}.modal-close{position:absolute;right:15px;top:15px;color:#c5c9b1}.modal>.eyebrow{color:#cbbc89;margin-bottom:9px;font-size:9px}.modal h2{font-family:"Noto Serif SC",serif;font-size:27px;letter-spacing:3px;font-weight:500;color:#ebe0c3}.rule-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0 24px}.rule-highlights>div{text-align:center;padding:20px 15px;background:linear-gradient(135deg,#abb88d15,#23403655);border:1px solid #c4c09a2b}.rule-highlights svg{color:#d4c28e;margin-bottom:11px}.rule-highlights strong{display:block;font-family:"Noto Serif SC",serif;font-size:16px;letter-spacing:2px;font-weight:500;color:#e8dbb8}.rule-highlights p{font-size:11px;line-height:1.9;color:#b6c6b3;margin-top:8px}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 29px}.rules-grid h3{font-size:13px;letter-spacing:1px;color:#d7c89e;margin-bottom:10px;font-weight:500}.rules-grid p{font-size:11px;line-height:1.9;color:#b8c8b8;margin-top:6px}.rules-guide-link{display:flex;align-items:center;justify-content:center;gap:9px;color:#d8c69a;font-size:12px;width:100%;padding-top:23px;margin-top:24px;border-top:1px solid #bdc09a2b}.guide-tabs{display:flex;border-bottom:1px solid #bcb88d3b;margin-top:25px;gap:25px}.guide-tabs button{font-size:12px;letter-spacing:1px;padding:10px 2px 14px;color:#afc0b0;position:relative}.guide-tabs button.on{color:#e1c98f}.guide-tabs button.on:after{content:"";height:2px;left:0;right:0;position:absolute;bottom:-1px;background:#d6bd81}.unit-guide{display:grid;grid-template-columns:220px 1fr;gap:25px;margin-top:22px;align-items:center}.guide-art{position:relative;display:grid;place-items:center;height:270px;background:radial-gradient(ellipse,#799c5733,transparent 65%)}.guide-art>svg{width:200px;height:240px;position:relative;z-index:1;filter:drop-shadow(0 13px 10px #021b1b66);animation:artFloat 4s infinite ease-in-out}.guide-art-ground{position:absolute;bottom:5%;height:60px;width:200px;border:1px solid #b6c18744;border-radius:50%;box-shadow:0 0 30px #738c6520,inset 0 0 30px #aebc7020}.guide-tag{font-size:10px;letter-spacing:2px;color:#b4c3a5}.unit-guide h3{font-family:"Noto Serif SC",serif;font-size:28px;font-weight:500;letter-spacing:2px;display:flex;align-items:center;justify-content:space-between;color:#e9d8b2;margin-top:10px}.unit-guide h3 b{font-family:Microsoft YaHei,sans-serif;font-size:10px;font-weight:400;color:#d5cba3;border:1px solid #baae8155;padding:5px 8px}.unit-guide p{font-size:12px;line-height:1.9;margin:15px 0 16px;color:#c2ccba}.guide-fact{display:flex;gap:10px;align-items:center;font-size:10px;padding:9px 0;border-top:1px solid #bec59e25;color:#b8c6b2}.guide-fact svg{color:#bcb788}.guide-fact strong{font-weight:400;margin-left:auto;color:#d1d9c2}.unit-guide p.guide-note{font-size:10px;color:#d2bf92;margin:12px 0 0}.restart-modal{max-width:410px;text-align:center;padding:43px 37px}.modal-emblem{display:grid;place-items:center;width:58px;height:58px;border:1px solid #caba8c55;margin:0 auto 25px;color:#dec891;transform:rotate(45deg);background:#a5aa7222}.modal-emblem svg{transform:rotate(-45deg)}.restart-modal>p{font-size:12px;color:#b6c7b8;margin:18px 0 26px}.restart-modal .primary-button{width:100%;font-size:16px;padding:15px 20px}.text-button{display:block;font-size:11px;letter-spacing:1px;color:#bdc9b4;margin:20px auto 0}.text-button:hover{color:#ead8a6}.victory-backdrop{z-index:60;background:#061c1bd9}.victory-modal{position:relative;text-align:center;width:440px;padding:50px;background:radial-gradient(ellipse at 50% 25%,#54735870,#122d2dd1);border:1px solid #dbca9555;overflow:hidden;box-shadow:0 10px 80px #00161688}.victory-modal>svg{width:87px;height:107px;filter:drop-shadow(0 0 14px #d8c28070);margin-bottom:23px}.victory-modal>.eyebrow{justify-content:center;color:#c1b77c}.victory-modal h2{font-family:"Noto Serif SC",serif;font-size:36px;font-weight:500;letter-spacing:6px;color:#e9d6a0;margin-top:15px}.victory-modal p{font-size:11px;color:#b9ccb9;line-height:1.9;margin:19px 0 29px}.victory-modal .primary-button{font-size:17px;padding:16px 20px}.victory-rays{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(from 15deg at 50% 35%,transparent 0deg 15deg,#d1c48108 15deg 20deg);pointer-events:none;animation:raySpin 40s linear infinite;transform:scale(2)}.board-effect{position:absolute;pointer-events:none;z-index:6;width:70px;height:70px;border-radius:50%;transform:translate(-50%,-50%);opacity:0}.effect-move{width:38px;height:22px;border:2px solid #e4e2b9;animation:moveRipple .6s ease-out}.effect-capture,.effect-explosion{background:radial-gradient(circle,#fff7cd 0%,#f6ce6866 30%,#ce723466 50%,transparent 72%);animation:explosion .7s ease-out}.effect-teleport,.effect-vortex{border:3px solid #b7a6eb;box-shadow:0 0 25px #c8b8ee;background:#aa98db50;animation:teleport .8s ease-out}.effect-shot{background:radial-gradient(ellipse,#fff7cc,#e4bb6880,transparent 70%);animation:shot .6s ease-out}.effect-win{border:3px solid #e9d38a;animation:teleport 1s ease-out}@keyframes sceneIn{0%{transform:scale(1.04);filter:brightness(.6)}to{transform:scale(1);filter:brightness(1)}}@keyframes floatParticle{0%{opacity:0;transform:translateY(0)}15%{opacity:.5}80%{opacity:.25}to{opacity:0;transform:translate(30px,-400px)}}@keyframes pieceIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes selectionPulse{50%{opacity:.5;box-shadow:0 0 8px #f6d56c66}}@keyframes vortexPulse{50%{opacity:.65;transform:scale(.9)}}@keyframes bombPulse{to{opacity:.65;background:#b95c2540}}@keyframes charging{0%,to{opacity:.6;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}@keyframes toastIn{0%{opacity:0;margin-bottom:-10px}to{opacity:1;margin-bottom:0}}@keyframes modalIn{0%{opacity:0}to{opacity:1}}@keyframes artFloat{50%{transform:translateY(-6px)}}@keyframes raySpin{to{transform:scale(2) rotate(360deg)}}@keyframes moveRipple{0%{opacity:.7;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}@keyframes explosion{0%{opacity:1;transform:translate(-50%,-50%) scale(.2)}55%{opacity:.9;transform:translate(-50%,-50%) scale(1.6)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}@keyframes teleport{0%{opacity:1;transform:translate(-50%,-50%) scale(.2) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8) rotate(180deg)}}@keyframes shot{0%{opacity:1;transform:translate(-50%,-50%) scaleX(.2)}70%{opacity:.8;transform:translate(-50%,-50%) scaleX(1.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}@media(min-width:1600px){.main-layout{grid-template-columns:220px minmax(500px,1fr) 245px;gap:45px;margin-top:40px;margin-bottom:35px}.map-cover{height:112px;background-size:auto,300px}.mini-map{left:55px;top:27px}.mini-map.beta{left:60px;top:14px}.map-card-body{padding:15px}.board-stage{padding-top:30px}.versus-bar{margin-top:32px;margin-bottom:22px}.roster-card{height:111px}.roster-card>svg{width:84px;height:98px}.roster-card strong{font-size:16px}.roster-card div>span{font-size:9px}.start-area{min-width:255px}.unit-feature{height:132px}.unit-feature>svg{width:119px;height:130px}.unit-panel>p{font-size:11px}.player-panel,.unit-panel{padding:20px}.army-line{height:57px}.army-line button{height:45px;width:37px}.mode-button{padding:17px 15px}.board-caption{font-size:12px;height:43px}.piece-name{font-size:11px}.topbar{height:100px}}@media(max-width:1250px){.main-layout{grid-template-columns:170px minmax(380px,1fr) 188px;gap:23px;width:94%;margin-top:25px}.topbar{margin:0 3%;gap:48px}.topbar nav{gap:30px}.left-sidebar>.eyebrow,.mode-section>.eyebrow{letter-spacing:1.4px}.eyebrow span{font-size:10px}.map-cover{height:84px}.mini-map{left:31px;width:103px;top:14px}.mini-map.beta{left:36px;top:5px}.map-card-body{padding:10px}.mode-button{padding:13px 10px;gap:8px}.mode-button div span{font-size:8px}.help-link{font-size:8px;gap:4px}.right-sidebar .player-panel,.unit-panel{padding:14px}.player-identity{gap:8px}.player-identity h2{font-size:15px;letter-spacing:1px}.player-crest{width:35px;height:40px}.player-identity small{font-size:8px}.army-line button{width:28px;height:34px}.unit-feature{height:100px}.unit-feature>svg{height:102px;width:91px}.unit-panel h3{font-size:18px}.unit-panel p{font-size:9px}.deploy-detail{font-size:8px;gap:4px}.battlefield-heading h1{font-size:27px;gap:12px}.battlefield-heading h1>span{font-size:9px;padding:4px 7px}.chapter{letter-spacing:2.5px;font-size:7px}.versus-bar{margin-top:27px}.board-stage{padding-left:8px;padding-right:8px;min-height:270px}.board-caption{font-size:9px;padding:0 9px}.deployment-dock{margin:0 3%}.dock-content{gap:18px}.unit-roster{gap:8px}.roster-card{padding:0 5px;height:87px}.roster-card>svg{height:70px;width:57px}.roster-card strong{font-size:12px;letter-spacing:.5px}.roster-card div>span{font-size:7px;letter-spacing:0}.roster-cost{font-size:11px;right:6px;top:8px}.roster-cost small{font-size:6px}.start-area{min-width:190px}.primary-button{font-size:17px;padding:17px}.bottomline{margin:0 3%}.terrain-legend{font-size:8px;gap:12px}.board-perspective{margin-left:8px;margin-right:4px}}@media(max-height:820px)and (min-width:1000px){.topbar{height:76px}.brand strong{font-size:31px}.brand>svg{width:41px;height:50px}.main-layout{margin-top:24px;margin-bottom:17px}.map-cover{height:76px}.mini-map{top:10px}.mini-map.beta{top:0}.mode-section{margin-top:20px}.mode-button{padding-top:12px;padding-bottom:12px}.help-link{margin-top:16px}.versus-bar{margin-top:20px;margin-bottom:7px}.board-stage{padding-top:20px;padding-bottom:11px}.unit-feature{height:95px}.unit-feature>svg{height:100px;width:90px}.unit-panel{margin-top:14px}.unit-panel>p{margin-top:9px}.unit-panel h3{font-size:18px}.player-panel{padding:15px}.power-label{margin-top:15px}.army-line{height:40px}.deploy-detail{margin-top:9px;padding-top:9px}.board-caption{margin-top:7px}.terrain-legend{padding-top:11px}.deployment-dock{padding-top:14px;padding-bottom:15px}.dock-heading{margin-bottom:11px}.roster-card{height:84px}.roster-card>svg{height:75px;width:63px}.bottomline{padding-top:8px;padding-bottom:8px}.beta .main-layout{margin-top:16px}.beta .versus-bar{margin-top:10px}.beta .board-stage{padding-top:13px;padding-bottom:5px}.beta .board-perspective{margin-bottom:12px}.beta .board-caption{margin-top:2px}}@media(max-width:1000px){.topbar{height:74px;gap:30px}.topbar nav{gap:20px}.topbar nav button{font-size:12px;min-width:68px}.brand>svg{width:38px;height:45px}.brand strong{font-size:28px}.brand span{font-size:7px;letter-spacing:4px}.header-tools{gap:8px}.local-badge{display:none}.main-layout{grid-template-columns:145px minmax(380px,1fr);gap:22px;width:93%;margin-top:25px}.right-sidebar{display:none}.map-cover{height:78px}.mini-map{left:21px;width:98px;top:13px}.mini-map.beta{left:25px;top:2px;width:91px}.mode-button{gap:7px;padding:12px 8px}.mode-button>svg{width:15px}.mode-button strong{font-size:11px}.mode-button div span{font-size:7px}.mode-button i{display:none}.help-link{font-size:7px;white-space:normal}.map-card-body strong{font-size:12px}.map-card-body>span{font-size:9px}.eyebrow{font-size:7px;gap:6px}.eyebrow span{font-size:9px}.dock-content{flex-direction:column;gap:13px}.start-area{flex-direction:row;align-items:center;gap:20px}.primary-button{min-width:230px;padding:14px 23px;font-size:17px}.start-area>span{font-size:10px}.roster-card{height:88px;padding:0 7px}.roster-card>svg{width:58px}.roster-card strong{font-size:12px}.bottomline{font-size:7px}.toast{bottom:230px}.app{min-height:800px}.board-stage{min-height:280px}.piece-name{font-size:8px}}@media(max-width:680px){.app{min-height:100svh}.scene{background-position:65% center;background-attachment:fixed}.topbar{margin:0 5%;gap:12px;height:72px}.brand{gap:5px}.brand>svg{width:30px;height:37px}.brand strong{font-size:24px;letter-spacing:3px}.brand span{font-size:6px;letter-spacing:3px}.topbar nav{margin-left:auto;gap:17px}.topbar nav button{font-size:10px;letter-spacing:0;min-width:0}.topbar nav button:first-child{display:none}.header-tools{gap:2px;margin-left:0}.icon-button{width:25px}.header-tools button:last-child{display:none}.main-layout{width:92%;display:flex;flex-direction:column;margin-top:18px;gap:21px}.left-sidebar{display:flex;width:100%;align-items:center;gap:9px;flex-wrap:wrap}.left-sidebar>.eyebrow,.mode-section>.eyebrow,.help-link{display:none}.map-card{width:calc(50% - 5px);margin:0;display:flex;height:62px}.map-cover{width:76px;height:100%;flex-shrink:0;background-size:auto,180px}.mini-map{left:11px;top:12px;width:55px;gap:2px}.mini-map.beta{left:12px;top:7px;width:50px;gap:1px}.map-number{font-size:7px;top:4px;left:5px}.map-check{height:12px;width:12px;bottom:3px;right:3px}.map-card-body{padding:11px 10px;flex:1}.map-card-body strong{font-size:11px}.map-card-body>span{font-size:8px;letter-spacing:0;gap:4px;margin-top:8px}.mode-section{width:100%;margin:1px 0 0;display:flex;gap:9px}.mode-button{margin:0;flex:1;height:39px;padding:9px 12px;gap:7px}.mode-button div{display:flex;align-items:center;gap:9px}.mode-button div span{font-size:7px;margin-top:0}.mode-button strong{font-size:10px}.mode-button>i{display:block;margin-left:auto;width:8px;height:8px}.mode-button.selected>i{border-width:2px}.battlefield{width:100%}.chapter{font-size:6px;letter-spacing:2px;margin-bottom:5px}.battlefield-heading h1{font-size:24px}.battlefield-heading h1>span{font-size:8px;padding:4px 6px}.small-tool{padding:7px}.versus-bar{margin-top:23px;margin-bottom:15px;gap:25px}.faction strong{font-size:15px}.faction span{font-size:8px}.faction svg{width:15px}.board-stage{min-height:0;padding:15px 2px 20px}.board-perspective{margin:7px 3px 10px 9px;transform:rotateX(11deg)}.board{border-width:4px;box-shadow:0 1px 0 1px #dbd0aa,0 8px #263e35,0 10px 0 1px #a89e73,0 13px #182f2a,0 23px 23px #041b1a99}.board-grid{gap:1px;padding:1px}.column-labels{font-size:7px;top:-16px}.row-labels{font-size:7px;left:-14px}.piece-art{width:93%;height:115%;transform:translateY(-17%)}.piece-name{font-size:6px;letter-spacing:0;padding:2px 3px;bottom:-1%}.selected-piece .piece-art{transform:translateY(-23%) scale(1.03)}.board-caption{margin:11px 0 0;font-size:8px;height:34px;letter-spacing:0;padding:0 8px}.terrain-legend{padding:13px 4px 0;gap:12px}.terrain-legend button{font-size:8px}.deploy-zone.green:after{top:2px;right:2px;bottom:2px;left:2px}.move-dot{width:9px;height:9px;border-width:1px}.capture-dot{width:80%;height:80%;border-width:2px}.target-crosshair{width:17px}.bomb-marker svg{width:21px}.bomb-marker b{font-size:7px;padding:1px 2px}.cooldown-badge{font-size:7px;width:12px;height:12px}.piece-status{font-size:6px;padding:2px 3px}.deployment-dock{margin:0 4%;padding:18px 0 16px}.dock-heading{margin-bottom:12px}.dock-heading h2{font-size:14px}.dock-heading div>span{font-size:7px;margin-left:2px;letter-spacing:0}.dock-heading>button{font-size:8px;gap:4px}.dock-heading>div{gap:5px}.dock-heading svg{width:14px}.unit-roster{grid-template-columns:repeat(5,1fr);gap:5px}.roster-card{height:111px;padding:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.roster-card>svg{width:52px;height:68px;margin-top:11px}.roster-card>div{margin:0;text-align:center}.roster-card strong{font-size:10px;letter-spacing:0}.roster-card div>span{font-size:6px;margin-top:5px;letter-spacing:0}.roster-number{font-size:6px;top:5px;left:5px}.roster-cost{font-size:9px;right:4px;top:5px}.roster-cost small{font-size:5px;margin-left:1px}.start-area{flex-direction:column;gap:10px;margin-top:7px}.start-area .primary-button{width:100%;font-size:18px;padding:16px}.start-area>span{font-size:9px}.bottomline{padding:11px 0;margin:0 4%;font-size:6px;letter-spacing:.5px}.bottomline span{gap:5px}.toast{bottom:30px;white-space:normal;font-size:10px;letter-spacing:0;padding:11px 15px;max-width:92%;width:max-content}.modal-backdrop{padding:15px}.modal{padding:29px 23px;max-height:90svh}.modal h2{font-size:22px;letter-spacing:1px}.modal-close{top:10px;right:10px}.rule-highlights{gap:7px;margin:23px 0 20px}.rule-highlights>div{padding:17px 4px}.rule-highlights strong{font-size:12px;letter-spacing:0}.rule-highlights svg{width:21px;height:21px}.rule-highlights p{font-size:8px}.rules-grid{gap:19px 18px}.rules-grid h3{font-size:11px;margin-bottom:8px}.rules-grid p{font-size:9px;line-height:1.8}.guide-tabs{gap:0;justify-content:space-between}.guide-tabs button{font-size:10px;letter-spacing:0}.unit-guide{grid-template-columns:1fr;gap:10px;margin-top:10px}.guide-art{height:160px}.guide-art>svg{width:145px;height:160px}.guide-art-ground{width:150px;height:40px;bottom:0}.unit-guide h3{font-size:25px}.unit-guide p{font-size:11px}.guide-fact{font-size:9px}.restart-modal{padding:40px 25px}.victory-modal{padding:40px 30px;max-width:90vw}.victory-modal h2{font-size:30px}.victory-modal .primary-button{width:100%;min-width:0}.battle-log{width:260px;right:0;bottom:0}.board-effect{width:45px;height:45px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.board-effect{display:none}}.projectile-effects{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:7;overflow:visible}.arrow-flight{opacity:0;filter:drop-shadow(0 0 5px #f5d791);animation:arrowFlight .7s ease-out}.arrow-flight line{stroke-dasharray:30 420;animation:arrowTrace .6s ease-out}.compact-piece-actions{display:none}@keyframes arrowFlight{0%{opacity:0}15%,65%{opacity:1}to{opacity:0}}@keyframes arrowTrace{0%{stroke-dashoffset:300}to{stroke-dashoffset:-400}}@media(max-width:1000px){.compact-piece-actions{display:flex;align-items:center;justify-content:space-between;margin:5px 12px 0;font-size:10px;color:#dacba3;min-height:32px;padding:5px 10px;background:#1b3731b3;border:1px solid #c8c49642}.compact-piece-actions button{display:flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid #dcc68d80;background:#bba77132;color:#ead6a3;font-size:10px}.compact-piece-actions button:disabled{opacity:.45}.compact-piece-actions>span:last-child{font-size:9px;color:#afc3ac}}@media(max-width:680px){.compact-piece-actions{margin:5px 0 0;font-size:9px}.compact-piece-actions button{font-size:9px}}.dock-tools{display:flex;align-items:center;gap:15px}.dock-tools>button{display:flex;gap:6px;align-items:center;font-size:10px;color:#bbbfaa}.compact-team-switch{margin:0;min-width:156px}.compact-team-switch button{padding:5px 9px;font-size:9px}.compact-team-switch{display:none}@media(min-width:1001px){.board-stage{max-width:min(900px,calc((100svh - 588px)*2))}.beta .board-stage{max-width:min(780px,calc((100svh - 588px)*1.5))}}@media(max-height:820px)and (min-width:1001px){.board-stage{max-width:min(820px,calc((100svh - 492px)*2))}.beta .board-stage{max-width:min(680px,calc((100svh - 475px)*1.5))}.map-cover{height:66px}.mini-map{top:5px}.mini-map.beta{top:-4px}.mode-button{padding-top:10px;padding-bottom:10px}}@media(max-height:660px)and (min-width:1001px){.app{min-height:660px}.board-stage{max-width:400px}.beta .board-stage{max-width:330px}}@media(max-width:1000px){.compact-team-switch{display:flex}.dock-heading div>span{font-size:8px}.dock-tools{gap:10px}}@media(max-width:680px){.dock-heading{flex-wrap:wrap;gap:11px}.dock-tools{margin-left:auto}.compact-team-switch{min-width:145px}.compact-team-switch button{font-size:8px;padding:5px 8px}.dock-tools>button{font-size:8px}.dock-tools svg{width:11px}}@media(min-width:1600px)and (min-height:821px){.board-stage{max-width:min(900px,calc((100svh - 637px)*2))}.beta .board-stage{max-width:min(780px,calc((100svh - 637px)*1.5))}}.piece-name{max-width:98%;overflow:hidden;text-overflow:ellipsis}.battlefield-heading>div{min-width:0;flex:1}.battlefield-heading h1{min-width:0}.battlefield-title{font:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.battlefield-heading h1>span,.battlefield-heading>.small-tool{flex-shrink:0}.draggable-piece{cursor:grab;user-select:none;-webkit-user-select:none}.draggable-piece:active{cursor:grabbing}.piece-drag-ghost{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 12px 12px #061c1ca6);-webkit-user-select:none;user-select:none}.piece-drag-ghost .piece-art{transform:translateY(-22%) scale(1.07)}.piece-drag-ghost.discarding .piece-art{filter:drop-shadow(0 0 9px #ee8d70);opacity:.75}.piece-drag-ghost.discarding .piece-name{background:#6e302ce8;border:1px solid #e3a18a;color:#ffe5ce;font-size:11px;padding:5px 10px}.custom-map-picker{display:flex;align-items:center;gap:4px;border:1px solid #b7c6b542;background:#17332bcc;padding:4px;margin-top:12px}.custom-map-picker select,.custom-unit-picker select{background:transparent;border:0;color:#dfdfc4;min-width:0;outline-offset:4px;font:inherit}.custom-map-picker select{width:100%;font-size:11px;height:32px}.custom-map-picker button{height:36px;min-width:36px;display:grid;place-items:center;color:#cfbd8b}.custom-map-picker option,.custom-unit-picker option{background:#1d3730;color:#f1e7ca}.custom-unit-picker{display:flex;align-items:center;gap:14px;margin-bottom:12px;font-size:11px;min-height:36px}.custom-unit-picker label{color:#cbbd96;white-space:nowrap}.custom-unit-picker label span{font-size:8px;margin-left:7px;border:1px solid #bcb18b66;padding:2px 5px}.custom-unit-picker select{border-bottom:1px solid #bfcab254;padding:8px 4px;max-width:230px;min-width:150px}.custom-unit-picker button{display:flex;align-items:center;gap:5px;margin-left:auto;color:#d3c294;min-height:36px}.custom-unit-summary{font-size:10px;color:#bfcdb9}.prepare-view .icon-button,.prepare-view .dock-tools>button{min-width:36px;min-height:36px}.prepare-view .army-line{flex-wrap:wrap;height:auto;min-height:45px}@media(max-width:1000px){.prepare-view{min-height:100svh}.custom-unit-summary{display:none}.custom-map-picker{margin-top:0}.custom-unit-picker{font-size:10px;gap:9px}}@media(max-width:680px){.custom-map-picker{width:100%}.custom-map-picker select{height:34px}.custom-unit-picker{flex-wrap:wrap;gap:6px;margin-bottom:14px}.custom-unit-picker select{flex:1}.custom-unit-picker button{font-size:10px}.prepare-view .dock-heading div>span{display:none}.prepare-view .icon-button{min-width:36px}.prepare-view .topbar nav{gap:12px}.custom-unit-picker label span{margin-left:4px}}@media(min-width:1001px){.prepare-view .board-stage{max-width:min(820px,calc((100svh - 330px)*2))}.prepare-view.beta .board-stage{max-width:min(700px,calc((100svh - 300px)*1.5))}}.charge-aim{color:#efd48c;opacity:.7;filter:drop-shadow(0 0 3px #d1b96a66)}.charge-aim.blue{color:#9cd9ef}.charge-aim line{stroke:currentColor;stroke-width:2;stroke-dasharray:7 8}.charge-aim circle{fill:none;stroke:currentColor;stroke-width:2}.charge-direction{font-size:12px;line-height:.7}@media(max-width:680px){.charge-direction{font-size:9px}}.app.battle-view{height:100svh;min-height:0;overflow:hidden}.app.battle-view .scene-shade{background:radial-gradient(ellipse at 48% 45%,#183b2530,#0824206b 64%,#061b21cf),linear-gradient(180deg,#0c222866,transparent 25%,#08212168)}.match-page{position:relative;width:100%;height:100%;min-height:0;flex:1;overflow:hidden}.match-board{position:absolute;top:0;right:0;bottom:0;left:0}.match-board>.board-viewport{height:100%;min-height:0}.match-turn-card{position:absolute;top:calc(20px + env(safe-area-inset-top));left:calc(22px + env(safe-area-inset-left));z-index:10;display:flex;align-items:center;gap:12px;padding:12px 17px;color:#d5e2c9;border:1px solid #cbd9ab38;background:linear-gradient(125deg,#233e32eb,#112e29de);border-radius:5px;box-shadow:0 6px 24px #061c2645;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none}.match-turn-card.blue{color:#c9e3ed;background:linear-gradient(125deg,#203a43ed,#112c30de);border-color:#add3df40}.match-turn-card>svg{color:#b5d3a7}.match-turn-card.blue>svg{color:#a5cfe8}.match-turn-card strong{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:500;letter-spacing:1px}.match-turn-card strong>span{font-size:8px;letter-spacing:0;color:#b5c7b0}.match-round{display:flex;gap:10px;align-items:center;font-size:9px;color:#b5c4ac;margin-top:6px}.match-round small{font-size:9px;color:#abbbb0}.match-counts{display:flex;gap:8px;align-items:center;margin-top:5px;font-size:8px;color:#a9bcab}.match-counts .blue{color:#a4c5d4}.match-counts i{height:2px;width:2px;background:#c5c69f;border-radius:50%}.match-utilities{position:absolute;top:calc(21px + env(safe-area-inset-top));right:calc(22px + env(safe-area-inset-right));z-index:12;display:flex;align-items:center;gap:7px}.match-utilities .reference-button,.match-icon-button{height:38px;border:1px solid #c2c5a638;background:#17312bea;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:4px}.match-icon-button{width:38px;display:grid;place-items:center;color:#cccfb7}.match-icon-button:hover{color:#f2dca7;border-color:#d1bc7f80}.match-tools-panel{position:absolute;top:48px;right:0;display:grid;grid-template-columns:1fr 1fr;width:236px;padding:6px;gap:4px;background:#16332bf5;border:1px solid #cbd0a54d;border-radius:5px;box-shadow:0 10px 40px #061b2480;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.match-tools-panel button{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;font-size:11px;color:#cbd7c1;border-radius:3px}.match-tools-panel button:hover{background:#b9c59021;color:#f0dbab}.match-floating-panel{position:absolute;right:22px;top:77px;bottom:140px;z-index:11;width:286px;max-height:460px;border:1px solid #c9d1ac48;border-radius:5px;background:#17332ded;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 45px #061b2480;display:flex;flex-direction:column}.match-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid #bac99b25;font-size:12px;color:#dddfbf;flex-shrink:0}.match-panel-heading button{width:32px;height:32px;display:grid;place-items:center}.match-panel-scroll{padding:14px;overflow:auto;min-height:0;scrollbar-width:thin}.match-army+.match-army{margin-top:17px;padding-top:17px;border-top:1px solid #c1c9a826}.match-army h2{display:flex;justify-content:space-between;gap:8px;font-size:15px;font-weight:500;color:#c9dfb5}.match-army.blue h2{color:#b6d6e8}.match-army h2 small{font-size:9px;color:#a9bda9;font-weight:400}.match-army-pieces{display:grid;grid-template-columns:repeat(5,1fr);margin-top:9px;gap:5px}.match-army-pieces>button{position:relative;height:59px;border:1px solid #b7c69715;border-radius:3px;background:#0c272833}.match-army-pieces>button svg{width:38px;height:44px}.match-army-pieces>button span{display:block;font-size:8px;color:#c6d5ba}.match-army-pieces>button.selected{border-color:#cfbd7f;background:#a7b08030}.match-army-pieces>button:disabled{opacity:.55}.match-log p{padding:10px 0;line-height:1.7;color:#b9c9b5;font-size:11px;border-bottom:1px solid #c7c5a320}.match-log p:first-child{color:#e4dfbe}.match-controls{position:absolute;left:calc(22px + env(safe-area-inset-left));bottom:calc(20px + env(safe-area-inset-bottom));z-index:10;width:446px;padding:11px 13px;border:1px solid #c7bc8555;border-radius:5px;background:linear-gradient(120deg,#203a30f5,#112c28f0);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 35px #061c2670}.match-controls.blue{background:linear-gradient(120deg,#223c42f5,#112c30f0)}.match-selection{display:flex;align-items:center;gap:7px;min-height:19px;margin-bottom:7px;font-size:11px;color:#d8debf}.match-selection span{display:flex;align-items:baseline;gap:9px}.match-selection small{font-family:Georgia,serif;font-size:10px;color:#aeccad}.match-selection button{height:24px;width:24px;display:grid;place-items:center;color:#c7bc93}.match-selection b{margin-left:auto;font-size:10px;font-family:Georgia,serif;font-weight:400;color:#baa982}.match-action-buttons{display:flex;gap:9px;align-items:stretch}.match-skill-action{flex:1;display:flex;align-items:center;gap:10px;min-width:0;height:54px;padding:7px 12px;border:1px solid #d5bc77a8;border-radius:3px;background:linear-gradient(115deg,#89724180,#b6974973);box-shadow:inset 0 1px #f1daa733;color:#f5dda9}.match-skill-icon{width:32px;height:32px;display:grid;place-items:center;background:#d9bd7530;border:1px solid #ebca8545;flex-shrink:0}.match-skill-label{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.match-skill-label strong{font-size:13px;font-weight:500;white-space:nowrap;letter-spacing:1px}.match-skill-label small{font-size:8px;color:#d8cea3;white-space:nowrap}.match-skill-action.ready{animation:matchSkillReady 2.8s ease-in-out infinite}.match-skill-action.active{border-color:#ffecb6;background:linear-gradient(115deg,#bc9c528c,#c6b169bb);box-shadow:0 0 25px #dab96645}.match-skill-action:disabled{opacity:.6;background:#74744830;border-color:#b4a57863}.match-skip-action{min-width:99px;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;align-content:center;border:1px solid #c3cd9d38;background:#63784917;border-radius:3px;font-size:11px;color:#d2dbbe}.match-skip-action small{flex-basis:100%;font-size:8px;color:#b2c4a4;line-height:1;margin-top:3px}.match-skip-action:disabled{opacity:.4}.match-skip-action:hover:not(:disabled){background:#c1b47b25}.match-prompt{font-size:9px;color:#b7c5ad;line-height:1.5;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app.battle-view .toast{bottom:170px;z-index:15}@keyframes matchSkillReady{50%{border-color:#f3d694;box-shadow:inset 0 1px #f1daa750,0 0 22px #e0b75433}}@media(pointer:coarse){.match-utilities .reference-button,.match-icon-button{min-height:44px}.match-icon-button{width:44px}}@media(max-width:680px){.match-turn-card{top:calc(12px + env(safe-area-inset-top));left:12px;padding:10px 11px;gap:8px}.match-turn-card strong{font-size:12px;letter-spacing:.5px}.match-turn-card strong>span{display:none}.match-turn-card>svg{width:17px}.match-round{font-size:8px;gap:7px}.match-round small{font-size:8px}.match-counts{font-size:7px}.match-utilities{top:calc(12px + env(safe-area-inset-top));right:12px;gap:4px}.match-utilities .reference-controls{gap:4px}.match-utilities .reference-button{min-width:40px;width:40px;padding:0;height:40px}.match-utilities .reference-button span{display:none}.match-icon-button{height:40px;width:40px}.match-tools-panel{top:50px}.match-controls{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;padding:10px 12px}.match-selection{font-size:10px;margin-bottom:5px}.match-skill-action{height:53px;gap:8px;padding:7px 9px}.match-skill-label strong{font-size:12px;letter-spacing:.4px}.match-skill-label small{font-size:7px}.match-skill-icon{width:29px;height:29px}.match-skill-icon svg{width:21px}.match-skip-action{min-width:80px;font-size:10px}.match-prompt{font-size:8px;margin-top:6px}.match-floating-panel{right:12px;top:64px;bottom:155px;width:min(286px,calc(100vw - 24px))}.app.battle-view .toast{bottom:162px}.match-board .board-camera-tools{bottom:158px;right:12px}.match-board .board-camera-minimap{bottom:205px;right:12px}}@media(orientation:landscape)and (max-height:520px){.match-turn-card{top:10px;left:12px;padding:8px 12px}.match-turn-card strong{font-size:11px}.match-counts{display:none}.match-round{margin-top:4px;font-size:8px}.match-round small{font-size:8px}.match-utilities{top:10px;right:12px}.match-controls{left:auto;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:207px;padding:10px}.match-selection{font-size:10px}.match-action-buttons{flex-direction:column;gap:7px}.match-skill-action{flex:auto;height:53px;padding:6px 7px;gap:6px}.match-skill-label strong{font-size:11px;letter-spacing:0}.match-skill-label small{font-size:6.5px}.match-skill-icon{height:27px;width:27px}.match-skip-action{height:39px;flex-wrap:nowrap;min-height:39px;font-size:10px}.match-skip-action small{flex-basis:auto;margin:0 0 0 8px}.match-prompt{font-size:7px}.match-board .board-camera-tools{left:12px;right:auto;bottom:12px}.match-board .board-camera-minimap{left:12px;right:auto;bottom:62px}.match-floating-panel{top:61px;right:12px;bottom:195px;max-height:none}.app.battle-view .toast{bottom:20px;left:45%;max-width:46%;font-size:9px}}@media(prefers-reduced-motion:reduce){.match-skill-action.ready{animation:none}}.match-surrender-action{height:38px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #c2c5a638;border-radius:4px;background:#17312bea;color:#bac5ad;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:10px;white-space:nowrap}.match-surrender-action:hover:not(:disabled){border-color:#d5ae8270;background:#6b514441;color:#efc7ac}.match-surrender-action:disabled{opacity:.4;cursor:default}@media(pointer:coarse){.match-surrender-action{min-height:44px}}@media(max-width:680px){.match-surrender-action{height:40px;width:40px;padding:0}.match-surrender-action>span{display:none}}.match-turn-clock{display:flex;align-items:center;gap:7px;margin-top:9px;padding-top:7px;border-top:1px solid #a9bb8350;font-size:9px;color:#d2ce9d;letter-spacing:.5px}.match-turn-clock>svg{color:#c7b875;flex-shrink:0}.match-turn-clock b{margin-left:auto;font:500 15px/1.1 Georgia,serif;font-variant-numeric:tabular-nums;color:#f0dba3;letter-spacing:1px}.match-turn-clock.urgent{color:#efb790;border-top-color:#d6a47966}.match-turn-clock.urgent>svg,.match-turn-clock.urgent b{color:#ffc295}.match-turn-clock.urgent:not(.expired) b{animation:matchCountdownUrgent 1s ease-in-out infinite}.match-turn-clock.expired{color:#eab89d}.match-turn-clock.expired b{color:#e2ae93}@keyframes matchCountdownUrgent{50%{opacity:.6}}@media(max-width:680px){.match-turn-clock{font-size:8px;margin-top:7px;padding-top:6px;gap:5px}.match-turn-clock b{font-size:13px}.match-turn-clock>svg{width:10px}}@media(orientation:landscape)and (max-height:520px){.match-turn-clock{font-size:7px;margin-top:5px;padding-top:4px}.match-turn-clock b{font-size:12px}}@media(prefers-reduced-motion:reduce){.match-turn-clock.urgent:not(.expired) b{animation:none}}.app.home .scene{background-position:center 41%}.app.home .scene-shade{background:linear-gradient(180deg,#081b20d9,#102e292e 30%,#1533283d 54%,#081e21d9),linear-gradient(90deg,#08232674,transparent 55%,#071e2375)}.home-page.home-hub{width:100%;max-width:1500px;height:100%;min-height:0;margin:0 auto;padding:0 clamp(20px,4.4vw,72px);display:grid;grid-template-rows:76px minmax(370px,1fr) 56px;overflow:auto;scrollbar-width:thin;scrollbar-color:#85977755 transparent;color:#e9ebdb}.home-hub button{touch-action:manipulation;cursor:pointer}.home-hub button:focus-visible{outline:2px solid #f0d69d;outline-offset:4px}.home-hub .home-header{height:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #d0ceb029;position:relative}.home-hub .home-header:after{content:"";position:absolute;bottom:-1px;left:0;width:116px;height:1px;background:linear-gradient(90deg,#d7bb7d,transparent)}.home-hub .home-header-tools{display:flex;align-items:center;gap:18px;margin-left:auto}.home-hub .home-friends-entry{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-width:66px;min-height:44px;padding:0 8px;border:0;background:transparent;color:#ded6b7;font-size:11px}.home-hub .home-friends-entry:hover{color:#fff0c6}.home-hub .home-friends-entry>small{display:grid;place-items:center;min-width:16px;height:16px;background:#a87842;border-radius:50%;color:#fff0c7;font-size:9px}.home-hub .reference-controls{display:flex;align-items:center;gap:8px}.home-hub .reference-button{min-height:44px}.home-hub .home-hub-main{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:clamp(28px,5.3vw,78px);align-items:center;min-height:0;padding:22px 0 26px}.home-hub .home-showcase{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;align-content:center;align-items:center;min-width:0;min-height:0;height:100%;max-height:570px;position:relative}.home-hub .home-hero-copy{position:relative;z-index:3;height:auto;padding:0;text-align:center;max-width:none}.home-hub .home-hero-label{display:flex;align-items:center;justify-content:center;gap:13px;color:#d5d6b4;font-size:9px;letter-spacing:5px;text-shadow:0 2px 10px #092423}.home-hub .home-hero-label>span{width:25px;height:1px;background:linear-gradient(90deg,transparent,#c7b679)}.home-hub .home-hero-label>span:last-child{transform:rotate(180deg)}.home-hub .home-hero-copy h1{font-family:"Noto Serif SC",Songti SC,STSong,SimSun,serif;font-size:clamp(84px,8.6vw,128px);font-weight:600;line-height:1.05;letter-spacing:12px;margin:7px -12px 5px 0;color:#e9ddae;background:linear-gradient(180deg,#fff1c7 5%,#e3d9b3 43%,#ad9867 93%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 1px #17382aa6) drop-shadow(0 9px 20px #102728)}.home-hub .home-hero-tagline{font-family:"Noto Serif SC",Songti SC,serif;color:#d8dfc9;font-size:12px;letter-spacing:4px;margin:0;text-shadow:0 2px 10px #041f1f}.home-hub .home-hero-tagline>span{margin:0 12px;color:#c2b27a}.home-hub .home-hero-art{position:relative;left:auto;top:auto;width:min(100%,630px);height:100%;max-height:370px;min-height:0;margin:0 auto;transform:none;pointer-events:none;isolation:isolate}.home-hub .home-art-halo{position:absolute;top:9%;right:-9%;bottom:2%;left:-9%;border-radius:50%;background:radial-gradient(ellipse,#c2d59a3a,transparent 65%);filter:blur(23px)}.home-hub .home-orbit{position:absolute;left:50%;top:49%;aspect-ratio:1;border-radius:50%;border:1px solid #e1d6ab35;transform:translate(-50%,-50%) rotate(-17deg);box-shadow:0 0 30px #e5dda81c,inset 0 0 40px #dad8a20b}.home-hub .home-orbit-outer{width:59%;height:auto;border-top-color:#e1d6ab88;border-bottom-color:#d1c68b5c;animation:homeOrbit 45s linear infinite}.home-hub .home-orbit-outer:before,.home-hub .home-orbit-outer:after{content:"";position:absolute;top:51%;left:-4px;width:7px;height:7px;background:#efdc9a;transform:rotate(45deg);box-shadow:0 0 13px #d1d498}.home-hub .home-orbit-outer:after{left:auto;right:-4px;background:#abc7b0}.home-hub .home-orbit-inner{width:54%;height:auto;border-style:dashed;opacity:.3}.home-hub .home-display-board{position:absolute;left:5%;right:4%;bottom:5%;height:52%;transform:perspective(630px) rotateX(55deg) rotate(-8deg);border:7px solid #7f8e75;background:#87997a;box-shadow:0 1px 0 1px #d4c791,0 10px #263f32,0 12px 0 1px #b7a57a,0 15px #172f26,0 28px 25px #031f2491;opacity:.8}.home-hub .home-display-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:3px;height:100%;background:#687c63}.home-hub .home-display-grid>i{background:linear-gradient(140deg,#b3c1a5,#8d9e80);box-shadow:inset 0 0 0 1px #dedfb43a}.home-hub .home-display-grid>i.shade{background:linear-gradient(140deg,#95a888,#758969)}.home-hub .home-hero-piece{position:absolute;height:auto;aspect-ratio:100/110;transform-origin:center bottom;filter:drop-shadow(2px 10px 6px #10291c88)}.home-hub .home-hero-piece>svg{width:100%;height:100%}.home-hub .home-hero-mage{width:25%;left:1%;top:12%;transform:rotate(-8deg);z-index:1;opacity:.88}.home-hub .home-hero-gunner{width:24%;right:1%;top:13%;transform:rotate(8deg);z-index:1;opacity:.92}.home-hub .home-hero-archer{width:27%;left:37%;top:-2%;z-index:1;opacity:.87}.home-hub .home-hero-berserker{width:38%;right:7%;top:auto;bottom:3%;transform:rotate(7deg);z-index:2;animation:homeJadeFloat 7s ease-in-out infinite}.home-hub .home-hero-warrior{width:40%;left:9%;top:auto;bottom:5%;transform:rotate(-8deg);z-index:3;animation:homeJadeFloat 7s ease-in-out infinite reverse}.home-hub .home-art-mist{position:absolute;bottom:-3%;left:-8%;width:116%;height:22%;background:radial-gradient(ellipse,#c8dcc635,transparent 64%);filter:blur(9px);z-index:4}.home-hub .home-launch-panel{position:relative;z-index:3;width:100%;max-width:500px;justify-self:end;min-width:0}.home-hub .home-main-actions{display:grid;gap:13px}.home-hub .home-launch-card{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) 24px;align-items:center;gap:20px;width:100%;min-height:100px;padding:20px 25px;text-align:left;border:1px solid #b6c7cc8c;border-radius:3px;background:linear-gradient(115deg,#4d6679,#334c61);box-shadow:0 7px 26px #071e2455,inset 0 0 30px #d6e3e109;color:#f1ead7;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.home-hub .home-launch-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,transparent,currentColor,transparent);opacity:.35}.home-hub .home-launch-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid #c4d7d983;background:#edf7ed12;border-radius:50%;color:#e7edde;box-shadow:inset 0 0 16px #e0efe409}.home-hub .home-launch-copy{display:grid;gap:9px;min-width:0}.home-hub .home-launch-copy strong{font-family:"Noto Serif SC",Songti SC,SimSun,serif;font-weight:500;font-size:24px;line-height:1.2;letter-spacing:3px;white-space:nowrap}.home-hub .home-launch-copy small{color:#d7e2e5;font-size:10px;line-height:1.3;letter-spacing:1px;white-space:nowrap}.home-hub .home-launch-arrow{color:#e5dbc0;opacity:.85;transition:transform .2s}.home-hub .home-launch-online{min-height:130px;border-color:#e4d09a;background:linear-gradient(120deg,#eee0b2,#d0bb80 64%,#e1ce96);color:#294339;box-shadow:inset 0 0 0 4px #997b3330,inset 0 0 0 5px #fff2c275,0 9px 30px #071e2463}.home-hub .home-launch-online:before{left:auto;right:18px;top:15px;width:6px;height:6px;background:#687654;transform:rotate(45deg);opacity:1}.home-hub .home-launch-online .home-launch-icon{border-color:#5368445c;background:#fff1c335;color:#365343;box-shadow:inset 0 0 20px #fff6d728}.home-hub .home-launch-online .home-launch-copy strong{font-size:30px;font-weight:700;letter-spacing:4px;text-shadow:0 1px 0 #fff9db4f}.home-hub .home-launch-online .home-launch-copy small{color:#374b31}.home-hub .home-launch-online .home-launch-arrow{color:#3d563f}.home-hub .home-launch-match{background:linear-gradient(120deg,#add0c7,#82a99f);border-color:#c6e5d5b3;color:#203e35}.home-hub .home-launch-match .home-launch-icon{border-color:#30595266;background:#e0f7df23;color:#305449}.home-hub .home-launch-match .home-launch-copy small{color:#1f3d34}.home-hub .home-launch-match .home-launch-arrow{color:#34584d}.home-hub .home-launch-solo{background:linear-gradient(115deg,#4d6679,#334c61);border-color:#aabec8a1}.home-hub .home-launch-workshop{background:linear-gradient(115deg,#735e68,#513e4c);border-color:#c9adbaa8;color:#fff0dc}.home-hub .home-launch-workshop .home-launch-icon{color:#f1dbe2;border-color:#cdaab8aa;background:#f3d6dd0f}.home-hub .home-launch-workshop .home-launch-copy small{color:#efe0d7}.home-hub .home-launch-workshop .home-launch-arrow{color:#ecd0c6}.home-hub .home-launch-card:hover{transform:translate(4px);border-color:#e3d3a58c;box-shadow:0 10px 26px #071e2463,inset 0 0 30px #a7c29110}.home-hub .home-launch-online:hover{border-color:#fff0c4;box-shadow:inset 0 0 0 4px #997b3330,inset 0 0 0 5px #fff2c28c,0 12px 28px #071e2470,0 0 28px #e3c78c1f}.home-hub .home-launch-card:hover .home-launch-arrow{transform:translate(3px)}.home-hub .home-launch-card:active{transform:translate(0)}.home-hub .home-resume-row{display:flex;gap:10px;margin-top:12px}.home-hub .home-resume-row>button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;min-height:44px;padding:0 12px;border:1px solid #d5c39548;background:#17362dbb;color:#e7d8b3;font-size:11px;letter-spacing:1px;border-radius:3px}.home-hub .home-resume-row>button:hover{border-color:#ebd4a287;background:#29473beb}.home-hub .home-resume-row>.home-formation-entry{color:#e9ddb5;border-color:#cbbd8e69;background:#314c40}.home-hub .home-formation-entry>svg:first-child{color:#d7cc9f}.home-hub .home-resume-row>.home-formation-entry:hover{background:#41604e;border-color:#e0cea0}.home-hub .home-footer.home-footer-studio{display:flex;align-items:center;justify-content:space-between;gap:12px;height:100%;min-height:0;border-top:1px solid #b2c4a921;color:#94a697;font-size:8px;letter-spacing:1.5px}.home-hub .home-footer>span:first-child{display:flex;align-items:center}.home-hub .home-footer-divider{width:1px;height:8px;background:#a1b09752;margin:0 12px}.home-hub .home-footer-credits{display:flex;align-items:center;gap:24px;flex-shrink:0}.home-hub .home-studio-credit{display:flex;align-items:center;gap:9px}.home-hub .home-studio-logo-frame{display:flex;align-items:center;justify-content:center;width:34px;height:38px;padding:3px;border:1px solid #d9bd7754;border-radius:4px;background:#eee7d6}.home-hub .home-studio-logo-frame img{display:block;width:100%;height:100%;object-fit:contain}.home-hub .home-studio-copy{display:flex;flex-direction:column;gap:4px;white-space:nowrap;letter-spacing:1px}.home-hub .home-studio-copy strong{color:#dfd6bc;font-size:11px;font-weight:500;line-height:1}.home-hub .home-studio-copy small{color:#a1b1a3;font-size:6px;line-height:1}@keyframes homeOrbit{to{transform:translate(-50%,-50%) rotate(343deg)}}@keyframes homeJadeFloat{50%{translate:0 -6px}}@media(min-width:1400px)and (min-height:850px){.home-page.home-hub{grid-template-rows:84px minmax(420px,1fr) 62px}.home-hub .home-hub-main{gap:70px}.home-hub .home-showcase{max-height:630px}.home-hub .home-hero-copy h1{font-size:140px}.home-hub .home-hero-art{height:100%;max-height:410px}.home-hub .home-launch-panel{max-width:510px}.home-hub .home-launch-card{min-height:111px;padding:23px 29px}.home-hub .home-launch-online{min-height:145px}.home-hub .home-main-actions{gap:16px}}@media(max-height:740px)and (min-width:761px){.home-page.home-hub{grid-template-rows:64px minmax(300px,1fr) 46px}.home-hub .home-hub-main{padding:12px 0 18px;gap:32px}.home-hub .home-hero-copy h1{font-size:96px}.home-hub .home-hero-art{height:100%;max-height:265px}.home-hub .home-main-actions{gap:10px}.home-hub .home-launch-card{min-height:84px;padding:15px 20px;gap:15px}.home-hub .home-launch-online{min-height:104px}.home-hub .home-launch-icon{width:47px;height:47px}.home-hub .home-launch-copy strong{font-size:22px}.home-hub .home-launch-online .home-launch-copy strong{font-size:27px}.home-hub .home-studio-logo-frame{width:29px;height:32px;padding:2px}}@media(max-width:1000px)and (min-width:761px){.home-page.home-hub{padding:0 4%}.home-hub .home-hub-main{grid-template-columns:minmax(0,1fr) minmax(305px,1fr);gap:28px}.home-hub .home-hero-copy h1{font-size:86px}.home-hub .home-hero-label{font-size:8px;letter-spacing:3px;gap:9px}.home-hub .home-hero-tagline{font-size:10px;letter-spacing:2px}.home-hub .home-launch-card{grid-template-columns:46px minmax(0,1fr) 20px;gap:15px;padding-left:18px;padding-right:18px}.home-hub .home-launch-icon{width:46px;height:46px}.home-hub .home-launch-copy strong{font-size:22px;letter-spacing:2px}.home-hub .home-launch-online .home-launch-copy strong{font-size:26px;letter-spacing:3px}.home-hub .home-launch-copy small{font-size:9px;letter-spacing:.5px}}@media(max-width:760px)and (orientation:portrait){.home-page.home-hub{grid-template-rows:62px minmax(max-content,1fr) 49px;padding:0 5%}.home-hub .home-hub-main{display:flex;flex-direction:column;justify-content:center;gap:15px;min-height:0;padding:16px 0 18px}.home-hub .home-showcase{display:grid;grid-template-columns:.77fr 1.23fr;grid-template-rows:1fr;gap:0;align-items:center;width:100%;height:174px}.home-hub .home-hero-copy h1{font-size:clamp(53px,15vw,73px);letter-spacing:6px;margin:5px -6px 8px 0;white-space:nowrap}.home-hub .home-hero-label{font-size:7px;letter-spacing:1.5px;gap:5px}.home-hub .home-hero-label>span{width:10px}.home-hub .home-hero-tagline{font-size:9px;letter-spacing:.6px;white-space:nowrap}.home-hub .home-hero-tagline>span{margin:0 4px}.home-hub .home-hero-art{height:174px;width:100%;margin:0;top:auto;left:auto;transform:none}.home-hub .home-display-board{height:46%;bottom:7%;border-width:4px;box-shadow:0 1px 0 1px #d4c791,0 5px #263f32,0 7px 0 1px #b7a57a,0 9px #172f26,0 14px 14px #031f2470}.home-hub .home-hero-mage{top:20%;left:0}.home-hub .home-hero-gunner{top:22%;right:0}.home-hub .home-hero-archer{top:8%}.home-hub .home-hero-berserker{bottom:8%;right:5%}.home-hub .home-hero-warrior{bottom:11%;left:7%}.home-hub .home-orbit-outer{width:72%;top:52%}.home-hub .home-orbit-inner{width:65%;top:52%}.home-hub .home-launch-panel{max-width:520px;justify-self:auto}.home-hub .home-main-actions{gap:10px}.home-hub .home-launch-card{grid-template-columns:44px minmax(0,1fr) 20px;min-height:79px;gap:16px;padding:15px 18px}.home-hub .home-launch-online{min-height:96px}.home-hub .home-launch-icon{width:44px;height:44px}.home-hub .home-launch-icon>svg{width:24px;height:24px}.home-hub .home-launch-copy{gap:7px}.home-hub .home-launch-copy strong{font-size:22px;letter-spacing:2px}.home-hub .home-launch-online .home-launch-copy strong{font-size:27px;letter-spacing:3px}.home-hub .home-launch-copy small{font-size:9px;letter-spacing:.6px}.home-hub .home-resume-row{margin-top:10px;gap:9px}.home-hub .home-resume-row>button{font-size:10px;min-height:44px}.home-hub .home-footer.home-footer-studio{font-size:6px;letter-spacing:.6px}.home-hub .home-footer-divider{margin:0 8px}.home-hub .home-footer-platform{display:none}.home-hub .home-footer-credits{gap:0}.home-hub .home-studio-logo-frame{width:28px;height:32px;padding:2px}.home-hub .home-studio-credit{gap:6px}.home-hub .home-studio-copy strong{font-size:10px}.home-hub .home-studio-copy small{font-size:6px;letter-spacing:.4px}}@media(max-width:760px){.home-hub .home-header{gap:9px}.home-hub .player-entry{min-width:0;min-height:44px;flex-shrink:1;max-width:calc(100% - 145px);gap:7px;padding-right:0}.home-hub .player-entry>span:nth-child(2){min-width:0;max-width:130px}.home-hub .player-entry strong{font-size:12px;letter-spacing:.5px}.home-hub .player-entry small{font-size:8px;letter-spacing:.4px;white-space:nowrap}.home-hub .player-entry>.account-avatar{width:33px;height:33px;font-size:17px;border-radius:11px 3px;flex-shrink:0}.home-hub .player-entry>svg{display:none}.home-hub .home-header-tools{gap:4px;flex-shrink:0}.home-hub .reference-controls{gap:4px}.home-hub .reference-button,.home-hub .home-friends-entry{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:1px solid #c3c3a525;border-radius:3px;background:#12312b47}.home-hub .reference-button>span,.home-hub .home-friends-entry>span{display:none}.home-hub .reference-button>svg,.home-hub .home-friends-entry>svg{width:17px;height:17px}.home-hub .home-friends-entry>small{position:absolute;right:-3px;top:1px;height:14px;min-width:14px;font-size:8px}}@media(max-width:370px)and (orientation:portrait){.home-page.home-hub{padding:0 4%}.home-hub .home-hub-main{gap:12px;padding-top:10px}.home-hub .home-showcase,.home-hub .home-hero-art{height:146px}.home-hub .home-hero-copy h1{font-size:51px}.home-hub .home-hero-label{font-size:6px;letter-spacing:1px;gap:4px}.home-hub .home-hero-label>span{width:7px}.home-hub .home-hero-tagline{font-size:8px;letter-spacing:0}.home-hub .home-launch-card{gap:12px;padding:11px 14px;min-height:69px}.home-hub .home-launch-online{min-height:82px}.home-hub .home-launch-copy strong{font-size:20px}.home-hub .home-launch-online .home-launch-copy strong{font-size:25px}}@media(orientation:landscape)and (max-height:520px){.home-page.home-hub{padding:0 4%;grid-template-rows:48px minmax(210px,1fr) 32px}.home-hub .home-header{gap:15px}.home-hub .player-entry{min-height:44px;gap:8px}.home-hub .player-entry>.account-avatar{width:32px;height:32px}.home-hub .player-entry strong{font-size:12px}.home-hub .player-entry small{font-size:8px}.home-hub .home-header-tools{gap:10px}.home-hub .home-hub-main{grid-template-columns:minmax(0,.92fr) minmax(300px,1.08fr);gap:26px;padding:4px 0}.home-hub .home-showcase{display:grid;grid-template-columns:.8fr 1.2fr;grid-template-rows:1fr;gap:0;align-items:center;width:100%}.home-hub .home-hero-copy h1{font-size:clamp(44px,7.2vw,58px);letter-spacing:6px;margin:5px -6px 6px 0;white-space:nowrap}.home-hub .home-hero-label{font-size:6px;letter-spacing:1px;gap:4px}.home-hub .home-hero-label>span{width:8px}.home-hub .home-hero-tagline{font-size:8px;letter-spacing:0;white-space:nowrap}.home-hub .home-hero-tagline>span{margin:0 3px}.home-hub .home-hero-art{height:200px;margin:0;width:100%;transform:none;top:auto;left:auto}.home-hub .home-orbit-outer{width:78%}.home-hub .home-orbit-inner{width:71%}.home-hub .home-hero-mage{top:25%}.home-hub .home-hero-gunner{top:27%}.home-hub .home-hero-archer{top:16%}.home-hub .home-display-board{height:39%;bottom:8%;border-width:4px}.home-hub .home-hero-warrior{bottom:11%}.home-hub .home-hero-berserker{bottom:8%}.home-hub .home-main-actions{gap:6px}.home-hub .home-launch-card{grid-template-columns:34px minmax(0,1fr) 18px;gap:13px;min-height:52px;padding:8px 15px}.home-hub .home-launch-online{min-height:64px}.home-hub .home-launch-icon{width:33px;height:33px}.home-hub .home-launch-icon>svg{width:21px;height:21px}.home-hub .home-launch-copy{gap:4px}.home-hub .home-launch-copy strong{font-size:17px;letter-spacing:2px}.home-hub .home-launch-online .home-launch-copy strong{font-size:21px;letter-spacing:2px}.home-hub .home-launch-copy small{font-size:8px;letter-spacing:.4px}.home-hub .home-resume-row{margin-top:6px;gap:8px}.home-hub .home-resume-row>button{min-height:44px;font-size:9px}.home-hub .home-footer.home-footer-studio{font-size:6px;letter-spacing:.6px}.home-hub .home-studio-logo-frame{width:24px;height:27px;padding:2px}.home-hub .home-studio-copy strong{font-size:9px}.home-hub .home-studio-copy small{font-size:5px}}@media(orientation:landscape)and (max-height:520px)and (max-width:700px){.home-hub .home-hub-main{grid-template-columns:minmax(0,.85fr) minmax(260px,1.15fr);gap:20px}.home-hub .home-showcase{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:5px;max-height:215px}.home-hub .home-hero-copy h1{font-size:48px;line-height:1;letter-spacing:6px;margin:0 -6px 0 0}.home-hub .home-hero-label,.home-hub .home-hero-tagline{display:none}.home-hub .home-hero-art{height:100%;max-height:145px;width:min(100%,230px);margin:0 auto}}@media(prefers-reduced-motion:reduce){.home-hub *{animation:none!important;transition:none!important}}.workshop-page{--workshop-line:#c7d0a52b;--workshop-panel:#173a35b8;min-height:100svh;padding:32px max(28px,5vw) 52px;background:radial-gradient(ellipse at 45% 10%,#365f474f,transparent 58%),linear-gradient(135deg,#112b28f5,#152c31f0);color:#e6e9dc}.workshop-header{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:32px;max-width:1480px;margin:0 auto 35px;padding-bottom:25px;border-bottom:1px solid var(--workshop-line)}.workshop-back{display:flex;gap:9px;align-items:center;min-height:44px;color:#b1c6b8;font-size:12px;letter-spacing:1px}.workshop-back:hover{color:#e1ce98}.workshop-kicker{display:block;color:#96ae9c;font-size:9px;letter-spacing:3px;margin-bottom:10px}.workshop-title h1{display:flex;align-items:center;gap:15px;font-family:Microsoft YaHei,sans-serif;font-size:29px;font-weight:500;letter-spacing:4px}.workshop-title h1>span{border:1px solid #d3bb774d;padding:4px 8px;color:#dcc897;font-size:10px;font-weight:400;letter-spacing:1px}.workshop-tabs{display:flex;gap:5px;padding:5px;border:1px solid var(--workshop-line);background:#102b2873}.workshop-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 20px;color:#9fb5a7;font-size:13px;letter-spacing:1px}.workshop-tabs button.active{background:#b8c5a423;color:#e8d7a9;box-shadow:inset 0 -1px #d9c17b}.workshop-tabs button:hover{color:#e8d7a9}.workshop-workspace{display:grid;grid-template-columns:244px minmax(360px,1fr) 270px;align-items:start;gap:25px;max-width:1480px;margin:auto}.workshop-panel{padding:22px;border:1px solid var(--workshop-line);background:linear-gradient(135deg,#24443896,#13312c9e);box-shadow:0 10px 30px #061c1a21}.workshop-panel-heading{display:flex;align-items:center;gap:9px;margin-bottom:25px;color:#cbb982}.workshop-panel-heading h2{font-size:13px;color:#dbe2cb;font-weight:500;letter-spacing:2px}.workshop-panel-heading>span{margin-left:auto;font-size:10px;color:#728f7d;letter-spacing:1px}.workshop-field{display:block;margin:0 0 21px;border:0;padding:0;min-width:0}.workshop-field>span,.workshop-field>legend,.workshop-section-label{display:block;margin-bottom:10px;color:#a5bcaa;font-size:11px;letter-spacing:1px;line-height:1.5}.workshop-field input:not([type=color]),.workshop-field select{width:100%;height:44px;border:1px solid #a8bca43d;background:#112d28b3;padding:0 12px;color:#edf0df;outline:none;font:inherit;font-size:13px;border-radius:0}.workshop-field input:focus,.workshop-field select:focus{border-color:#d7bb7d}.workshop-field select{cursor:pointer;color-scheme:dark}.workshop-field select option{background:#173b34}.workshop-segments{display:flex;border:1px solid #a8bca43d;background:#112d2873}.workshop-segments button{min-height:44px;flex:1;padding:0 8px;font-size:11px;color:#92aa98}.workshop-segments button+button{border-left:1px solid #a8bca422}.workshop-segments button.active{color:#e4d09a;background:#bccaa51a;box-shadow:inset 0 -2px #cbb177}.workshop-segments button:hover{background:#bccaa51a}.workshop-section-label{margin-top:26px}.workshop-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:20px}.workshop-palette button{position:relative;min-height:80px;border:1px solid #a8bca42b;display:flex;align-items:center;flex-direction:column;padding:4px;background:#102d2678}.workshop-palette button>span{display:flex;align-items:center;justify-content:center;height:48px;width:48px}.workshop-palette button svg{width:45px;height:48px}.workshop-palette button strong{font-size:10px;font-weight:400;color:#b4c3a7;margin-top:4px}.workshop-palette button.active{border-color:#d7bb7d8c;background:#c4cb9e23;box-shadow:inset 0 0 15px #cabd6c12}.workshop-palette button.active strong{color:#edd9a5}.workshop-palette button:hover{border-color:#cabd6c80}.plain-terrain-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #aec3a94d;color:#9fba9f;font-size:20px;background:#5d7a5824}.workshop-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:48px}.workshop-checkbox input{accent-color:#b8c88b;width:17px;height:17px;flex-shrink:0;margin:0;cursor:pointer}.workshop-checkbox span{display:flex;flex-direction:column;gap:6px}.workshop-checkbox strong{font-size:11px;font-weight:400;color:#c5d6b6}.workshop-checkbox small{font-size:9px;color:#8ea692}.workshop-subtle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:18px;border-top:1px solid var(--workshop-line);padding-top:10px;font-size:11px;color:#9bb09a}.workshop-subtle:hover{color:#e3cc8d}.workshop-canvas-section{padding-top:4px}.workshop-editor-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px;gap:15px}.workshop-editor-heading h2{font-size:23px;letter-spacing:2px;font-weight:400;overflow-wrap:anywhere}.workshop-editor-badge{border:1px solid #a8bca430;padding:7px 10px;font-size:10px;white-space:nowrap;color:#afc3aa}.workshop-board-stage{padding:15px 15px 0 20px;background:radial-gradient(ellipse at center,#99b99514,transparent 65%)}.workshop-board-coordinates{display:grid;grid-template-columns:repeat(8,1fr);padding:0 5px;font-size:9px;color:#a5b59b;text-align:center;margin-bottom:9px}.workshop-editor-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;padding:5px;border:3px solid #a6b48a;box-shadow:0 0 0 1px #3b5440,0 5px #526744,0 8px 0 1px #a6a87c,0 18px 22px #061b1799;background:#3d5440}.workshop-edit-cell{position:relative;aspect-ratio:1;display:grid;place-items:center;background:linear-gradient(135deg,#afbd86,#899e70);border:1px solid #cfdbc245;box-shadow:inset 0 0 0 2px #49744f1c;min-width:0}.workshop-edit-cell:nth-child(2n){background:linear-gradient(135deg,#a2b37c,#80996a)}.workshop-edit-cell:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;border:2px solid transparent;transition:.18s}.workshop-edit-cell:hover:after,.workshop-edit-cell:focus-visible:after{border-color:#f8e4a2;background:#f4e49c20;box-shadow:inset 0 0 18px #f5ebaa24}.workshop-edit-cell:focus-visible{z-index:1;outline-offset:2px}.workshop-edit-cell>svg{width:92%;height:92%;pointer-events:none}.workshop-edit-cell.terrain-greenFlag{background:linear-gradient(135deg,#afbf8c,#719474)}.workshop-edit-cell.terrain-blueFlag{background:linear-gradient(135deg,#a5b9a4,#789b99)}.workshop-row-coordinate{position:absolute;left:-24px;top:50%;transform:translateY(-50%);font-size:9px;color:#a5b59b;pointer-events:none}.workshop-brush-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 0;font-size:10px;color:#9eb29b}.workshop-brush-status>span:first-child{display:flex;align-items:center;gap:7px;color:#e0ca92}.workshop-map-summary{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 0;margin-top:25px;border-top:1px solid var(--workshop-line);border-bottom:1px solid var(--workshop-line);font-size:11px;color:#b5c5a7}.workshop-map-summary span{display:flex;align-items:center;gap:7px}.workshop-map-summary span:last-child{font-size:10px;color:#869f8a;margin-left:auto}.workshop-validation{display:flex;align-items:center;gap:8px;min-height:40px;margin:15px 0;font-size:10px;line-height:1.7;color:#a8c9a5}.workshop-validation.invalid{color:#e3aa91}.workshop-validation.invalid>span{display:grid;place-items:center;width:16px;height:16px;border:1px solid #c08f7380;border-radius:50%;flex-shrink:0;font-size:10px}.workshop-editor-actions{display:flex;gap:12px}.workshop-editor-actions button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;font-size:12px;letter-spacing:1px;flex:1}.workshop-secondary{border:1px solid #afbea33d;color:#a7bc9d}.workshop-secondary:hover{border-color:#d5c08780;color:#e1d3a8;background:#b8c5a410}.workshop-save{background:linear-gradient(110deg,#d3be87,#a58b51);border:1px solid #dfc991;color:#253b2d;box-shadow:0 4px 15px #031b1b35}.workshop-save:hover{filter:brightness(1.08)}.workshop-library{padding:22px 18px;max-height:calc(100svh - 178px);overflow:auto;scrollbar-width:thin;scrollbar-color:#637a60 transparent}.workshop-library-items{display:grid;gap:15px}.workshop-saved-card{border:1px solid #a8bca42b;background:#102c2878;transition:border-color .2s}.workshop-saved-card.editing{border-color:#cfb36c73}.workshop-map-card-preview{display:block;width:100%;padding:16px;background:radial-gradient(ellipse at center,#91a56a16,transparent)}.workshop-mini-map{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-width:170px;width:100%;margin:auto;transform:perspective(450px) rotateX(15deg);border:2px solid #8a9d75;padding:2px;background:#1d392d;box-shadow:0 5px #40553a}.workshop-mini-map>span{font-size:8px;display:grid;place-items:center;background:#98ad7999;color:#293f30;overflow:hidden}.workshop-mini-map>span.mini-terrain-box{background:#ac9a6a;color:#574839}.workshop-mini-map>span.mini-terrain-vortex{background:#65968a;color:#bed6b5}.workshop-mini-map>span.mini-terrain-greenFlag{background:#5c936f;color:#d9e3af}.workshop-mini-map>span.mini-terrain-blueFlag{background:#6c9bb1;color:#d4e7dd}.workshop-mini-map>span.mini-terrain-arrowRight,.workshop-mini-map>span.mini-terrain-arrowLeft{color:#f3dca1}.workshop-saved-info{padding:11px 13px 13px}.workshop-saved-info h3{font-size:12px;letter-spacing:1px;color:#dbe2c8;font-weight:500;margin-bottom:7px;overflow-wrap:anywhere}.workshop-saved-info>span{font-size:9px;color:#91a88e;letter-spacing:.5px}.workshop-saved-info>p{font-size:9px;line-height:1.7;color:#a4b594;margin-top:6px}.workshop-card-actions{display:flex;align-items:center;gap:5px;padding:0 8px 7px}.workshop-card-actions>button{display:flex;align-items:center;justify-content:center;gap:6px;width:38px;height:44px;color:#92aa91;flex-shrink:0}.workshop-card-actions>button:hover{color:#e3c684;background:#aabd9514}.workshop-card-actions>button:nth-child(2):hover{color:#e1a58e}.workshop-card-actions>.workshop-test-map{margin-left:auto;width:auto;padding:0 9px;font-size:10px;color:#d4c291}.workshop-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:260px;text-align:center;color:#708d77}.workshop-empty>svg{opacity:.5;margin-bottom:22px}.workshop-empty strong{font-size:12px;font-weight:400;color:#a9b79b;letter-spacing:1px}.workshop-empty p{font-size:10px;line-height:1.7;margin-top:11px;color:#7e9881}.workshop-appearance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.workshop-appearance button{min-height:81px;border:1px solid #a8bca42b;display:flex;align-items:center;flex-direction:column;background:#102d2666;padding:3px 1px 8px}.workshop-appearance button svg{height:55px;width:50px}.workshop-appearance button span{font-size:8px;color:#a5b89a;margin-top:5px;white-space:nowrap}.workshop-appearance button.active{border-color:#d7bb7d8c;background:#c4cb9e1a}.workshop-appearance button:hover{border-color:#cabd6c80}.workshop-colors{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.workshop-colors>button{position:relative;width:27px;height:27px;border-radius:50%;border:2px solid #102c28;box-shadow:0 0 0 1px #a8bca430;display:grid;place-items:center;color:#fcf4db}.workshop-colors>button:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px}.workshop-colors>button.active{box-shadow:0 0 0 2px #d7bb7d}.workshop-custom-color{position:relative;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;border:1px dashed #a7b68d80;color:#b2c298;cursor:pointer;overflow:hidden}.workshop-custom-color input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.workshop-custom-color svg{pointer-events:none}.workshop-field-note{color:#87a189;font-size:10px;line-height:1.8;margin:-4px 0 14px}.workshop-settings>.workshop-field-note{margin:0}.workshop-unit-editor{min-width:0}.workshop-unit-preview{height:234px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #a8bca42b;border-bottom:0;background:radial-gradient(ellipse at 50% 60%,#7a9e6335,transparent 65%),linear-gradient(135deg,#29473566,#173b3426)}.workshop-unit-preview>svg{position:relative;width:166px;height:187px;filter:drop-shadow(0 10px 13px #071d1880);margin-top:-17px;animation:workshopFloat 5s ease-in-out infinite}.workshop-preview-rings{position:absolute;width:300px;height:300px;border:1px solid #aab68b1a;border-radius:50%;left:50%;top:42%;transform:translate(-50%,-50%)}.workshop-preview-rings:before{position:absolute;content:"";top:22px;right:22px;bottom:22px;left:22px;border:1px solid #aab68b1a;border-radius:50%}.workshop-preview-rings:after{position:absolute;content:"";top:55px;right:55px;bottom:55px;left:55px;border:1px dashed #b9be8f14;border-radius:50%}.workshop-preview-label{position:absolute;left:20px;top:20px;color:#89a18a;font-size:8px;letter-spacing:2px}.workshop-preview-name{position:absolute;bottom:18px;display:flex;align-items:center;gap:15px;max-width:90%}.workshop-preview-name h2{font-size:19px;font-weight:400;letter-spacing:2px;overflow-wrap:anywhere}.workshop-preview-name>span{font-size:10px;color:#d0be8a;white-space:nowrap}.workshop-rule-editor{padding:22px 25px}.workshop-rule-editor>.workshop-panel-heading{margin-bottom:22px}.workshop-movement-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.workshop-movement-row .workshop-field{margin-bottom:16px}.workshop-capture-toggle{margin-bottom:20px;border-bottom:1px solid var(--workshop-line);padding-bottom:18px}.workshop-skill-description{display:flex;gap:9px;color:#b1bea0;line-height:1.8;font-size:10px;margin-top:-5px}.workshop-skill-description>svg{color:#c5b580;flex-shrink:0;margin-top:2px}.workshop-rule-editor>.workshop-validation{border-top:1px solid var(--workshop-line);padding-top:14px;margin-top:18px;margin-bottom:15px}.workshop-saved-unit{display:grid;grid-template-columns:67px minmax(0,1fr);align-items:center;padding:7px 0 0}.workshop-unit-card-preview{width:67px;height:85px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#9cb7791c,transparent 70%)}.workshop-unit-card-preview>svg{width:63px;height:75px}.workshop-saved-unit>.workshop-saved-info{padding:8px 10px 8px 0}.workshop-saved-unit>.workshop-card-actions{grid-column:1/-1;justify-content:flex-end;padding-top:0;margin-top:-7px}.workshop-feedback{position:fixed;left:50%;bottom:30px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:9px;z-index:40;border:1px solid #c4c79d59;background:#183c32f2;padding:12px 21px;color:#d8e4bf;box-shadow:0 8px 28px #03151280;font-size:12px;max-width:calc(100% - 30px);line-height:1.8;animation:workshopFeedback .22s ease-out}.workshop-feedback.error{border-color:#dba58560;color:#ecc2a4}.workshop-feedback.error>span{width:17px;height:17px;border:1px solid #dba58580;border-radius:50%;display:grid;place-items:center;font-size:10px;flex-shrink:0}.workshop-page button:focus-visible,.workshop-page input:focus-visible,.workshop-page select:focus-visible{outline:2px solid #d7bb7d;outline-offset:3px}.workshop-page button{touch-action:manipulation}@keyframes workshopFloat{50%{transform:translateY(-5px)}}@keyframes workshopFeedback{0%{opacity:0;bottom:20px}to{opacity:1;bottom:30px}}@media(min-width:1600px){.workshop-workspace{grid-template-columns:260px minmax(450px,1fr) 300px;gap:35px}.workshop-editor-heading{margin-bottom:39px}.workshop-settings{padding:25px}.workshop-map-summary{margin-top:38px}.workshop-unit-preview{height:268px}.workshop-unit-preview>svg{height:213px;width:191px}}@media(max-width:1180px){.workshop-page{padding-left:28px;padding-right:28px}.workshop-workspace{grid-template-columns:215px minmax(300px,1fr) 225px;gap:18px}.workshop-panel{padding:18px 15px}.workshop-library{padding:18px 13px}.workshop-header{grid-template-columns:130px 1fr auto;gap:20px}.workshop-title h1{font-size:25px}.workshop-tabs button{padding:0 14px;font-size:12px}.workshop-rule-editor{padding:20px}.workshop-movement-row{gap:12px}.workshop-map-summary{gap:15px}.workshop-map-summary span:last-child{margin-left:0;width:100%}.workshop-editor-heading h2{font-size:21px}.workshop-palette{gap:5px}.workshop-brush-status{font-size:9px}.workshop-colors{gap:7px}.workshop-colors>button{width:25px;height:25px}.workshop-unit-preview{height:227px}}@media(max-width:980px){.workshop-page{padding:25px 24px 45px}.workshop-header{grid-template-columns:115px 1fr auto;gap:17px}.workshop-title h1{font-size:23px;letter-spacing:2px}.workshop-tabs button{gap:6px;padding:0 11px;font-size:11px}.workshop-kicker{font-size:8px;letter-spacing:2px}.workshop-workspace{grid-template-columns:225px minmax(0,1fr);gap:23px}.workshop-library{grid-column:1/-1;max-height:none}.workshop-library>.workshop-panel-heading{margin-bottom:18px}.workshop-library-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.workshop-empty{grid-column:1/-1;min-height:140px}.workshop-empty>svg{margin-bottom:13px}.workshop-settings{padding:21px 18px}.workshop-unit-preview{height:229px}.workshop-editor-heading{margin-bottom:26px}.workshop-map-summary{font-size:10px}.workshop-map-summary span:last-child{width:auto;margin-left:auto}.workshop-map-summary{gap:13px}.workshop-colors{gap:9px}.workshop-colors>button{width:27px;height:27px}}@media(max-width:720px){.workshop-page{padding:20px 18px 38px}.workshop-header{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;padding-bottom:20px}.workshop-back{font-size:11px;gap:7px}.workshop-title{grid-column:2;grid-row:1;justify-self:end}.workshop-title h1{font-size:22px;gap:9px}.workshop-title .workshop-kicker{display:none}.workshop-title h1>span{font-size:9px;padding:3px 6px}.workshop-tabs{grid-column:1/-1}.workshop-tabs button{flex:1;min-height:44px;font-size:12px;gap:10px}.workshop-workspace{grid-template-columns:1fr;gap:21px}.workshop-settings{padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.workshop-settings>.workshop-panel-heading{grid-column:1/-1;margin-bottom:21px}.workshop-settings>.workshop-field{margin-bottom:18px}.workshop-settings>.workshop-name-field{grid-column:1/-1}.workshop-settings>.workshop-section-label{grid-column:1/-1;margin:3px 0 11px}.workshop-palette{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:15px}.workshop-palette button{min-height:72px;padding:4px 0}.workshop-palette button>span{width:38px;height:42px}.workshop-palette button svg{width:36px;height:42px}.workshop-palette button strong{font-size:9px;white-space:nowrap}.workshop-checkbox{gap:9px}.workshop-checkbox strong{font-size:10px}.workshop-subtle{margin:0;padding:0;border-top:0;min-height:44px;justify-content:flex-end;font-size:10px}.workshop-canvas-section{padding-top:0}.workshop-editor-heading{margin-bottom:15px}.workshop-editor-heading h2{font-size:22px}.workshop-editor-heading .workshop-kicker{font-size:7px}.workshop-board-stage{padding-top:9px;padding-right:3px}.workshop-editor-grid{gap:2px;padding:3px;border-width:2px}.workshop-edit-cell{box-shadow:none}.workshop-edit-cell>svg{width:95%;height:95%}.workshop-row-coordinate{left:-21px}.workshop-brush-status{margin-top:21px;font-size:10px}.workshop-map-summary{padding:16px 0;margin-top:20px;gap:15px}.workshop-map-summary span:last-child{font-size:9px}.workshop-validation{margin:12px 0;font-size:10px}.workshop-editor-actions button{min-height:48px}.workshop-library{grid-column:auto;padding:20px 16px}.workshop-library-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.workshop-saved-info h3{font-size:11px}.workshop-saved-info{padding:10px}.workshop-card-actions{gap:0;padding:0 4px 5px}.workshop-card-actions>button{width:32px;height:44px}.workshop-card-actions>.workshop-test-map{padding:0 5px;font-size:9px;gap:4px}.workshop-map-card-preview{padding:13px 12px 9px}.workshop-appearance{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.workshop-appearance button{min-height:83px}.workshop-appearance button svg{width:46px;height:53px}.workshop-appearance button span{font-size:8px}.workshop-units .workshop-settings>.workshop-appearance-field{grid-column:1/-1}.workshop-units .workshop-settings>.workshop-appearance-field .workshop-appearance{grid-template-columns:repeat(5,minmax(0,1fr))}.workshop-units .workshop-settings>.workshop-color-field{grid-column:1/-1}.workshop-units .workshop-settings>.workshop-field-note{grid-column:1/-1;padding-top:0}.workshop-colors{gap:14px}.workshop-colors>button,.workshop-custom-color{width:30px;height:30px;margin:4px 0}.workshop-unit-preview{height:226px}.workshop-unit-preview>svg{width:157px;height:178px}.workshop-rule-editor{padding:20px 18px}.workshop-movement-row{gap:13px}.workshop-rule-editor .workshop-field>legend{font-size:10px}.workshop-preview-name h2{font-size:20px}.workshop-capture-toggle strong{font-size:11px}.workshop-capture-toggle small{font-size:10px}.workshop-skill-description{font-size:11px}.workshop-saved-unit{grid-template-columns:55px minmax(0,1fr)}.workshop-unit-card-preview{width:55px;height:77px}.workshop-unit-card-preview>svg{width:52px;height:66px}.workshop-saved-unit>.workshop-saved-info{padding-right:8px}.workshop-saved-unit .workshop-saved-info>p{font-size:8px}.workshop-feedback{bottom:22px;font-size:11px;padding:11px 15px;width:max-content;max-width:calc(100% - 30px)}}@media(max-width:390px){.workshop-page{padding:16px 12px 35px}.workshop-settings{padding:16px 13px;gap:0 12px}.workshop-palette button>span{width:33px;height:39px}.workshop-palette button svg{width:32px;height:38px}.workshop-palette button strong{font-size:8px}.workshop-palette{gap:3px}.workshop-map-summary{gap:12px;font-size:9px}.workshop-map-summary span:last-child{margin-left:0}.workshop-library-items{gap:9px}.workshop-card-actions>button{width:28px}.workshop-card-actions>.workshop-test-map{padding:0 3px;font-size:8px}.workshop-title h1{font-size:20px}.workshop-title h1>span{font-size:8px}.workshop-editor-actions{gap:9px}.workshop-saved-info>span{font-size:8px}.workshop-movement-row{gap:10px}.workshop-segments button{padding:0 4px;font-size:10px}.workshop-colors{gap:12px}}@media(prefers-reduced-motion:reduce){.workshop-unit-preview>svg,.workshop-feedback{animation:none}.workshop-page *{transition:none!important}}.workshop-page{height:100svh;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:20px max(20px,3vw) 18px}.workshop-header{flex-shrink:0;min-height:56px;margin:0 auto 18px;padding-bottom:14px;width:100%;gap:20px}.workshop-title h1{font-size:25px}.workshop-workspace{flex:1;min-height:0;width:100%;margin:0 auto;align-items:stretch;grid-template-columns:225px minmax(0,1fr) 235px;gap:20px}.workshop-settings,.workshop-library{min-height:0;max-height:none;overflow:auto;scrollbar-width:thin;scrollbar-color:#647e63 transparent}.workshop-settings{display:block;padding:18px}.workshop-panel-heading{margin-bottom:18px}.workshop-field{margin-bottom:17px}.workshop-field input:not([type=color]),.workshop-field select{height:39px;font-size:12px}.workshop-section-label{margin-top:19px}.workshop-palette{gap:5px;margin-bottom:15px}.workshop-palette button{min-height:66px;padding:3px}.workshop-palette button>span{height:37px;width:38px}.workshop-palette button svg{height:37px;width:35px}.workshop-palette button strong{font-size:9px}.workshop-library{grid-column:auto;padding:18px 14px}.workshop-library-items{grid-template-columns:1fr;gap:12px}.workshop-empty{min-height:160px}.workshop-map-card-preview{padding:11px}.workshop-mini-map{display:block;max-width:170px;max-height:110px;transform:none;padding:0;border-width:1px;box-shadow:0 3px #40553a}.workshop-mini-map path.mini-terrain-box{fill:#a38c61}.workshop-mini-map path.mini-terrain-vortex,.workshop-mini-map path.mini-terrain-summonedVortex{fill:#658f94}.workshop-mini-map path.mini-terrain-greenFlag{fill:#497c59}.workshop-mini-map path.mini-terrain-blueFlag{fill:#6189a9}.workshop-mini-map path.mini-terrain-arrowRight,.workshop-mini-map path.mini-terrain-arrowLeft{fill:#dcc78a}.workshop-saved-info{padding:9px 11px}.workshop-saved-info h3{font-size:11px}.workshop-card-actions>button{height:36px;width:32px}.workshop-card-actions>.workshop-test-map{font-size:9px;padding:0 6px}.workshop-size-presets{display:grid;grid-template-columns:1fr 1fr}.workshop-size-presets button{min-height:31px;font-size:10px;border:0!important}.workshop-size-presets button:nth-child(odd){border-right:1px solid #a8bca422!important}.workshop-size-presets button:nth-child(-n+2){border-bottom:1px solid #a8bca422!important}.workshop-size-inputs{display:grid;grid-template-columns:1fr 12px 1fr;gap:6px;align-items:end;margin-top:9px}.workshop-size-inputs label{min-width:0}.workshop-size-inputs label>span{display:block;font-size:9px;color:#8eaa92;margin-bottom:4px}.workshop-size-inputs>span{color:#8eaa92;text-align:center;line-height:37px;font-size:10px}.workshop-size-inputs input{width:100%;height:37px!important;padding:0 8px!important}.workshop-canvas-section{display:flex;flex-direction:column;min-width:0;min-height:0;padding:0}.workshop-editor-heading{flex-shrink:0;min-height:32px;margin:0 0 10px}.workshop-editor-heading h2{font-size:20px;letter-spacing:1px}.workshop-editor-badge{font-size:9px;padding:5px 8px}.workshop-board-stage{padding:0;flex:1;min-height:0;display:flex;overflow:hidden;border:1px solid #a8bca42b;background:#0b292577}.workshop-map-viewport{width:100%;height:100%;min-height:0}.workshop-maps .workshop-board-coordinates{position:absolute;left:18px;top:2px;margin:0;padding:0;line-height:14px;font-size:8px}.workshop-maps .workshop-editor-grid{position:absolute;left:18px;top:18px;padding:0;border:0;gap:0;box-shadow:0 0 0 1px #adc196,0 5px 12px #082e2680;background:#526944}.workshop-maps .workshop-edit-cell{aspect-ratio:auto;width:52px;height:52px;min-height:0;border:1px solid #647d5955;box-shadow:inset 0 0 0 1px #d1dfb22b}.workshop-maps .workshop-edit-cell>svg{width:44px;height:44px}.workshop-maps .workshop-row-coordinate{left:-15px;font-size:8px}.workshop-brush-status{flex-shrink:0;margin:8px 0 0;min-height:19px;font-size:9px}.workshop-map-summary{flex-shrink:0;padding:8px 0;margin:6px 0 0;gap:12px;font-size:10px;min-height:34px}.workshop-map-summary span:last-child{width:auto;margin-left:auto;font-size:9px}.workshop-validation{flex-shrink:0;min-height:28px;margin:4px 0 7px;font-size:9px}.workshop-editor-actions{flex-shrink:0;gap:8px}.workshop-editor-actions button{min-height:42px;font-size:11px;gap:6px;letter-spacing:0}.workshop-editor-actions .workshop-new-map{flex:0 0 68px}.workshop-unit-editor{display:flex;flex-direction:column;min-height:0;overflow:hidden}.workshop-unit-preview{flex-shrink:0;height:155px}.workshop-unit-preview>svg{width:123px;height:138px;margin-top:-15px}.workshop-preview-label{font-size:7px;top:12px;left:13px}.workshop-preview-name{bottom:10px}.workshop-preview-name h2{font-size:17px}.workshop-rule-editor{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#647e63 transparent;padding:18px 20px}.workshop-unit-actions{padding-top:10px}.workshop-movement-row{gap:12px}.workshop-rule-editor>.workshop-panel-heading{margin-bottom:17px}.workshop-rule-editor>.workshop-validation{min-height:30px;margin-top:13px;margin-bottom:0}.workshop-feedback{bottom:75px;pointer-events:none;font-size:11px;padding:9px 17px}@media(max-width:1100px){.workshop-page{padding:14px 18px}.workshop-workspace{grid-template-columns:190px minmax(0,1fr) 190px;gap:13px}.workshop-header{margin-bottom:13px;min-height:47px;padding-bottom:10px;grid-template-columns:110px 1fr auto;gap:13px}.workshop-title h1{font-size:22px;letter-spacing:2px}.workshop-tabs button{min-height:36px;font-size:11px;padding:0 10px;gap:6px}.workshop-settings{padding:14px}.workshop-library{padding:14px 11px}.workshop-field{margin-bottom:14px}.workshop-panel-heading h2{font-size:12px;letter-spacing:1px}.workshop-panel-heading{margin-bottom:15px}.workshop-palette button{min-height:58px}.workshop-palette button>span{height:32px;width:32px}.workshop-palette button svg{height:31px;width:30px}.workshop-appearance{grid-template-columns:repeat(3,minmax(0,1fr))}.workshop-map-summary{gap:8px;font-size:9px}.workshop-map-summary span:last-child{width:100%;margin-left:0}.workshop-unit-preview{height:138px}.workshop-unit-preview>svg{width:109px;height:123px}.workshop-rule-editor{padding:16px}.workshop-editor-actions button{font-size:10px}.workshop-editor-actions .workshop-new-map{flex-basis:55px}.workshop-editor-actions .workshop-new-map span{display:none}}@media(max-width:720px){.workshop-page{padding:10px 11px 11px}.workshop-header{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px;padding-bottom:8px;min-height:0}.workshop-title h1{font-size:20px}.workshop-back{min-height:30px;font-size:10px}.workshop-title h1>span{font-size:8px;padding:2px 5px}.workshop-tabs{padding:3px;gap:3px}.workshop-tabs button{min-height:32px;font-size:10px}.workshop-workspace{grid-template-columns:145px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 139px;gap:10px}.workshop-settings{display:block;padding:12px 10px}.workshop-settings>.workshop-field{margin-bottom:12px}.workshop-settings>.workshop-panel-heading{margin-bottom:14px}.workshop-field>span,.workshop-field>legend,.workshop-section-label{font-size:9px;letter-spacing:0;margin-bottom:7px}.workshop-field input:not([type=color]),.workshop-field select{height:34px;font-size:11px;padding:0 7px}.workshop-size-inputs{gap:4px;grid-template-columns:1fr 9px 1fr}.workshop-size-inputs input{height:32px!important;padding:0 5px!important}.workshop-size-inputs>span{line-height:32px}.workshop-size-presets button{font-size:8px;min-height:27px;padding:0 3px}.workshop-size-inputs label>span{font-size:8px}.workshop-settings>.workshop-section-label{margin:16px 0 8px}.workshop-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.workshop-palette button{min-height:53px;padding:3px 1px}.workshop-palette button>span{height:27px;width:27px}.workshop-palette button svg{height:27px;width:25px}.workshop-palette button strong{font-size:8px}.workshop-checkbox{gap:7px;min-height:40px}.workshop-checkbox input{width:14px;height:14px}.workshop-checkbox strong{font-size:9px}.workshop-checkbox small{font-size:8px;line-height:1.6}.workshop-subtle{font-size:9px;min-height:35px;justify-content:center;margin-top:10px;border-top:1px solid var(--workshop-line);padding-top:6px}.workshop-library{grid-column:1/-1;overflow:auto;padding:10px;display:flex;flex-direction:column}.workshop-library>.workshop-panel-heading{margin-bottom:8px;flex-shrink:0}.workshop-library-items{display:flex;gap:9px;min-height:0;overflow:auto}.workshop-saved-card{min-width:150px;display:grid;grid-template-columns:57px minmax(0,1fr);align-items:center;flex-shrink:0;max-width:200px}.workshop-map-card-preview{padding:6px}.workshop-mini-map{max-height:55px}.workshop-saved-info{padding:7px 7px 4px}.workshop-saved-info h3{font-size:10px;letter-spacing:0;margin-bottom:4px}.workshop-saved-info>span{font-size:8px;letter-spacing:0}.workshop-card-actions{grid-column:1/-1;gap:3px;padding:0 5px 4px}.workshop-card-actions>button{height:29px;width:29px}.workshop-card-actions>.workshop-test-map{font-size:8px;min-height:29px;padding:0 4px}.workshop-empty{min-height:65px;flex-direction:row;gap:10px;flex:1}.workshop-empty>svg{width:23px;height:23px;margin:0}.workshop-empty strong{font-size:10px;letter-spacing:0}.workshop-empty p{display:none}.workshop-editor-heading{min-height:26px;gap:5px;margin-bottom:8px}.workshop-editor-heading h2{font-size:16px;letter-spacing:0}.workshop-editor-badge{font-size:7px;padding:4px 5px}.workshop-brush-status{font-size:8px;margin-top:6px;gap:4px;flex-wrap:wrap;min-height:20px}.workshop-brush-status span:last-child{font-size:7px}.workshop-brush-status svg{width:11px}.workshop-map-summary{font-size:8px;padding:6px 0;gap:5px;min-height:35px}.workshop-map-summary svg{width:11px;height:11px}.workshop-map-summary span{gap:4px}.workshop-map-summary span:last-child{font-size:7px}.workshop-validation{font-size:8px;line-height:1.6;min-height:25px;margin:4px 0 5px;gap:5px}.workshop-validation svg{width:11px;height:11px}.workshop-editor-actions{gap:5px;flex-wrap:wrap}.workshop-editor-actions button{font-size:9px;gap:4px;min-height:35px;flex-basis:calc(50% - 3px)}.workshop-editor-actions .workshop-new-map{flex:0 0 26px;min-height:35px}.workshop-editor-actions .workshop-new-map+button{flex-basis:calc(100% - 32px)}.workshop-editor-actions .workshop-new-map~button:last-child{flex-basis:100%;min-height:32px}.workshop-unit-preview{height:122px}.workshop-unit-preview>svg{width:92px;height:103px}.workshop-preview-label{display:none}.workshop-preview-name{bottom:7px;gap:7px}.workshop-preview-name h2{font-size:13px;letter-spacing:0}.workshop-preview-name>span{font-size:8px}.workshop-rule-editor{padding:12px 10px}.workshop-movement-row{grid-template-columns:1fr;gap:0}.workshop-rule-editor .workshop-field>legend{font-size:9px}.workshop-segments button{min-height:32px;font-size:9px}.workshop-capture-toggle{padding-bottom:10px;margin-bottom:13px}.workshop-capture-toggle strong{font-size:9px}.workshop-capture-toggle small{font-size:8px}.workshop-skill-description{font-size:9px;gap:6px}.workshop-skill-description svg{width:12px}.workshop-units .workshop-settings>.workshop-appearance-field .workshop-appearance{grid-template-columns:repeat(2,minmax(0,1fr))}.workshop-appearance button{min-height:64px}.workshop-appearance button svg{width:38px;height:42px}.workshop-appearance button span{font-size:7px}.workshop-colors{gap:9px}.workshop-colors>button,.workshop-custom-color{width:23px;height:23px}.workshop-unit-actions{padding-top:7px}.workshop-unit-actions button{flex-basis:100%;min-height:34px}.workshop-saved-unit{grid-template-columns:45px minmax(0,1fr);padding:3px 0 0}.workshop-unit-card-preview{width:45px;height:54px}.workshop-unit-card-preview>svg{width:41px;height:50px}.workshop-saved-unit>.workshop-card-actions{margin:0}.workshop-feedback{bottom:155px;font-size:10px;padding:8px 13px;max-width:calc(100% - 24px)}}@media(max-height:540px)and (orientation:landscape){.workshop-page{padding:8px 12px 10px}.workshop-header{grid-template-columns:95px 1fr auto;min-height:32px;padding-bottom:7px;margin-bottom:8px;gap:12px}.workshop-title{grid-column:auto;grid-row:auto;justify-self:start}.workshop-title h1{font-size:19px}.workshop-title h1>span{font-size:7px}.workshop-tabs{grid-column:auto;padding:2px}.workshop-tabs button{min-height:30px;font-size:9px;padding:0 8px}.workshop-tabs svg{width:13px;height:13px}.workshop-back{min-height:30px;font-size:9px;gap:5px}.workshop-back svg{width:14px}.workshop-workspace{grid-template-columns:165px minmax(0,1fr) 160px;grid-template-rows:minmax(0,1fr);gap:10px}.workshop-settings{padding:12px}.workshop-library{grid-column:auto;padding:12px 10px;display:block}.workshop-library-items{display:grid;grid-template-columns:1fr;overflow:visible}.workshop-saved-card{display:block;min-width:0;max-width:none}.workshop-map-card-preview{padding:9px}.workshop-mini-map{max-height:68px}.workshop-saved-info{padding:7px 9px}.workshop-saved-info h3{font-size:10px}.workshop-card-actions>button{height:29px;width:27px}.workshop-card-actions>.workshop-test-map{font-size:8px;padding:0 3px}.workshop-panel-heading h2{font-size:11px}.workshop-panel-heading,.workshop-field{margin-bottom:12px}.workshop-field>span,.workshop-field>legend,.workshop-section-label{font-size:9px;margin-bottom:6px}.workshop-field input:not([type=color]),.workshop-field select{height:33px;font-size:11px}.workshop-size-presets button{min-height:26px;font-size:9px}.workshop-size-inputs input{height:32px!important}.workshop-palette button{min-height:50px}.workshop-palette button>span{height:27px;width:28px}.workshop-palette button svg{height:27px;width:26px}.workshop-editor-heading{min-height:25px;margin-bottom:6px}.workshop-editor-heading h2{font-size:17px}.workshop-editor-badge{font-size:7px;padding:4px 6px}.workshop-brush-status{min-height:16px;margin-top:5px;font-size:8px}.workshop-map-summary{padding:5px 0;margin-top:5px;min-height:27px;font-size:8px;gap:10px}.workshop-map-summary span:last-child{font-size:7px;width:auto;margin-left:auto}.workshop-map-summary svg{width:12px;height:12px}.workshop-validation{min-height:23px;margin:3px 0 5px;font-size:8px}.workshop-editor-actions{flex-wrap:nowrap;gap:6px}.workshop-editor-actions button{min-height:33px;font-size:9px;flex-basis:auto;gap:4px}.workshop-editor-actions .workshop-new-map{flex-basis:30px}.workshop-editor-actions .workshop-new-map+button,.workshop-editor-actions .workshop-new-map~button:last-child{flex-basis:auto;min-height:33px}.workshop-unit-preview{height:95px}.workshop-unit-preview>svg{height:88px;width:78px;margin-top:-12px}.workshop-preview-label{display:none}.workshop-preview-name{bottom:7px;gap:9px}.workshop-preview-name h2{font-size:13px}.workshop-preview-name>span{font-size:8px}.workshop-rule-editor{padding:12px 13px}.workshop-movement-row{grid-template-columns:1fr;gap:0}.workshop-rule-editor>.workshop-panel-heading{margin-bottom:12px}.workshop-skill-description{font-size:9px}.workshop-unit-actions{padding-top:7px}.workshop-unit-actions button{flex-basis:auto}.workshop-feedback{bottom:54px;font-size:10px}.workshop-saved-unit{display:grid;grid-template-columns:44px minmax(0,1fr)}.workshop-unit-card-preview{width:44px;height:54px}.workshop-unit-card-preview>svg{width:40px;height:51px}}.workshop-compact-map{position:absolute;left:18px;top:18px;border:1px solid #b6c59a;box-shadow:0 4px 10px #082e2680;overflow:hidden}.workshop-map-overview{display:block;width:100%;height:100%;pointer-events:none}.workshop-map-overview path.mini-terrain-box{fill:#a38c61}.workshop-map-overview path.mini-terrain-vortex,.workshop-map-overview path.mini-terrain-summonedVortex{fill:#658f94}.workshop-map-overview path.mini-terrain-greenFlag{fill:#497c59}.workshop-map-overview path.mini-terrain-blueFlag{fill:#6189a9}.workshop-map-overview path.mini-terrain-arrowRight,.workshop-map-overview path.mini-terrain-arrowLeft{fill:#dcc78a}.app.units-view{height:100svh;min-height:0}.workshop-units.workshop-page{height:100svh;min-height:0;padding:20px 28px;display:flex;flex-direction:column;overflow:hidden}.workshop-units .workshop-header{width:100%;max-width:1560px;margin-bottom:18px;padding-bottom:14px;gap:18px;flex:none}.workshop-units .workshop-workspace{width:100%;max-width:1560px;flex:1;min-height:0;grid-template-columns:230px minmax(0,1fr) 210px;gap:18px;align-items:stretch}.workshop-units .workshop-library{max-height:none;min-height:0;grid-column:auto;overflow:auto;padding:18px 14px}.workshop-units .unit-designer-settings{min-height:0;overflow:auto;padding:20px 16px;scrollbar-width:thin;scrollbar-color:#607965 transparent}.unit-designer-settings .workshop-panel-heading{margin-bottom:18px}.unit-designer-settings .workshop-field{margin-bottom:15px}.unit-basic-row{display:grid;grid-template-columns:65px 1fr;gap:10px}.unit-designer-settings .workshop-field input,.unit-designer-settings .workshop-field select{height:40px;font-size:12px;padding:0 9px}.unit-section-label{display:flex;align-items:center;gap:8px;padding-top:17px;margin:8px 0 12px;border-top:1px solid #bfcfa226;font-size:12px;color:#d8c38a}.unit-part-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.unit-part-list button{position:relative;text-align:left;min-height:56px;border:1px solid #849f8936;padding:9px 8px;background:#142f2c;color:#d7e3cc}.unit-part-list button>span{display:block;font-size:12px;margin-bottom:5px}.unit-part-list button>small{font-size:10px;color:#a1b4a0}.unit-part-list button>svg{position:absolute;right:5px;top:11px;color:#7d9c83}.unit-part-list button.active{border-color:#d7bd78;background:#355045;box-shadow:inset 3px 0 #dfc789}.unit-part-list button.active small{color:#edd69c}.unit-designer-note{display:flex;align-items:center;gap:6px;line-height:1.7;font-size:10px;color:#a9bcad;margin-top:12px}.jade-dot,.blue-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#80b887;flex-shrink:0}.blue-dot{background:#74b2d7;margin-left:-2px}.unit-designer-stage{display:flex;flex-direction:column;min-width:0;min-height:0;background:radial-gradient(ellipse at 50% 35%,#87aa7933,transparent 65%),linear-gradient(140deg,#1a3c33,#152f33);border:1px solid #91a78740;padding:18px 22px;overflow:hidden}.unit-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none}.unit-editor-tabs{display:flex;gap:5px;background:#112b29;border:1px solid #a7b7922c;padding:4px}.unit-editor-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 17px;font-size:13px;color:#a1b5a2}.unit-editor-tabs button.active{background:#dbc38a;color:#263b30;box-shadow:inset 0 0 0 1px #eadaae}.unit-preview-cost{display:flex;align-items:center;gap:7px;color:#ead198;font-size:20px;font-variant-numeric:tabular-nums}.unit-preview-cost svg{color:#c1aa70}.unit-design-body{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#61775b transparent}.unit-design-body.appearance{display:flex;flex-direction:column;justify-content:center;gap:13px}.unit-pair-preview{display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,65px);flex:1;min-height:190px;position:relative;padding-top:12px}.unit-pair-preview:before{content:"";position:absolute;left:10%;right:10%;bottom:24%;height:1px;background:linear-gradient(90deg,transparent,#abbd824c,transparent)}.unit-preview-pedestal{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:41%;height:100%;max-height:400px;isolation:isolate}.unit-preview-pedestal:before{content:"";position:absolute;width:96%;aspect-ratio:1;border-radius:50%;border:1px solid #a6c0961f;background:radial-gradient(ellipse,#5f8c6b20,transparent 70%);z-index:-1}.unit-preview-pedestal.blue:before{background:radial-gradient(ellipse,#6b9da923,transparent 70%);border-color:#94b8c22a}.unit-preview-pedestal>svg{display:block;max-width:100%;width:min(260px,100%);height:min(37svh,330px);filter:drop-shadow(0 14px 11px #081d2166)}.unit-preview-pedestal>span{font-size:11px;letter-spacing:4px;margin-top:4px;color:#a9cba4}.unit-preview-pedestal.blue>span{color:#a1c7df}.unit-candidate-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.unit-candidate-heading h3,.unit-grid-heading h3{font-size:13px;font-weight:500;color:#e6d6ad;letter-spacing:1px}.unit-candidate-heading>span,.unit-grid-heading>span{font-size:10px;color:#a5bca8}.unit-part-candidates{display:flex;gap:8px;overflow-x:auto;flex:none;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#7a8a66 transparent}.unit-part-candidates button{position:relative;flex:1 0 63px;max-width:130px;min-height:103px;border:1px solid #7f9c854d;background:#112d29;padding:7px 4px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.unit-part-candidates button>svg:not(.unit-part-check){height:70px;width:70px;max-width:100%}.unit-part-candidates button>span{font-size:11px;color:#bccfb7}.unit-part-candidates button.active{border-color:#dbc486;background:#425943;box-shadow:inset 0 0 0 1px #c2b47736}.unit-part-candidates button.active>span{color:#f2deb1}.unit-part-check{position:absolute;right:4px;top:4px;color:#e4ce94}.unit-part-candidates button:disabled{opacity:.4;cursor:default}.unit-rule-modes{display:flex;gap:6px}.unit-rule-modes button{flex:1;min-height:39px;background:#112d29;border:1px solid #a2b89544;color:#b0c4ac;font-size:12px}.unit-rule-modes button.active{background:#dbc38a;border-color:#e5d49b;color:#273d2e}.unit-capture{display:flex;align-items:center;gap:8px;padding:15px 0;font-size:12px;color:#d1dec2;cursor:pointer}.unit-capture input{width:16px;height:16px;accent-color:#d9c588}.unit-capture svg{color:#c6b57d}.unit-legacy-note{font-size:10px;line-height:1.6;color:#d7c497;margin-top:14px}.unit-design-body.movement{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;align-items:center;justify-items:center;gap:8px;padding:10px 0;overflow:hidden}.unit-grid-heading{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}.unit-movement-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(9,minmax(0,1fr));width:auto;height:100%;max-height:300px;max-width:100%;aspect-ratio:1;gap:3px;padding:6px;border:2px solid #a9b68a;background:#203e35;box-shadow:0 3px #68724b,0 10px 28px #071e2273;flex:none}.unit-movement-grid button{position:relative;min-width:0;min-height:0;background:#8fa17c33;border:1px solid #c3d0a825;display:grid;place-items:center;aspect-ratio:1}.unit-movement-grid button:not(:disabled):hover,.unit-movement-grid button:focus-visible{border-color:#f3d998;background:#b8c49658;outline:1px solid #dfcf9b;outline-offset:0}.unit-movement-grid button.selected{background:#d6be7d;border-color:#f2dfaa;box-shadow:inset 0 0 0 2px #b0965c26}.unit-movement-grid button.origin{background:#455c47;border-color:#cdd2a0;overflow:visible;z-index:1}.unit-movement-grid button.origin svg{width:125%;height:125%;pointer-events:none}.unit-movement-grid button.unavailable{background:#1029258c;border-color:#65817518}.unit-move-mark{width:8px;height:8px;border:2px solid #466743;transform:rotate(45deg);background:#6d8959}.unit-empty-mark{height:3px;width:3px;background:#b4c8a56b;border-radius:50%}.unit-movement-grid button.unavailable .unit-empty-mark{background:#8ba08e21}.unit-pattern-presets{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;flex:none}.unit-pattern-presets button{min-height:33px;padding:0 11px;border:1px solid #b7c39343;background:#16322c;color:#c6d2b6;font-size:11px}.unit-pattern-presets button:hover{color:#eddaab;border-color:#d4bd7d}.unit-grid-note{font-size:10px;color:#a8bcab;text-align:center;line-height:1.5}.unit-design-footer{flex:none;border-top:1px solid #b7c99e2c;margin-top:12px;padding-top:11px}.unit-design-validation{display:flex;gap:7px;align-items:center;min-height:24px;font-size:10px;color:#a6c7a4;line-height:1.6;margin-bottom:8px}.unit-design-validation.invalid{color:#edaf91}.unit-save-actions{display:flex;gap:10px}.unit-save-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;flex:1;font-size:12px}.unit-save-actions .workshop-save{flex:2;font-size:13px;font-weight:500}@media(max-height:580px)and (orientation:landscape){.unit-design-body.movement{grid-template-columns:minmax(0,1fr) 82px;grid-template-rows:minmax(0,1fr) auto}.unit-design-body.movement .unit-grid-heading{display:none}.unit-movement-grid{grid-column:1;grid-row:1}.unit-pattern-presets{grid-column:2;grid-row:1;flex-direction:column;align-items:stretch;width:100%;gap:7px}.unit-pattern-presets button{min-height:32px}.unit-grid-note{grid-column:1 / -1}}@media(max-width:620px)and (orientation:portrait){.app.units-view{height:auto;min-height:100svh}}@media(max-width:1100px){.workshop-units .workshop-workspace{grid-template-columns:195px minmax(0,1fr) 165px;gap:12px}.unit-designer-stage{padding:14px}.unit-designer-settings .unit-basic-row{grid-template-columns:58px 1fr}.unit-part-candidates button{flex-basis:58px;min-height:87px}.unit-part-candidates button>svg:not(.unit-part-check){height:55px;width:55px}.unit-editor-tabs button{padding:0 10px;font-size:12px}.unit-grid-heading{flex-wrap:wrap;gap:5px}}@media(max-height:580px)and (orientation:landscape){.workshop-units.workshop-page{padding:9px 12px}.workshop-units .workshop-header{margin-bottom:8px;padding-bottom:6px}.workshop-units .workshop-workspace{grid-template-columns:172px minmax(0,1fr) 135px;gap:10px}.workshop-units .unit-designer-settings{padding:10px}.workshop-units .workshop-library{padding:10px 8px}.unit-designer-stage{padding:9px 12px}.unit-designer-settings .workshop-panel-heading{display:none}.unit-designer-settings .workshop-field{margin-bottom:8px}.unit-designer-settings .workshop-field>span{font-size:10px;margin-bottom:4px}.unit-designer-settings .workshop-field input,.unit-designer-settings .workshop-field select{height:32px;font-size:11px}.unit-section-label{padding-top:9px;margin:0 0 7px;font-size:11px}.unit-part-list{gap:4px}.unit-part-list button{min-height:38px;padding:5px 6px}.unit-part-list button>span{font-size:10px;margin-bottom:2px}.unit-part-list button>small{font-size:9px}.unit-part-list button>svg{display:none}.unit-designer-note{font-size:9px;line-height:1.5;margin-top:7px}.unit-editor-tabs button{min-height:29px;font-size:11px;padding:0 10px;gap:5px}.unit-editor-tabs svg{width:13px}.unit-preview-cost{font-size:17px}.unit-pair-preview{min-height:90px;padding-top:0;gap:20px}.unit-preview-pedestal>svg{height:min(29svh,140px)}.unit-preview-pedestal>span{font-size:9px;margin-top:0}.unit-design-body.appearance{gap:6px}.unit-candidate-heading h3,.unit-grid-heading h3{font-size:11px}.unit-candidate-heading>span,.unit-grid-heading>span{font-size:9px}.unit-part-candidates{gap:5px;padding-bottom:4px}.unit-part-candidates button{flex-basis:45px;min-height:67px;padding:3px;gap:1px}.unit-part-candidates button>svg:not(.unit-part-check){width:42px;height:44px}.unit-part-candidates button>span{font-size:9px}.unit-design-footer{margin-top:6px;padding-top:6px}.unit-design-validation{min-height:17px;font-size:9px;margin-bottom:4px}.unit-save-actions button{min-height:31px;font-size:10px}.unit-save-actions .workshop-save{font-size:11px}.unit-design-body.movement{padding:4px 0;gap:5px}.unit-movement-grid{width:auto;gap:2px;padding:3px}.unit-pattern-presets{gap:4px}.unit-pattern-presets button{min-height:25px;font-size:9px;padding:0 7px}.unit-grid-note{font-size:9px}.unit-rule-modes button{min-height:31px;font-size:10px}.unit-capture{padding:10px 0;font-size:10px}.unit-legacy-note{font-size:9px;margin-top:6px}}@media(max-width:620px)and (orientation:portrait){.workshop-units.workshop-page{height:auto;min-height:100svh;overflow:visible;padding:14px}.workshop-units .workshop-header{display:flex;flex-wrap:wrap;gap:12px}.workshop-units .workshop-title h1{font-size:20px}.workshop-units .workshop-tabs{width:100%}.workshop-units .workshop-tabs button{padding:0 11px;flex:1;min-height:36px;font-size:11px}.workshop-units .workshop-workspace{grid-template-columns:1fr;display:grid;gap:12px}.workshop-units .unit-designer-settings{overflow:visible;padding:14px}.unit-designer-settings .workshop-panel-heading{display:none}.unit-basic-row{grid-template-columns:1fr 1fr}.unit-part-list{grid-template-columns:repeat(4,1fr)}.unit-part-list button{min-height:48px}.unit-part-list button>svg{display:none}.unit-designer-stage{min-height:500px;padding:14px}.unit-preview-pedestal>svg{height:190px}.unit-pair-preview{min-height:210px}.unit-movement-grid{width:min(100%,300px);height:auto}.unit-design-body.movement{grid-template-rows:auto auto auto auto;gap:12px}.workshop-units .workshop-library{grid-column:auto;max-height:240px}.workshop-units .workshop-library-items{display:flex;overflow:auto}.workshop-units .workshop-saved-card{min-width:170px}.unit-design-footer{margin-top:14px}.unit-part-candidates button{flex-basis:53px}.unit-part-candidates button>svg:not(.unit-part-check){height:54px}.unit-design-body.appearance{gap:12px}}.unit-computed-power output{height:40px;display:flex;align-items:center;gap:7px;color:#f3d894;font-size:18px;border:1px solid #d9bd744f;background:#2b4336;padding:0 9px}.unit-computed-power small{display:block;font-size:9px;color:#a8bda3;margin-top:4px}.unit-settings-toggle,.unit-settings-close,.unit-library-toggle,.unit-library-close,.unit-settings-scrim,.unit-library-scrim,.unit-mobile-parts,.unit-mobile-rule-summary{display:none}.unit-grid-expand{display:flex;align-items:center;gap:6px;padding:6px 10px;min-height:34px;border:1px solid #cbb57766;border-radius:3px;color:#e6ce94;font-size:11px}.unit-library-search{display:flex;align-items:center;gap:7px;min-height:40px;border:1px solid #9bb28b52;background:#102e26;padding:0 9px;margin-bottom:12px;color:#a9c39e}.unit-library-search input{width:100%;min-width:0;background:transparent;border:0;outline:none;color:#e6e7cd;min-height:38px;font:inherit;font-size:12px}.unit-designer-stage.movement-expanded{position:fixed;top:10px;right:10px;bottom:10px;left:10px;z-index:90;box-shadow:0 0 0 100vmax #061c20eb;padding:14px 20px}.movement-expanded .unit-design-body.movement{grid-template-rows:auto minmax(0,1fr) auto auto}.movement-expanded .unit-grid-heading{display:flex}.movement-expanded .unit-movement-grid{grid-row:auto;grid-column:auto;max-height:calc(100svh - 180px)}.movement-expanded .unit-pattern-presets{grid-row:auto;grid-column:auto;flex-direction:row;width:auto}.movement-expanded .unit-design-body.movement{grid-template-columns:1fr}@media(max-width:1000px){.app.units-view{height:100svh;min-height:0;overflow:hidden}.workshop-units.workshop-page{height:100svh;min-height:0;padding:10px 12px;overflow:hidden}.workshop-units .workshop-header{gap:10px;margin-bottom:8px;padding-bottom:8px;flex-wrap:wrap;flex:none}.workshop-units .workshop-back span{display:none}.workshop-units .workshop-title h1{font-size:18px}.workshop-units .workshop-workspace{display:flex;flex:1;min-height:0;gap:0;width:100%}.workshop-units .unit-designer-stage{flex:1;width:100%;min-height:0;padding:10px 14px}.workshop-units .unit-designer-settings,.workshop-units .workshop-library{display:none}.workshop-units .unit-designer-settings.mobile-open{display:block;position:fixed;z-index:110;top:10px;bottom:10px;left:10px;width:min(310px,calc(100vw - 30px));padding:18px;overflow-y:auto;box-shadow:0 12px 50px #041617bd;background:#17372dfc;border-color:#cbb98480}.workshop-units .workshop-library.mobile-open{display:flex;flex-direction:column;position:fixed;z-index:110;top:10px;bottom:10px;right:10px;width:min(340px,calc(100vw - 30px));max-height:none;padding:18px;overflow-y:auto;box-shadow:0 12px 50px #041617bd;background:#17372dfc;border-color:#cbb98480}.workshop-units .workshop-library-items{display:block;overflow:auto;min-height:0}.workshop-units .workshop-saved-card{min-width:0}.unit-settings-scrim,.unit-library-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:105;background:#071c22ab;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.unit-settings-close,.unit-library-close{display:grid;place-items:center;width:40px;height:40px;position:absolute;top:8px;right:8px;color:#e8d59f}.unit-library-close{position:sticky;top:0;float:right;align-self:flex-end;margin-top:-38px;flex:none}.unit-settings-toggle,.unit-library-toggle{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 10px;background:#d7c18c;border:1px solid #ecd8a5;color:#2a402f;border-radius:4px;font-size:12px;flex:none}.unit-library-toggle{margin-left:auto}.unit-library-toggle b{font-size:11px;border-left:1px solid #4c674258;padding-left:6px}.unit-editor-heading{gap:7px;flex-wrap:wrap}.unit-editor-tabs{flex:1;min-width:0}.unit-editor-tabs button{flex:1;padding:0 8px;min-height:40px;font-size:12px;white-space:nowrap}.unit-preview-cost{font-size:18px}.unit-settings-toggle>span{font-size:11px}.unit-mobile-parts{display:flex;flex:none;gap:5px;overflow-x:auto;scrollbar-width:thin;padding:5px 0}.unit-mobile-parts button{min-height:36px;padding:0 11px;flex:none;background:#16372c;border:1px solid #acc1943b;color:#c4d3b3;font-size:11px}.unit-mobile-parts button.active{background:#d5c08b;border-color:#ead49e;color:#2a432f}.unit-design-body.appearance{justify-content:flex-start;gap:8px;overflow:auto}.unit-pair-preview{min-height:150px;flex:1;padding-top:4px}.unit-preview-pedestal>svg{height:clamp(130px,28svh,240px)}.unit-part-candidates{flex:none;padding-bottom:5px}.unit-part-candidates button{min-height:85px;flex-basis:63px}.unit-part-candidates button>svg:not(.unit-part-check){height:57px;width:57px}.unit-design-body.movement{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:auto;gap:10px;padding:10px 0;min-height:0;overscroll-behavior:contain}.unit-grid-heading{display:flex;flex-wrap:wrap;gap:6px;width:100%;flex:none}.unit-grid-heading h3{font-size:12px}.unit-grid-heading>span{font-size:10px;margin-right:auto}.unit-grid-expand{min-height:36px;font-size:10px}.unit-mobile-rule-summary{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:36px;font-size:11px;color:#d6e1be;background:#244734;border:1px solid #a1bb8942}.unit-movement-grid{width:min(100%,324px);height:auto;min-height:270px;max-height:none;aspect-ratio:1;flex:none;gap:3px;padding:5px}.unit-movement-grid button{min-height:0;min-width:0;touch-action:manipulation}.unit-pattern-presets{width:100%;flex:none;flex-direction:row;gap:6px}.unit-pattern-presets button{min-height:38px;padding:0 11px;font-size:11px}.unit-grid-note{flex:none;font-size:10px}.unit-design-footer{margin-top:7px;padding-top:6px}.unit-design-validation{font-size:10px;margin-bottom:5px}.unit-save-actions button{min-height:40px;font-size:12px}.unit-save-actions .workshop-save{font-size:13px}.unit-part-list{grid-template-columns:repeat(2,1fr)}.unit-designer-settings .workshop-field input,.unit-designer-settings .workshop-field select{height:44px;font-size:13px}.unit-rule-modes button{min-height:42px;font-size:12px}.unit-capture{font-size:12px;min-height:44px}.unit-designer-settings .unit-designer-note{font-size:11px}.unit-designer-stage.movement-expanded{top:6px;right:6px;bottom:6px;left:6px;width:auto;padding:9px 14px}.movement-expanded .unit-movement-grid{width:min(100%,calc(100svh - 174px));min-height:234px;max-height:none}.movement-expanded .unit-mobile-rule-summary{display:none}}@media(max-width:620px){.workshop-units .workshop-header{gap:7px}.workshop-units .workshop-tabs{order:4;width:100%;min-width:0;flex-wrap:wrap}.workshop-units .workshop-tabs button{flex:1;font-size:11px;min-height:40px;padding:0 8px}.unit-library-toggle>span{font-size:11px}.workshop-units .unit-designer-stage{padding:9px 10px}.unit-editor-tabs button{font-size:11px;gap:4px}.unit-settings-toggle{padding:0 8px}.unit-settings-toggle>span{display:none}.unit-preview-cost{gap:4px;font-size:16px}.unit-preview-cost svg{width:12px}.unit-grid-heading h3{font-size:11px}.unit-pair-preview{min-height:175px}.unit-preview-pedestal>svg{height:190px}.unit-design-validation{max-height:32px;overflow:auto}.unit-grid-note{padding-bottom:3px}}@media(max-width:1000px)and (max-height:550px)and (orientation:landscape){.workshop-units .workshop-header{flex-wrap:nowrap;gap:9px;min-height:40px;margin-bottom:6px;padding-bottom:4px}.workshop-units .workshop-tabs{width:auto;order:initial;flex:1;justify-content:flex-end}.workshop-units .workshop-tabs button{min-height:34px;font-size:10px;padding:0 10px}.workshop-units .workshop-title h1{font-size:16px}.unit-library-toggle{min-height:36px;font-size:11px}.unit-editor-tabs button,.unit-settings-toggle{min-height:34px}.unit-design-body.appearance{display:grid;grid-template-columns:minmax(200px,1fr) minmax(220px,1fr);grid-template-rows:36px auto minmax(0,1fr);column-gap:20px;row-gap:5px}.unit-mobile-parts{grid-column:1 / -1;grid-row:1}.unit-pair-preview{grid-column:1;grid-row:2 / 4;min-height:130px;height:100%;gap:10px}.unit-preview-pedestal>svg{height:min(37svh,155px)}.unit-candidate-heading{grid-column:2;grid-row:2}.unit-part-candidates{grid-column:2;grid-row:3;align-self:center}.unit-part-candidates button{min-height:91px}.unit-design-validation{display:none}.unit-save-actions button{min-height:36px}.unit-design-body.movement{gap:8px}.unit-grid-heading .unit-mobile-rule-summary{width:auto;padding:0 10px}.unit-grid-heading>span{margin-right:0}.unit-grid-expand{margin-left:auto}.unit-movement-grid{width:280px}.movement-expanded .unit-design-body.movement{display:grid;grid-template-columns:minmax(0,1fr) 156px;grid-template-rows:auto minmax(0,1fr);padding:4px 0;overflow:auto}.movement-expanded .unit-grid-heading{grid-column:1 / -1;grid-row:1}.movement-expanded .unit-movement-grid{grid-column:1;grid-row:2;width:min(100%,calc(100svh - 126px));min-height:234px;justify-self:center}.movement-expanded .unit-pattern-presets{grid-column:2;grid-row:2;flex-direction:column;align-items:stretch;max-width:150px;justify-self:center}.movement-expanded .unit-grid-note{display:none}.movement-expanded .unit-design-footer{margin-top:4px;padding-top:4px}}@media(max-width:1000px){.unit-design-body.movement .unit-grid-heading{display:flex}.unit-design-body.movement .unit-movement-grid{grid-column:auto;grid-row:auto}.unit-design-body.movement .unit-pattern-presets{grid-column:auto;grid-row:auto;flex-direction:row;align-items:center}.movement-expanded .unit-design-body.movement .unit-movement-grid{grid-column:1;grid-row:2}.movement-expanded .unit-design-body.movement .unit-pattern-presets{grid-column:2;grid-row:2;flex-direction:column}}@media(max-width:1000px)and (orientation:portrait){.movement-expanded .unit-design-body.movement .unit-movement-grid,.movement-expanded .unit-design-body.movement .unit-pattern-presets{grid-column:auto;grid-row:auto}.movement-expanded .unit-design-body.movement .unit-pattern-presets{flex-direction:row}}@media(max-width:1000px){.movement-expanded .unit-editor-heading{display:none}.movement-expanded .unit-mobile-rule-summary{display:flex;width:auto;padding:0 9px;min-height:32px}.movement-expanded .unit-grid-expand{min-height:32px}.movement-expanded .unit-movement-grid{width:min(100%,calc(100svh - 128px))}}@media(max-width:1000px)and (max-height:550px)and (orientation:landscape){.movement-expanded .unit-design-body.movement .unit-movement-grid{width:min(100%,calc(100svh - 118px));min-height:216px}.movement-expanded .unit-grid-heading{min-height:34px}.movement-expanded .unit-mobile-rule-summary{width:auto}}.app.units-view{height:100svh;min-height:0;overflow:hidden}.workshop-units.workshop-page{position:relative;width:100%;max-width:none;height:100svh;padding:0;overflow:hidden}.workshop-units .workshop-workspace{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;max-width:none;height:100%;margin:0;padding:0;overflow:hidden}.workshop-units .workshop-header{position:absolute;z-index:12;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;align-items:center;flex-wrap:nowrap;gap:8px;width:auto;max-width:none;min-height:44px;margin:0;padding:0;border:0;pointer-events:none}.workshop-units .workshop-header>*{pointer-events:auto}.workshop-units .workshop-title{display:none}.workshop-units .workshop-back{width:44px;height:44px;min-height:44px;display:grid;place-items:center;border:1px solid #aebe8b66;border-radius:6px;background:#193a31f5;flex:none}.workshop-units .workshop-back span{display:none}.workshop-units .workshop-tabs{display:flex;gap:3px;padding:3px;background:#17382ff5;border:1px solid #aebe8b55;border-radius:6px;margin:0 0 0 auto;flex-wrap:nowrap;width:auto;order:initial;min-width:0;flex:none}.workshop-units .workshop-tabs button{min-height:38px;padding:0 12px;font-size:12px;gap:6px;white-space:nowrap;flex:none}.workshop-units .workshop-tabs button[aria-current=page]{display:none}.workshop-units .unit-library-toggle,.workshop-units .unit-settings-toggle{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 12px;background:#dac58d;border:1px solid #f0daa0;border-radius:6px;color:#253e2f;font-size:12px;flex:none;margin:0}.workshop-units .unit-designer-stage,.workshop-units .unit-designer-stage.movement-expanded{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;padding:0;border:0;z-index:1;display:block;overflow:hidden;background:radial-gradient(ellipse at 43% 43%,#78976938,transparent 65%),#102b2980}.workshop-units .unit-editor-heading,.workshop-units .movement-expanded .unit-editor-heading{position:absolute;top:68px;left:12px;right:12px;display:flex;flex-wrap:nowrap;justify-content:flex-start;min-height:44px;gap:8px;z-index:5}.workshop-units .unit-editor-tabs{flex:none;min-width:0;background:#19392ff5;border-radius:6px;padding:3px}.workshop-units .unit-editor-tabs button{min-height:38px;padding:0 14px;font-size:12px;flex:none;gap:6px;white-space:nowrap;border-radius:3px}.workshop-units .unit-preview-cost{font-size:22px;gap:6px;padding:6px 10px;background:#19392ff5;border:1px solid #b1bd8b55;border-radius:6px;min-height:44px}.workshop-units .unit-design-body,.workshop-units .movement-expanded .unit-design-body{position:absolute;top:124px;right:12px;bottom:86px;left:12px;min-height:0;padding:0;overflow:hidden;gap:10px}.workshop-units .unit-design-body.appearance{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:44px 28px minmax(0,1fr);column-gap:28px;row-gap:10px}.workshop-units .unit-mobile-parts{display:flex;grid-column:1/-1;grid-row:1;gap:5px;min-width:0;overflow-x:auto;padding:0;scrollbar-width:thin;overscroll-behavior:contain;align-items:stretch}.workshop-units .unit-mobile-parts button{min-height:40px;padding:0 15px;flex:none;border:1px solid #acc19455;border-radius:5px;background:#19392ff5;color:#cfdfbf;font-size:12px}.workshop-units .unit-mobile-parts button.active{background:#dac58d;border-color:#f0daa0;color:#253e2f}.workshop-units .unit-pair-preview{grid-column:1;grid-row:2/4;min-height:0;height:100%;padding:0;gap:clamp(12px,5vw,100px);overflow:hidden}.workshop-units .unit-preview-pedestal{height:100%;max-height:none;min-width:0;width:40%}.workshop-units .unit-preview-pedestal>svg{height:min(100%,55svh);width:min(100%,440px);filter:none}.workshop-units .unit-candidate-heading{grid-column:2;grid-row:2;min-width:0;margin:0;padding:0 3px}.workshop-units .unit-candidate-heading>span{font-size:10px}.workshop-units .unit-part-candidates{grid-column:2;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:auto;min-height:0;align-content:start;padding:3px;overscroll-behavior:contain}.workshop-units .unit-part-candidates button{min-height:112px;max-width:none;min-width:0;padding:7px;border-radius:6px;background:#19392ff5}.workshop-units .unit-part-candidates button.active{background:#526447;border-color:#f7da8c}.workshop-units .unit-part-candidates button>svg:not(.unit-part-check){height:80px;width:80px;filter:none}.workshop-units .unit-design-body.movement,.workshop-units .movement-expanded .unit-design-body.movement{display:grid;grid-template-columns:minmax(0,1fr) 150px;grid-template-rows:44px minmax(0,1fr);gap:12px;align-items:center;justify-items:center;overflow:hidden}.workshop-units .unit-grid-heading{grid-column:1/-1;grid-row:1;display:flex;flex-wrap:nowrap;gap:8px;min-height:44px;padding:0 10px;border-radius:6px;background:#19392ff5}.workshop-units .unit-grid-heading h3{font-size:12px;white-space:nowrap}.workshop-units .unit-grid-heading>span{font-size:11px;margin-right:auto;white-space:nowrap}.workshop-units .unit-grid-expand{display:none}.workshop-units .unit-mobile-rule-summary,.workshop-units .movement-expanded .unit-mobile-rule-summary{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;width:auto;padding:0 10px;background:#dac58d;color:#253e2f;border:1px solid #f0daa0;border-radius:4px;font-size:11px;flex:none}.workshop-units .unit-movement-grid,.workshop-units .movement-expanded .unit-design-body.movement .unit-movement-grid{grid-column:1;grid-row:2;min-height:0;max-height:100%;max-width:100%;width:min(calc(100svh - 278px),calc(100svw - 204px),720px);height:auto;aspect-ratio:1;gap:3px;padding:5px;justify-self:center;box-shadow:0 3px #68724b}.workshop-units .unit-movement-grid button{min-height:0;min-width:0;touch-action:manipulation}.workshop-units .unit-pattern-presets,.workshop-units .movement-expanded .unit-design-body.movement .unit-pattern-presets{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;width:100%;max-width:150px}.workshop-units .unit-pattern-presets button{min-height:44px;padding:0 12px;font-size:12px;background:#19392ff5;border:1px solid #a4b68a66;border-radius:5px}.workshop-units .unit-grid-note{display:none}.workshop-units .unit-design-footer{position:absolute;z-index:5;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:0;border:0;min-height:56px}.workshop-units .unit-design-validation{display:flex;min-width:0;max-width:55%;min-height:40px;max-height:56px;overflow:auto;padding:8px 12px;background:#19392ff5;border:1px solid #9aae8055;border-radius:5px;margin:0;font-size:12px}.workshop-units .unit-design-validation.invalid{background:#4b3029f5;color:#ffe0a2}.workshop-units .unit-save-actions{display:flex;gap:7px;flex:none;padding:5px;border:1px solid #a9bc8b66;border-radius:8px;background:#19392ff5}.workshop-units .unit-save-actions button{min-height:44px;min-width:0;padding:0 16px;flex:none;font-size:12px;letter-spacing:0;gap:6px;border-radius:4px}.workshop-units .unit-designer-settings,.workshop-units .workshop-library{display:none}.workshop-units .unit-designer-settings.mobile-open,.workshop-units .workshop-library.mobile-open{display:block;position:fixed;z-index:110;top:max(10px,env(safe-area-inset-top));bottom:max(10px,env(safe-area-inset-bottom));left:10px;right:auto;width:min(340px,calc(100svw - 20px));height:auto;max-height:none;min-height:0;padding:20px;overflow-y:auto;background:#193a30;border:1px solid #c5bc8677;border-radius:8px;box-shadow:0 15px 60px #041a1fb8;overscroll-behavior:contain;scrollbar-width:thin}.workshop-units .workshop-library.mobile-open{left:auto;right:10px}.workshop-units .unit-settings-scrim,.workshop-units .unit-library-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:105;background:#071c22b8;-webkit-backdrop-filter:none;backdrop-filter:none}.workshop-units .unit-settings-close,.workshop-units .unit-library-close{display:grid;place-items:center;position:sticky;float:right;top:-12px;margin:-12px -12px 0 0;width:44px;height:44px;z-index:2;background:#193a30;border-radius:4px;color:#eed6a1}.workshop-units .unit-designer-settings .workshop-field input,.workshop-units .unit-designer-settings .workshop-field select{height:44px;font-size:14px}.workshop-units .unit-designer-settings .workshop-panel-heading,.workshop-units .workshop-library .workshop-panel-heading{margin:8px 0 20px;min-height:28px;padding-right:12px}.workshop-units .unit-designer-settings .unit-designer-note{font-size:11px}.workshop-units .unit-rule-modes button{min-height:44px;font-size:12px}.workshop-units .unit-capture{min-height:44px}.workshop-units .workshop-library-items{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:visible}.workshop-units .workshop-saved-unit{display:grid;grid-template-columns:68px minmax(0,1fr);min-width:0;max-width:none;padding:8px;flex:none}.workshop-units .workshop-unit-card-preview{width:64px;height:74px}.workshop-units .workshop-unit-card-preview>svg{width:60px;height:70px}.workshop-units .workshop-saved-info h3{font-size:13px}.workshop-units .workshop-saved-info>span{font-size:11px}.workshop-units .workshop-card-actions>button{width:44px;height:44px}.workshop-units .workshop-feedback{z-index:120;bottom:82px;max-width:calc(100svw - 24px);font-size:12px}@media(max-width:620px)and (orientation:portrait){.workshop-units .workshop-header{top:max(8px,env(safe-area-inset-top));left:8px;right:8px;gap:5px}.workshop-units .workshop-tabs button{padding:0 8px;font-size:10px;gap:4px}.workshop-units .unit-library-toggle{padding:0 9px;font-size:11px}.workshop-units .unit-library-toggle b{display:none}.workshop-units .unit-editor-heading{top:64px;left:8px;right:8px;gap:5px}.workshop-units .unit-editor-tabs button{font-size:11px;padding:0 8px;gap:4px}.workshop-units .unit-settings-toggle{padding:0 9px}.workshop-units .unit-settings-toggle>span{display:none}.workshop-units .unit-preview-cost{font-size:18px;padding:6px;gap:3px}.workshop-units .unit-design-body{top:120px;right:8px;bottom:82px;left:8px}.workshop-units .unit-design-body.appearance{grid-template-columns:minmax(0,1fr);grid-template-rows:44px minmax(0,1fr) 24px 98px;gap:8px}.workshop-units .unit-mobile-parts{grid-column:1;grid-row:1}.workshop-units .unit-mobile-parts button{padding:0 11px;font-size:11px}.workshop-units .unit-pair-preview{grid-column:1;grid-row:2;gap:8px}.workshop-units .unit-preview-pedestal{width:45%;min-height:0}.workshop-units .unit-preview-pedestal>svg{height:min(100%,35svh);width:100%}.workshop-units .unit-candidate-heading{grid-column:1;grid-row:3}.workshop-units .unit-part-candidates{grid-column:1;grid-row:4;display:flex;overflow-x:auto;overflow-y:hidden;gap:6px;align-content:normal;padding:2px}.workshop-units .unit-part-candidates button{min-height:88px;flex:1 0 68px;max-width:110px;padding:4px}.workshop-units .unit-part-candidates button>svg:not(.unit-part-check){height:60px;width:60px}.workshop-units .unit-design-body.movement{grid-template-columns:minmax(0,1fr);grid-template-rows:60px minmax(0,1fr) 44px;gap:10px}.workshop-units .unit-grid-heading{grid-row:1;grid-column:1;flex-wrap:wrap;gap:4px;padding:5px 8px}.workshop-units .unit-grid-heading h3{font-size:11px}.workshop-units .unit-grid-heading>span{font-size:10px}.workshop-units .unit-mobile-rule-summary{min-height:32px;width:100%;font-size:10px}.workshop-units .unit-movement-grid{grid-column:1;grid-row:2;width:min(calc(100svh - 350px),calc(100svw - 20px));min-height:0;gap:2px;padding:4px}.workshop-units .unit-pattern-presets{grid-column:1;grid-row:3;flex-direction:row;gap:5px;max-width:none}.workshop-units .unit-pattern-presets button{flex:1;min-width:0;padding:0 5px;font-size:10px}.workshop-units .unit-design-footer{left:8px;right:8px;gap:6px;bottom:max(8px,env(safe-area-inset-bottom))}.workshop-units .unit-design-validation.valid{display:none}.workshop-units .unit-design-validation.invalid{max-width:42%;font-size:10px;padding:6px}.workshop-units .unit-save-actions{margin-left:auto;gap:5px}.workshop-units .unit-save-actions button{padding:0 12px;font-size:12px}}@media(max-height:550px)and (orientation:landscape){.workshop-units .workshop-header{top:8px;left:8px;right:8px}.workshop-units .workshop-tabs button{font-size:11px;padding:0 9px}.workshop-units .unit-editor-heading{top:62px;left:8px;right:8px}.workshop-units .unit-design-body{top:114px;right:8px;bottom:70px;left:8px}.workshop-units .unit-design-body.appearance{grid-template-columns:minmax(0,1fr) minmax(220px,40%);grid-template-rows:40px 20px minmax(0,1fr);gap:5px 16px}.workshop-units .unit-mobile-parts button{min-height:36px;padding:0 12px;font-size:11px}.workshop-units .unit-pair-preview{grid-row:2/4}.workshop-units .unit-preview-pedestal>svg{height:100%;width:min(100%,200px)}.workshop-units .unit-preview-pedestal>span{display:none}.workshop-units .unit-part-candidates{display:flex;overflow:auto;align-self:stretch;align-items:stretch}.workshop-units .unit-part-candidates button{flex:0 0 65px;min-height:0;padding:2px;gap:2px}.workshop-units .unit-part-candidates button>svg:not(.unit-part-check){height:calc(100svh - 240px);min-height:35px;max-height:90px;width:60px}.workshop-units .unit-part-candidates button>span{font-size:10px}.workshop-units .unit-design-body.movement{top:114px;right:8px;bottom:70px;left:8px;grid-template-rows:minmax(0,1fr);grid-template-columns:130px minmax(0,1fr) 112px;gap:8px}.workshop-units .unit-grid-heading{grid-column:1;grid-row:1;flex-direction:column;justify-content:center;gap:9px;height:auto;min-height:0;padding:8px;white-space:normal}.workshop-units .unit-grid-heading h3{white-space:normal;text-align:center;font-size:11px}.workshop-units .unit-grid-heading>span{white-space:normal;text-align:center;font-size:10px;margin:0}.workshop-units .unit-mobile-rule-summary{width:100%;height:auto;min-height:44px;white-space:normal;padding:4px;font-size:10px}.workshop-units .unit-movement-grid{grid-column:2;grid-row:1;width:min(calc(100svh - 192px),calc(100svw - 290px));gap:2px;padding:3px}.workshop-units .unit-pattern-presets{grid-column:3;grid-row:1;gap:5px}.workshop-units .unit-pattern-presets button{min-height:32px;padding:0 6px;font-size:10px}.workshop-units .unit-design-footer{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));min-height:50px}.workshop-units .unit-design-validation{font-size:10px;max-height:44px}.workshop-units .unit-save-actions button{min-height:40px;padding:0 12px}}@media(max-height:320px){.workshop-units .unit-design-body{overflow:auto}.workshop-units .unit-design-validation.valid{display:none}}@media(max-height:550px)and (orientation:landscape){.workshop-units .editor-movement>.unit-editor-heading{right:auto;width:136px;flex-wrap:wrap;align-content:flex-start;gap:5px}.workshop-units .editor-movement .unit-editor-tabs{width:136px;display:flex;padding:2px;gap:2px}.workshop-units .editor-movement .unit-editor-tabs button{font-size:10px;min-height:36px;padding:0 4px;gap:3px;flex:1}.workshop-units .editor-movement .unit-editor-tabs button svg{width:12px}.workshop-units .editor-movement .unit-settings-toggle{min-height:40px}.workshop-units .editor-movement .unit-preview-cost{min-height:40px;font-size:18px}.workshop-units .unit-design-body.movement{top:62px;right:8px;bottom:70px;left:8px;grid-template-columns:136px minmax(0,1fr) 112px}.workshop-units .unit-design-body.movement .unit-grid-heading{align-self:end;background:none;padding:0;min-height:44px}.workshop-units .unit-design-body.movement .unit-grid-heading h3,.workshop-units .unit-design-body.movement .unit-grid-heading>span{display:none}.workshop-units .unit-design-body.movement .unit-movement-grid{width:min(calc(100svh - 140px),calc(100svw - 290px))}}.workshop-units .unit-designer-settings .workshop-panel-heading{display:flex}.workshop-units .unit-design-body.movement .unit-pattern-presets{flex-direction:column;flex-wrap:nowrap;align-items:stretch}@media(max-width:620px)and (orientation:portrait){.workshop-units .unit-design-body.movement .unit-pattern-presets{flex-direction:row}}.workshop-community-open{display:flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid #d2bd7855;color:#e3d09b;font-size:11px;white-space:nowrap}.workshop-community-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#071c19b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:150;display:grid;place-items:center;padding:20px}.workshop-community-dialog{width:min(820px,100%);max-height:90svh;display:flex;flex-direction:column;background:#173a33;color:#e7eadc;border:1px solid #7e947050;box-shadow:0 25px 80px #06171480}.workshop-community-dialog>header{display:flex;justify-content:space-between;gap:15px;padding:25px;border-bottom:1px solid #839c7533}.workshop-community-dialog>header span{font-size:9px;letter-spacing:2px;color:#c8b67c}.workshop-community-dialog h2{font-size:23px;font-weight:500;letter-spacing:1px;margin:9px 0}.workshop-community-dialog>header p{font-size:11px;color:#a0b69f;line-height:1.8}.workshop-community-dialog>header button{align-self:flex-start;min-width:36px;min-height:36px}.workshop-community-dialog button:focus-visible,.workshop-community-dialog select:focus-visible,.workshop-community-dialog textarea:focus-visible{outline:2px solid #c8b67c;outline-offset:3px}.workshop-community-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 25px}.workshop-community-toolbar>span,.workshop-community-toolbar button{display:flex;align-items:center;gap:7px;font-size:11px}.workshop-community-toolbar>span{color:#acbda3}.workshop-community-toolbar button{color:#e1ce98;min-height:36px}.workshop-community-error,.workshop-community-message{margin:0 25px 12px;padding:10px 12px;font-size:12px;line-height:1.7;background:#442e27;color:#f0c7ab;display:flex;gap:12px;justify-content:space-between}.workshop-community-error button{text-decoration:underline;white-space:nowrap}.workshop-community-message{background:#2b4c35;color:#c7e1b3}.workshop-community-list{overflow:auto;min-height:160px;padding:0 25px 25px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;scrollbar-width:thin}.workshop-community-list article{border:1px solid #82977344;background:#24483a77;padding:17px;display:flex;flex-direction:column;min-height:170px}.workshop-community-badges{display:flex;gap:7px;min-height:20px}.workshop-community-badges>span{display:flex;align-items:center;gap:4px;font-size:9px;color:#d0dcbf;background:#8da17b22;padding:3px 6px}.workshop-community-badges>.official{background:#c4a66622;color:#e5d098}.workshop-community-list h3{font-size:16px;letter-spacing:1px;font-weight:500;margin:8px 0}.workshop-community-list article>p{font-size:11px;color:#a9b9a2;line-height:1.9;margin:0 0 16px;white-space:pre-wrap;overflow-wrap:anywhere}.workshop-community-list footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;font-size:10px;color:#b1c1a9}.workshop-community-list footer button{display:flex;align-items:center;gap:5px;min-height:33px;color:#e0cb90}.workshop-community-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;padding:45px 15px;color:#a4b79d;font-size:12px}.workshop-community-publish{padding:15px;margin:0 25px 16px;border:1px solid #9ca97944;display:grid;gap:12px;flex-shrink:0}.workshop-community-publish label{display:grid;gap:7px;font-size:11px;color:#bfceb5}.workshop-community-publish select,.workshop-community-publish textarea{width:100%;border:1px solid #8fa67b50;background:#102d27;color:#ebeedc;padding:10px;font:inherit;min-height:40px;color-scheme:dark}.workshop-community-publish textarea{height:64px;resize:vertical}.workshop-community-publish small{color:#9fb595;font-size:10px}.workshop-community-publish>button{display:flex;align-items:center;justify-content:center;gap:7px;background:#cab47d;color:#233b2b;min-height:38px;font-size:12px}.workshop-community-publish>button:disabled{opacity:.5;cursor:default}.workshop-tabs .workshop-community-open{color:#e1ca92;background:#9fa86f15}@media(max-width:720px){.workshop-community-backdrop{padding:10px}.workshop-community-dialog{max-height:95svh}.workshop-community-dialog>header{padding:18px}.workshop-community-list{grid-template-columns:1fr;padding:0 18px 18px}.workshop-community-toolbar{padding:10px 18px}.workshop-community-error,.workshop-community-message,.workshop-community-publish{margin-inline:18px}.workshop-tabs .workshop-community-open{padding:0 8px;font-size:9px;gap:4px}.workshop-tabs .workshop-community-open svg{width:13px}}.workshop-community-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#081d19dc}.workshop-community-dialog{max-height:calc(100svh - 32px);min-height:0}.workshop-community-dialog>header{padding:14px 20px}.workshop-community-dialog h2{margin:5px 0}.workshop-community-toolbar{padding:10px 20px;flex-shrink:0}.workshop-community-toolbar label{display:flex;gap:8px;align-items:center;font-size:11px}.workshop-community-toolbar select{min-height:36px;padding:6px;background:#24463b;color:#e7dec0;border:1px solid #8c9c7855}.workshop-community-list{min-height:0;flex:1;padding:0 20px 16px;align-content:start}.workshop-community-list article{padding:12px;min-height:0}.community-card-preview{width:100%;text-align:left;color:inherit;padding:0;border:0;display:block}.community-card-preview>p{font-size:11px;color:#b9c8af;line-height:1.6;margin:5px 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.community-card-preview h3{margin:7px 0}.community-card-unit{height:90px;background:#17392f;display:grid;place-items:center}.community-card-unit>svg{height:90px;width:90px}.community-map-preview{width:100%;max-height:250px;display:block;background:#1e3d32}.community-card-preview>.community-map-preview{height:90px}.workshop-community-list footer>span:last-child{display:flex;align-items:center;gap:5px;color:#dfd29f}.community-pagination{display:flex;align-items:center;justify-content:center;gap:20px;padding:8px 16px;border-top:1px solid #76957e55;flex-shrink:0;background:#16372e}.community-pagination button{width:40px;height:40px;display:grid;place-items:center;border:1px solid #809575}.community-pagination button:disabled{opacity:.3}.community-pagination span{font-size:12px;font-variant-numeric:tabular-nums}.workshop-community-publish{flex-shrink:1;min-height:0;overflow:auto;margin:0 20px 15px;padding:16px;gap:12px}.workshop-community-publish h3{margin:0;font-size:16px}.workshop-community-publish input{width:100%;background:#102d27;color:#ebeedc;padding:10px;border:1px solid #8fa67b50;min-height:40px;font:inherit}.workshop-community-publish textarea{min-height:80px}.workshop-community-publish .community-secondary{background:transparent;color:#d6ddc5;border:1px solid #819773}.community-preview-panel{display:flex;flex-direction:column;gap:10px;padding:0 20px 16px;min-height:0;overflow:auto}.community-preview-back{display:flex;align-items:center;gap:5px;color:#dac991;min-height:36px;align-self:flex-start}.community-preview-panel h3{font-size:22px;margin:0;color:#eee2b7}.community-preview-panel>span{font-size:11px;color:#b1c3ac}.community-preview-panel>p{margin:0;font-size:12px;line-height:1.6}.community-description{white-space:pre-wrap;overflow-wrap:anywhere}.community-unit-preview{display:grid;grid-template-columns:1fr 160px;gap:12px;align-items:center}.community-unit-pair{display:flex;justify-content:center;min-width:0}.community-unit-pair>svg{width:45%;max-width:150px;height:170px}.community-unit-preview>svg{width:100%;max-height:170px}.community-unit-preview>p{grid-column:1/-1;font-size:12px;color:#cbd8bd;margin:0;line-height:1.5}.community-favorite{position:sticky;bottom:0;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;background:#dcc58d;color:#243e2e;border:1px solid #eddeb0;font-size:14px;flex-shrink:0}.community-favorite:disabled{opacity:.6}.workshop-community-dialog button,.workshop-community-dialog input,.workshop-community-dialog textarea,.workshop-community-dialog select{touch-action:manipulation}.workshop-community-dialog input:focus-visible{outline:2px solid #d4c58b;outline-offset:2px}@media(max-width:720px){.workshop-community-dialog{max-height:calc(100svh - 16px);width:100%}.workshop-community-backdrop{padding:8px}.workshop-community-dialog>header{padding:10px 14px}.workshop-community-dialog h2{font-size:20px}.workshop-community-toolbar{padding:6px 14px}.workshop-community-list{grid-template-columns:1fr;padding:0 14px 12px}.workshop-community-publish{margin:0 14px 12px}.community-preview-panel{padding:0 14px 12px}.community-unit-preview{grid-template-columns:1fr 120px;gap:8px}.community-unit-pair>svg{height:130px}.community-unit-preview>svg{max-height:130px}.workshop-community-toolbar button{font-size:10px}.community-preview-panel>.community-map-preview{max-height:220px}.community-pagination{gap:14px;padding:5px}.workshop-community-error,.workshop-community-message{margin:0 14px 8px}}@media(max-height:520px)and (orientation:landscape){.workshop-community-list{grid-template-columns:repeat(2,minmax(0,1fr))}.community-card-unit,.community-card-unit>svg{height:65px}.community-card-preview>.community-map-preview{height:65px}.community-preview-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.community-preview-panel>.community-preview-back,.community-preview-panel>h3,.community-preview-panel>span{grid-column:1/-1}.community-preview-panel>.community-map-preview{grid-column:1;grid-row:4/7;max-height:160px}.community-preview-panel>.community-unit-preview{grid-column:1;grid-row:4/7}.community-preview-panel>.community-favorite{grid-column:2;align-self:end}.community-unit-preview{grid-template-columns:1fr 90px}.community-unit-pair>svg{height:90px}.community-unit-preview>svg{max-height:90px}.community-unit-preview>p{font-size:10px}.workshop-community-publish{display:grid;grid-template-columns:1fr 1fr}.workshop-community-publish>h3{grid-column:1/-1}.workshop-community-publish label:has(textarea){grid-column:2;grid-row:2/4}}.reference-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.reference-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:62px;height:32px;padding:0 9px;border:1px solid #cfcbac32;background:#1e38353b;border-radius:3px;color:#cbcdb7;font-size:10px;line-height:1;letter-spacing:1px;touch-action:manipulation;transition:border-color .18s,background .18s,color .18s}.reference-button:hover{color:#f2e1b5;border-color:#dbc28c7a;background:#52604b42}.reference-button:focus-visible{outline:2px solid #e2c690;outline-offset:3px}.reference-button>svg{flex-shrink:0}.home-header-tools{display:flex;align-items:center;gap:25px;margin-left:auto}.home-header-tools .home-online-entry{margin-left:0}.topbar .header-tools{margin-left:auto}.modal.units-modal{width:min(920px,calc(100vw - 32px));padding:0;background:transparent;border:0;overflow:visible;max-height:none;box-shadow:none}.modal.units-modal:before{display:none}.units-modal>.modal-close{top:15px;right:17px;z-index:5;width:30px;height:30px;border-radius:50%;background:#e8dfbd;border:1px solid #8d9270;color:#58654c;box-shadow:0 2px #ada079}.units-modal .almanac-detail{padding-top:33px}@media(max-width:900px){.home-header-tools{gap:15px}.reference-button{min-width:58px;padding:0 8px;letter-spacing:0}}@media(max-width:680px){.home-header .home-nav,.topbar nav{display:none}.home-header-tools{gap:8px}.reference-controls{gap:4px}.reference-button{height:44px;min-width:54px;padding:0 7px;font-size:10px;background:transparent;border-color:#cfcbac28}.reference-button>svg{width:14px;height:14px}.topbar .header-tools{gap:6px}.topbar .local-badge{display:none}.match-header-tools .reference-button{min-width:44px;width:44px;height:44px;padding:0;border:0}.match-header-tools .reference-button>span{display:none}.match-header-tools .reference-button>svg{width:17px;height:17px}}@media(max-height:500px)and (min-width:681px){.reference-button{height:32px}.home-header-tools{gap:16px}}@media(max-height:540px)and (orientation:landscape){.modal.units-modal{width:min(920px,calc(100vw - 24px))}.units-modal>.modal-close{top:9px;right:11px;width:26px;height:26px}.units-modal .almanac-detail{padding-top:20px}.units-modal .almanac-entry-heading{padding-right:29px}.units-modal .unit-demo-board{aspect-ratio:3.9}.units-modal .unit-demo-caption{min-height:22px;padding-top:4px}.units-modal .almanac-facts{margin-top:6px}.units-modal .almanac-pagination{padding-top:8px}}@media(max-width:560px)and (orientation:portrait){.modal.units-modal{width:calc(100vw - 24px)}.units-modal>.modal-close{top:10px;right:13px}.units-modal .almanac-index-heading{padding-right:35px}.units-modal .almanac-detail{padding-top:12px}}@media(prefers-reduced-motion:reduce){.reference-button{transition:none}}:is(.modal-backdrop,.account-backdrop,.deployment-library-backdrop,.formation-slots-backdrop,.workshop-community-backdrop,.unit-settings-scrim,.unit-library-scrim,.map-drawer-scrim){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation:none!important}:is(.modal,.account-dialog,.unit-almanac,.deployment-library,.formation-slots-panel,.workshop-community-dialog){animation:popupQuickEnter .12s ease-out!important}@keyframes popupQuickEnter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}:is(.unit-designer-settings.mobile-open,.workshop-library.mobile-open,.workshop-settings.mobile-open){animation:popupQuickEnter .12s ease-out}.deployment-library-grid>button,.workshop-library-items>.workshop-saved-card{content-visibility:auto;contain-intrinsic-size:auto 96px}@media(pointer:coarse),(max-width:1000px){:is(.modal,.account-dialog,.unit-almanac,.deployment-library,.formation-slots-panel,.workshop-community-dialog,.unit-designer-settings.mobile-open,.workshop-library.mobile-open,.workshop-settings.mobile-open){animation:none!important}.deployment-library-grid>button svg,.workshop-library-items>.workshop-saved-card svg{filter:none!important}.account-dialog-art>.account-avatar,.account-art-orbit{animation:none!important}}@media(prefers-reduced-motion:reduce){:is(.modal,.account-dialog,.unit-almanac,.deployment-library,.formation-slots-panel,.workshop-community-dialog,.unit-designer-settings.mobile-open,.workshop-library.mobile-open,.workshop-settings.mobile-open){animation:none!important}}.room-invite-dialog{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);display:flex;flex-direction:column;padding:20px;background:#1c3430}.room-invite-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.room-invite-dialog h2{margin:0;font-size:22px}.room-invite-dialog>header>button{width:40px;height:40px;display:grid;place-items:center;background:#30463c}.room-invite-list{min-height:0;overflow:auto;overscroll-behavior:contain;margin-top:14px}.room-invite-list>article{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #d6c89f33}.room-invite-list>article>div:nth-child(2){display:grid;gap:4px;flex:1;min-width:0}.room-invite-list strong{overflow:hidden;text-overflow:ellipsis}.room-invite-list small{font-size:12px;color:#b3c5b3}.room-invite-list .online-secondary{width:auto;min-width:76px;min-height:42px;margin:0}.formation-slot{position:relative;padding-top:32px!important}.formation-slot-default{position:absolute;right:10px;top:0;border:0;background:transparent;color:#bcc8ad;font-size:11px;line-height:30px;min-height:30px;min-width:64px}.formation-slot-default[aria-pressed=true]{color:#f1d48b;font-weight:700}.formation-slot-dismiss{width:100%;min-height:42px;border:1px solid #cdbd8850;background:#243a33;color:#d5d1b3;margin-top:12px}.unit-almanac{--almanac-ink:#344335;--almanac-muted:#797a5b;--almanac-paper:#ede2bd;color:var(--almanac-ink);width:100%;position:relative;padding:12px 13px 15px;border:2px solid #9b895a;border-radius:13px 10px;background:repeating-linear-gradient(2deg,#293f2e 0,#293f2e 6px,#2e4432 7px,#304934 10px);box-shadow:0 3px #7e6a43,0 7px #173124,0 9px #988556,0 20px 35px #07180fb3,inset 0 0 0 4px #182c1d,inset 0 0 0 6px #698063;animation:almanac-open .35s ease-out;isolation:isolate}.unit-almanac:before,.unit-almanac:after{content:"";position:absolute;width:19px;height:19px;background:linear-gradient(135deg,#dcc990,#7c7149);border:1px solid #ead79f;z-index:2;pointer-events:none}.unit-almanac:before{left:2px;top:2px;border-radius:8px 0}.unit-almanac:after{right:2px;bottom:2px;border-radius:8px 0}.almanac-spread{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:530px;position:relative;max-height:calc(88svh - 50px);border:1px solid #aea073;box-shadow:0 3px #cfc39e,0 5px #9f9476;overflow:hidden;border-radius:5px 5px 3px 3px}.almanac-spread:after{position:absolute;content:"";left:41%;top:0;bottom:0;width:24px;transform:translate(-50%);background:linear-gradient(90deg,transparent,#8574532b 31%,#67573d53 47%,#f7ecc477 55%,#87795329 66%,transparent);z-index:2;pointer-events:none}.almanac-page{position:relative;min-width:0;background-color:var(--almanac-paper);background-image:radial-gradient(ellipse at 24% 9%,#fff9e353,transparent 60%),repeating-linear-gradient(0deg,transparent 0,transparent 3px,#93845b05 4px);padding:25px 23px 16px;display:flex;flex-direction:column;overflow:auto;scrollbar-color:#a89973 #e8dab2;scrollbar-width:thin}.almanac-index{background-color:#e6dcbb;padding-right:26px;box-shadow:inset -12px 0 25px #67583513}.almanac-detail{padding-left:26px;box-shadow:inset 12px 0 24px #67583513}.almanac-index-heading{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid #8b966b66;padding-bottom:13px;gap:8px}.unit-almanac h2{font-family:"Noto Serif SC",Songti SC,serif;color:#3f5137;font-size:26px;letter-spacing:3px;font-weight:700;text-shadow:0 1px 0 #fff4d4}.almanac-index-heading>span{font-size:10px;color:var(--almanac-muted);white-space:nowrap}.almanac-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px;align-content:start;overflow:auto;scrollbar-width:thin;padding:16px 1px 12px;flex:1;min-height:0}.almanac-card{position:relative;min-width:0;border-radius:6px;border:1px solid #929d72;background:linear-gradient(160deg,#d4dfb5,#a8b997);box-shadow:0 3px #8a8b62,inset 0 0 0 3px #eef0ce66;display:flex;flex-direction:column;align-items:center;padding:7px 4px 9px;min-height:142px;overflow:hidden;touch-action:manipulation;color:#354832;transition:transform .2s,box-shadow .2s,border-color .2s}.almanac-card:before{content:"";position:absolute;top:4px;right:4px;bottom:30px;left:4px;border:1px solid #6e8b6359;border-radius:3px;background:radial-gradient(ellipse at 50% 90%,#8ca77988,transparent 70%);pointer-events:none}.almanac-card:hover{transform:translateY(-2px);border-color:#577743;box-shadow:0 5px #8a8b62}.almanac-card.selected{border:2px solid #718744;box-shadow:0 3px #738243,0 0 0 2px #d5b563,inset 0 0 0 3px #fff5cd99;background:linear-gradient(160deg,#e9edc7,#bdc98f);padding:6px 3px 8px}.almanac-card.selected:after{content:"";position:absolute;right:5px;bottom:7px;width:5px;height:5px;border-radius:50%;background:#668445;box-shadow:0 0 0 2px #f6e5ae}.almanac-card-stage{display:grid;place-items:center;height:100px;width:100%;position:relative;z-index:1;filter:drop-shadow(0 5px 3px #52604055)}.almanac-card-stage svg{height:107px;width:87px;max-width:100%;transform:translateY(-2px)}.almanac-card strong{position:relative;font-size:11px;line-height:1.4;text-align:center;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px;z-index:2}.almanac-card-cost{position:absolute;top:6px;left:7px;z-index:2;display:grid;place-items:center;width:20px;height:20px;border:1px solid #a58c50;box-shadow:inset 0 0 0 2px #ead89c77,0 1px 2px #7b684844;border-radius:50%;background:linear-gradient(145deg,#f0df9c,#c0a263);font-size:11px;font-weight:700;color:#695728}.almanac-custom-mark{position:absolute;right:5px;top:8px;z-index:2;font-size:8px;color:#596947;padding:1px 3px;border:1px solid #82936f88;background:#e9e5be8c;border-radius:2px}.almanac-index-foot{display:flex;align-items:center;justify-content:center;gap:10px;font-size:9px;color:#8a8768;padding-top:12px;border-top:1px solid #93886040;margin-top:5px;flex-shrink:0}.almanac-leaf{font-size:14px;color:#9b9c6f}.almanac-entry-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px}.almanac-entry-category{display:block;font-size:9px;letter-spacing:1px;color:#868063;margin-bottom:5px}.unit-almanac h3{font-family:"Noto Serif SC",Songti SC,serif;font-size:28px;font-weight:700;letter-spacing:2px;color:#354b35;line-height:1.3;word-break:break-word}.almanac-entry-cost{flex-shrink:0;font-size:10px;color:#817049;padding:5px 8px;border:1px solid #b6a574;border-radius:4px;background:#f5e6b779;white-space:nowrap;box-shadow:inset 0 0 0 2px #fff1cd80}.almanac-entry-cost b{font-family:Georgia,serif;font-size:20px;line-height:1;margin-right:3px;color:#716334}.almanac-demonstration{min-width:0;border:3px solid #728466;box-shadow:0 2px #b1ac77,inset 0 0 0 2px #e2e1b3;border-radius:7px;overflow:hidden;background:#aebb8a;flex-shrink:0}.almanac-facts{margin-top:16px;display:grid;gap:8px}.almanac-facts>div{display:grid;grid-template-columns:17px auto 1fr;column-gap:8px;row-gap:4px;align-items:center;font-size:10px;line-height:1.65}.almanac-facts svg{color:#7b8556}.almanac-facts>div>span{color:#817959;white-space:nowrap}.almanac-facts strong{font-size:11px;font-weight:500;color:#45523b}.almanac-facts small{grid-column:3;font-size:9px;color:#827b5e;line-height:1.5}.almanac-skill-fact{padding-top:8px;border-top:1px solid #b8ae824f}.almanac-pagination{margin-top:auto;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:9px;font-family:Georgia,Microsoft YaHei,serif;color:#858365;font-size:11px}.almanac-pagination button{display:flex;align-items:center;justify-content:center;gap:3px;min-width:79px;min-height:32px;border:1px solid #aaa879;border-radius:4px;background:linear-gradient(#f2e9c8,#dfd2a8);color:#636f48;font-size:10px;box-shadow:0 2px #b7aa80}.almanac-pagination button:hover{background:#f8edc8;transform:translateY(-1px)}.unit-almanac button:focus-visible{outline:2px solid #5b7b3a;outline-offset:3px}@keyframes almanac-open{0%{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:none}}@media(max-width:760px){.unit-almanac{padding:9px 10px 12px;border-radius:10px}.almanac-spread{min-height:470px;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr)}.almanac-spread:after{left:38%}.almanac-page{padding:20px 15px 13px}.almanac-index{padding-right:19px}.almanac-detail{padding-left:19px}.unit-almanac h2{font-size:21px;letter-spacing:1px}.almanac-index-heading>span{display:none}.almanac-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px;padding-top:14px}.almanac-card{min-height:126px}.almanac-card-stage{height:87px}.almanac-card-stage svg{height:92px;width:72px}.almanac-card strong{font-size:10px}.almanac-entry-heading{padding-bottom:9px}.unit-almanac h3{font-size:24px}.almanac-entry-cost{font-size:8px;padding:4px 6px}.almanac-entry-cost b{font-size:17px}.almanac-facts{margin-top:12px;gap:7px}.almanac-facts>div{font-size:9px;column-gap:5px;grid-template-columns:15px auto 1fr}.almanac-facts strong{font-size:10px}.almanac-facts small{font-size:8px}.almanac-index-foot{gap:5px;font-size:8px}.almanac-pagination{padding-top:12px}.almanac-pagination button{min-width:66px;font-size:9px}}@media(max-width:560px)and (orientation:portrait){.unit-almanac{padding:8px;border-radius:8px}.almanac-spread{display:flex;flex-direction:column;min-height:0;max-height:calc(88svh - 36px);overflow:auto}.almanac-spread:after{display:none}.almanac-page{flex-shrink:0;overflow:visible;padding:15px}.almanac-index{padding-bottom:10px;border-bottom:1px solid #b2a880;box-shadow:inset 0 -5px 10px #80744e0d}.almanac-index-heading{padding-bottom:7px}.unit-almanac h2{font-size:20px}.almanac-index-heading>span{display:block;font-size:9px}.almanac-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:10px 1px 3px;max-height:183px;overflow:auto}.almanac-card{min-height:88px;padding:4px 2px 5px;border-radius:4px}.almanac-card.selected{padding:3px 1px 4px}.almanac-card:before{top:3px;right:3px;bottom:23px;left:3px}.almanac-card-stage{height:60px}.almanac-card-stage svg{width:54px;height:62px}.almanac-card strong{font-size:8px;padding:0 2px}.almanac-card-cost{width:15px;height:15px;top:3px;left:3px;font-size:8px;box-shadow:inset 0 0 0 1px #ead89c77}.almanac-custom-mark{top:3px;right:3px;font-size:6px;padding:0 1px}.almanac-card.selected:after{width:4px;height:4px;bottom:4px;right:3px;box-shadow:none}.almanac-index-foot{display:none}.almanac-detail{padding-top:12px}.almanac-entry-category{font-size:8px;margin-bottom:3px}.unit-almanac h3{font-size:23px}.almanac-facts{margin-top:10px;gap:6px}.almanac-pagination{padding-top:13px}.almanac-pagination button{min-height:34px}}@media(max-height:540px)and (orientation:landscape){.unit-almanac{padding:8px 10px 11px}.almanac-spread{min-height:0;max-height:calc(100svh - 45px);grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.almanac-spread:after{left:35%}.almanac-page{padding:11px 14px 8px}.almanac-index{padding-right:18px}.almanac-detail{padding-left:18px}.almanac-index-heading{padding-bottom:6px}.unit-almanac h2{font-size:19px;letter-spacing:1px}.almanac-index-heading>span{font-size:8px;display:block}.almanac-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 1px 7px}.almanac-card{min-height:107px;padding:4px 3px 5px}.almanac-card.selected{padding:3px 2px 4px}.almanac-card-stage{height:77px}.almanac-card-stage svg{height:80px;width:66px}.almanac-card strong{font-size:9px}.almanac-card-cost{width:16px;height:16px;font-size:9px;top:4px;left:5px}.almanac-custom-mark{font-size:7px;top:5px;right:4px}.almanac-index-foot{padding-top:6px;margin-top:0;font-size:8px}.almanac-entry-heading{padding-bottom:6px}.almanac-entry-category{font-size:8px;margin-bottom:2px}.unit-almanac h3{font-size:21px}.almanac-entry-cost{font-size:8px;padding:3px 6px}.almanac-entry-cost b{font-size:15px}.almanac-demonstration{border-width:2px}.almanac-facts{margin-top:8px;gap:3px}.almanac-facts>div{font-size:8px;line-height:1.45;grid-template-columns:13px auto 1fr;column-gap:5px;row-gap:2px}.almanac-facts svg{width:12px;height:12px}.almanac-facts strong{font-size:9px}.almanac-facts small{font-size:8px}.almanac-skill-fact{padding-top:5px}.almanac-pagination{padding-top:7px;font-size:9px}.almanac-pagination button{min-height:25px;min-width:61px;font-size:8px}.almanac-pagination button svg{width:13px;height:13px}}@media(prefers-reduced-motion:reduce){.unit-almanac{animation:none}.unit-almanac button{transition:none}}.unit-demo{--demo-ink: #354a2c;color:var(--demo-ink);width:100%}.unit-demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;height:28px;padding:0 2px 6px}.unit-demo-stage{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:1px}.unit-demo-stage>span{width:5px;height:5px;border-radius:50%;background:#c0ae8b}.unit-demo-stage>.unit-demo-playing{background:#527846;box-shadow:0 0 0 3px #52784612}.unit-demo-controls{display:flex;gap:4px}.unit-demo-controls button{display:grid;place-items:center;width:26px;height:24px;padding:0;border:1px solid #836a432c;border-radius:5px;color:#695939;background:#f9f2dc;cursor:pointer}.unit-demo-controls button:hover{background:#e6d9b5}.unit-demo-controls button:focus-visible{outline:2px solid #5d7d48;outline-offset:2px}.unit-demo-board{position:relative;width:100%;aspect-ratio:2.05;overflow:hidden;border:3px solid #69724e;border-radius:8px;background:#b4c785;box-shadow:inset 0 0 0 1px #e5e8bd,0 3px #45533525;isolation:isolate}.unit-demo-grid{display:grid;position:absolute;top:0;right:0;bottom:0;left:0;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr)}.unit-demo-cell{position:relative;display:grid;place-items:center;background:#b7cc8e;box-shadow:inset 0 0 0 .5px #527b3b1c}.unit-demo-cell-alt{background:#afc584}.unit-demo-cell:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:3px;opacity:0;transition:opacity .2s}.unit-demo-target:after{opacity:1;background:#efffc94c;border:1px solid #f8ffe9b0;box-shadow:0 0 12px #e9ffc340}.unit-demo-kind-charge .unit-demo-target:after{background:#ffe39555;border-color:#f5e4ac}.unit-demo-kind-burst .unit-demo-target:after{background:#fa8b5466;border-color:#ffbd7c}.unit-demo-terrain{position:relative;z-index:1;width:85%;height:100%;max-height:100%}.unit-demo-piece{position:absolute;z-index:3;width:11.5%;transform:translate(-50%,-60%);transition:left .65s cubic-bezier(.2,.7,.3,1),top .65s cubic-bezier(.2,.7,.3,1)}.unit-demo-unit-art{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 2px #20351440)}.unit-demo-enemy{width:10.8%}.unit-demo-charging{filter:drop-shadow(0 0 6px #fbefab)}.unit-demo-charge{position:absolute;right:-9px;bottom:8px;padding:2px 4px;border:1px solid #e8dc94;border-radius:4px;background:#fff0a8;color:#5e5729;font:700 9px/1.15 sans-serif;box-shadow:0 2px 4px #3a431c1a}.unit-demo-path{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.unit-demo-path path{fill:none;stroke:#f9ffe3;stroke-width:4;stroke-dasharray:8 8;opacity:.8}.unit-demo-ray{stroke:#f9df8f;stroke-width:5;stroke-dasharray:10 7;opacity:.7}.unit-demo-bomb{position:absolute;display:grid;place-items:center;z-index:4;width:7%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#434638;border:2px solid #f4cf76;box-shadow:0 0 0 4px #f6dc9360}.unit-demo-bomb:before{position:absolute;content:"";width:2px;height:7px;top:-6px;transform:rotate(25deg);background:#8d6b3d}.unit-demo-bomb>span{color:#ffe9a7;font-size:9px;font-weight:700;line-height:1}.unit-demo-dud{border-color:#aeb8ad;box-shadow:0 0 0 4px #e4e8d540;background:#777e71}.unit-demo-dud>span{color:#f1efdc}.unit-demo-effect{position:absolute;pointer-events:none;z-index:5;width:9%;aspect-ratio:1;border:3px solid #fbedad;border-radius:50%;transform:translate(-50%,-50%);animation:unit-demo-burst .95s ease-out both}.unit-demo-effect-capture{background:#fffcd180;border-color:#ffefb3}.unit-demo-effect-explosion{background:#ffb145;box-shadow:0 0 15px #ffeaaa;border-color:#fff6c2}.unit-demo-effect-vortex{border-color:#dffbea;box-shadow:0 0 8px #dffbea}.unit-demo-arrow{position:absolute;z-index:5;top:50%;left:18.75%;color:#fff4c3;text-shadow:0 0 5px #807339;font-size:21px;line-height:1;animation:unit-demo-arrow .45s ease-out forwards}.unit-demo-dud-note{position:absolute;z-index:5;color:#fffbee;background:#66725bea;border-radius:4px;padding:3px 5px;font-size:10px;transform:translate(-50%,-150%)}.unit-demo-action-count{position:absolute;z-index:6;top:8px;right:8px;color:#5a613c;background:#f2efd1e3;padding:4px 7px;border-radius:4px;font-size:10px;font-weight:700}.unit-demo-board-label{position:absolute;bottom:6px;right:8px;z-index:2;font-size:9px;letter-spacing:2px;color:#53703b9c}.unit-demo-caption{min-height:36px;padding:8px 2px 0;display:flex;gap:6px;flex-direction:column;justify-content:space-between}.unit-demo-caption>span{font-size:11px;font-weight:600;line-height:1.5}.unit-demo-progress{display:flex;gap:3px;padding-top:1px}.unit-demo-progress i{height:2px;flex:1;background:#b7a77d45;border-radius:2px}.unit-demo-progress i.unit-demo-progress-current{background:#547143}.unit-demo-progress i.unit-demo-progress-current.unit-demo-progress-skill{background:#b58041}.unit-demo-paused *,.unit-demo-paused *:after{animation-play-state:paused}@keyframes unit-demo-burst{0%{opacity:1;scale:.3}to{opacity:0;scale:2}}@keyframes unit-demo-arrow{0%{left:18.75%;opacity:1}to{left:56.25%;opacity:0}}@media(max-width:600px){.unit-demo-caption>span{font-size:10px}.unit-demo-cell:after{top:4px;right:4px;bottom:4px;left:4px}}@media(max-height:520px)and (orientation:landscape){.unit-demo-toolbar{height:23px;padding-bottom:3px}.unit-demo-board{aspect-ratio:3.15;border-width:2px}.unit-demo-piece{width:9%;transform:translate(-50%,-65%)}.unit-demo-caption{min-height:26px;padding-top:5px;gap:3px}.unit-demo-caption>span{font-size:10px}.unit-demo-terrain{width:67%}.unit-demo-controls button{height:21px}}@media(prefers-reduced-motion:reduce){.unit-demo-piece,.unit-demo-cell:after{transition:none}.unit-demo-effect,.unit-demo-arrow{animation:none}.unit-demo-effect{opacity:.7}.unit-demo-arrow{left:48%}}.board-viewport{position:relative;isolation:isolate;width:100%;height:100%;min-height:280px;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(ellipse at 50% 42%,#abc79e14,transparent 68%);cursor:grab}.board-camera-panning{cursor:grabbing}.board-camera-world{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.camera-board{width:100%;height:100%}.camera-board .board-stage{position:relative;width:100%;height:100%;max-width:none!important;min-height:0;padding:24px 22px;margin:0;perspective:none}.camera-board .board-perspective{position:relative;width:calc(var(--cols)*var(--cell-size));height:calc(var(--rows)*var(--cell-size));margin:0!important;transform:none!important;transform-style:flat}.camera-board .board{width:100%;height:100%;aspect-ratio:auto!important;border-width:4px;border-radius:3px;box-shadow:0 1px 0 1px #e1d5af,0 7px #263e35,0 9px 0 1px #a89e73,0 11px #182f2a,0 20px 30px #041b1a70;transform-style:flat}.camera-board .board-grid{grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr)}.camera-board .column-labels{display:block;font-size:10px;height:12px;top:-18px;pointer-events:none}.camera-board .column-labels>span{position:absolute;transform:translate(-50%)}.camera-board .row-labels{display:block;left:-17px;font-size:10px;width:13px;pointer-events:none}.camera-board .row-labels>span{position:absolute;transform:translateY(-50%)}.camera-board .board-decoration,.camera-board .board-underlight{display:none}.board-camera-tools{position:absolute;z-index:20;bottom:20px;right:20px;display:flex;align-items:center;gap:3px;padding:5px;border:1px solid #b4c7ab4a;background:#142d27e6;color:#d8e3c4;border-radius:7px;box-shadow:0 5px 20px #071c1a66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:10px/1 sans-serif;cursor:default}.board-camera-tools button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:4px;color:#d6e1c7;background:transparent;cursor:pointer}.board-camera-tools button:hover{background:#bed5b51c}.board-camera-tools button:focus-visible{outline:2px solid #ebd7a4;outline-offset:-2px}.board-camera-tools>span{width:36px;text-align:center;color:#b4c6aa;font-size:9px;font-variant-numeric:tabular-nums}.board-camera-tools>i{width:1px;height:17px;background:#b9caa430;margin:0 2px}.board-camera-drag-icon{margin:0 6px;color:#8ca78f}.board-camera-minimap{position:absolute;right:20px;bottom:74px;z-index:19;width:130px;height:90px;border:2px solid #759175;box-shadow:0 3px 14px #071d1860;border-radius:5px;overflow:hidden;opacity:.8;padding:0;background:#213d30;cursor:crosshair}.board-camera-minimap:hover{opacity:1}.board-camera-minimap svg{display:block;width:100%;height:100%}.camera-board .board-hit-plane{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:0;background:transparent;border-radius:0;cursor:inherit;outline-offset:-3px}.camera-board .board-vector-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.camera-board .board-lod .pieces-layer{z-index:3;transform-style:flat}.camera-board .board-lod .piece{animation:none;transform-style:flat}.camera-board .board-lod .piece-shadow,.camera-board .board-lod .piece-name,.camera-board .board-lod .charge-ring{display:none}.board-piece-token{display:grid;place-items:center;position:relative;width:66%;height:66%;border-radius:50%;border:5px solid #ccdaae;color:#edfad5;background:#3c7552;box-shadow:0 4px 6px #17392766;font-size:27px;font-weight:700;line-height:1;transform:translateY(-8%)}.piece.blue .board-piece-token{border-color:#b3d4de;background:#35627e;color:#e1f1f7}.selected-piece .board-piece-token{outline:5px solid #f1d796;outline-offset:2px}.charging .board-piece-token{box-shadow:0 0 14px #fff1b9}.camera-board .board-lod .cooldown-badge,.camera-board .board-lod .piece-status{font-size:14px}.camera-board .board-lod .piece-status{top:-15%;padding:3px 5px}.camera-board .board-lod .board-effect{width:80px;height:80px}.board-lod-grid{shape-rendering:crispEdges}@media(max-width:760px){.board-camera-tools{bottom:12px;right:12px;padding:3px;gap:1px}.board-camera-tools button{width:30px;height:30px}.board-camera-minimap{right:12px;bottom:59px;width:99px;height:68px}.board-camera-drag-icon{display:none}}@media(prefers-reduced-motion:reduce){.board-camera-world{will-change:auto}.camera-board .piece{transition:none;animation:none}.camera-board .terrain-art{animation:none}}.camera-board .piece-name{font-size:calc(9px / var(--camera-scale,1));max-width:96%;overflow:hidden;text-overflow:ellipsis;letter-spacing:.5px}.camera-board .board-ultra-compact .piece-status,.camera-board .board-ultra-compact .cooldown-badge{display:none}.board-camera-tools .board-camera-focus{color:#f2dc9c;background:#cbb47c17}.board-camera-tools .board-camera-focus:disabled{opacity:.3;cursor:default}.camera-board .board-ultra-compact .board-piece-token{width:calc(5.5px / var(--camera-scale,1));height:calc(5.5px / var(--camera-scale,1));min-width:66%;min-height:66%;border-width:calc(.65px / var(--camera-scale,1));font-size:0;box-shadow:none;transform:none}.board-camera-tools .board-camera-fit{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:auto;min-width:88px;height:34px;padding:0 9px;border:1px solid #d7bc7d80;background:#b8a06622;color:#f0dba9;font-size:10px;white-space:nowrap}.board-camera-tools .board-camera-fit:hover{background:#c5ae7040;border-color:#ead09b}.board-camera-fit>span{font-size:10px}@media(pointer:coarse){.board-camera-tools .board-camera-fit{min-height:44px}}.camera-board .tile.deployment-target.green{background-image:linear-gradient(135deg,#476c493d,#6e905524),radial-gradient(ellipse at 25% 20%,#e2dfc127,transparent 70%);box-shadow:inset 0 0 0 1px #e5efd279,inset 0 -3px 3px #3747382b}.camera-board .tile.deployment-target.blue{background-image:linear-gradient(135deg,#527c9b42,#6692a826);box-shadow:inset 0 0 0 1px #ddebf07a,inset 0 -3px 3px #3747382b}.camera-board .tile.deployment-target:after{content:"";position:absolute;top:5%;right:5%;bottom:5%;left:5%;border:1px solid #eaf0d575;pointer-events:none}.camera-board .tile.deployment-target.blue:after{border-color:#e2eef08a}.deployment-mark{position:absolute;bottom:12%;right:12%;width:8%;height:8%;min-width:4px;min-height:4px;border:1px solid #eef1d5b3;transform:rotate(45deg);background:#3b6646c2;pointer-events:none}.blue .deployment-mark{background:#406780c2;border-color:#e8f3f7bf}.deployment-target-vector{fill:#4d805d42;stroke:#e4edc4b3;stroke-width:3;pointer-events:none}.deployment-target-vector.blue{fill:#507d9942;stroke:#dcebf2b3}.bomb-marker.unknown{color:#b69b62;border-color:#bca36b;background:repeating-linear-gradient(135deg,#baa16520 0,#baa16520 6px,#dcc28735 6px,#dcc28735 8px)}.bomb-marker.unknown b{background:#967e4c;color:#fff1ce}.bomb-marker>.bomb-kind{position:absolute;left:3px;top:3px;display:grid;place-items:center;min-width:15px;min-height:15px;padding:1px 3px;border:1px solid currentColor;border-radius:2px;font-size:9px;font-style:normal;line-height:1;background:#efe7bfbc}.bomb-marker-vector.live>circle{fill:#a84e3570;stroke:#c66033}.bomb-marker-vector.dud>circle{fill:#777e5760;stroke:#a3a479}.bomb-marker-vector.unknown>circle{stroke:#d2b77a}.bomb-marker-vector>.bomb-count{fill:#fff1bc}.bomb-marker-vector>.bomb-kind{fill:#fff1bc;font-weight:700;paint-order:stroke;stroke:#37483a;stroke-width:2px}.bomb-marker-vector.unknown>.bomb-count{fill:#fff1cd}@media(max-width:680px){.bomb-marker>.bomb-kind{min-width:11px;min-height:11px;font-size:7px;padding:1px 2px;left:1px;top:1px}}.camera-board .board-bomb-layer,.board .board-bomb-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;width:100%;height:100%;pointer-events:none}.bomb-cell{position:absolute;pointer-events:none}.board-bomb-layer .bomb-marker{position:absolute;top:5%;right:5%;bottom:5%;left:5%;display:grid;place-items:center;border:3px solid #ffc37b;border-radius:7px;background:repeating-linear-gradient(135deg,#f6633430 0,#f6633430 7px,#ffa04445 7px,#ffa04445 10px);box-shadow:inset 0 0 0 1px #7b2714,0 0 0 1px #692b1fc9;color:#ffddab;animation:none;opacity:1;pointer-events:none}.board-bomb-layer .bomb-marker>svg{width:46%;height:46%;stroke-width:2.5;filter:drop-shadow(0 1px 1px #531e16)}.board-bomb-layer .bomb-marker>b{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;min-width:calc(22px / var(--camera-scale,1));height:calc(22px / var(--camera-scale,1));padding:0 4px;border-radius:50%;background:#8e3023;color:#fff2d4;border:2px solid #ffd596;font:bold calc(12px / var(--camera-scale,1))/1 sans-serif;box-shadow:0 2px 4px #361c17a6}.board-bomb-layer .bomb-marker>.bomb-kind{left:2px;top:2px;min-width:calc(16px / var(--camera-scale,1));min-height:calc(16px / var(--camera-scale,1));font-size:calc(10px / var(--camera-scale,1));background:#f4d699;color:#4b311e;border-color:#523820;border-radius:3px;box-shadow:0 1px 2px #4127197a}.board-bomb-layer .bomb-marker.imminent{border-color:#fff2b9;box-shadow:inset 0 0 0 2px #f94c36,0 0 0 2px #f25334;animation:shellWarning 1s ease-in-out infinite}.board-bomb-layer .bomb-marker-vector>circle{fill:#8e3023;stroke:#ffdaa1;stroke-width:4}.board-bomb-layer .bomb-marker-vector .bomb-count{fill:#fff1cd;font-weight:700}.board-bomb-layer .bomb-marker-vector .bomb-kind{fill:#ffe0a0;stroke:#4d2b21;stroke-width:3}.board-bomb-layer .bomb-marker-vector.imminent .bomb-danger-outline{stroke:#ffe8aa;stroke-width:8}.board-bomb-layer .bomb-marker.dud{border-style:dashed}.board-bomb-layer .bomb-marker-vector.dud .bomb-danger-outline{stroke-dasharray:10 5}@keyframes shellWarning{50%{border-color:#ffad7c;box-shadow:inset 0 0 0 2px #f94c36,0 0 0 2px #fa8d58}}@media(prefers-reduced-motion:reduce){.board-bomb-layer .bomb-marker.imminent{animation:none}}.board-camera-panning .piece-art,.board-camera-panning .terrain-art{filter:none!important;animation:none!important}.board-camera-panning .piece-name,.board-camera-panning .bomb-marker,.board-camera-panning .charge-ring,.board-camera-panning .piece-status{animation:none!important}.board-camera-panning .tile{transition:none!important}@media(pointer:coarse),(max-width:1000px){.match-turn-card,.match-utilities>button,.match-skip-action.match-skip-tool,.match-surrender-action,.board-camera-tools,.prep-config,.prep-army-status,.prep-power,.prep-formation-tools{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:#19392ff5}.camera-board .piece-art,.camera-board .terrain-art{filter:none}.camera-board .piece-shadow{filter:none;background:#1b352735}}.board-custom-art{display:block}.board-custom-art>.board-custom-vector{display:block;width:100%;height:100%}html,body,#root{min-width:280px;min-height:100%;overscroll-behavior:none}.app.home-view,.app.prepare-view{height:100svh;min-height:0}.prepare-view .header-tools .reference-button{display:inline-flex}.prepare-view .start-area{min-width:0}.home-page{height:100%;min-height:0;overflow:auto;scrollbar-width:thin;display:grid;grid-template-rows:70px minmax(310px,1fr) auto 34px}.home-header{height:100%;gap:clamp(18px,4vw,64px)}.home-hero{min-height:0;height:100%;max-height:none;padding:12px 0}.home-hero-art{height:365px;margin:0 0 0 -10px;transform:scale(.93);transform-origin:center}.home-hero h1{font-size:clamp(90px,9vw,142px)}.home-hero-actions{margin-top:24px}.home-play-button{height:61px}.home-play-modes{margin-top:18px}.home-portals{margin:0 0 14px;gap:14px}.home-portal{height:110px;padding:13px 17px;gap:14px}.home-portal-illustration{transform:scale(.78);transform-origin:left center;width:85px;margin-right:-8px}.home-portal-copy h2{font-size:23px;margin-top:7px}.home-portal-copy p{font-size:9px;margin-top:7px}.home-portal-kicker{font-size:8px}.home-coming-portal{padding:16px;gap:12px}.home-coming-portal h2{font-size:16px}.home-coming-portal p{font-size:8px}.home-footer{min-height:0;height:34px}.app.prepare-view>.topbar{height:65px;gap:36px}.prepare-view .brand>svg{width:35px;height:43px}.prepare-view .brand strong{font-size:28px}.prepare-view .brand span{font-size:7px}.prepare-view .topbar nav button{font-size:12px}.prepare-view .local-badge{font-size:9px}.prepare-view>.main-layout{min-height:0;width:94%;margin:15px auto 10px;grid-template-columns:164px minmax(0,1fr) 196px;gap:20px;align-items:stretch}.prepare-view .left-sidebar,.prepare-view .right-sidebar{overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#83998166 transparent}.prepare-view .left-sidebar>.eyebrow{margin-bottom:10px;font-size:8px}.prepare-view .eyebrow span{font-size:10px}.prepare-view .map-card{margin-bottom:9px}.prepare-view .map-cover{height:61px}.prepare-view .mini-map{top:3px;left:28px}.prepare-view .mini-map.beta{top:-6px;left:34px}.prepare-view .map-card-body{padding:9px 11px}.prepare-view .map-card-body strong{font-size:12px}.prepare-view .map-card-body>span{font-size:9px}.prepare-view .mode-section{margin-top:17px}.prepare-view .mode-section>.eyebrow{margin-bottom:9px}.prepare-view .mode-button{padding:10px 9px;gap:7px;margin-bottom:7px}.prepare-view .mode-button strong{font-size:11px}.prepare-view .mode-button div span{font-size:8px}.prepare-view .help-link{font-size:8px;white-space:normal;margin-top:14px}.prepare-view .battlefield{display:flex;flex-direction:column;min-height:0;overflow:hidden}.prepare-view .battlefield-heading{flex-shrink:0;height:39px}.prepare-view .chapter{font-size:6px;margin-bottom:4px}.prepare-view .battlefield-heading h1{font-size:24px;gap:13px}.prepare-view .battlefield-heading h1>span{font-size:8px;padding:4px 7px}.prepare-view .versus-bar{flex-shrink:0;height:29px;margin:8px 0 3px}.prepare-view .faction strong{font-size:15px}.prepare-board{flex:1;min-height:180px;position:relative}.prepare-board>.board-viewport{height:100%;min-height:0}.prepare-view .board-caption{flex-shrink:0;margin:4px 0 0;min-height:29px;height:29px;font-size:9px}.prepare-view .board-caption>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prepare-view .terrain-legend{flex-shrink:0;padding:9px 3px 2px;font-size:8px}.prepare-view .compact-piece-actions{position:absolute;bottom:45px;left:8px;z-index:5;background:#17332bee;margin:0;min-height:30px;font-size:9px}.prepare-view .compact-piece-actions button{min-height:30px;padding:3px 8px;font-size:9px}.prepare-view .player-panel,.prepare-view .unit-panel{padding:12px}.prepare-view .player-crest{width:32px;height:36px}.prepare-view .player-crest svg{width:23px}.prepare-view .player-identity{gap:8px}.prepare-view .player-identity h2{font-size:14px}.prepare-view .player-identity small{font-size:8px}.prepare-view .power-label{margin-top:12px}.prepare-view .power-label strong{font-size:19px}.prepare-view .army-line{overflow:auto;flex-wrap:nowrap;height:41px;margin-top:6px;scrollbar-width:thin}.prepare-view .army-line button{flex-shrink:0;width:29px;height:35px}.prepare-view .panel-divider{margin:5px 0 10px}.prepare-view .unit-panel{margin-top:12px}.prepare-view .unit-feature{height:84px;margin:3px 0}.prepare-view .unit-feature>svg{height:84px;width:77px}.prepare-view .unit-feature:after{width:76px;height:19px}.prepare-view .unit-panel h3{font-size:18px}.prepare-view .unit-panel>p{margin-top:8px;font-size:9px;min-height:0}.prepare-view .deploy-detail{margin-top:8px;padding-top:8px;font-size:8px}.prepare-view .remove-piece{margin-top:8px;min-height:30px;font-size:9px}.prepare-view>.deployment-dock{flex-shrink:0;margin:0 3%;padding:9px 0 10px;border-top:1px solid #bec69733}.prepare-view .dock-heading{margin-bottom:7px}.prepare-view .dock-heading h2{font-size:14px}.prepare-view .dock-heading div>span{font-size:8px}.prepare-view .custom-unit-picker{margin-bottom:7px;min-height:29px}.prepare-view .custom-unit-picker select{min-height:29px}.prepare-view .custom-unit-summary{max-width:450px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.prepare-view .dock-content{gap:20px;flex-direction:row}.prepare-view .unit-roster{gap:8px;flex:1}.prepare-view .roster-card{height:74px;min-width:0;padding:0 5px}.prepare-view .roster-card>svg{width:48px;height:61px}.prepare-view .roster-card strong{font-size:11px}.prepare-view .roster-card div>span{font-size:7px;margin-top:5px}.prepare-view .roster-number{font-size:7px;top:7px;left:7px}.prepare-view .roster-cost{font-size:13px;right:7px;top:7px}.prepare-view .roster-cost small{font-size:6px}.prepare-view .start-area{flex-shrink:0;gap:9px;flex-direction:column;margin:0}.prepare-view .start-area>.primary-button{min-width:220px;font-size:17px;padding:14px 20px;min-height:50px}.prepare-view .start-area>span{font-size:8px}.prepare-view>.bottomline{flex-shrink:0;padding:6px 0;margin:0 3%;font-size:6px}@media(min-width:1400px)and (min-height:850px){.home-page{grid-template-rows:88px minmax(420px,1fr) auto 42px}.home-hero-art{height:485px;transform:none}.home-hero-actions{margin-top:32px}.home-hero h1{font-size:158px}.home-portal{height:143px}.home-portal-illustration{transform:scale(1);width:120px}.home-portal-copy h2{font-size:27px}.home-portals{margin-bottom:25px}.prepare-view>.topbar{height:78px}.prepare-view>.deployment-dock{padding:16px 0}.prepare-view .roster-card{height:96px}.prepare-view .roster-card>svg{height:86px;width:68px}.prepare-view .unit-feature{height:118px}.prepare-view .unit-feature>svg{height:116px;width:108px}.prepare-view .unit-panel>p{font-size:11px}.prepare-view .map-cover{height:82px}}@media(max-width:1000px){.prepare-view>.main-layout{grid-template-columns:145px minmax(0,1fr);gap:16px}.prepare-view .right-sidebar{display:none}.prepare-view .compact-team-switch{display:flex}.prepare-view .dock-tools{gap:8px}.prepare-view .dock-tools>.team-switch{min-width:145px}.prepare-view .roster-card>svg{width:42px}.prepare-view .roster-card{height:72px}.prepare-view .roster-card strong{font-size:10px}.prepare-view .roster-card div>span{font-size:6px}.prepare-view .start-area>.primary-button{min-width:190px;font-size:15px}.prepare-view .home-hero-art{transform:scale(.85)}}@media(max-width:650px)and (orientation:portrait){.home-page{padding:0 5%;grid-template-rows:58px minmax(350px,1fr) auto 28px}.home-header{height:58px}.home-hero{display:block;min-height:0;padding:15px 0 0}.home-hero-copy{height:100%;padding:0;position:relative}.home-hero h1{font-size:76px;margin:5px -12px 0 0;letter-spacing:12px}.home-hero-label{font-size:7px}.home-hero-tagline{font-size:11px;margin-top:3px}.home-hero-art{position:absolute;width:320px;height:225px;top:42%;left:50%;transform:translate(-50%) scale(.84);transform-origin:center;margin:0;z-index:1}.home-hero-mage{width:94px;height:112px;top:8px;left:0}.home-hero-gunner{width:90px;height:111px;top:10px;right:0}.home-hero-archer{width:96px;height:116px;top:-27px;left:36%}.home-hero-warrior{width:150px;height:174px;top:42px;left:8%}.home-hero-berserker{width:147px;height:171px;top:47px;right:5%}.home-orbit-outer{width:210px;height:210px}.home-orbit-inner{width:191px;height:191px}.home-display-board{height:105px;bottom:0}.home-hero-actions{position:absolute;top:auto;bottom:29px;left:0;right:0;margin:0;z-index:3;gap:3px}.home-play-button{height:53px;width:min(280px,90%);font-size:18px}.home-resume-button{min-height:28px;font-size:10px}.home-play-modes,.home-hero-copy:has(.home-resume-button) .home-play-modes{top:auto;bottom:10px;left:0;right:0;margin:0;font-size:7px}.home-portals{display:flex;flex-direction:column;gap:9px;margin:0 0 10px}.home-portal{height:87px;padding:10px 15px;gap:10px}.home-portal-illustration{width:75px;transform:scale(.67);margin-right:-9px}.home-portal-copy h2{font-size:20px;margin-top:5px}.home-portal-copy p{font-size:8px;margin-top:5px}.home-portal-kicker{font-size:7px;gap:4px}.home-portal-end>span{font-size:6px}.home-coming-portal{height:53px;padding:8px 15px;gap:12px}.home-coming-portal>svg{width:20px}.home-coming-portal h2{font-size:14px}.home-coming-portal p{margin-top:3px;font-size:7px}.home-coming-portal>span{font-size:6px}.home-footer{height:28px;font-size:6px;letter-spacing:1px}.prepare-view>.topbar{height:54px;margin:0 4%;gap:9px}.prepare-view .brand>svg{width:26px;height:34px}.prepare-view .brand strong{font-size:22px}.prepare-view .brand span{font-size:5px}.prepare-view .header-tools{gap:3px}.prepare-view .topbar nav{display:none}.prepare-view .header-tools .icon-button{min-height:38px;width:32px}.prepare-view .header-tools .reference-button{min-width:54px;padding:0 6px;min-height:36px;font-size:9px}.prepare-view>.main-layout{width:94%;display:flex;flex-direction:column;gap:10px;overflow:auto;margin:10px auto 6px;min-height:0;flex:1}.prepare-view .left-sidebar{overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:7px;flex-shrink:0}.prepare-view .left-sidebar>.eyebrow,.prepare-view .help-link{display:none}.prepare-view .map-card{width:auto;height:51px;display:flex;margin:0}.prepare-view .map-cover{height:100%;width:67px}.prepare-view .mini-map{width:51px;left:8px;top:9px}.prepare-view .mini-map.beta{width:45px;left:11px;top:4px}.prepare-view .map-card-body{padding:8px}.prepare-view .map-card-body strong{font-size:10px}.prepare-view .map-card-body>span{font-size:7px;margin-top:6px}.prepare-view .mode-section{display:flex;margin:0;gap:7px;grid-column:1/-1}.prepare-view .mode-section>.eyebrow{display:none}.prepare-view .mode-button{width:50%;margin:0;padding:7px 9px;height:33px}.prepare-view .mode-button div{display:block}.prepare-view .mode-button div span{display:none}.prepare-view .mode-button>i{display:block}.prepare-view .custom-map-picker{grid-column:1/-1;margin:0;min-height:29px}.prepare-view .custom-map-picker select{min-height:29px;font-size:9px}.prepare-view .custom-map-picker button{height:29px}.prepare-view .battlefield{overflow:visible;min-height:256px;flex:1}.prepare-view .battlefield-heading{height:29px}.prepare-view .chapter{display:none}.prepare-view .battlefield-heading h1{font-size:20px;gap:8px}.prepare-view .versus-bar{height:23px;margin:3px 0}.prepare-view .faction strong{font-size:13px}.prepare-view .faction span{font-size:7px}.prepare-view .faction svg{height:14px}.prepare-board{min-height:171px}.prepare-view .board-caption{height:27px;min-height:27px;font-size:8px}.prepare-view .terrain-legend{display:none}.prepare-view .compact-piece-actions{bottom:31px;left:5px}.prepare-view .prepare-board .board-camera-tools{bottom:5px;right:5px}.prepare-view .prepare-board .board-camera-minimap{display:none}.prepare-view>.deployment-dock{margin:0 3%;padding:8px 0;flex-shrink:0}.prepare-view .dock-heading{gap:5px;margin-bottom:5px;align-items:center}.prepare-view .dock-heading h2{font-size:11px}.prepare-view .dock-heading>div{gap:5px}.prepare-view .dock-heading>div>span{display:none}.prepare-view .dock-heading svg{width:13px}.prepare-view .dock-tools{gap:5px}.prepare-view .dock-tools>button{font-size:8px;gap:3px;min-height:30px}.prepare-view .compact-team-switch{min-width:125px}.prepare-view .compact-team-switch button{padding:5px;font-size:8px}.prepare-view .custom-unit-picker{gap:6px;margin:0 0 5px;min-height:28px}.prepare-view .custom-unit-picker label{font-size:8px}.prepare-view .custom-unit-picker label>span{display:none}.prepare-view .custom-unit-picker select{min-width:0;width:auto;flex:1;min-height:28px;font-size:9px}.prepare-view .custom-unit-picker>button{font-size:8px}.prepare-view .custom-unit-summary{display:none}.prepare-view .dock-content{flex-direction:column;gap:7px}.prepare-view .unit-roster{width:100%;gap:5px;flex:none}.prepare-view .roster-card{height:65px;padding:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.prepare-view .roster-card>svg{width:36px;height:40px;margin-top:9px}.prepare-view .roster-card strong{font-size:9px;letter-spacing:0}.prepare-view .roster-card div>span{display:none}.prepare-view .roster-number{font-size:5px;top:4px;left:4px}.prepare-view .roster-cost{font-size:8px;top:4px;right:4px}.prepare-view .roster-cost small{display:none}.prepare-view .roster-check{bottom:3px;right:3px;width:11px;height:11px}.prepare-view .start-area{width:100%;gap:0}.prepare-view .start-area>.primary-button{width:100%;min-width:0;font-size:17px;min-height:47px;padding:11px 17px}.prepare-view .start-area>span{display:none}.prepare-view>.bottomline{display:none}.prepare-view .toast{bottom:222px;font-size:10px}}@media(orientation:landscape)and (max-height:520px){.home-page{grid-template-rows:51px minmax(230px,1fr) auto 22px;padding:0 4%}.home-header{height:51px;gap:20px}.home-brand>svg{height:32px;width:29px}.home-brand>span{font-size:23px}.home-brand small{font-size:5px;margin-top:3px}.home-hero{display:grid;grid-template-columns:43% 57%;height:100%;min-height:0;padding:0}.home-hero-copy{max-width:340px;padding:0}.home-hero-label{font-size:6px;letter-spacing:3px}.home-hero h1{font-size:67px;letter-spacing:9px;margin:6px -9px 0 0}.home-hero-tagline{font-size:9px;margin-top:4px}.home-hero-actions{position:relative;top:auto;left:auto;right:auto;margin-top:14px;gap:0}.home-play-button{height:43px;width:211px;font-size:15px}.home-resume-button{min-height:25px;font-size:9px}.home-play-modes{position:relative;top:auto!important;margin-top:8px;font-size:6px}.home-hero-art{position:relative;top:auto;left:auto;height:274px;width:100%;transform:scale(.67);transform-origin:center;margin:-15px 0 0}.home-art-caption{display:none}.home-portals{display:grid;grid-template-columns:1fr 1fr .62fr;gap:9px;margin-bottom:6px}.home-portal{height:69px;padding:8px 9px;gap:3px}.home-portal-illustration{width:55px;transform:scale(.49);margin-right:-16px}.home-portal-copy h2{font-size:16px;margin-top:4px}.home-portal-kicker{font-size:6px;gap:3px}.home-portal-copy p{font-size:6px;margin-top:4px}.home-portal-end>span{display:none}.home-portal-end>svg{width:13px}.home-coming-portal{padding:8px;gap:7px}.home-coming-portal>svg{width:17px}.home-coming-portal h2{font-size:12px;letter-spacing:0}.home-coming-portal p{font-size:6px;margin-top:5px}.home-coming-portal>span{display:none}.home-footer{height:22px;font-size:6px}.prepare-view>.topbar{height:46px;margin:0 2%;gap:20px}.prepare-view .brand>svg{width:25px;height:31px}.prepare-view .brand strong{font-size:23px}.prepare-view .brand span{font-size:5px}.prepare-view .local-badge,.prepare-view>.bottomline{display:none}.prepare-view .header-tools{gap:5px}.prepare-view .topbar nav button{font-size:10px}.prepare-view>.main-layout{position:absolute;top:56px;left:12px;bottom:10px;width:calc(100% - 235px);margin:0;display:grid;grid-template-columns:121px minmax(0,1fr);gap:12px;overflow:hidden}.prepare-view .left-sidebar{display:block;overflow:auto}.prepare-view .left-sidebar>.eyebrow,.prepare-view .help-link{display:none}.prepare-view .map-card{width:100%;display:block;height:auto;margin-bottom:7px}.prepare-view .map-cover{height:37px;width:100%}.prepare-view .mini-map{width:60px;left:29px;top:2px}.prepare-view .mini-map.beta{width:52px;top:-4px;left:33px}.prepare-view .map-card-body{padding:7px 8px}.prepare-view .map-card-body strong{font-size:10px}.prepare-view .map-card-body>span{font-size:7px}.prepare-view .mode-section{display:block;margin-top:8px}.prepare-view .mode-section>.eyebrow{display:none}.prepare-view .mode-button{width:100%;height:33px;padding:7px;font-size:9px}.prepare-view .mode-button strong{font-size:10px}.prepare-view .mode-button div span{display:none}.prepare-view .custom-map-picker{margin:6px 0}.prepare-view .custom-map-picker select{font-size:8px;min-height:28px;padding:4px}.prepare-view .custom-map-picker button{width:25px;min-height:28px}.prepare-view .battlefield-heading{height:24px}.prepare-view .chapter{display:none}.prepare-view .battlefield-heading h1{font-size:18px;gap:7px}.prepare-view .battlefield-heading h1>span{font-size:7px;padding:3px 5px}.prepare-view .small-tool{padding:5px}.prepare-view .versus-bar{height:22px;margin:5px 0 1px;gap:16px}.prepare-view .faction strong{font-size:12px}.prepare-view .faction span{font-size:6px}.prepare-view .faction svg{width:13px}.prepare-board{min-height:125px}.prepare-view .board-caption{height:24px;min-height:24px;font-size:7px;padding:0 5px}.prepare-view .terrain-legend{display:none}.prepare-view .compact-piece-actions{bottom:27px;left:4px;font-size:7px;min-height:24px}.prepare-view .compact-piece-actions button{min-height:24px;font-size:7px}.prepare-view .prepare-board .board-camera-minimap{display:none}.prepare-view .prepare-board .board-camera-tools{bottom:5px;right:5px}.prepare-view>.deployment-dock{position:absolute;top:56px;bottom:10px;right:12px;width:196px;margin:0;padding:10px;border:1px solid #bec69738;background:#153029ed;display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin;gap:6px}.prepare-view .dock-heading{margin:0;flex-shrink:0;gap:4px;flex-direction:column;align-items:stretch}.prepare-view .dock-heading h2{font-size:11px}.prepare-view .dock-heading>div{gap:5px}.prepare-view .dock-heading div>span{display:none}.prepare-view .dock-tools{gap:4px;justify-content:space-between}.prepare-view .dock-tools>button{font-size:7px;min-height:28px}.prepare-view .dock-tools>button svg{width:11px}.prepare-view .compact-team-switch{min-width:0;flex:1}.prepare-view .compact-team-switch button{font-size:7px;padding:4px}.prepare-view .custom-unit-picker{display:flex;flex-wrap:wrap;gap:4px;margin:0;flex-shrink:0;min-height:30px}.prepare-view .custom-unit-picker label,.prepare-view .custom-unit-summary{display:none}.prepare-view .custom-unit-picker select{width:100%;min-width:0;min-height:28px;font-size:8px}.prepare-view .custom-unit-picker>button{font-size:8px;min-height:22px}.prepare-view .dock-content{flex:1;flex-direction:column;gap:7px;min-height:0}.prepare-view .unit-roster{gap:4px;grid-template-columns:repeat(5,1fr);width:100%;flex:none}.prepare-view .roster-card{height:65px;padding:0;display:flex;flex-direction:column}.prepare-view .roster-card>svg{height:36px;width:31px;margin-top:10px}.prepare-view .roster-card strong{font-size:7px;letter-spacing:0}.prepare-view .roster-card div>span{display:none}.prepare-view .roster-number{font-size:5px;top:4px;left:3px}.prepare-view .roster-cost{font-size:7px;top:4px;right:3px}.prepare-view .roster-cost small{display:none}.prepare-view .roster-check{height:9px;width:9px;bottom:3px;right:3px}.prepare-view .start-area{width:100%;margin-top:auto;position:sticky;bottom:0;background:#153029;flex-shrink:0;padding-top:6px;gap:0}.prepare-view .start-area>.primary-button{width:100%;min-width:0;min-height:44px;font-size:14px;padding:9px}.prepare-view .start-area>span{display:none}.prepare-view .toast{bottom:15px;left:38%;max-width:48%;font-size:9px}}@media(max-height:620px)and (orientation:portrait){.home-page{grid-template-rows:54px minmax(292px,1fr) auto 24px}.home-hero h1{font-size:63px}.home-hero-art{top:32%;transform:translate(-50%) scale(.67)}.home-portal{height:73px}.home-coming-portal{height:44px}}@media(max-height:580px)and (min-width:1001px){.prepare-view>.main-layout{overflow:auto}.prepare-view .battlefield{overflow:visible;min-height:270px}.home-page{grid-template-rows:58px minmax(285px,1fr) auto 28px}}.home-page{grid-template-rows:70px minmax(310px,1fr) auto 54px}.home-footer.home-footer-studio{height:54px;gap:16px}.home-footer-credits,.home-studio-credit{display:flex;align-items:center}.home-footer-credits{gap:26px;flex-shrink:0}.home-studio-credit{gap:9px}.home-studio-logo-frame{display:flex;align-items:center;justify-content:center;width:40px;height:44px;padding:4px;border:1px solid #d9bd7754;border-radius:4px;background:#eee7d6}.home-studio-logo-frame img{display:block;width:100%;height:100%;object-fit:contain}.home-studio-copy{display:flex;flex-direction:column;gap:4px;white-space:nowrap;letter-spacing:1px}.home-studio-copy strong{color:#dfd6bc;font-size:12px;font-weight:500;line-height:1}.home-studio-copy small{color:#a1b1a3;font-size:7px;line-height:1}@media(min-width:1400px)and (min-height:850px){.home-page{grid-template-rows:88px minmax(420px,1fr) auto 62px}.home-footer.home-footer-studio{height:62px}}@media(max-width:650px){.home-footer-platform{display:none}.home-footer.home-footer-studio{gap:8px}.home-studio-credit{gap:7px}.home-studio-logo-frame{width:32px;height:36px;padding:3px}.home-studio-copy{letter-spacing:.6px}.home-studio-copy strong{font-size:10px}.home-studio-copy small{font-size:6px}}@media(max-width:650px)and (orientation:portrait){.home-page{grid-template-rows:58px minmax(350px,1fr) auto 48px}.home-footer.home-footer-studio{height:48px}}@media(orientation:landscape)and (max-height:520px){.home-page{grid-template-rows:51px minmax(230px,1fr) auto 40px}.home-footer.home-footer-studio{height:40px}.home-studio-logo-frame{width:30px;height:32px;padding:3px}.home-studio-copy{gap:3px}.home-studio-copy strong{font-size:10px}.home-studio-copy small{font-size:6px}}@media(max-height:620px)and (orientation:portrait){.home-page{grid-template-rows:54px minmax(292px,1fr) auto 48px}.home-footer.home-footer-studio{height:48px}}@media(max-height:580px)and (min-width:1001px){.home-page{grid-template-rows:58px minmax(285px,1fr) auto 40px}.home-footer.home-footer-studio{height:40px}.home-studio-logo-frame{width:30px;height:32px;padding:3px}}.player-entry{display:flex;align-items:center;gap:12px;min-width:146px;min-height:52px;padding:5px 10px 5px 0;border:0;background:none;color:#ecdfba;text-align:left;cursor:pointer;flex-shrink:0}.player-entry>span:nth-child(2){display:grid;gap:5px;min-width:0;max-width:160px}.player-entry strong{font-size:15px;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-entry small{font-size:9px;letter-spacing:1.5px;color:#b6c4ae}.player-entry>svg{color:#c4b783;transition:transform .2s}.player-entry:hover>svg{transform:translate(3px)}.player-entry:disabled{opacity:.6;cursor:wait}.account-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border:1px solid #bcab72a1;border-radius:14px 5px;color:#efd7a3;font-size:21px;background:linear-gradient(135deg,#668d7254,#173c36);box-shadow:inset 0 0 0 3px #8dad7730,0 4px 15px #07171144;font-family:"Noto Serif SC",serif}.account-avatar-large{width:96px;height:96px;border-radius:28px 9px;font-size:44px;border-color:#d7c18f;box-shadow:inset 0 0 0 5px #9bad7140,0 10px 35px #03131060;background:linear-gradient(140deg,#5e856a,#1e493d 70%)}.account-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:22px;background:#03100edb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:account-enter .25s ease-out;overflow:auto}.account-dialog{width:min(710px,100%);max-height:calc(100svh - 44px);position:relative;display:grid;grid-template-columns:240px minmax(0,1fr);border:1px solid #bca56b80;border-radius:3px;background:linear-gradient(145deg,#25483a,#112d29 60%);box-shadow:0 25px 100px #0007,inset 0 0 0 5px #b2af6d0b;overflow:auto;color:#ebe3c7;scrollbar-width:thin;scrollbar-color:#adb17b66 transparent}.account-close{position:absolute;right:13px;top:13px;z-index:2;width:32px;height:32px;display:grid;place-items:center;border:0;background:none;color:#b9c2a6;cursor:pointer}.account-close:hover{color:#fff0ca}.account-dialog-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;min-height:380px;overflow:hidden;border-right:1px solid #bdad7440;background:linear-gradient(160deg,#516d4e35,#133b3430),url(/qiyi/assets/mountain-sanctuary.jpg) center/cover;background-image:linear-gradient(160deg,#516d4e35,#133b3430),image-set(url(/qiyi/assets/mountain-sanctuary.webp) type("image/webp"),url(/qiyi/assets/mountain-sanctuary.jpg) type("image/jpeg"))}.account-dialog-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#183b36a3,#173830ed)}.account-dialog-art>.account-avatar{position:relative;z-index:1;transform:rotate(-5deg);animation:account-float 6s ease-in-out infinite}.account-dialog-art>span:last-child{position:relative;z-index:1;font-size:10px;letter-spacing:2px;color:#c8cdb2;writing-mode:vertical-rl;max-height:160px;line-height:1.8}.account-art-orbit{position:absolute;width:185px;height:185px;border:1px solid #ccb17955;border-radius:50%;top:20%;left:50%;transform:translate(-50%)}.account-art-orbit:before,.account-art-orbit:after{content:"";position:absolute;border:1px solid #c5ba7d22;border-radius:50%;top:10px;right:10px;bottom:10px;left:10px}.account-art-orbit:after{top:-14px;right:-14px;bottom:-14px;left:-14px}.account-dialog-body{padding:42px 38px 30px}.account-kicker{font-size:8px;letter-spacing:3px;color:#bda776}.account-dialog h2{font-size:30px;font-family:"Noto Serif SC",serif;letter-spacing:4px;font-weight:500;margin:9px 0 20px;color:#f2e5c3}.account-intro{font-size:12px;color:#b7c4ad;margin:0 0 26px}.account-tabs{display:flex;gap:25px;border-bottom:1px solid #c0bd7540;margin:0 0 24px}.account-tabs button{min-height:37px;position:relative;color:#adc2af;border:0;background:none;font-size:13px;letter-spacing:2px;padding:0 4px;cursor:pointer}.account-tabs button.active{color:#f1ddac}.account-tabs button.active:after{content:"";position:absolute;height:2px;background:#d8bc78;left:0;right:0;bottom:-1px}.account-form{display:flex;flex-direction:column;gap:17px}.account-form label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#dce0c4}.account-form label>span{display:flex;align-items:center;justify-content:space-between;gap:5px}.account-form label small{font-size:9px;color:#a5b7a4;letter-spacing:0}.account-input{display:flex;align-items:center;gap:10px;border:1px solid #aabd9170;border-radius:2px;min-height:45px;padding:0 12px;background:#0b231e80;transition:border-color .2s,box-shadow .2s}.account-input:focus-within{border-color:#d3bd82;box-shadow:0 0 0 2px #ceb17715}.account-input>svg{color:#b5b588;flex-shrink:0}.account-input input{min-width:0;width:100%;height:43px;border:0;outline:0;background:none;color:#eee2c0;font-size:14px;letter-spacing:.5px}.account-input input::placeholder{color:#8fa895;font-size:12px}.account-input button{display:grid;place-items:center;min-width:26px;height:34px;background:none;border:0;color:#b1c0a8;cursor:pointer}.account-input input:disabled{opacity:.6}.account-input input:-webkit-autofill{-webkit-text-fill-color:#eee2c0;box-shadow:0 0 0 1000px #18382e inset}.account-feedback{min-height:17px;margin-top:-5px}.account-feedback p{margin:0;font-size:11px;color:#f4b3a2;line-height:1.5}.account-primary,.player-play{display:flex;align-items:center;justify-content:center;gap:16px;border:1px solid #d8c28e;background:linear-gradient(130deg,#d5c088,#a6aa76);color:#20392d;min-height:46px;padding:10px 15px;font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;box-shadow:0 6px 20px #091e1770;transition:filter .2s,transform .2s}.account-primary:hover,.player-play:hover{filter:brightness(1.1);transform:translateY(-1px)}.account-primary:disabled{opacity:.65;cursor:wait;transform:none}.account-remember{display:flex;justify-content:center;align-items:center;gap:6px;margin:18px 0 0;color:#a6bfa7;font-size:10px;letter-spacing:.5px}.account-quiet{display:block;margin:18px auto 0;border:0;background:none;color:#b6bea5;cursor:pointer;font-size:11px;min-height:30px}.account-spinner{display:inline-block;width:14px;height:14px;border:2px solid #314b3355;border-top-color:#314b33;border-radius:50%;animation:account-spin .8s linear infinite}.app.player-view{height:100svh;min-height:0;overflow:hidden}.player-page{height:100%;width:min(1180px,100%);margin:auto;display:flex;flex-direction:column;padding:0 5% 30px;position:relative;z-index:2;overflow:auto;scrollbar-width:thin;color:#ebe1c1}.player-page-header{display:flex;align-items:center;justify-content:space-between;height:84px;flex-shrink:0;border-bottom:1px solid #b5ad6a44}.player-page-header>span{font-size:11px;letter-spacing:3px;color:#bebc94}.player-back{display:flex;align-items:center;gap:10px;min-height:44px;background:none;border:0;color:#ded6b7;font-size:12px;cursor:pointer}.player-page-content{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(320px,1.15fr);gap:34px;margin:auto 0;padding:35px 0;width:100%;max-height:100%;align-items:center}.player-profile{position:relative;display:flex;flex-direction:column;align-items:center;padding:44px 30px 32px;border:1px solid #b7ad7255;background:linear-gradient(145deg,#314f3c,#14372f);overflow:hidden;box-shadow:0 14px 38px #0416115c,inset 0 0 0 6px #c3b57409}.player-profile-glow{position:absolute;width:280px;height:280px;border-radius:50%;top:-120px;border:1px solid #c9b57440;background:radial-gradient(#a5b17225,transparent 70%);pointer-events:none}.player-profile>.account-avatar{z-index:1;margin-bottom:26px}.player-profile .account-kicker{position:relative}.player-profile h1{position:relative;font-size:32px;font-family:"Noto Serif SC",serif;font-weight:500;letter-spacing:3px;margin:10px 0 8px;max-width:100%;overflow-wrap:anywhere;text-align:center}.player-account-name{font-size:11px;color:#c4d2b8;margin:0;letter-spacing:1px}.player-joined{display:flex;align-items:center;gap:22px;margin:27px 0;color:#b3c0a4;font-size:10px}.player-joined strong{font-size:11px;letter-spacing:1px;font-weight:400;color:#d4c6a2}.player-play{width:100%;max-width:260px;min-height:48px;font-size:14px}.player-workshop{min-width:0;display:flex;flex-direction:column;gap:18px}.player-section-title{display:flex;justify-content:space-between;align-items:center;padding:0 2px;margin-bottom:4px}.player-section-title>span{font-size:23px;font-family:"Noto Serif SC",serif;letter-spacing:3px}.player-section-title small{font-size:10px;color:#adbc9f;letter-spacing:1px}.player-workshop-card{display:flex;align-items:center;gap:20px;min-height:120px;width:100%;border:1px solid #b0b27c66;background:linear-gradient(120deg,#2c5038,#153b30);box-shadow:0 8px 24px #04161138;padding:24px;color:#e3ddbd;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}.player-workshop-card:hover{border-color:#ddc68c;background:linear-gradient(120deg,#3b6146,#1a4437)}.player-workshop-icon{display:flex;align-items:center;justify-content:center;width:57px;height:57px;flex-shrink:0;border:1px solid #bac28666;background:#3e5635;color:#e0dcac;transform:rotate(-4deg)}.player-workshop-icon.blue{background:#345854;color:#c2dfd9}.player-workshop-card>span:nth-child(2){display:flex;flex-direction:column;gap:9px;min-width:0}.player-workshop-card strong{font-size:18px;font-weight:400;letter-spacing:2px}.player-workshop-card>span>small{font-size:10px;color:#c3d3b8;letter-spacing:.5px}.player-workshop-card>b{font-size:29px;font-weight:400;font-family:Georgia,serif;margin-left:auto}.player-workshop-card>b>small{font-size:10px;margin-left:5px;color:#a3b39a}.player-workshop-card>svg{flex-shrink:0;color:#c4bb86}.player-session{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 3px;border-top:1px solid #b2aa6440;margin-top:8px}.player-session>div{display:flex;align-items:center;gap:7px;font-size:10px;color:#a9b9a1}.player-session-dot{width:5px;height:5px;background:#b3c984;border-radius:50%;box-shadow:0 0 9px #afc97c80}.player-logout{min-height:44px;display:flex;align-items:center;gap:8px;border:1px solid #b8a77d66;padding:0 14px;background:#17392f;color:#e3cfad;font-size:11px;cursor:pointer}.player-logout:hover{border-color:#d4b285;color:#f0d5b1}.player-logout:disabled{opacity:.5;cursor:wait}.player-error{color:#f1b3a4;font-size:11px;margin:0}@keyframes account-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes account-spin{to{transform:rotate(360deg)}}@keyframes account-float{50%{transform:translateY(-7px) rotate(-2deg)}}@media(max-width:900px){.player-page{padding:0 4% 20px}.player-page-content{gap:20px;grid-template-columns:minmax(220px,.9fr) minmax(290px,1.1fr)}.player-workshop-card{gap:14px;padding:20px}.player-workshop-card strong{font-size:15px}}@media(max-width:650px){.player-entry{gap:8px;min-width:125px;padding-right:0;min-height:44px}.player-entry strong{font-size:12px;letter-spacing:.5px;max-width:115px}.player-entry small{font-size:8px;letter-spacing:.5px}.player-entry>.account-avatar{width:33px;height:33px;font-size:17px;border-radius:11px 3px}.player-entry>svg{width:12px}.account-backdrop{padding:16px}.account-dialog{display:block;width:min(400px,100%);max-height:calc(100svh - 32px)}.account-dialog-art{display:none}.account-dialog-body{padding:32px 25px 25px}.account-dialog h2{font-size:27px;margin-bottom:17px}.account-form{gap:14px}.account-tabs{margin-bottom:20px}.player-page-header{height:62px}.player-page-content{display:flex;flex-direction:column;gap:24px;padding:24px 0;margin:0;max-height:none}.player-profile{width:100%;padding:27px 22px 23px}.player-profile>.account-avatar{width:75px;height:75px;font-size:33px;margin-bottom:16px}.player-profile h1{font-size:27px}.player-joined{margin:19px 0}.player-workshop{width:100%;gap:13px}.player-section-title>span{font-size:20px}.player-workshop-card{min-height:94px;padding:16px;gap:14px}.player-workshop-icon{width:44px;height:44px}.player-workshop-card strong{font-size:15px}.player-workshop-card>span>small{font-size:9px}.player-session{margin-top:5px;padding-top:12px}}@media(max-height:530px)and (min-width:651px){.account-dialog{grid-template-columns:200px minmax(0,1fr)}.account-dialog-body{padding:24px 30px 19px}.account-form{gap:11px}.account-dialog h2{font-size:24px;margin:6px 0 13px}.account-tabs{margin-bottom:15px}.account-remember{margin-top:12px}.player-page-header{height:56px}.player-page-content{padding:16px 0;gap:24px}.player-profile{padding:24px 22px 21px}.player-profile>.account-avatar{width:65px;height:65px;font-size:30px;margin-bottom:16px}.player-profile h1{font-size:24px}.player-joined{margin:15px 0}.player-workshop-card{min-height:87px;padding:14px}.player-workshop-icon{height:43px;width:43px}.player-session{padding:12px 0;margin-top:0}.player-workshop{gap:13px}}@media(prefers-reduced-motion:reduce){.account-backdrop,.account-dialog-art>.account-avatar,.account-spinner{animation:none}.player-entry>svg,.account-primary,.player-play,.player-workshop-card{transition:none}}.player-rating{display:flex;align-items:center;gap:18px;min-height:98px;padding:16px 21px;border:1px solid #d5bd7655;background:linear-gradient(115deg,#4d5036,#1e3930);color:#ecd9a4}.player-rating>svg{flex:none;color:#e5c780}.player-rating>div{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:13px}.player-rating span{font-size:13px;letter-spacing:2px}.player-rating strong{font-size:32px;font-family:Georgia,serif;font-variant-numeric:tabular-nums}.player-rating>div>small{grid-column:1 / -1;color:#bec5a2;font-size:10px;margin-top:4px}.player-rating>p{margin-left:auto;display:flex;gap:15px;text-align:center}.player-rating b{font-size:17px;font-weight:500;font-variant-numeric:tabular-nums}.player-rating b>small{display:block;color:#a6b799;font-size:9px;margin-top:5px;font-weight:400}@media(max-height:530px)and (orientation:landscape){.player-rating{min-height:66px;padding:9px 14px;gap:12px}.player-rating strong{font-size:25px}.player-rating>div>small{font-size:9px}.player-rating>p{gap:10px}.player-rating>svg{width:19px}}@media(max-width:650px){.player-rating{padding:13px 17px;gap:12px}.player-rating strong{font-size:28px}.player-rating>p{gap:12px}}.app.online-view{height:100svh;min-height:0;overflow:hidden}.online-page{position:relative;z-index:2;width:min(1340px,100%);height:100svh;margin:0 auto;padding:0 clamp(18px,4vw,65px);color:#e8e1c7;display:flex;flex-direction:column;overflow:hidden}.online-page button,.online-page input{font:inherit}.online-page button{touch-action:manipulation;cursor:pointer}.online-page button:disabled{opacity:.43;cursor:default}.online-header{display:flex;align-items:center;gap:30px;height:83px;border-bottom:1px solid #bcae743f;flex-shrink:0}.online-back{display:flex;align-items:center;gap:9px;min-height:44px;color:#d3d2b6;font-size:12px;white-space:nowrap}.online-back:hover{color:#ffe7ad}.online-tabs{align-self:stretch;display:flex;gap:35px;margin-left:auto;margin-right:auto}.online-tabs button{position:relative;display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px;letter-spacing:2px;color:#a5bba5}.online-tabs button.active{color:#f0d49a}.online-tabs button.active:after{content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0;background:linear-gradient(90deg,transparent,#d9bd7c,transparent)}.online-identity{display:flex;align-items:center;gap:9px;min-width:90px;max-width:160px}.online-identity .account-avatar{width:32px;height:32px;border-radius:10px 3px;font-size:15px}.online-identity>span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-content{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.85fr);gap:35px;align-items:center;flex:1;min-height:0;padding:32px 0}.online-kicker{font-size:9px;letter-spacing:3px;color:#b9ae7e}.online-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.online-section-heading h1,.online-section-heading h2{font-family:"Noto Serif SC",Songti SC,serif;font-weight:500;letter-spacing:4px;margin:10px 0 0;color:#f0e5c4;font-size:27px}.online-section-heading>svg{color:#b7af80}.online-queue-panel,.online-create-panel,.online-current-room,.online-lobby-panel{position:relative;border:1px solid #b1ae725e;background:linear-gradient(145deg,#2b4c3b,#12342d);padding:30px;box-shadow:0 14px 45px #051b1970,inset 0 0 0 5px #ddc48106;overflow:auto;max-height:100%;scrollbar-width:thin;scrollbar-color:#9eb58266 transparent}.online-map-picker{display:flex;flex-direction:column;gap:13px}.online-map-picker>button{position:relative;min-height:100px;width:100%;display:flex;align-items:center;gap:15px;padding:12px 16px;border:1px solid #97aa7754;background:#15372f;color:#cfdbc2;text-align:left;transition:border-color .2s,background .2s}.online-map-picker>button.selected{border-color:#cebc83;background:linear-gradient(120deg,#486245,#234236);box-shadow:inset 3px 0 #dac78c}.online-map-picker>button:hover:not(:disabled){border-color:#e3c58b}.online-map-picker>button>span:nth-child(2){display:flex;flex-direction:column;gap:9px;min-width:0}.online-map-picker strong{font-weight:500;font-size:16px;letter-spacing:2px}.online-map-picker small{font-size:10px;color:#b2c1a3;white-space:nowrap}.online-map-picker>button>svg{margin-left:auto;color:#e4ce91;flex-shrink:0}.online-map-art{position:relative;flex-shrink:0;width:58px;height:58px;display:grid;grid-template-columns:1fr 1fr;gap:2px;transform:perspective(200px) rotateX(22deg) rotate(-7deg);padding:3px;border:1px solid #bac38f;background:#5e7755;box-shadow:0 4px #10291f}.online-map-art>i{background:linear-gradient(120deg,#b1bb8b,#7c916b)}.online-map-art>i:nth-child(2n){background:linear-gradient(120deg,#92a476,#597d5d)}.online-map-art>svg{position:absolute;width:41px;height:47px;left:10px;top:5px;filter:drop-shadow(0 3px 2px #0b241a88)}.online-map-art.beta>svg{width:49px;height:49px;left:4px;top:4px}.online-primary,.online-secondary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 20px;letter-spacing:2px;font-size:14px;width:100%;border:1px solid #c6b277;background:linear-gradient(120deg,#e4d39c,#aeb681);color:#233c2b;transition:filter .2s,transform .2s;box-shadow:0 6px 16px #0a231f70}.online-primary>svg:last-child{margin-left:auto}.online-primary>svg:first-child{margin-right:auto}.online-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.online-secondary{background:#173b32;color:#d7cca8;border-color:#aaaf7659;font-size:11px;letter-spacing:1px;box-shadow:none}.online-secondary:hover:not(:disabled){border-color:#d2bc81;color:#f1dfb7}.online-match-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;letter-spacing:.5px;color:#a9bfa8;min-height:55px;text-align:center}.online-live-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#b9d491;box-shadow:0 0 11px #b5d89488;animation:online-beacon 2s ease-in-out infinite}.online-queue-stage{position:relative;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:100%;overflow:hidden}.online-stage-copy{text-align:center;z-index:1}.online-stage-copy h1{font:500 clamp(29px,3.5vw,42px)/1.4 "Noto Serif SC","Songti SC",serif;letter-spacing:5px;color:#eee0b6;margin:14px 0 10px;text-shadow:0 3px 15px #082724}.online-stage-copy p{color:#b4c4aa;font-size:11px;letter-spacing:1px;margin:0}.online-match-art{height:275px;width:min(100%,430px);position:relative;isolation:isolate;margin:13px 0 10px}.online-match-orbit{width:236px;height:236px;border:1px solid #cfc18666;border-radius:50%;position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);box-shadow:0 0 35px #c0c8860d,inset 0 0 35px #bfce8f0b}.online-match-orbit:before,.online-match-orbit:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid #bac78d24;border-radius:50%}.online-match-orbit:after{top:-12px;right:-12px;bottom:-12px;left:-12px;border-color:#bac78d13}.online-match-orbit.inner{width:206px;height:206px;border-style:dashed;opacity:.32;animation:online-orbit 50s linear infinite}.online-match-floor{position:absolute;left:13%;right:13%;bottom:22px;height:110px;border:5px solid #a0aa7e;background:#5c7c58;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;transform:perspective(400px) rotateX(53deg) rotate(-8deg);box-shadow:0 5px #243f2c,0 7px #b0a46e,0 16px 30px #041d20}.online-match-floor>i{background:linear-gradient(135deg,#b1bf90,#668466)}.online-match-floor>i:nth-child(2n){background:#76976c}.online-match-piece{position:absolute;width:190px;height:220px;top:34px;filter:drop-shadow(0 14px 10px #0a281d95)}.online-match-piece.green{left:7%;transform:rotate(-8deg);animation:online-float 6s ease-in-out infinite}.online-match-piece.blue{right:4%;top:18px;transform:rotate(8deg);animation:online-float 6s 2s ease-in-out infinite reverse}.online-match-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#e9d391;left:50%;top:43%;box-shadow:0 0 25px 10px #d3c18a38}.online-queue-stage.searching .online-match-orbit{border-top-color:#ecd49c;border-right-color:#98cdb2;animation:online-orbit 7s linear infinite}.online-queue-stage.searching .online-match-orbit.inner{animation-duration:11s;animation-direction:reverse}.online-stage-caption{display:flex;align-items:center;justify-content:center;gap:20px;font:12px "Noto Serif SC",serif;letter-spacing:4px;color:#d2c69f}.online-stage-caption>span{color:#8ea996;font-size:9px;letter-spacing:2px}.online-stage-caption>i{width:25px;height:1px;background:linear-gradient(90deg,transparent,#b8b78288)}.online-stage-caption>i:last-child{transform:rotate(180deg)}.online-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;height:38px;flex-shrink:0;border-top:1px solid #b4b27525;font-size:9px;color:#9eb39d;letter-spacing:1px}.online-footer>span:first-child{display:flex;align-items:center;gap:7px}.online-footer i{width:4px;height:4px;background:#bdc98c;border-radius:50%}.online-error{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 13px;border:1px solid #cd937453;background:#382e23;color:#f1c7ab;font-size:11px;flex-shrink:0;margin-top:14px}.online-error button{display:flex;align-items:center;gap:5px;min-height:30px;padding:0 8px;white-space:nowrap}.online-room-code{font-size:13px;letter-spacing:2px;display:flex;align-items:center;gap:4px;white-space:nowrap;color:#d7c58e}.online-room-versus{display:flex;align-items:center;justify-content:space-between;gap:4px;position:relative;padding:7px 0 14px}.online-room-player{width:45%;min-width:0;display:flex;align-items:center;flex-direction:column;position:relative}.online-room-unit{height:128px;width:115px;margin-bottom:-22px;pointer-events:none;filter:drop-shadow(0 10px 8px #041f1a)}.online-room-unit>svg{width:100%;height:100%}.online-room-player>.account-avatar{width:35px;height:35px;font-size:17px;border-radius:11px 4px;z-index:1;background:#2d523c}.online-room-player.blue>.account-avatar{background:#244b52;color:#cfdbcf;border-color:#a3bfb4}.online-room-player>strong{font-weight:400;font-size:15px;letter-spacing:1px;margin-top:13px;text-align:center;max-width:100%;overflow-wrap:anywhere}.online-room-player>span:not(.account-avatar){font-size:10px;color:#aebd9b;display:flex;align-items:center;gap:5px;margin-top:9px;letter-spacing:1px}.online-room-player.blue>span:not(.account-avatar){color:#a0c2bf}.online-room-player>span>i{font-style:normal;font-size:8px;border:1px solid #b6bb8260;padding:1px 4px;line-height:1.5;color:#dcce98}.online-room-player>small{display:flex;align-items:center;gap:4px;font-size:10px;color:#9cb19e;margin-top:15px;min-height:18px}.online-room-player>small.is-ready{color:#d0d797}.online-room-player.empty .online-room-unit{opacity:.3;filter:grayscale(.5)}.online-room-player.empty>strong{color:#9bb49d;font-size:13px}.online-versus-mark{font:16px "Noto Serif SC",serif;letter-spacing:3px;color:#b3ae7e;margin-top:-22px;white-space:nowrap}.online-room-status{padding:15px 0;min-height:55px;border-top:1px solid #b7b27130;display:flex;justify-content:center;align-items:center;gap:8px;text-align:center;font-size:11px;line-height:1.5;color:#b8c6a7}.online-room-actions{display:flex;flex-direction:column;gap:9px}.online-room-actions>.online-secondary{min-height:36px;padding:7px;font-size:10px}.online-lobby-panel{height:100%;display:flex;flex-direction:column;min-height:300px}.online-lobby-panel .online-section-heading{margin-bottom:22px}.online-icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid #b6b77f55;color:#bac497}.online-icon-button:hover:not(:disabled){border-color:#d2bd80;color:#ead297}.online-code-form{display:flex;align-items:center;gap:8px;min-height:46px;border:1px solid #9bad755e;background:#0f2f27;padding-left:12px;flex-shrink:0;color:#c3c18b}.online-code-form input{background:none;border:0;outline:none;width:100%;min-width:0;color:#e8dcb7;height:44px;font-size:12px;letter-spacing:1px}.online-code-form input::placeholder{color:#8fa896;font-size:11px;letter-spacing:1px}.online-code-form:focus-within{border-color:#d0bd84}.online-code-form button{min-height:44px;display:flex;align-items:center;gap:10px;padding:0 16px;border-left:1px solid #9bad753f;color:#dfd0a1;font-size:11px;white-space:nowrap}.online-room-list-header{display:flex;justify-content:space-between;align-items:center;padding:24px 0 13px;font-size:11px;color:#bec7aa;flex-shrink:0}.online-room-list-header small{font-size:9px;color:#99af93}.online-room-list{min-height:0;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#acc28d66 transparent;display:flex;flex-direction:column;gap:10px}.online-room-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 12px;border:1px solid #b5b98235;background:#173c30}.online-room-host{display:flex;align-items:center;gap:13px;min-width:0}.online-room-host>.account-avatar{width:35px;height:35px;font-size:17px;border-radius:11px 4px;flex-shrink:0}.online-room-host>div{min-width:0;display:flex;flex-direction:column;gap:8px}.online-room-host strong{font-weight:400;font-size:13px;display:flex;gap:10px;align-items:center;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}.online-room-host strong>small{font:10px Georgia,serif;color:#b4b980;letter-spacing:1px}.online-room-host span{display:flex;align-items:center;gap:8px;color:#a0b69a;font-size:9px;white-space:nowrap}.online-room-host span>i{width:2px;height:2px;background:#93a78d}.online-room-row>button{display:flex;align-items:center;gap:5px;min-height:38px;padding:0 10px;flex-shrink:0;border:1px solid #b9af7a69;font-size:10px;color:#e1d0a5;background:#2a4935}.online-room-row>button:hover:not(:disabled){border-color:#dcc58c;background:#3b573c}.online-empty{flex:1;min-height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#9cb294}.online-empty>svg{color:#b9b67e;opacity:.7;margin-bottom:4px}.online-empty strong{font-size:13px;font-weight:400;letter-spacing:1px}.online-empty span{font-size:10px;color:#8da990;letter-spacing:1px}.online-create-note{color:#a9b69d;font-size:10px;text-align:center;margin:19px 0 20px;line-height:1.6}.online-create-emblem{height:120px;display:flex;align-items:center;justify-content:center;margin:23px 0 -9px;opacity:.65;filter:drop-shadow(0 9px 8px #041c19)}.online-create-emblem>svg{width:110px;height:120px}.online-spinning{animation:online-spin 1.3s linear infinite}.online-cancel{min-height:48px}@keyframes online-spin{to{transform:rotate(360deg)}}@keyframes online-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes online-float{50%{translate:0 -7px}}@keyframes online-beacon{50%{box-shadow:0 0 16px #c1dfb3;opacity:.6}}@media(max-width:1000px){.online-content{gap:20px;grid-template-columns:minmax(0,1fr) minmax(290px,.9fr);padding:25px 0}.online-queue-panel,.online-current-room,.online-lobby-panel,.online-create-panel{padding:23px}.online-match-piece{width:155px;height:193px}.online-match-piece.green{left:2%;top:55px}.online-match-piece.blue{right:0;top:37px}.online-stage-copy h1{font-size:29px;letter-spacing:3px}.online-header{height:68px;gap:15px}.online-tabs{gap:20px}.online-tabs button{font-size:12px;letter-spacing:1px}.online-map-picker>button{padding:11px;gap:12px}.online-map-picker strong{font-size:14px}.online-map-picker small{font-size:9px}.online-section-heading h1,.online-section-heading h2{font-size:24px}.online-room-host strong>small{display:none}}@media(max-width:650px)and (orientation:portrait){.online-page{padding:0 17px}.online-header{height:61px;gap:9px;flex-wrap:wrap}.online-back{font-size:10px;gap:5px}.online-back>svg{width:15px}.online-tabs{gap:14px}.online-tabs button{font-size:11px;gap:5px;letter-spacing:0}.online-tabs button>svg{width:14px}.online-identity{display:none}.online-content{display:flex;flex-direction:column;gap:17px;padding:20px 0;overflow:auto;align-items:stretch;scrollbar-width:thin;scrollbar-color:#a7b68b66 transparent}.online-queue-stage{min-height:245px;flex:1;overflow:hidden}.online-stage-copy h1{font-size:27px;letter-spacing:3px;margin:8px 0 7px}.online-stage-copy p{font-size:9px}.online-stage-copy .online-kicker{font-size:8px;letter-spacing:2px}.online-match-art{height:160px;width:285px;margin:4px 0 -4px}.online-match-orbit{width:145px;height:145px}.online-match-orbit.inner{width:125px;height:125px}.online-match-piece{width:125px;height:145px}.online-match-piece.green{left:9%;top:14px}.online-match-piece.blue{right:6%;top:3px}.online-match-floor{height:64px;bottom:5px;border-width:4px}.online-stage-caption{font-size:10px;gap:15px}.online-queue-panel,.online-current-room,.online-create-panel,.online-lobby-panel{padding:20px;flex-shrink:0;max-height:none;overflow:visible}.online-section-heading{margin-bottom:16px}.online-section-heading h1,.online-section-heading h2{font-size:23px;margin-top:7px}.online-map-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px}.online-map-picker>button{min-height:83px;padding:10px;gap:9px}.online-map-art{width:37px;height:37px;border-width:1px;padding:2px;gap:1px}.online-map-art>svg{width:27px;height:32px;left:5px;top:0}.online-map-art.beta>svg{width:32px;height:32px;left:1px;top:1px}.online-map-picker strong{font-size:12px;letter-spacing:.5px}.online-map-picker small{font-size:7px;letter-spacing:0}.online-map-picker>button>span:nth-child(2){gap:6px}.online-map-picker>button>svg{position:absolute;top:5px;right:5px;width:10px;height:10px}.online-match-status{min-height:44px;font-size:9px}.online-primary{min-height:47px;font-size:13px}.online-footer{height:32px;font-size:7px;letter-spacing:.4px}.online-lobby-panel{display:flex;flex:1;min-height:270px;height:auto;max-height:390px;overflow:hidden}.online-room-list-header{padding-top:19px}.online-room-row{padding:11px 9px}.online-room-host strong>small{display:inline;font-size:9px}.online-create-panel .online-create-emblem{display:none}.online-create-note{margin:16px 0}.online-room-unit{height:103px;width:97px}.online-room-player>strong{font-size:13px}.online-room-player>small{margin-top:11px}.online-room-status{min-height:45px;font-size:10px}.online-room-versus{padding-bottom:13px}.online-error{margin-top:10px;font-size:10px}}@media(orientation:landscape)and (max-height:530px){.online-page{padding:0 3%}.online-header{height:52px}.online-content{gap:18px;padding:15px 0;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr)}.online-queue-stage{min-height:220px}.online-stage-copy h1{font-size:24px;margin:8px 0 6px}.online-stage-copy .online-kicker{font-size:7px}.online-stage-copy p{font-size:9px}.online-match-art{height:160px;width:280px;margin:1px 0 -3px}.online-match-piece{width:125px;height:145px}.online-match-piece.green{left:9%;top:10px}.online-match-piece.blue{right:5%;top:1px}.online-match-orbit{width:145px;height:145px}.online-match-orbit.inner{width:125px;height:125px}.online-match-floor{height:62px;bottom:2px}.online-stage-caption{font-size:9px;gap:12px}.online-queue-panel,.online-current-room,.online-create-panel,.online-lobby-panel{padding:17px}.online-section-heading{margin-bottom:13px}.online-section-heading h1,.online-section-heading h2{font-size:21px;margin-top:5px}.online-kicker{font-size:7px}.online-map-picker{gap:8px}.online-map-picker>button{min-height:70px;padding:9px 11px}.online-map-art{height:44px;width:44px}.online-map-art>svg{height:37px;width:33px;left:5px;top:1px}.online-map-art.beta>svg{width:38px;height:38px;left:2px;top:2px}.online-map-picker strong{font-size:12px}.online-map-picker small{font-size:8px}.online-match-status{min-height:38px;font-size:9px}.online-primary,.online-cancel{min-height:42px;padding:9px 15px;font-size:12px}.online-footer{height:26px;font-size:7px}.online-create-emblem{display:none}.online-create-note{margin:13px 0}.online-lobby-panel{min-height:210px}.online-room-list-header{padding-top:16px;font-size:10px}.online-code-form{min-height:38px}.online-code-form input{height:37px}.online-code-form button{min-height:37px}.online-room-unit{height:86px;width:75px;margin-bottom:-17px}.online-room-player>.account-avatar{height:29px;width:29px;font-size:14px}.online-room-player>strong{margin-top:8px;font-size:12px}.online-room-player>span:not(.account-avatar){margin-top:5px;font-size:8px}.online-room-player>small{margin-top:8px;font-size:8px}.online-room-status{padding:10px 0;min-height:38px;font-size:9px}.online-room-versus{padding-top:0;padding-bottom:10px}.online-room-code{font-size:11px}.online-error{margin-top:6px;padding:4px 10px;font-size:9px}}@media(prefers-reduced-motion:reduce){.online-spinning,.online-live-dot,.online-match-orbit,.online-match-piece,.online-queue-stage.searching .online-match-orbit{animation:none}.online-primary,.online-map-picker>button{transition:none}}@media(max-width:380px)and (orientation:portrait){.online-header{gap:5px}.online-back>span{font-size:9px}.online-tabs{gap:10px}.online-tabs button{font-size:10px}.online-map-picker{grid-template-columns:1fr}.online-map-picker>button{min-height:59px}.online-map-picker small{font-size:9px}.online-queue-stage{min-height:220px}.online-stage-copy h1{font-size:24px}.online-match-art{height:138px}.online-match-piece{width:112px;height:129px}.online-match-piece.green{top:8px}.online-match-piece.blue{top:0}.online-room-host strong>small{display:none}}.online-rating{display:flex;align-items:center;gap:5px;color:#f0d38e;font:600 15px Georgia,serif;margin-left:5px;white-space:nowrap}.online-identity{max-width:235px}.online-rules-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;flex-shrink:0}.online-rules-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid #90a98455;color:#c6d1b1;background:#12372e;font-size:12px}.online-rules-tabs button.selected{background:#d7c68f;color:#203d2c;border-color:#ebd8a1}.online-list-tabs{display:flex;gap:15px;align-items:center;flex-shrink:0;margin:14px 0 11px}.online-list-tabs button{display:flex;align-items:center;gap:5px;min-height:36px;font-size:11px;color:#a7bba0;border-bottom:2px solid transparent}.online-list-tabs button.selected{color:#edcf91;border-bottom-color:#d3b773}.online-list-tabs small{font:11px Georgia,serif;min-width:17px;text-align:center;padding:2px 4px;border-radius:4px;background:#08291f55;color:#c7d2b1}.online-room-host span>b{font-size:8px;font-weight:400;padding:1px 4px;border:1px solid #adbd7e55;color:#d3c993}.online-lobby-panel .online-section-heading{margin-bottom:15px}.online-custom-options{display:flex;flex-direction:column;gap:10px;min-width:0}.online-field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#b7c5a5}.online-field select{font:inherit;min-height:42px;width:100%;background:#12352c;color:#e5d7aa;border:1px solid #9db27d77;padding:8px 10px;outline:none}.online-field select:focus{border-color:#f0d299}.online-unit-choice-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;margin-top:3px}.online-unit-choice-heading strong{font-weight:400;color:#e2d2a4}.online-unit-choice-heading span{color:#c9d397}.online-unit-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:176px;overflow:auto;scrollbar-width:thin;scrollbar-color:#b1c28966 transparent}.online-unit-choices>button{position:relative;display:flex;align-items:center;gap:4px;min-height:68px;min-width:0;text-align:left;background:#14382d;border:1px solid #8aab6d50;padding:6px;color:#d5dcc1}.online-unit-choices>button.selected{background:#476448;border-color:#e2ca8c;box-shadow:inset 2px 0 #e6cc87}.online-unit-choices>button>svg:first-child{width:46px;height:50px;flex-shrink:0}.online-unit-choices>button>span{display:flex;flex-direction:column;gap:7px;min-width:0}.online-unit-choices strong{font-size:11px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.online-unit-choices small{font-size:9px;color:#afc4a0}.online-unit-choices>button>svg:last-child:not(:first-child){position:absolute;right:3px;top:4px;color:#ead495}.online-custom-hint{font-size:9px;text-align:center;color:#b7c4a6}.online-custom-empty{grid-column:1/-1;color:#afc1a2;font-size:11px;padding:12px 0;text-align:center;margin:0}.online-config-modal{width:min(440px,94vw);max-height:90svh;overflow:auto;text-align:left;padding:24px;scrollbar-width:thin}.online-config-modal>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.online-config-modal>header h2{margin:0;font-size:22px}.online-config-modal>header button{min-width:40px;min-height:40px;display:grid;place-items:center;color:#e8d5a4}.online-config-modal>.online-primary{margin-top:18px}.online-shared-designs{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-bottom:8px}.online-shared-designs>span{display:flex;flex-direction:column;align-items:center;width:65px;min-width:0}.online-shared-designs svg{width:43px;height:48px}.online-shared-designs small{font-size:9px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c6cca6}.online-pool-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:260px;overflow:auto;scrollbar-width:thin}.online-pool-picker>button{position:relative;min-width:0;display:grid;grid-template-columns:42px 1fr;gap:2px 6px;align-items:center;min-height:63px;background:#14382c;color:#d9dfba;border:1px solid #9db07855;padding:7px;text-align:left}.online-pool-picker>button[aria-pressed=true]{border-color:#e2cc8c;background:#385a3e}.online-pool-picker>button>svg{width:42px;height:46px;grid-row:1/3}.online-pool-picker strong{font-size:11px;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.online-pool-picker small{font-size:9px;color:#b6cba8}.online-result-rating{display:flex;justify-content:center;align-items:center;gap:9px;margin:18px 0 23px;color:#dcd2a0}.online-result-rating strong{font:600 29px Georgia,serif}.online-result-rating span{font:600 19px Georgia,serif}.online-result-rating.positive span{color:#b8dfaa}.online-result-rating.negative span{color:#eda797}.online-unranked-result{display:block;margin:-3px 0 18px;color:#aebda1;font-size:11px}@media(max-width:650px)and (orientation:portrait){.online-content.lobby-view{gap:12px;padding:13px 0}.online-lobby-panel{min-height:255px;max-height:340px}.online-rules-tabs{margin-bottom:9px}.online-rules-tabs button{min-height:38px;font-size:11px}.online-list-tabs{margin:8px 0}.online-unit-choices{max-height:145px}.online-custom-options{gap:8px}.online-create-panel{padding:16px}.online-create-panel .online-section-heading{margin-bottom:12px}.online-create-note{margin:11px 0}.online-identity:has(.online-rating){display:flex;min-width:0;max-width:68px}.online-identity:has(.online-rating)>.account-avatar,.online-identity:has(.online-rating)>span{display:none}.online-rating{font-size:13px;margin-left:0}.online-header{flex-wrap:nowrap}.online-tabs{gap:10px}.online-back span{font-size:9px}.online-footer{font-size:7px}.online-config-modal{padding:18px}.online-field select{min-height:40px}}@media(orientation:landscape)and (max-height:530px){.online-content.lobby-view{gap:12px;padding:10px 0;align-items:stretch}.online-lobby-panel{min-height:0}.online-lobby-panel .online-section-heading{margin-bottom:9px}.online-rules-tabs{margin-bottom:8px;gap:5px}.online-rules-tabs button{min-height:32px;font-size:10px}.online-code-form{min-height:38px}.online-code-form input,.online-code-form button{height:36px;min-height:36px}.online-list-tabs{margin:4px 0 7px}.online-list-tabs button{min-height:28px;font-size:10px}.online-unit-choices{max-height:94px}.online-unit-choices>button{min-height:52px;padding:3px}.online-unit-choices>button>svg:first-child{width:36px;height:40px}.online-unit-choices>button>span{gap:4px}.online-unit-choices strong{font-size:10px}.online-field select{min-height:36px;padding:6px 8px}.online-custom-options{gap:6px}.online-unit-choice-heading{font-size:10px}.online-create-note{margin:9px 0}.online-create-panel .online-primary{min-height:41px;padding:9px}.online-room-player>strong{margin-top:8px}.online-shared-designs svg{width:31px;height:34px}.online-shared-designs>span{width:52px}.online-current-room .online-room-actions{gap:5px}}@media(orientation:landscape)and (max-height:530px){.online-create-panel .online-unit-choices{max-height:66px}.online-create-panel .online-create-note{display:none}.online-create-panel>.online-primary,.online-create-panel>.online-secondary{margin-top:10px}.online-create-panel .online-section-heading{margin-bottom:9px}}@media(orientation:landscape)and (max-height:530px){.online-current-room{padding:14px}.online-current-room .online-section-heading{margin-bottom:8px}.online-current-room .online-section-heading>div{min-width:0}.online-current-room .online-section-heading h2{font-size:18px;line-height:1.2;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-current-room .online-room-versus{gap:6px;padding-bottom:8px}.online-current-room .online-room-player{display:grid;grid-template-columns:32px minmax(0,1fr);gap:3px 6px;width:46%;text-align:left;align-items:center}.online-current-room .online-room-unit{display:none}.online-current-room .online-room-player>.account-avatar{grid-row:1/4;width:30px;height:30px;margin:0}.online-current-room .online-room-player>strong{font-size:11px;margin:0;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.online-current-room .online-room-player>span:not(.account-avatar){margin:0;font-size:8px}.online-current-room .online-room-player>small{margin:0;min-height:12px;font-size:8px}.online-current-room .online-versus-mark{font-size:11px;letter-spacing:1px;margin:0}.online-current-room .online-shared-designs{gap:6px;margin:2px 0 5px}.online-current-room .online-shared-designs svg{width:28px;height:31px}.online-current-room .online-shared-designs small{font-size:8px}.online-current-room .online-room-status{min-height:28px;padding:6px 0}.online-current-room .online-room-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.online-current-room .online-room-actions>.online-primary{grid-column:1/-1;min-height:40px}.online-current-room .online-room-actions>.online-secondary{min-height:32px}.online-current-room .online-room-actions>.online-secondary:only-child{grid-column:1/-1}}.online-current-room{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.online-current-room>.online-section-heading{flex-shrink:0}.online-room-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.online-current-room>.online-room-actions{flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:12px;border-top:1px solid #b7b27140;background:#1d3e31}.online-current-room>.online-room-actions>.online-primary{grid-column:1/-1;min-height:44px}.online-current-room>.online-room-actions>.online-secondary{min-height:40px}@media(max-width:650px)and (orientation:portrait){.online-content.has-own-room{overflow:hidden}.online-content.has-own-room>.online-lobby-panel,.online-content.has-own-room>.online-queue-stage{display:none}.online-content.has-own-room>.online-current-room{flex:1;flex-shrink:1;max-height:100%;overflow:hidden}.online-content.has-own-room .online-room-unit{height:100px;width:85px}}@media(max-height:530px)and (orientation:landscape){.online-current-room>.online-room-actions{padding-top:7px;gap:6px}.online-current-room>.online-room-actions>.online-secondary{min-height:34px}}.online-room-invite{position:relative}.online-room-invite>svg:first-child{position:absolute;left:16px;margin:0}.online-room-row{flex:0 0 auto}.online-lobby-panel>.online-section-heading{flex-shrink:0}@media(max-width:650px)and (orientation:portrait){.online-content.lobby-view>.online-lobby-panel{flex:0 0 auto;height:auto;min-height:0;max-height:none;overflow:visible;padding:16px}.online-content.lobby-view .online-room-list{flex:0 0 auto;min-height:96px;max-height:clamp(120px,24svh,240px);overscroll-behavior:contain}.online-content.lobby-view .online-room-list>.online-empty{min-height:96px}}@media(orientation:landscape)and (max-height:530px){.online-content.lobby-view{overflow:auto}.online-content.lobby-view>.online-lobby-panel{min-height:240px}.online-content.lobby-view .online-room-list{min-height:54px;overscroll-behavior:contain}}.leaderboard-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;display:grid;place-items:center;padding:16px;background:#071512dc}.leaderboard-panel{display:flex;flex-direction:column;width:min(640px,100%);max-height:calc(100dvh - 32px);border:1px solid #bba76d88;background:linear-gradient(135deg,#28483d,#132d28);box-shadow:0 24px 80px #0008;color:#ede3c5;overflow:hidden}.leaderboard-panel>header{display:flex;align-items:center;gap:8px;padding:18px 22px;border-bottom:1px solid #bba76d44;flex-shrink:0}.leaderboard-panel>header>div{display:flex;align-items:center;gap:12px;margin-right:auto;color:#ebce88}.leaderboard-panel h2{font-size:23px;letter-spacing:2px;font-weight:500;font-family:"Noto Serif SC",serif}.leaderboard-panel>header>button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #bba76d44;background:#18362e}.leaderboard-note{padding:12px 22px;color:#b8c7ae;font-size:11px;flex-shrink:0}.leaderboard-columns{display:grid;grid-template-columns:1fr 76px 84px;padding:8px 22px;color:#b7c6ad;font-size:11px;background:#10271d66;flex-shrink:0}.leaderboard-columns>span:not(:first-child){text-align:right}.leaderboard-scroll{overflow:auto;overscroll-behavior:contain;min-height:80px;max-height:440px;scrollbar-width:thin}.leaderboard-row{display:flex;align-items:center;gap:12px;min-height:68px;margin:0 18px;padding:10px 4px;border-bottom:1px solid #a5b39124}.leaderboard-row.self{background:#d7bc7520;box-shadow:inset 3px 0 #e1c883;padding-left:7px}.leaderboard-rank{width:28px;flex-shrink:0;font-size:17px;text-align:center;color:#b2c3b1;font-variant-numeric:tabular-nums}.leaderboard-rank.medal{color:#f2d58d;font-size:23px;font-family:Georgia,serif}.leaderboard-row .account-avatar{width:38px;height:38px;flex-shrink:0;font-size:20px}.leaderboard-name{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.leaderboard-name>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500}.leaderboard-name small{font-size:10px;margin-left:8px;color:#f1dca2}.leaderboard-name>span{font-size:10px;color:#a4baaa}.leaderboard-rate{width:64px;text-align:right;font-size:12px;color:#d3ddc0;font-variant-numeric:tabular-nums}.leaderboard-score{width:72px;text-align:right;font-size:22px;color:#ecd396;font-family:Georgia,serif;font-variant-numeric:tabular-nums}.leaderboard-empty{padding:40px 18px;text-align:center;font-size:13px;color:#c0cfb7}.leaderboard-panel>footer{display:flex;justify-content:space-between;gap:12px;flex-shrink:0;padding:18px 22px;background:#d7bc7517;border-top:1px solid #bba76d66;font-size:11px;color:#b9c7ae}.leaderboard-panel>footer strong{color:#f0db9f;font-size:16px;margin-left:7px;font-variant-numeric:tabular-nums}.player-win-rate{border-left:1px solid #d5bd7644;padding-left:15px;white-space:nowrap}.friend-card .friend-score{display:flex;align-items:center;gap:4px;font-size:11px;color:#efd597;margin-top:5px;font-variant-numeric:tabular-nums}@media(max-width:650px){.leaderboard-panel>header{padding:10px 12px}.leaderboard-panel h2{font-size:19px}.leaderboard-note{padding:10px 12px}.leaderboard-columns{padding:8px 12px;grid-template-columns:1fr 64px 70px}.leaderboard-row{margin:0 10px;gap:8px}.leaderboard-score{width:60px;font-size:20px}.leaderboard-rate{width:56px;font-size:11px}.leaderboard-name>strong{font-size:12px}.leaderboard-rank{width:22px;font-size:14px}.leaderboard-row .account-avatar{width:30px;height:30px;font-size:16px}.leaderboard-panel>footer{padding:14px 12px;gap:7px;font-size:10px}.leaderboard-panel>footer strong{font-size:13px;margin-left:4px}.player-rating{flex-wrap:wrap}.player-rating>p{gap:12px}.player-win-rate{padding-left:10px}}@media(max-height:500px){.leaderboard-panel>header{padding:6px 12px}.leaderboard-note{padding:6px 12px}.leaderboard-panel>footer{padding:10px 12px}.leaderboard-row{min-height:56px}}.app.friends-view,.app.online-view,.app.match-view,.app.onlinePrepare-view,.app.onlineBattle-view{height:100svh;min-height:0;overflow:hidden}.social-header{display:flex;align-items:center;justify-content:space-between;height:76px;flex-shrink:0;gap:18px;border-bottom:1px solid #b0a87640}.social-header>span:not(.social-self){font-size:12px;color:#c4c19b;letter-spacing:3px}.social-back{display:flex;align-items:center;gap:9px;min-height:44px;color:#dfd5b7;background:none;border:0;cursor:pointer;font-size:12px}.social-self{font-size:11px;color:#c8d2b2;max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;gap:8px;align-items:center}.social-self i{width:5px;height:5px;background:#bfd499;border-radius:50%}.friends-page{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;width:min(1200px,100%);margin:auto;padding:0 4% 24px;color:#e5dfc4}.friends-content{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.8fr);gap:25px;min-height:0;flex:1;padding-top:26px}.friend-directory,.friend-invites{display:flex;flex-direction:column;min-height:0;border:1px solid #a6a87465;background:linear-gradient(135deg,#264637,#112d27);box-shadow:inset 0 0 0 5px #c4b6790a;padding:25px}.friend-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:10px}.friend-heading h1{font-size:29px;font-family:"Noto Serif SC",serif;letter-spacing:4px;font-weight:500;margin:7px 0 0;color:#f0dfb7}.friend-heading>span{font-size:10px;letter-spacing:1px;color:#bfd0a9;white-space:nowrap}.friend-add{display:flex;align-items:center;gap:10px;background:#0b241d;border:1px solid #9cae7666;padding-left:12px;flex-shrink:0}.friend-add>svg{color:#b2bb86}.friend-add input{border:0;background:none;outline:0;color:#efdfbd;min-width:0;flex:1;height:45px;font-size:12px}.friend-add input::placeholder{color:#8fab92}.friend-add>button{min-height:45px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;background:#b4b886;color:#23412c;font-size:11px;border:0;cursor:pointer}.friend-add>button:disabled{opacity:.4;cursor:default}.friend-tabs{display:flex;align-items:center;gap:24px;margin:21px 0 16px;border-bottom:1px solid #abb57e3b;flex-shrink:0}.friend-tabs button{display:flex;align-items:center;gap:8px;position:relative;border:0;background:none;color:#a5bba5;font-size:12px;min-height:37px;cursor:pointer}.friend-tabs button.active{color:#f0d7a3}.friend-tabs button.active:after{content:"";height:2px;left:0;right:0;bottom:-1px;background:#ccb076;position:absolute}.friend-tabs button>span{color:#b6c997;font-size:10px}.friend-tabs b{font-size:9px;background:#b5904e;color:#fff2cb;min-width:17px;height:17px;display:grid;place-items:center;border-radius:20px}.friend-scroll,.friend-invite-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#aebd7655 transparent}.friend-card{display:flex;align-items:center;gap:13px;min-height:85px;padding:15px 2px;border-bottom:1px solid #9eae782b}.friend-card>div:not(.social-response){display:flex;flex-direction:column;gap:8px;min-width:0}.friend-card strong{font-size:14px;font-weight:500;color:#e9ddba;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-card small{font-size:10px;color:#95ac99;display:flex;align-items:center;gap:5px}.friend-card small i{width:5px;height:5px;background:#7b8c82;border-radius:50%}.friend-card small.online{color:#c3d598}.friend-card small.online i{background:#b6d383}.friend-card>button{display:flex;align-items:center;gap:6px;min-height:36px;padding:0 11px;background:#4e6d4f;border:1px solid #aeb87580;color:#e8d7a7;margin-left:auto;font-size:10px;white-space:nowrap;cursor:pointer}.friend-card>button:disabled{opacity:.45;cursor:default}.social-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:180px;height:100%;gap:12px;text-align:center;color:#93ae97}.social-empty>svg{color:#a5b38a;margin-bottom:5px}.social-empty strong{font-size:14px;letter-spacing:2px;color:#c4c9aa;font-weight:400}.social-empty span{font-size:10px;letter-spacing:1px}.social-response{display:flex;align-items:center;gap:8px;margin-left:auto}.social-response button{display:flex;align-items:center;gap:5px;min-height:36px;min-width:32px;padding:0 9px;background:#344f37;border:1px solid #a4af7477;color:#e5d0a3;font-size:10px;cursor:pointer}.social-response button:last-child{color:#bdc3a4;background:none}.social-response button:disabled{opacity:.5}.social-pending{font-size:10px;color:#aebd9a;white-space:nowrap;margin-left:auto}.social-feedback{height:25px;flex-shrink:0;margin:14px 0 0;color:#b9d298;font-size:11px;line-height:1.6}.social-feedback.error{color:#f1b5a4}.friend-invites{padding:24px 20px}.friend-invites-heading{display:flex;align-items:center;gap:10px;margin-bottom:22px;flex-shrink:0;color:#d4c48e}.friend-invites-heading h2{font-size:18px;letter-spacing:2px;font-weight:400;font-family:"Noto Serif SC",serif}.social-invite-card{position:relative;border:1px solid #bbad7670;background:#1d392b;display:flex;align-items:center;flex-wrap:wrap;padding:17px 14px;gap:12px;margin-bottom:14px}.social-invite-card>div:not(.social-invite-actions){display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.social-invite-card strong{font-size:13px;color:#e3d5b0}.social-invite-card span{font-size:10px;color:#b9caaa}.social-invite-card small{font-size:9px;color:#9cb593;letter-spacing:1px}.social-invite-actions{display:flex;gap:9px;width:100%;padding-top:3px}.social-invite-actions button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #b5b37b66;color:#ded0a8;background:#496443;font-size:10px;min-height:36px;padding:0 10px;cursor:pointer}.social-invite-actions button:first-child{flex:1;background:#b4b884;color:#293f2c}.social-invite-actions button:disabled{opacity:.5}.social-invite-note{font-size:9px;letter-spacing:.5px;color:#91aa8e;padding-top:15px;border-top:1px solid #a7b5762b;margin:10px 0 0;flex-shrink:0}.invitation-notice{position:fixed;z-index:75;right:25px;bottom:28px;width:min(390px,calc(100% - 32px));border:1px solid #d1bd87;background:linear-gradient(135deg,#35523b,#18392c);box-shadow:0 15px 45px #0008;padding:17px;display:flex;align-items:center;gap:11px;animation:account-enter .3s}.invitation-notice>div{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px}.invitation-notice strong{font-size:13px;color:#f0ddb2;overflow:hidden;text-overflow:ellipsis}.invitation-notice span:not(.account-avatar){font-size:10px;color:#b3c8a2}.invitation-notice button{font-size:10px;min-height:35px;padding:0 11px;border:1px solid #b4ac7380;background:#b9bb83;color:#29432c;cursor:pointer}.invitation-notice button:last-child{background:none;color:#d6d0ac}.invitation-notice button:disabled{opacity:.5}.home-social-tools{display:flex;align-items:center;gap:12px}.home-friends-entry{display:flex;align-items:center;gap:6px;color:#ddd3ae;font-size:11px;min-height:40px;border:0;background:none;cursor:pointer;position:relative}.home-friends-entry>small{height:15px;min-width:15px;display:grid;place-items:center;color:#fff0c7;background:#a87842;border-radius:50%;font-size:9px}.home-online-entry:not(:disabled){cursor:pointer}.home-live-portals{display:flex;align-items:center;gap:10px;justify-content:center;width:100%;margin-top:16px}.home-live-portals button{display:flex;align-items:center;gap:8px;border:1px solid #b7b48080;color:#e9d6a6;background:#1b3d30;min-height:37px;padding:0 15px;font-size:11px;cursor:pointer}.home-live-portals button:hover{background:#35513a;border-color:#d4c68d}.home-live-portals button>span{font-size:8px;color:#aebf94}.home-coming-portal.home-online-portal{cursor:pointer;border-color:#aeb48277;background:#1c3d31;min-width:0}.home-online-portal>span{color:#d5d89e}.home-social-tools .home-online-entry{display:flex}.online-prepare-page{display:flex;flex-direction:column;height:100svh;position:relative;z-index:2;padding:0 clamp(12px,4vw,55px) 15px;color:#e8dfbb;max-width:1450px;margin:auto;overflow:auto;scrollbar-width:thin}.online-prepare-header{height:65px;min-height:65px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #b7b58144}.online-prepare-header>button{display:grid;place-items:center;width:35px;height:40px;color:#d5d0aa;background:none;border:0;cursor:pointer}.online-prepare-header>div:not(.reference-buttons){display:flex;align-items:center;gap:16px;flex:1;min-width:0}.online-prepare-header strong{font-family:"Noto Serif SC",serif;font-size:20px;font-weight:400;letter-spacing:3px}.online-prepare-header small{font-size:10px;color:#b4be9c;letter-spacing:1px}.online-prepare-players{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;padding:15px 8px}.online-prepare-players>div{display:flex;align-items:center;gap:10px;min-width:0}.online-prepare-players>div>strong{font-size:14px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-prepare-players small{font-size:9px;color:#b1bea0;white-space:nowrap}.online-prepare-players svg{color:#bfd691;flex-shrink:0}.online-prepare-players .blue svg{color:#a9c7d1}.online-prepare-players span{font-size:9px;color:#b4bea6;border:1px solid #9cac7160;padding:4px 7px;white-space:nowrap}.online-prepare-players span.ready{color:#d3e6a7;background:#55784977}.online-prepare-board{position:relative;flex:1;min-height:210px;width:100%;overflow:hidden;border:1px solid #b2b17d50;background:#16372c70}.online-prepare-board>.board-camera{height:100%}.online-formation-dock{display:flex;flex-direction:column;gap:9px;padding:13px 0 0;flex-shrink:0}.online-formation-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#ced6b0}.online-formation-heading>span{display:flex;align-items:center;gap:8px}.online-formation-heading b{font-weight:400;color:#e7d7a8}.online-formation-heading>div{display:flex;gap:14px}.online-formation-heading button{display:flex;align-items:center;gap:5px;border:0;background:none;color:#a7bf9c;font-size:10px;min-height:28px;cursor:pointer}.online-formation-heading button:disabled{opacity:.4}.online-formation-content{display:flex;gap:20px;align-items:center}.online-unit-roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;flex:1;min-width:0}.online-unit-roster button{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;height:82px;border:1px solid #a3b17766;background:linear-gradient(120deg,#33573f,#193c2c);color:#d8ddbb;cursor:pointer;padding:5px;min-width:0}.online-unit-roster button.selected{border-color:#e2c686;box-shadow:inset 0 0 0 2px #caba7150}.online-unit-roster button>svg{width:45px;height:58px;flex-shrink:0}.online-unit-roster span{font-size:11px;white-space:nowrap}.online-unit-roster small{position:absolute;bottom:6px;right:8px;font-size:8px;color:#afb995}.online-unit-roster button:disabled{opacity:.55;cursor:default}.online-ready-button{display:flex;align-items:center;justify-content:center;gap:10px;min-width:190px;min-height:52px;background:linear-gradient(120deg,#d3bd82,#abb477);border:1px solid #e0c58f;color:#273f2b;padding:12px 17px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.online-ready-button:disabled{opacity:.5;cursor:default}.online-formation-dock>p{font-size:10px;min-height:17px;margin:0;color:#c1c5a0;text-align:center}.match-online-players{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8px;color:#a2b198;margin-top:8px;border-top:1px solid #b5ad7430;padding-top:6px}.match-online-players>span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:120px}.match-online-players .connected{color:#c9d699}.onlineBattle-view .match-turn-card{background:#193b2df2}.online-recovering{position:relative;z-index:2;height:100%;display:grid;place-items:center;color:#dbd5b5;font-size:14px}@media(max-width:900px){.friends-content{gap:16px;grid-template-columns:minmax(0,1.2fr) minmax(235px,.8fr)}.friend-directory,.friend-invites{padding:19px}.friend-card{gap:9px}.friend-card>button{padding:0 8px}.friend-card>button>svg{display:none}.friend-heading h1{font-size:25px}.online-unit-roster button{flex-direction:column;gap:0;height:98px}.online-unit-roster button>svg{width:42px;height:51px}.online-unit-roster small{position:static;font-size:7px;margin-top:3px}.online-formation-content{gap:13px}.online-ready-button{min-width:170px}}@media(max-width:650px){.friends-page{padding:0 4% 14px;overflow:auto}.social-header{height:58px;min-height:58px}.social-header>span:not(.social-self){display:none}.social-self{max-width:140px;font-size:10px}.friends-content{display:flex;flex-direction:column;flex:1;overflow:visible;padding-top:16px;gap:15px}.friend-directory{min-height:340px;max-height:480px;flex:1;padding:18px}.friend-heading{margin-bottom:16px}.friend-heading h1{font-size:25px}.friend-invites{min-height:240px;max-height:310px;padding:17px}.friend-invites-heading{margin-bottom:15px}.friend-card strong{font-size:12px}.friend-card>.account-avatar{width:34px;height:34px;font-size:17px}.friend-tabs{margin:16px 0 10px}.friend-add button span{font-size:10px}.social-response{gap:5px}.social-response button{padding:0 7px;font-size:9px}.friend-card>button{font-size:9px;padding:0 7px}.social-empty{min-height:110px}.invitation-notice{right:16px;bottom:18px;padding:13px;gap:8px}.invitation-notice>.account-avatar{width:32px;height:32px;font-size:17px}.invitation-notice button{padding:0 10px}.home-social-tools{gap:9px}.home-friends-entry{font-size:0;min-width:27px;justify-content:center}.home-friends-entry>small{position:absolute;top:0;right:0}.home-social-tools .home-online-entry{font-size:0;border:0;background:none;padding:0;min-width:27px}.home-social-tools .home-online-entry span{display:none}.home-live-portals{margin-top:9px;gap:7px}.home-live-portals button{font-size:9px;min-height:32px;padding:0 10px;gap:5px}.home-live-portals button>svg{width:13px}.home-live-portals button>span{display:none}.online-prepare-header{height:56px;min-height:56px;gap:6px}.online-prepare-header>div:not(.reference-buttons){gap:8px}.online-prepare-header strong{font-size:16px;letter-spacing:1px}.online-prepare-header small{font-size:8px}.online-prepare-players{gap:9px;padding:12px 0}.online-prepare-players>div{gap:6px;flex-wrap:wrap}.online-prepare-players strong{font-size:12px!important;max-width:95px!important}.online-prepare-players small{font-size:8px}.online-prepare-players>div>span{font-size:8px;padding:3px 5px}.online-prepare-players svg{width:14px}.online-formation-heading{font-size:9px}.online-formation-content{flex-direction:column;gap:10px;align-items:stretch}.online-unit-roster{gap:5px}.online-unit-roster button{height:83px}.online-unit-roster button>svg{height:45px;width:36px}.online-unit-roster span{font-size:9px}.online-ready-button{min-height:44px;width:100%;font-size:13px}.online-formation-dock{gap:8px}.online-formation-dock>p{font-size:9px}}@media(max-height:540px)and (min-width:651px){.friends-content{padding-top:15px;gap:18px}.social-header{height:55px}.friend-directory,.friend-invites{padding:16px}.friend-heading{margin-bottom:12px}.friend-heading h1{font-size:23px}.friend-tabs{margin:10px 0 5px}.friend-card{min-height:72px;padding:10px 0}.friend-invites-heading{margin-bottom:15px}.online-prepare-page{padding-bottom:9px}.online-prepare-header{height:48px;min-height:48px}.online-prepare-players{padding:8px 0}.online-prepare-board{min-height:130px}.online-unit-roster button{height:63px;flex-direction:row}.online-unit-roster button>svg{height:43px;width:34px}.online-unit-roster span{font-size:9px}.online-unit-roster small{display:none}.online-formation-dock{gap:4px;padding-top:5px}.online-ready-button{min-height:45px;font-size:12px}.online-formation-dock>p{font-size:8px}}.home-page{overflow-x:hidden}@media(orientation:landscape)and (max-height:530px){.online-create-panel .online-create-note{display:none}.online-map-picker>button{min-height:58px;padding:7px 10px}.online-map-art{width:35px;height:35px}.online-map-art>svg,.online-map-art.beta>svg{width:29px;height:29px;left:2px;top:1px}.online-queue-panel,.online-create-panel{padding:14px}.online-section-heading{margin-bottom:10px}}@media(orientation:landscape)and (max-height:530px){.online-queue-panel .online-match-status{min-height:30px}.online-lobby-panel .online-empty{min-height:0;height:100%;gap:10px}}.preparation-page{height:100%;min-height:0;width:100%;position:relative;display:grid;grid-template-rows:auto 45px minmax(0,1fr) auto;gap:0;padding:0 2.2% 12px;color:#e6e4cf;isolation:isolate;overflow:hidden}.preparation-page.online-prepare-page{height:100svh;min-height:0;max-width:none;margin:0;padding:0 2.2% 12px;display:grid;overflow:hidden}.prep-header{display:flex;align-items:center;gap:19px;height:62px;min-width:0;border-bottom:1px solid #c9c5a12b}.prep-icon{width:40px;height:40px;display:grid;place-items:center;color:#c7d0b8;border:1px solid transparent;flex-shrink:0}.prep-icon:hover{color:#ead9a8;background:#b9c89518;border-color:#d8cf9833}.prep-back{width:34px}.prep-title{min-width:0;max-width:260px;flex-shrink:0}.prep-title>span{display:block;font-size:8px;letter-spacing:1.5px;color:#bfc6aa;line-height:1.2}.prep-title h1{font-family:"Noto Serif SC",Songti SC,serif;font-size:21px;font-weight:500;color:#eee5c5;letter-spacing:3px;max-width:260px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.35;margin-top:3px}.prep-configuration{display:flex;align-items:center;gap:14px;min-width:0}.prep-config-group{display:flex;gap:3px;padding:3px;border:1px solid #b9c8a32b;background:#173b2c4d}.prep-config-group button{height:31px;min-width:89px;padding:0 11px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#b1c4a4;letter-spacing:.5px;border:1px solid transparent}.prep-config-group button>svg{width:14px;height:14px}.prep-config-group button.selected{background:linear-gradient(110deg,#c9bb7138,#9eb77725);border-color:#dbcb9170;color:#e9ddb7}.prep-config-group button:hover{color:#ead9a8;background:#a3c09622}.prep-header-tools{margin-left:auto;display:flex;align-items:center;gap:4px;flex-shrink:0}.prep-header-tools .reference-button{height:37px;min-width:57px;padding:0 8px;font-size:9px}.prep-header-tools .reference-controls{gap:4px}.prep-config-group .mode-button{width:auto;margin:0;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:center}.prep-formation-bar{display:flex;align-items:center;gap:17px;min-width:0;padding:0 9px;border-bottom:1px solid #c7cba119}.prep-faction{display:flex;align-items:center;gap:6px;color:#c0d2ad;flex-shrink:0}.prep-faction.blue{color:#bbd5e0}.prep-faction strong{font-size:11px;font-weight:500;letter-spacing:1px}.prep-team-switch{display:flex;align-items:center;gap:2px;border:1px solid #b8c6a329;padding:2px}.prep-team-switch button{font-size:9px;padding:6px 9px;white-space:nowrap;color:#b0c4a2;min-height:28px}.prep-team-switch button.on{background:#87aa6433;color:#dde3b8}.prep-team-switch button.on.blue{background:#699cad3b;color:#cce4e7}.prep-army-summary{display:flex;align-items:center;gap:9px;color:#d4d4b2;min-height:38px;flex-shrink:0}.preparation-page .prep-power{display:flex;align-items:center;gap:7px;margin:0;font-size:9px;color:#afc2a0;white-space:nowrap}.preparation-page .prep-power strong{font-family:Georgia,serif;font-size:16px;font-weight:400;color:#e5dba5}.preparation-page .prep-power strong small{font-size:11px;color:#b3c6a5}.prep-army-count{font-size:8px;color:#a4b996;white-space:nowrap;border-left:1px solid #b7c6a227;padding-left:8px}.prep-inspected{display:flex;align-items:center;gap:7px;color:#d2d9b7;min-height:38px;min-width:0;margin-left:auto}.prep-inspected>svg:first-child{width:27px;height:33px;filter:drop-shadow(0 3px 2px #041a2180)}.prep-inspected strong{font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:125px}.prep-inspected small{font-size:8px;color:#a4b799;white-space:nowrap}.prep-inspected>svg:last-child{color:#c5c095}.prep-edit-tools{display:flex;align-items:center;gap:9px;flex-shrink:0}.prep-edit-tools button{display:flex;align-items:center;gap:5px;min-height:36px;font-size:9px;color:#c3cbb0;white-space:nowrap}.prep-edit-tools button:disabled{opacity:.4}.prep-edit-tools .prep-remove{color:#d9b48a}.prep-online-players{display:flex;gap:14px;align-items:center;min-width:0;font-size:9px}.prep-online-players>span{display:flex;align-items:center;gap:6px;min-width:0}.prep-online-players strong{font-size:10px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prep-online-players small{font-size:8px;color:#a6b79b;white-space:nowrap}.prep-online-players .ready{color:#d8dfa4}.preparation-page .prep-board{width:100%;min-height:0;overflow:hidden;position:relative;flex:none;margin:0;background:radial-gradient(ellipse at center,#a6bf7620,transparent 73%)}.preparation-page .prep-board>.board-viewport{height:100%;min-height:0}.prep-guidance{position:absolute;left:12px;bottom:13px;z-index:21;display:flex;align-items:center;gap:7px;padding:8px 10px;max-width:calc(100% - 320px);color:#c5d3b1;font-size:9px;line-height:1.4;pointer-events:none;background:#183a2bad;border:1px solid #b7c39d1b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.prep-guidance>i{width:4px;height:4px;flex-shrink:0;border-radius:50%;background:#b3cf96;box-shadow:0 0 7px #9fbd8090}.prep-guidance>i.blue{background:#9ac6d3}.prep-guidance>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preparation-page .board-camera-tools{bottom:8px;right:8px}.preparation-page .board-camera-minimap{right:8px;bottom:66px}.preparation-page .prep-dock{display:flex;align-items:center;gap:12px;min-height:75px;position:relative;margin:0;padding:9px 6px 0;flex-shrink:0;background:linear-gradient(0deg,#163629c7,#17362a30);border-top:1px solid #c2cda236;overflow:visible}.prep-roster{display:flex;align-items:center;gap:8px;min-width:0;max-width:980px;flex:1;overflow-x:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b2b47944 transparent}.prep-unit-card{height:56px;min-width:105px;flex:1;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:3px 16px 3px 6px;border:1px solid #a7be9138;background:#173d2c7a;touch-action:manipulation}.prep-unit-card>svg:first-child{width:40px;height:49px;filter:drop-shadow(0 4px 3px #08201770)}.prep-unit-card>strong{font-size:11px;letter-spacing:.5px;font-weight:500;white-space:nowrap;color:#d9dfbf}.prep-unit-card>b{position:absolute;top:4px;right:6px;font:11px Georgia,serif;color:#d6c28c}.prep-unit-card.selected{border-color:#deca9191;background:linear-gradient(110deg,#bdc08a30,#759a6040);box-shadow:inset 0 0 0 1px #b9b77626}.prep-unit-card:hover:not(:disabled){background:#82a96b40;border-color:#cbdba67a}.prep-unit-card:disabled{opacity:.5}.prep-unit-check{position:absolute;bottom:4px;right:5px;color:#e0d294}.prep-workshop-toggle{border:1px solid #b6c59a3b;background:#2d503433;height:46px;width:44px}.preparation-page .prep-start{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;min-width:182px;height:56px;min-height:44px;font-size:16px;letter-spacing:2px;flex-shrink:0}.prep-start>span{white-space:nowrap}.prep-start:disabled{opacity:.6;cursor:default}.prep-popover{position:absolute;z-index:30;bottom:91px;right:3px;width:min(370px,calc(100% - 12px));max-height:min(370px,calc(100% - 145px));overflow:auto;border:1px solid #cdd09b75;background:#183b2cf7;box-shadow:0 13px 50px #051c2080;padding:12px 16px;color:#d9deb7;scrollbar-width:thin}.prep-popover-army{left:4px;right:auto;top:112px;bottom:auto}.prep-popover-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.prep-popover-heading strong{font-size:12px;font-weight:500;letter-spacing:1px}.prep-popover-heading .prep-icon{height:28px;width:28px}.prep-army-detail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;max-height:235px;overflow:auto}.prep-army-detail button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:66px;padding:4px;background:#85ac6220;border:1px solid #b6c49420}.prep-army-detail button svg{height:44px;width:37px}.prep-army-detail button span{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.prep-popover>p{font-size:9px;color:#b8c5a2;padding-top:12px}.prep-workshop-field{display:flex;flex-direction:column;gap:6px;padding:9px 0;border-top:1px solid #b0c09128}.prep-workshop-field>label{font-size:10px;color:#c5d0ad}.prep-workshop-field>div{display:flex;align-items:center;gap:7px}.prep-workshop-field select{width:100%;min-width:0;min-height:36px;padding:7px;border:1px solid #bfcba745;background:#244b36;color:#d8deb8;font-size:10px;font-family:inherit}.prep-workshop-field button{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:9px;min-height:36px;color:#d1c895}.prep-workshop-field p{font-size:9px;line-height:1.8;color:#acc09e}.prep-workshop-field option{background:#214331;color:#e3e6c4}@media(max-width:1050px){.prep-header{gap:11px}.prep-title{max-width:180px}.prep-title h1{font-size:18px;max-width:180px}.prep-config-group button{min-width:72px;padding:0 8px;font-size:9px}.prep-configuration{gap:7px}.prep-header-tools .reference-button{min-width:39px;padding:0 7px}.prep-header-tools .reference-button>span{display:none}.prep-header-tools>.prep-icon{width:34px}.prep-formation-bar{gap:12px}.prep-faction strong{font-size:10px}.prep-inspected small{display:none}.prep-online-players{gap:8px}.prep-online-players strong{max-width:85px}.prep-unit-card{min-width:88px;gap:6px}.prep-unit-card>svg:first-child{height:44px;width:36px}.prep-unit-card>strong{font-size:10px}.preparation-page .prep-start{min-width:158px;font-size:14px;gap:9px;padding:10px 14px}}@media(max-width:700px){.preparation-page,.preparation-page.online-prepare-page{padding:0 10px 9px;grid-template-rows:auto 43px minmax(0,1fr) auto}.prep-header{height:auto;min-height:56px;gap:8px;flex-wrap:wrap;padding-bottom:0}.prep-back{width:32px;height:44px}.prep-title{flex:1;max-width:none;min-width:0}.prep-title>span{font-size:7px;letter-spacing:1px}.prep-title h1{font-size:19px;max-width:210px;letter-spacing:2px;margin-top:2px}.prep-header-tools{gap:0;margin-left:auto}.prep-header-tools>.prep-icon{width:34px;height:44px}.prep-header-tools .reference-button{width:34px;min-width:34px;height:44px;border:0;background:transparent;padding:0}.prep-header-tools .reference-controls{gap:0}.prep-header-tools .reference-button>span{display:none}.prep-configuration{order:4;width:100%;justify-content:center;gap:8px;padding:3px 0 7px}.prep-config-group{flex:1;gap:1px;padding:2px}.prep-config-group button{flex:1;min-width:0;height:33px;padding:0 4px;font-size:9px;gap:4px;white-space:nowrap;letter-spacing:0}.prep-config-group button>svg{width:11px;height:11px}.prep-formation-bar{padding:0 4px;gap:7px}.prep-faction>svg{display:none}.prep-faction strong{font-size:9px;letter-spacing:0}.prep-team-switch{gap:0;border:0;padding:0}.prep-team-switch button{font-size:8px;min-height:33px;padding:5px 6px}.prep-army-summary{gap:4px}.preparation-page .prep-power{font-size:8px;gap:4px}.preparation-page .prep-power strong{font-size:14px}.preparation-page .prep-power small{font-size:9px}.prep-army-count{display:none}.prep-inspected{gap:3px;margin-left:auto}.prep-inspected>svg:first-child{width:21px;height:29px}.prep-inspected strong{font-size:8px;max-width:60px}.prep-inspected>svg:last-child{width:9px}.prep-edit-tools{gap:7px}.prep-edit-tools button{min-height:38px;gap:3px;font-size:8px}.prep-edit-tools button>span{display:none}.prep-edit-tools svg{width:14px;height:14px}.prep-online-players{margin-left:auto;gap:8px}.prep-online-players strong{max-width:50px;font-size:8px}.prep-online-players small{font-size:7px}.prep-online-players>span{gap:3px}.online-prepare-page .prep-inspected{display:none}.online-prepare-page .prep-faction strong{max-width:50px;white-space:nowrap}.preparation-page .prep-dock{gap:6px;min-height:67px;padding:7px 0 0}.prep-roster{gap:4px;overflow-x:auto}.prep-unit-card{min-width:44px;max-width:76px;height:53px;padding:0 2px;gap:0;flex-direction:column;justify-content:flex-end}.prep-unit-card>svg:first-child{width:31px;height:37px;flex-shrink:0;position:absolute;top:0}.prep-unit-card>strong{font-size:7px;letter-spacing:0;margin-bottom:5px}.prep-unit-card>b{font-size:8px;right:3px;top:3px}.prep-unit-check{width:7px;right:2px;bottom:2px}.prep-workshop-toggle{width:35px;height:44px}.prep-workshop-toggle>svg{width:15px}.preparation-page .prep-start{min-width:84px;max-width:135px;height:53px;min-height:44px;font-size:11px;letter-spacing:0;gap:4px;padding:8px}.prep-start>svg:first-child{width:14px}.prep-start>svg:last-child{display:none}.online-prepare-page .prep-start{min-width:108px;font-size:10px}.prep-guidance{left:5px;bottom:52px;padding:4px 6px;max-width:calc(100% - 12px);font-size:7px;pointer-events:none;background:#16372ba1;border:0}.preparation-page .board-camera-tools{bottom:4px;right:4px;gap:1px;padding:3px}.preparation-page .board-camera-tools button{height:30px;width:28px}.preparation-page .board-camera-tools .board-camera-fit{width:auto;min-width:79px;height:32px;font-size:9px;padding:0 7px}.preparation-page .board-camera-minimap{bottom:49px;right:4px;width:80px;height:55px}.prep-popover{bottom:76px;right:0;max-height:calc(100% - 144px);padding:10px 12px}.prep-popover-army{top:145px;bottom:auto;left:0}.prep-workshop-field select,.prep-workshop-field button{min-height:44px}.prep-popover-heading .prep-icon{width:36px;height:36px}.prep-army-detail button{min-height:67px}}@media(orientation:landscape)and (max-height:550px){.preparation-page,.preparation-page.online-prepare-page{padding:0 10px 6px;grid-template-rows:45px 36px minmax(0,1fr) 61px}.prep-header{height:45px;min-height:0;padding:0;flex-wrap:nowrap;gap:10px}.prep-title h1{font-size:17px;letter-spacing:2px;max-width:155px}.prep-title>span{font-size:6px}.prep-configuration{order:initial;width:auto;padding:0;gap:6px}.prep-config-group button{min-width:61px;height:29px;font-size:8px;padding:0 5px}.prep-header-tools>.prep-icon{height:36px;width:29px}.prep-header-tools .reference-button{height:36px;min-width:30px;width:30px}.prep-header-tools .reference-button>span{display:none}.prep-formation-bar{gap:12px;padding:0 4px}.prep-faction strong{font-size:9px}.prep-inspected{gap:4px}.prep-inspected strong{font-size:9px}.prep-inspected>svg:first-child{width:23px;height:30px}.prep-team-switch button{min-height:29px;padding:4px 7px}.prep-online-players strong{max-width:90px}.prep-edit-tools button{min-height:32px}.preparation-page .prep-dock{min-height:0;height:61px;padding:6px 4px 0;gap:9px}.prep-unit-card{min-width:71px;height:49px;flex-direction:row;gap:6px;padding:1px 12px 1px 3px;justify-content:center;max-width:none}.prep-unit-card>svg:first-child{position:relative;top:auto;width:31px;height:42px}.prep-unit-card>strong{font-size:8px;margin:0}.prep-unit-card>b{font-size:9px}.preparation-page .prep-start{height:49px;min-width:134px;font-size:12px;max-width:none}.prep-workshop-toggle{height:44px;width:38px}.prep-guidance{bottom:7px;left:8px;font-size:7px;padding:5px 7px;max-width:calc(100% - 300px)}.preparation-page .board-camera-tools{bottom:4px}.preparation-page .board-camera-minimap{display:none}.prep-popover{bottom:72px;max-height:calc(100% - 122px)}.prep-popover-army{top:89px;bottom:auto}}@media(max-width:350px)and (orientation:portrait){.prep-title h1{font-size:16px;max-width:155px}.prep-header-tools>.prep-icon{width:29px}.prep-header-tools .reference-button{width:29px;min-width:29px}.prep-header{gap:5px}.prep-faction strong{font-size:8px}.prep-inspected strong{display:none}.prep-formation-bar{gap:5px}.prep-team-switch button{font-size:7px;padding:5px 4px}.prep-workshop-toggle{width:31px}.preparation-page .prep-start{min-width:79px;font-size:10px}.prep-start>svg:first-child{display:none}}@media(max-height:320px){.preparation-page,.preparation-page.online-prepare-page{overflow:auto;grid-template-rows:45px 36px minmax(145px,1fr) 61px}.prep-popover{position:fixed;max-height:calc(100svh - 32px);bottom:16px;right:16px}.prep-popover-army{top:16px;bottom:auto;left:16px}}@media(pointer:coarse){.prep-start,.prep-workshop-toggle{min-height:44px}.prep-unit-card{min-height:48px}.prep-header-tools>.prep-icon,.prep-header-tools .reference-button{min-height:44px}.prep-back{min-height:44px}.prep-popover-heading .prep-icon{min-width:44px;min-height:44px}}.prep-army-summary.prep-budget-badge{min-height:38px;max-height:41px;padding:2px 11px;gap:10px;border:1px solid #c4d2a978;border-radius:4px;background:#1d422f;box-shadow:0 2px 8px #031b2459,inset 0 1px #c9ddb419;color:#d9e5bc}.prep-army-summary.prep-budget-badge.blue{background:#204650;border-color:#b1d4dc82;color:#dceaf0}.preparation-page .prep-budget-badge .prep-power{gap:8px;font-size:10px;color:#d0dfb6}.preparation-page .prep-budget-badge .prep-power strong{font-size:27px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;color:#f0efd4;text-shadow:0 1px 2px #09251f80}.preparation-page .prep-budget-badge .prep-power strong small{font-size:19px;line-height:1;color:#c1d7aa;font-weight:400}.prep-budget-badge.blue .prep-power strong small{color:#c5dfe7}.prep-budget-badge .prep-army-count{color:#c4d5ac;border-color:#c3d5a636}.prep-army-summary.prep-budget-badge.full{background:linear-gradient(110deg,#ecdfa8,#cbbb7c);border-color:#f2e2a8;box-shadow:0 2px 10px #031b2459,0 0 17px #dac57c28,inset 0 1px #ffefc080;color:#314b32}.preparation-page .prep-budget-badge.full .prep-power{color:#425c36}.preparation-page .prep-budget-badge.full .prep-power strong{color:#203e2c;text-shadow:none}.preparation-page .prep-budget-badge.full .prep-power strong small{color:#516d3c}.prep-budget-badge.full .prep-army-count{color:#50683c;border-color:#61713c45}.prep-budget-badge:hover{filter:brightness(1.08)}.prep-budget-notice-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;display:grid;place-items:center;pointer-events:none;padding:20px}.prep-budget-notice{width:max-content;min-width:310px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:13px;padding:26px 36px 24px;border:2px solid #eddb9e;border-radius:7px;color:#fff0bb;background:linear-gradient(135deg,#274c37,#173529 72%);box-shadow:0 18px 70px #031621a1,inset 0 0 0 4px #e8d39413,0 0 40px #e0c67c21;pointer-events:none;animation:prepBudgetNotice 1.5s ease both}.prep-budget-notice.blue{background:linear-gradient(135deg,#2c5060,#193743 72%)}.prep-budget-notice>svg{color:#f5e3a0;filter:drop-shadow(0 0 9px #e1ca8350)}.prep-budget-notice>strong{font-family:"Noto Serif SC",Songti SC,serif;font-size:29px;letter-spacing:3px;font-weight:600;line-height:1.25;text-align:center}.prep-budget-notice-value{font-family:Georgia,serif;color:#fff4c9;font-size:42px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums}.prep-budget-notice-value small{font-size:29px;color:#dfdfb4;font-weight:400}@keyframes prepBudgetNotice{0%{opacity:0;transform:translateY(10px) scale(.97)}12%,86%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-5px) scale(.99)}}@media(max-width:700px){.prep-army-summary.prep-budget-badge{gap:4px;padding:2px 7px;min-height:38px;max-height:39px}.preparation-page .prep-budget-badge .prep-power{flex-direction:column;align-items:flex-start;gap:1px;font-size:7px;line-height:1}.preparation-page .prep-budget-badge .prep-power strong{font-size:21px;line-height:1}.preparation-page .prep-budget-badge .prep-power strong small{font-size:16px}.prep-budget-badge>svg{width:10px}.prep-formation-bar{gap:7px}.prep-inspected{flex-shrink:1}.prep-inspected strong{max-width:42px}.prep-budget-notice-layer{padding:15px}.prep-budget-notice{min-width:0;width:min(310px,100%);padding:23px 18px 21px;gap:13px}.prep-budget-notice>strong{font-size:24px;letter-spacing:2px}.prep-budget-notice-value{font-size:36px}.prep-budget-notice-value small{font-size:26px}}@media(max-width:420px)and (orientation:portrait){.local-preparation-page .prep-inspected{display:none}.prep-online-players{flex:1;gap:6px}.prep-online-players>span{flex:1;gap:3px;min-width:0}.prep-online-players strong{min-width:0;max-width:48px}.prep-online-players small{flex-shrink:0}.prep-faction{flex-shrink:1;min-width:0}.prep-faction strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.prep-team-switch{flex-shrink:0}.prep-edit-tools{margin-left:auto;flex-shrink:0}}@media(orientation:landscape)and (max-height:550px){.prep-army-summary.prep-budget-badge{min-height:31px;max-height:33px;padding:2px 9px;gap:7px}.preparation-page .prep-budget-badge .prep-power{flex-direction:row;gap:6px;font-size:8px;align-items:center}.preparation-page .prep-budget-badge .prep-power strong{font-size:21px}.preparation-page .prep-budget-badge .prep-power strong small{font-size:15px}.prep-budget-notice{min-width:290px;padding:17px 28px 16px;gap:9px}.prep-budget-notice>svg{width:25px;height:25px}.prep-budget-notice>strong{font-size:24px}.prep-budget-notice-value{font-size:34px}.prep-budget-notice-value small{font-size:25px}}@media(prefers-reduced-motion:reduce){.prep-budget-notice{animation:none}}.preparation-page,.preparation-page.online-prepare-page{grid-template-rows:auto 52px minmax(0,1fr) auto}.prep-formation-bar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;padding:0 7px;z-index:24}.prep-formation-left,.prep-formation-right{display:flex;align-items:center;gap:12px;min-width:0;height:100%}.prep-formation-left{justify-content:flex-start}.prep-formation-right{justify-content:flex-end;gap:10px}.prep-formation-right .prep-inspected{margin-left:0}.prep-formation-right .prep-edit-tools{gap:8px}.prep-army-summary.prep-budget-badge{min-height:46px;max-height:48px;padding:3px 11px;gap:9px;border-color:#d9cba68a;background:#264d36;box-shadow:0 3px 13px #031b2470,inset 0 1px #f6e3ab1c}.prep-budget-badge>.prep-power-flame{width:29px;height:33px;flex-shrink:0;fill:#e4a35329;color:#f2c579;filter:drop-shadow(0 0 7px #dfa0532e)}.prep-budget-badge>.prep-power-chevron{width:11px;flex-shrink:0;opacity:.7}.preparation-page .prep-budget-badge .prep-power{flex-direction:column;align-items:flex-start;gap:2px;font-size:7px;line-height:1;letter-spacing:1px}.preparation-page .prep-budget-badge .prep-power strong{font-size:33px;line-height:1;letter-spacing:0}.preparation-page .prep-budget-badge .prep-power strong small{font-size:23px;line-height:1}.prep-budget-badge.full>.prep-power-flame{color:#825018;fill:#ad7a2230;filter:drop-shadow(0 0 5px #ffeaba70)}.prep-budget-badge .prep-army-count{padding-left:9px}.prep-setup-countdown,.prep-formation-controls{flex-shrink:0}.formation-slots{position:relative;flex-shrink:0}.formation-slots-trigger{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 10px;border:1px solid #cbcba147;background:#294936;color:#e0d6ac;white-space:nowrap;font-size:10px;letter-spacing:1px}.formation-slots-trigger:hover:not(:disabled),.formation-slots-trigger[aria-expanded=true]{border-color:#e1cb88a3;background:#3c5b3e}.formation-slots-trigger:disabled{opacity:.5}.formation-slots-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:min(352px,calc(100svw - 24px));max-height:min(420px,calc(100svh - 162px));overflow:auto;padding:9px 13px 13px;border:1px solid #d5c9938c;border-radius:5px;color:#e6dfc0;background:#1d3d30fa;box-shadow:0 12px 44px #051b218c,inset 0 1px #e8d6a126;scrollbar-width:thin;scrollbar-color:#c4c09360 transparent}.formation-slots-heading{display:flex;align-items:center;justify-content:space-between;min-height:42px;border-bottom:1px solid #c6ca9a2a;margin-bottom:9px}.formation-slots-heading>strong{font-size:12px;font-weight:500;letter-spacing:1px}.formation-slots-heading>button{display:grid;place-items:center;width:44px;height:44px;color:#cecaa7}.formation-slots-heading>button:hover{background:#bec79015;color:#f2dca4}.formation-slot-list{display:flex;flex-direction:column;gap:7px}.formation-slot{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:78px;padding:9px 8px;background:#b3c99a0b;border:1px solid #c4c49a28;border-radius:3px}.formation-slot.saved{background:#b3c99a14;border-color:#c6c89b3b}.formation-slot-number{align-self:start;padding-top:3px;font:13px Georgia,serif;color:#c7b87c;letter-spacing:1px}.formation-slot-info{display:flex;flex-direction:column;gap:5px;min-width:0}.formation-slot-info>strong{font-size:11px;font-weight:500;color:#ebe2b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.formation-slot-info>small{font-size:9px;color:#b6c5a1;white-space:nowrap}.formation-slot-info>time{font-size:8px;color:#97ae95;white-space:nowrap;font-variant-numeric:tabular-nums}.formation-slot.empty .formation-slot-info>small{color:#92aa94}.formation-slot-actions{display:flex;gap:4px}.formation-slot-actions>button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:0 9px;border:1px solid #b9c49537;background:#365b3b;color:#e2d8ac;font-size:9px;white-space:nowrap}.formation-slot-actions>.formation-slot-load{background:#264c46;color:#c9dfcf}.formation-slot-actions>.formation-slot-confirm{color:#f8e3b1;background:#68542f;border-color:#d3b6777a}.formation-slot-actions>button:hover:not(:disabled){border-color:#d5ce929b;filter:brightness(1.12)}.formation-slot-actions>button:disabled{opacity:.38;cursor:default}.formation-slot-error{margin:11px 0 0;padding:8px 9px;border:1px solid #dab17c50;color:#efd0a3;background:#67483235;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.formation-slot-spinner{animation:formationSlotSpin 1s linear infinite}@keyframes formationSlotSpin{to{transform:rotate(360deg)}}@media(max-width:1050px){.prep-formation-bar{gap:10px}.prep-formation-left{gap:7px}.prep-formation-right{gap:6px}.prep-budget-badge .prep-army-count{display:none}.prep-formation-right .prep-inspected strong,.prep-formation-right .prep-inspected small,.prep-formation-right .prep-inspected>svg:last-child{display:none}.prep-online-players{gap:7px}.prep-online-players strong{max-width:67px}.prep-online-players small{font-size:7px}}@media(max-width:700px){.preparation-page,.preparation-page.online-prepare-page{grid-template-rows:auto 48px minmax(0,1fr) auto}.prep-formation-bar{gap:4px;padding:0 2px}.prep-formation-left,.prep-formation-right{gap:3px}.local-preparation-page .prep-formation-left:has(.prep-team-switch) .prep-faction{display:none}.prep-formation-right .prep-inspected{display:none}.prep-formation-right .prep-edit-tools{gap:0}.prep-formation-right .prep-edit-tools button{min-width:32px;min-height:44px;justify-content:center}.prep-online-players{display:none}.prep-army-summary.prep-budget-badge{min-height:44px;max-height:46px;gap:6px;padding:2px 7px}.prep-budget-badge>.prep-power-flame{width:25px;height:29px}.prep-budget-badge>.prep-power-chevron{width:8px}.preparation-page .prep-budget-badge .prep-power{font-size:6px;gap:2px}.preparation-page .prep-budget-badge .prep-power strong{font-size:29px}.preparation-page .prep-budget-badge .prep-power strong small{font-size:21px}.formation-slots-trigger{width:44px;padding:0;letter-spacing:0}.formation-slots-trigger>span,.formation-slots-trigger>svg:last-child{display:none}.formation-slots-trigger>svg:first-child{width:18px;height:18px}.prep-setup-countdown{position:absolute;right:5px;top:calc(100% + 5px);z-index:22;pointer-events:none}.formation-slots-panel{max-height:min(420px,calc(100svh - 170px));width:min(352px,calc(100svw - 24px))}.formation-slot{gap:7px;padding:8px 7px}.formation-slot-actions>button{padding:0 8px}.prep-popover-army{top:150px}}@media(orientation:landscape)and (max-height:550px){.preparation-page,.preparation-page.online-prepare-page{grid-template-rows:45px 44px minmax(0,1fr) 61px}.prep-formation-bar{gap:8px}.prep-formation-left{gap:7px}.prep-formation-right{gap:6px}.prep-army-summary.prep-budget-badge{min-height:42px;max-height:43px;gap:7px;padding:2px 9px}.prep-budget-badge>.prep-power-flame{width:24px;height:28px}.preparation-page .prep-budget-badge .prep-power{flex-direction:column;align-items:flex-start;font-size:6px;gap:1px}.preparation-page .prep-budget-badge .prep-power strong{font-size:28px}.preparation-page .prep-budget-badge .prep-power strong small{font-size:20px}.prep-formation-right .prep-inspected{display:none}.prep-formation-right .prep-edit-tools button{min-height:44px}.formation-slots-panel{max-height:calc(100svh - 110px)}.prep-popover-army{top:94px}}@media(max-height:320px){.preparation-page,.preparation-page.online-prepare-page{overflow:auto;grid-template-rows:45px 44px minmax(145px,1fr) 61px}.formation-slots-panel{position:fixed;right:16px;top:16px;max-height:calc(100svh - 32px)}}@media(pointer:coarse){.prep-formation-right .prep-edit-tools button{min-width:44px;min-height:44px}.prep-team-switch button{min-height:44px}.prep-formation-bar .prep-budget-badge{min-height:44px;max-height:46px}}@media(prefers-reduced-motion:reduce){.formation-slot-spinner{animation:none}}.prep-setup-countdown .match-turn-clock{display:flex;align-items:center;flex-shrink:0;margin:0;min-height:36px;padding:4px 9px;gap:6px;background:#1d3d31;border:1px solid #d3c99540;color:#e8dbad;white-space:nowrap}.prep-setup-countdown .match-turn-clock>span{font-size:9px}.prep-setup-countdown .match-turn-clock>b{font-size:18px;color:#f0ddb0;font-variant-numeric:tabular-nums}.prep-setup-countdown .match-turn-clock.urgent{background:#493c29;border-color:#e8b77775;color:#ffd391}.prep-setup-countdown .match-turn-clock.urgent>b{color:#ffca8d}@media(max-width:1050px){.prep-setup-countdown .match-turn-clock>span{display:none}}@media(max-width:700px){.prep-setup-countdown .match-turn-clock{min-height:28px;padding:3px 7px;gap:5px;background:#16352cf2;box-shadow:0 2px 7px #041e2452}.prep-setup-countdown .match-turn-clock>b{font-size:16px}.prep-setup-countdown .match-turn-clock>svg{width:13px;height:13px}}.prep-panel-clear{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;margin-top:10px;padding:0 12px;border:1px solid #bec8953b;background:#315239;color:#d3d4ae;font-size:10px}.prep-panel-clear:hover:not(:disabled){border-color:#d4d19b85;background:#466743}.prep-panel-clear:disabled{opacity:.4}@media(max-width:700px){.prep-edit-tools:has(.prep-remove)>button:not(.prep-remove){display:none}}@media(max-width:350px){.prep-budget-badge>.prep-power-chevron{display:none}}.formation-slot-error>button{margin-left:8px;padding:4px 8px;border:1px solid #dfbf8199;background:#665735;color:#ffe1a8;border-radius:3px}.formation-slot-error>button:disabled{opacity:.5}.preparation-page,.preparation-page.online-prepare-page{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 44px minmax(0,1fr) auto}.prep-header{grid-column:1;grid-row:1}.prep-formation-bar{grid-column:1;grid-row:2;background:none;border-bottom:0;pointer-events:none}.prep-formation-bar button,.prep-formation-bar .formation-slots-panel{pointer-events:auto}.preparation-page .prep-board{grid-column:1;grid-row:2 / 4;z-index:1;background:none}.preparation-page .prep-dock{grid-column:1;grid-row:4;z-index:2}.prep-army-summary.prep-budget-badge{min-height:40px;max-height:42px;padding:3px 9px;gap:7px}.prep-budget-badge>.prep-power-flame{width:23px;height:27px}.preparation-page .prep-budget-badge .prep-power strong{font-size:27px}.preparation-page .prep-budget-badge .prep-power strong small{font-size:19px}.prep-budget-badge .prep-army-count{padding-left:7px}@media(max-width:700px){.preparation-page,.preparation-page.online-prepare-page{grid-template-rows:auto 44px minmax(0,1fr) auto}.prep-army-summary.prep-budget-badge{min-height:40px;max-height:42px;gap:5px;padding:2px 7px}.prep-budget-badge>.prep-power-flame{width:21px;height:25px}.preparation-page .prep-budget-badge .prep-power strong{font-size:24px}.preparation-page .prep-budget-badge .prep-power strong small{font-size:18px}}@media(orientation:landscape)and (max-height:550px){.preparation-page,.preparation-page.online-prepare-page{grid-template-rows:45px 40px minmax(0,1fr) 61px}.prep-army-summary.prep-budget-badge{min-height:36px;max-height:38px}.prep-budget-badge>.prep-power-flame{width:21px;height:25px}.preparation-page .prep-budget-badge .prep-power strong{font-size:24px}.preparation-page .prep-budget-badge .prep-power strong small{font-size:18px}}@media(max-height:320px){.preparation-page,.preparation-page.online-prepare-page{grid-template-rows:45px 40px minmax(145px,1fr) 61px}}@media(pointer:coarse){.prep-formation-bar .prep-budget-badge{min-height:44px;max-height:44px}}@media(orientation:landscape)and (max-height:550px){.formation-slots-heading{margin-bottom:5px}.formation-slot-list{gap:5px}.formation-slot{min-height:62px;padding:6px 7px}}.deployment-picker{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.deployment-library-trigger{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:8px 16px;border:1px solid #e3c884;background:#d4be83;color:#23392e;border-radius:5px;flex:none}.deployment-library-trigger>span{font-size:14px;font-weight:600;text-align:left}.deployment-library-trigger small{display:block;font-size:10px;font-weight:400;margin-top:3px}.deployment-library-trigger:disabled,.deployment-current:disabled{opacity:.5}.deployment-current{height:56px;display:flex;align-items:center;gap:12px;min-width:0;max-width:360px;flex:1;padding:4px 13px 4px 7px;border:1px solid #cad7a956;border-radius:5px;background:#214637;color:#e5e5cc;text-align:left}.deployment-current>svg{width:42px;height:50px;flex:none}.deployment-current>span{min-width:0;flex:1}.deployment-current strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.deployment-current small{display:block;color:#b1c6ad;font-size:10px;margin-top:5px;white-space:nowrap}.deployment-current>b{display:flex;align-items:center;gap:3px;color:#f0d193;font-size:18px;font-variant-numeric:tabular-nums}.deployment-recent{display:flex;gap:6px}.deployment-recent button{width:44px;height:48px;background:#294a3b;border:1px solid #b5ca9840;border-radius:4px}.deployment-recent svg{width:37px;height:44px}.deployment-library-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#061b21b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.deployment-library{width:min(820px,100%);max-height:min(680px,calc(100svh - 40px));display:flex;flex-direction:column;min-height:0;background:linear-gradient(135deg,#244637,#142d2c);border:1px solid #d4bd7d;border-radius:9px;box-shadow:0 20px 80px #031311b3;padding:18px;color:#e3e4c9}.deployment-library>header{display:flex;justify-content:space-between;align-items:center;gap:12px}.deployment-library>header>div{display:flex;align-items:center;gap:10px}.deployment-library h2{font-size:20px;font-weight:500}.deployment-library>header span{font-size:11px;color:#b6c9ad}.deployment-library>header>button,.deployment-library footer button{width:44px;height:44px;display:grid;place-items:center;color:#e3d4a4;border:1px solid #b4c59740;border-radius:4px}.deployment-library-tools{display:flex;align-items:center;gap:16px;margin:12px 0}.deployment-library-tools>label{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:0 12px;min-height:44px;background:#102f29;border:1px solid #abc39161;border-radius:4px;color:#adc5a5}.deployment-library-tools input{width:100%;min-width:0;min-height:42px;border:0;background:transparent;color:#f0edce;outline:none;font:inherit;font-size:14px}.deployment-library-tools>span{display:flex;align-items:center;gap:4px;font-size:12px;white-space:nowrap;color:#d8c691}.deployment-library-tools b{font-size:19px;margin-left:5px}.deployment-library nav{display:flex;gap:7px;margin-bottom:12px;flex:none}.deployment-library nav button{min-height:40px;padding:0 16px;border:1px solid #adc29745;border-radius:4px;font-size:12px;background:#203e32;color:#bfceaf}.deployment-library nav button.active{background:#d8c188;color:#253e30;border-color:#edd9a2}.deployment-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 3px 8px;scrollbar-width:thin;scrollbar-color:#c7b584 #142e27}.deployment-library-grid>button{display:flex;align-items:center;gap:8px;min-height:88px;position:relative;border:1px solid #a7c19559;background:#1d3e32;border-radius:5px;text-align:left;padding:9px;color:#e8e6c7;touch-action:manipulation}.deployment-library-grid>button.selected{border-color:#edd599;background:#455b3e;box-shadow:inset 0 0 0 1px #cdb77660}.deployment-library-grid>button>svg{width:53px;height:63px;flex:none}.deployment-library-grid>button>span{min-width:0;padding-right:9px}.deployment-library-grid strong{display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deployment-library-grid small{display:block;font-size:10px;color:#b0c1a8;margin-top:8px;line-height:1.5}.deployment-library-grid b{display:flex;align-items:center;gap:2px;position:absolute;top:6px;right:7px;color:#ecd399;font-size:13px}.deployment-library-grid .over-budget b{color:#ffa792}.deployment-library-empty{grid-column:1 / -1;min-height:90px;display:grid;place-items:center;font-size:13px;color:#bed0b2}.deployment-library footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #a9c29530;margin-top:12px;padding-top:10px;flex:none}.deployment-library footer>span{font-size:11px;color:#adc3a4}.deployment-library footer>div{display:flex;align-items:center;gap:9px;font-size:12px}.deployment-library footer button:disabled{opacity:.3}@media(max-width:700px){.deployment-picker{gap:6px}.deployment-library-trigger{min-height:53px;gap:6px;padding:6px 9px}.deployment-library-trigger>span{font-size:11px}.deployment-library-trigger>svg:first-child{width:16px}.deployment-library-trigger>svg:last-child{display:none}.deployment-library-trigger small{font-size:8px}.deployment-current{height:53px;gap:5px;padding:2px 6px;max-width:none}.deployment-current>svg{height:43px;width:32px}.deployment-current strong{font-size:11px}.deployment-current small{font-size:8px;white-space:normal;line-height:1.4;margin-top:3px}.deployment-current>b{font-size:14px}.deployment-current>b svg{display:none}.deployment-recent{display:none}.deployment-library-backdrop{padding:9px}.deployment-library{padding:12px;max-height:calc(100svh - 18px)}.deployment-library-tools{gap:8px}.deployment-library-tools>span{font-size:9px}.deployment-library-tools>span>svg{display:none}.deployment-library-tools b{font-size:16px}.deployment-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.deployment-library-grid>button{min-height:81px;padding:5px;gap:4px}.deployment-library-grid>button>svg{width:44px;height:55px}.deployment-library nav{gap:4px}.deployment-library nav button{flex:1;padding:0 5px;font-size:11px;min-height:44px}.deployment-library-grid strong{font-size:12px}.deployment-library-grid small{font-size:9px}.deployment-library h2{font-size:18px}.deployment-library footer>span{font-size:10px}}@media(orientation:landscape)and (max-height:550px){.deployment-library{width:min(900px,100%);max-height:calc(100svh - 16px);padding:10px 14px}.deployment-library-backdrop{padding:8px}.deployment-library>header>button{height:34px;width:38px}.deployment-library h2{font-size:16px}.deployment-library-tools{margin:5px 0;min-height:40px}.deployment-library nav{margin-bottom:7px}.deployment-library nav button{min-height:36px}.deployment-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.deployment-library-grid>button{min-height:72px;padding:5px}.deployment-library-grid>button>svg{height:53px;width:43px}.deployment-library footer{margin-top:6px;padding-top:5px}.deployment-picker{gap:8px}.deployment-library-trigger{min-height:49px}.deployment-current{height:49px}.deployment-recent button{height:44px}.deployment-current small{font-size:9px}}.formation-slots-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#061b21b8;pointer-events:auto;box-sizing:border-box}.formation-slots-backdrop>.formation-slots-panel{position:relative;inset:auto;width:400px;max-width:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;padding:8px 12px 12px}.formation-slots-backdrop .formation-slots-heading{flex:none;margin-bottom:8px;min-height:44px}.formation-slots-content{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#c4c09360 transparent}.formation-slots-backdrop .formation-slot{min-width:0}@media(max-width:350px){.formation-slots-backdrop>.formation-slots-panel{padding:6px 8px 8px}.formation-slots-backdrop .formation-slot{grid-template-columns:18px minmax(0,1fr);gap:5px}.formation-slots-backdrop .formation-slot-actions{grid-column:2;flex-wrap:wrap}.formation-slots-backdrop .formation-slot-actions>button{min-height:44px;font-size:11px}.formation-slots-backdrop .formation-slot-info>strong{font-size:12px}}.board-viewport-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:24;pointer-events:none;overflow:hidden}.piece-skill-connector{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.piece-skill-connector line{stroke:#f4dba3;stroke-width:1.3;stroke-dasharray:3 4;opacity:.65}.piece-skill-connector circle{fill:#f6deae;stroke:#466344;stroke-width:1.5}.match-skill-action.piece-skill-action{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:44px;height:44px;min-width:44px;min-height:44px;padding:3px 2px;border-radius:50%;border:1px solid #ead29a;background:linear-gradient(145deg,#6c6940,#283f2d 75%);box-shadow:0 4px 12px #061d2580,inset 0 0 0 3px #e6cd8c14;color:#ffe8b1;pointer-events:auto;cursor:pointer;touch-action:manipulation;transform-origin:center;flex:none;animation:none;transition:filter .15s,box-shadow .15s;z-index:1}.piece-skill-action>svg{width:21px;height:21px;flex-shrink:0;pointer-events:none}.piece-skill-action.gunner{background:linear-gradient(145deg,#746347,#3f3629 75%);color:#ffe0a9}.piece-skill-action.mage{background:linear-gradient(145deg,#68615b,#344838 75%);color:#eae7be}.piece-skill-action.blue{border-color:#c0d9db}.piece-skill-action.blue.mage{background:linear-gradient(145deg,#5b697a,#2b4950 75%);color:#ddefff}.piece-skill-action.ready{box-shadow:0 0 0 4px #e3cf7d12,0 0 17px #dfc27a45,0 4px 12px #061d2580;animation:pieceSkillPulse 2.2s ease-in-out infinite}.piece-skill-action.active{border-color:#fff1ba;background:linear-gradient(145deg,#b8a66a,#5a6643);box-shadow:0 0 0 3px #ecd18a28,0 0 19px #efd18a7a}.piece-skill-action:hover:not(:disabled){filter:brightness(1.17);box-shadow:0 0 0 4px #e3cf7d23,0 0 25px #dfc27a73}.piece-skill-action:focus-visible{outline:2px solid #fff0b9;outline-offset:4px}.match-skill-action.piece-skill-action:disabled{opacity:.83;background:linear-gradient(145deg,#405244,#20372d);border-color:#9bae857a;color:#c4ccb1;cursor:default}.piece-skill-short{font:8px/1.1 sans-serif;letter-spacing:.4px;white-space:nowrap;pointer-events:none}.piece-skill-counter{position:absolute;right:-3px;top:-3px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;gap:1px;padding:0 2px;border-radius:8px;border:1px solid #c4b67b;background:#213c2e;color:#f2d9a4;font:9px/1 Georgia,serif;font-variant-numeric:tabular-nums;pointer-events:none}.piece-skill-counter>svg{width:8px;height:8px}.piece-skill-unavailable{position:absolute;right:-2px;top:-2px;padding:1px;width:15px!important;height:15px!important;background:#244231;border:1px solid #9aad83;border-radius:50%;color:#c2cfa9}.match-context-hint{position:absolute;left:22px;bottom:17px;z-index:11;max-width:min(440px,calc(100vw - 320px));min-height:26px;display:flex;align-items:center;gap:9px;padding:6px 10px;border:1px solid #bfc7a92c;border-radius:4px;background:#18352cea;color:#d0dac0;box-shadow:0 3px 14px #031b2350;font-size:9px;line-height:1.35;pointer-events:none;opacity:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-context-hint.visible{opacity:1}.match-context-hint>strong{font-size:9px;font-weight:500;color:#ead9ac;flex-shrink:0;padding-right:8px;border-right:1px solid #c2c99144}.match-context-hint>span{overflow:hidden;text-overflow:ellipsis}.match-context-hint>small{font:9px Georgia,serif;color:#bfcbad;margin-left:auto}.match-skip-action.match-skip-tool{position:relative;min-width:0;min-height:38px;height:38px;display:flex;flex-wrap:nowrap;gap:5px;align-items:center;justify-content:center;padding:0 10px;border:1px solid #c2c5a638;background:#17312bea;border-radius:4px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:10px;white-space:nowrap}.match-skip-tool small{position:absolute;right:-3px;top:-4px;display:grid;place-items:center;width:14px;height:14px;font-size:8px;background:#466041;border:1px solid #b7c88a70;border-radius:50%;color:#d5dfb6;margin:0;flex-basis:auto}.match-skip-tool:disabled small{background:#283a2b;color:#99a78e}.match-board .board-camera-tools{right:18px;bottom:14px;left:auto}.match-board .board-camera-minimap{right:18px;bottom:68px;left:auto}.match-floating-panel{bottom:62px;max-height:calc(100svh - 150px)}.app.battle-view .toast{bottom:55px}.match-page .match-turn-card{padding:10px 13px;gap:9px}.match-page .match-turn-card strong{font-size:12px}.match-page .match-round{font-size:8px;margin-top:4px}.match-page .match-round small{font-size:8px}.match-page .match-counts{font-size:7px;margin-top:4px}@keyframes pieceSkillPulse{50%{box-shadow:0 0 0 4px #e3cf7d26,0 0 23px #dfc27a62,0 4px 12px #061d2580}}@media(pointer:coarse){.match-skip-action.match-skip-tool{height:44px;min-height:44px}}@media(max-width:680px){.match-page .match-turn-card{max-width:160px;padding:8px 10px;gap:6px}.match-page .match-turn-card strong{font-size:10px;gap:5px;white-space:nowrap}.match-page .match-turn-card>svg{display:none}.match-page .match-online-players{font-size:7px;gap:5px;flex-wrap:wrap}.match-page .match-round{font-size:7px;gap:6px}.match-page .match-round small,.match-page .match-counts{font-size:7px}.match-page .match-utilities{width:132px;flex-wrap:wrap;justify-content:flex-end;gap:4px}.match-page .match-utilities .reference-controls{gap:4px}.match-page .match-utilities .reference-button{width:40px;min-width:40px;height:40px;min-height:40px}.match-page .match-utilities .match-icon-button,.match-page .match-utilities .match-surrender-action,.match-skip-action.match-skip-tool{width:40px;height:40px;min-height:40px;padding:0}.match-skip-tool>span{display:none}.match-page .match-tools-panel{top:92px}.match-context-hint{left:12px;right:auto;bottom:70px;max-width:calc(100vw - 24px);padding:5px 8px;font-size:8px;gap:7px}.match-context-hint>strong{font-size:8px;padding-right:6px}.match-board .board-camera-tools{right:12px;left:auto;bottom:12px}.match-board .board-camera-minimap{right:12px;left:auto;bottom:70px}.match-floating-panel{top:111px;bottom:64px}.app.battle-view .toast{bottom:108px}}@media(orientation:landscape)and (max-height:520px){.match-page .match-turn-card{max-width:none;padding:6px 10px}.match-page .match-turn-card strong{font-size:10px}.match-page .match-round{font-size:7px}.match-page .match-turn-card .match-counts{display:none}.match-page .match-utilities{width:auto;flex-wrap:nowrap}.match-page .match-utilities .reference-controls{gap:4px}.match-page .match-utilities .match-icon-button,.match-page .match-utilities .match-surrender-action,.match-skip-action.match-skip-tool,.match-page .match-utilities .reference-button{height:38px;min-height:38px}.match-page .match-tools-panel{top:47px}.match-context-hint{bottom:12px;left:12px;max-width:calc(100vw - 330px);font-size:8px}.match-board .board-camera-tools{right:12px;left:auto;bottom:10px}.match-board .board-camera-minimap{right:12px;left:auto;bottom:62px}.match-floating-panel{top:60px;bottom:60px}.app.battle-view .toast{bottom:45px;left:50%}}@media(pointer:coarse){.match-page .match-utilities .reference-button,.match-page .match-utilities .match-icon-button,.match-page .match-utilities .match-surrender-action,.match-skip-action.match-skip-tool{min-height:44px}.match-page .match-utilities .match-icon-button,.match-page .match-utilities .match-surrender-action,.match-skip-action.match-skip-tool{min-width:44px}.match-page .match-utilities,.match-page .match-utilities .reference-controls{gap:5px}}@media(max-width:680px)and (pointer:coarse){.match-page .match-utilities{width:144px}.match-page .match-utilities .reference-button{width:44px;min-width:44px}.match-page .match-turn-card{max-width:150px}}.board-deadline-aura{position:absolute;pointer-events:none;z-index:30;border:3px solid #ff615b;border-radius:4px;box-shadow:0 0 0 4px #ff544129,0 0 25px 7px #fb45375e,inset 0 0 14px #ff533d38;animation:deadlinePulse 1.1s ease-in-out infinite}.board-deadline-aura.critical{border-color:#ff453d;animation-duration:.55s;box-shadow:0 0 0 5px #ff34272e,0 0 32px 10px #fc3e346e,inset 0 0 20px #ff433b44}.match-exit-spectate{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 13px;border:1px solid #b9c6a747;background:#1b3932;color:#e2d6b1;font-size:12px}@keyframes deadlinePulse{50%{opacity:.55;box-shadow:0 0 0 7px #ff544114,0 0 16px 3px #fb45374a,inset 0 0 7px #ff533d20}}@media(prefers-reduced-motion:reduce){.board-deadline-aura,.board-deadline-aura.critical{animation:none}}.match-turn-aura{--turn-glow:186,227,146;position:absolute;z-index:0;border:2px solid rgba(var(--turn-glow),.65);border-radius:5px;background:transparent;box-shadow:0 0 0 4px rgba(var(--turn-glow),.07),0 0 20px 5px rgba(var(--turn-glow),.18),inset 0 0 11px rgba(var(--turn-glow),.09);pointer-events:none;animation:matchTurnBreath 3.6s ease-in-out infinite}.match-turn-aura.blue{--turn-glow:149,216,245}.match-turn-aura:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border:1px solid rgba(var(--turn-glow),.22);border-radius:8px;pointer-events:none}.match-turn-announcement{--turn-glow:186,227,146;position:absolute;z-index:28;top:44%;left:50%;display:flex;align-items:center;justify-content:center;gap:9px;max-width:230px;min-height:64px;padding:12px 23px;border:1px solid rgba(var(--turn-glow),.7);border-radius:6px;background:linear-gradient(115deg,#173a2bea,#284b34f5,#143127ed);box-shadow:0 0 0 4px rgba(var(--turn-glow),.05),0 0 30px rgba(var(--turn-glow),.19),0 10px 35px #061e265e;color:#e2edc5;pointer-events:none;transform:translate(-50%,-50%);animation:matchTurnArrival 1.5s ease both}.match-turn-announcement.blue{--turn-glow:149,216,245;background:linear-gradient(115deg,#193943eb,#244654f5,#18343ceb);color:#d5ecf5}.match-turn-announcement>svg{color:rgba(var(--turn-glow),1);flex-shrink:0}.match-turn-announcement>strong{font-size:22px;font-weight:500;letter-spacing:3px;white-space:nowrap;text-shadow:0 0 13px rgba(var(--turn-glow),.3)}.match-turn-announcement>span{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%);color:rgba(var(--turn-glow),.85);font-size:8px;letter-spacing:2px;white-space:nowrap;text-shadow:0 1px 4px #102b28}.match-turn-announcement:before,.match-turn-announcement:after{content:"";position:absolute;top:50%;width:27px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--turn-glow),.55));pointer-events:none}.match-turn-announcement:before{right:calc(100% + 9px)}.match-turn-announcement:after{left:calc(100% + 9px);transform:rotate(180deg)}@keyframes matchTurnBreath{50%{border-color:rgba(var(--turn-glow),.88);box-shadow:0 0 0 5px rgba(var(--turn-glow),.1),0 0 24px 6px rgba(var(--turn-glow),.26),inset 0 0 13px rgba(var(--turn-glow),.11)}}@keyframes matchTurnArrival{0%{opacity:0;transform:translate(-50%,-44%) scale(.95)}15%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-55%) scale(1)}}@media(max-width:680px),(orientation:landscape)and (max-height:520px){.match-turn-announcement{min-height:52px;max-width:200px;padding:10px 18px;gap:7px}.match-turn-announcement>strong{font-size:18px;letter-spacing:2px}.match-turn-announcement>svg{width:18px;height:18px}.match-turn-announcement:before,.match-turn-announcement:after{width:17px}}@media(prefers-reduced-motion:reduce){.match-turn-aura,.match-turn-announcement{animation:none}.match-turn-announcement{transform:translate(-50%,-50%)}}.match-turn-card.pending{border-color:#d9c98d8c;box-shadow:0 0 14px #d6c08513,0 6px 24px #061c2645}.match-turn-card.pending strong{color:#eee0ac}.match-submitting-icon{width:14px;height:14px;flex-shrink:0;color:#efce8c;animation:matchSubmittingSpin 1s linear infinite}@keyframes matchSubmittingSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.match-submitting-icon{animation:none}}.match-board .board-camera-tools{padding:2px;gap:1px}.match-board .board-camera-tools>span{width:30px}.match-board .board-camera-tools .board-camera-fit{min-width:82px;padding:0 6px}.match-board .board-camera-drag-icon{display:none}@media(pointer:coarse){.match-board .board-camera-tools button{min-width:44px;height:44px;min-height:44px}.match-board .board-camera-tools .board-camera-fit{min-width:82px}}.match-skill-action.piece-skill-action{width:var(--skill-button-size,68px);height:var(--skill-button-size,68px);min-width:var(--skill-button-size,68px);min-height:var(--skill-button-size,68px);padding:6px 4px;gap:3px;border:2px solid #f2d28a;background:linear-gradient(145deg,#7b7545,#294c34 78%);box-shadow:0 0 0 4px #f0cf791c,0 0 22px #e8c9774d,0 5px 16px #061d2599,inset 0 0 0 3px #f6df9b19;color:#fff0be}.piece-skill-action>svg{width:var(--skill-icon-size,32px);height:var(--skill-icon-size,32px)}.piece-skill-action.blue{border-color:#f2d28a}.piece-skill-short{font-size:10px;letter-spacing:.7px}.piece-skill-counter{right:-2px;top:-2px;min-width:20px;height:20px;font-size:11px;border-radius:10px;border-color:#f2d28a;background:#294b31;box-shadow:0 2px 7px #071e265e}.piece-skill-counter>svg{width:10px;height:10px}.piece-skill-action.ready{animation:pieceSkillSignal 2.2s ease-in-out infinite}.piece-skill-action.active{border-color:#fff6cf;background:linear-gradient(145deg,#bba76a,#527744);box-shadow:0 0 0 5px #edcc8033,0 0 27px #f1cf8a8a}.piece-skill-action:hover:not(:disabled){box-shadow:0 0 0 5px #efd58b38,0 0 30px #efd08699}.match-skill-action.piece-skill-action:disabled{border-color:#c4b67c;background:linear-gradient(145deg,#52604a,#223c2e);box-shadow:0 0 0 3px #d5c78110,0 4px 12px #061d2570;color:#d7d7b2}@keyframes pieceSkillSignal{50%{box-shadow:0 0 0 5px #efd17f36,0 0 29px #efd17f7a,0 5px 16px #061d2599,inset 0 0 0 3px #f6df9b22}}@media(max-width:680px),(max-height:520px){.piece-skill-short{font-size:9px;letter-spacing:.4px}}@media(prefers-reduced-motion:reduce){.piece-skill-action.ready{animation:none}}.app.maps-view{height:100svh;min-height:0;overflow:hidden}.workshop-maps.workshop-page{position:relative;width:100%;max-width:none;height:100svh;min-height:0;padding:0;overflow:hidden}.workshop-maps .workshop-workspace,.workshop-maps .workshop-canvas-section,.workshop-maps .workshop-board-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:0;overflow:hidden;border:0}.workshop-maps .workshop-board-stage{background:#102b2980}.workshop-maps .workshop-map-viewport{width:100%;height:100%;min-height:0}.workshop-maps .workshop-header{position:absolute;z-index:12;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;align-items:center;flex-wrap:nowrap;gap:8px;width:auto;max-width:none;min-height:44px;margin:0;padding:0;border:0;pointer-events:none}.workshop-maps .workshop-header>*{pointer-events:auto}.workshop-maps .workshop-title{display:none}.workshop-maps .workshop-back{width:44px;height:44px;min-height:44px;display:grid;place-items:center;border:1px solid #aebe8b66;border-radius:6px;background:#193a31f5;flex:none}.workshop-maps .workshop-back span{display:none}.workshop-maps .workshop-tabs{display:flex;gap:3px;padding:3px;background:#17382ff5;border:1px solid #aebe8b55;border-radius:6px;margin:0 0 0 auto;flex-wrap:nowrap;min-width:0}.workshop-maps .workshop-tabs button{min-height:38px;padding:0 12px;font-size:12px;gap:6px;white-space:nowrap}.workshop-maps .workshop-tabs button[aria-current=page]{display:none}.map-library-toggle,.map-settings-toggle,.map-drawer-done{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 12px;background:#dac58d;border:1px solid #f0daa0;border-radius:6px;color:#253e2f;font-size:12px;flex:none}.map-library-toggle b{padding-left:5px;border-left:1px solid #45613c59;font-size:11px}.workshop-maps .workshop-editor-heading{position:absolute;z-index:10;left:12px;top:68px;display:flex;align-items:center;gap:10px;max-width:calc(100% - 130px);min-height:44px;margin:0;padding:5px 6px 5px 12px;border:1px solid #b1bd8b55;border-radius:6px;background:#19392ff5}.workshop-maps .workshop-editor-heading>div{min-width:0}.workshop-maps .workshop-editor-heading h2{font-size:17px;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.workshop-maps .workshop-editor-badge{display:none}.map-settings-toggle{min-height:36px;padding:0 9px;font-size:11px}.workshop-maps .workshop-palette{position:absolute;z-index:10;left:12px;top:128px;display:flex;flex-direction:column;gap:4px;overflow:auto;max-height:calc(100% - 218px);margin:0;padding:5px;border:1px solid #bcc68b66;border-radius:8px;background:#19392ff5;overscroll-behavior:contain;scrollbar-width:thin}.workshop-maps .workshop-palette button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:50px;min-width:44px;min-height:52px;padding:3px;flex:none;border-radius:4px}.workshop-maps .workshop-palette button>span,.workshop-maps .workshop-palette button svg{width:30px;height:30px}.workshop-maps .workshop-palette button strong{font-size:10px;white-space:nowrap}.workshop-maps .workshop-palette button.active{background:#637445;border-color:#f7da8c;box-shadow:inset 0 0 0 1px #f1dc9580;color:#fff1bf}.workshop-maps .workshop-brush-status{position:absolute;z-index:10;left:12px;bottom:74px;display:flex;align-items:center;gap:10px;min-height:34px;margin:0;padding:3px 9px;border:1px solid #a5b98855;border-radius:6px;background:#19392ff5;font-size:11px;flex-wrap:nowrap}.workshop-maps .workshop-brush-status>span:nth-child(2){display:none}.workshop-maps .workshop-checkbox{margin:0;padding:0;min-height:28px;gap:6px;cursor:pointer}.workshop-maps .workshop-checkbox input{width:17px;height:17px}.workshop-maps .workshop-checkbox strong{font-size:11px}.workshop-maps .workshop-checkbox small{display:none}.workshop-maps .workshop-map-meta{position:absolute;z-index:10;right:12px;top:68px;display:flex;flex-direction:column;align-items:flex-end;gap:5px;pointer-events:none}.workshop-maps .workshop-map-summary{display:flex;align-items:center;gap:12px;min-height:28px;margin:0;padding:4px 9px;border:1px solid #9aae8055;border-radius:5px;background:#19392ff5;font-size:11px}.workshop-maps .workshop-map-summary span:last-child,.workshop-maps .workshop-validation.valid{display:none}.workshop-maps .workshop-validation.invalid{min-height:0;max-width:280px;margin:0;padding:6px 10px;border-radius:5px;background:#4b3029f5;font-size:11px}.workshop-maps .workshop-editor-actions{position:absolute;z-index:10;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));display:flex;gap:7px;margin:0;padding:5px;flex-wrap:nowrap;border:1px solid #a9bc8b66;border-radius:8px;background:#19392ff5}.workshop-maps .workshop-editor-actions button{min-height:44px;height:44px;min-width:0;padding:0 17px;font-size:12px;letter-spacing:0;gap:6px;flex:none;border-radius:4px}.workshop-maps .workshop-editor-actions .workshop-new-map{width:44px;flex:0 0 44px;padding:0}.workshop-maps .workshop-new-map span{display:none}.workshop-maps .workshop-editor-actions .workshop-new-map~button:last-child{flex:none;min-height:44px}.workshop-maps .board-camera-tools{z-index:10;left:max(12px,env(safe-area-inset-left));right:auto;bottom:max(12px,env(safe-area-inset-bottom));gap:4px;padding:5px;border-radius:8px;background:#19392ff5;-webkit-backdrop-filter:none;backdrop-filter:none}.workshop-maps .board-camera-tools button{width:44px;height:44px;min-height:44px}.workshop-maps .board-camera-tools .board-camera-fit{width:auto;padding:0 10px;font-size:11px;gap:6px}.workshop-maps .board-camera-tools>span{font-size:11px;min-width:34px}.workshop-maps .board-camera-drag-icon{display:none}.workshop-maps .board-camera-minimap{z-index:9;right:12px;bottom:80px;width:106px;height:76px;border-radius:5px;background:#19392ff5;-webkit-backdrop-filter:none;backdrop-filter:none}.workshop-maps .workshop-settings,.workshop-maps .workshop-library{display:none}.workshop-maps .workshop-settings.mobile-open,.workshop-maps .workshop-library.mobile-open{display:flex;flex-direction:column;position:fixed;z-index:110;top:max(10px,env(safe-area-inset-top));bottom:max(10px,env(safe-area-inset-bottom));left:10px;width:min(340px,calc(100vw - 20px));min-height:0;max-height:none;overflow-y:auto;padding:20px;background:#193a30;border:1px solid #c5bc8677;border-radius:8px;box-shadow:0 15px 60px #041a1fb8;overscroll-behavior:contain;scrollbar-width:thin}.workshop-maps .workshop-library.mobile-open{left:auto;right:10px}.map-drawer-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:105;background:#071c22b8}.workshop-maps .map-drawer-close{display:grid;place-items:center;position:absolute;right:7px;top:7px;width:44px;height:44px;color:#e5d19b}.workshop-maps .workshop-panel-heading{flex:none;min-height:28px;margin-bottom:18px;padding-right:22px}.workshop-maps .workshop-panel-heading h2{font-size:14px}.workshop-maps .workshop-settings .workshop-field{margin-bottom:18px;flex:none}.workshop-maps .workshop-settings .workshop-field>span,.workshop-maps .workshop-settings legend{font-size:12px;margin-bottom:8px}.workshop-maps .workshop-settings input:not([type=color]){height:44px!important;font-size:14px;padding:0 10px!important}.workshop-maps .workshop-size-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.workshop-maps .workshop-size-presets button{min-height:42px;font-size:12px}.workshop-maps .workshop-size-inputs{gap:8px;grid-template-columns:1fr 15px 1fr}.workshop-maps .workshop-size-inputs label>span{font-size:11px}.workshop-maps .workshop-subtle{min-height:44px;font-size:12px;margin-top:0;flex:none}.map-drawer-done{margin-top:16px;min-height:44px;flex:none}.map-library-search{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;margin-bottom:12px;background:#102d28;border:1px solid #9eb79052;color:#b6c7a7;flex:none}.map-library-search input{width:100%;min-width:0;min-height:42px;border:0;background:transparent;outline:none;color:#e8e8cc;font:inherit;font-size:13px}.workshop-maps .workshop-library-items{display:flex;flex-direction:column;min-height:0;overflow-y:auto;gap:10px}.workshop-maps .workshop-saved-card{display:grid;grid-template-columns:85px minmax(0,1fr);min-width:0;max-width:none;flex:none}.workshop-maps .workshop-mini-map{max-height:65px}.workshop-maps .workshop-saved-info h3{font-size:13px}.workshop-maps .workshop-saved-info>span{font-size:11px}.workshop-maps .workshop-card-actions{grid-column:1/-1;display:flex;padding:4px 8px 8px;gap:6px}.workshop-maps .workshop-card-actions>button{width:40px;height:40px}.workshop-maps .workshop-card-actions>.workshop-test-map{font-size:12px;min-height:40px;padding:0 10px}.workshop-maps .workshop-empty{min-height:120px;flex-direction:column;flex:none}.workshop-maps .workshop-empty strong{font-size:13px}.workshop-maps .workshop-feedback{bottom:80px;font-size:12px;max-width:calc(100vw - 24px);padding:9px 15px;z-index:120}@media(max-width:620px)and (orientation:portrait){.workshop-maps .workshop-header{gap:5px;top:max(8px,env(safe-area-inset-top));left:8px;right:8px}.workshop-maps .workshop-tabs button{padding:0 8px;font-size:10px;gap:4px}.map-library-toggle{padding:0 9px;font-size:11px}.map-library-toggle b{display:none}.workshop-maps .workshop-editor-heading{left:8px;top:64px;max-width:calc(100% - 122px);gap:5px;padding-left:8px}.workshop-maps .workshop-editor-heading h2{font-size:14px;max-width:140px}.workshop-maps .workshop-map-meta{top:72px;right:8px}.workshop-maps .workshop-map-summary{font-size:10px;gap:7px;padding:4px 6px}.workshop-maps .workshop-palette{left:8px;right:8px;top:auto;bottom:78px;max-height:none;flex-direction:row;justify-content:center;gap:3px;padding:4px}.workshop-maps .workshop-palette button{width:auto;flex:1;min-width:0;min-height:50px}.workshop-maps .workshop-palette button>span,.workshop-maps .workshop-palette button svg{width:28px;height:28px}.workshop-maps .workshop-palette button strong{font-size:9px}.workshop-maps .workshop-editor-actions{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));gap:5px}.workshop-maps .workshop-editor-actions button,.workshop-maps .workshop-editor-actions .workshop-new-map~button:last-child{flex:1;padding:0 9px;font-size:12px}.workshop-maps .workshop-brush-status{left:8px;bottom:142px;gap:6px;padding:3px 7px}.workshop-maps .workshop-brush-status>span:first-child{display:none}.workshop-maps .board-camera-tools{left:auto;right:8px;bottom:142px;padding:3px;gap:2px}.workshop-maps .board-camera-tools button{width:38px;height:40px;min-height:40px}.workshop-maps .board-camera-tools>span,.workshop-maps .board-camera-tools>i{display:none}.workshop-maps .board-camera-tools .board-camera-fit{padding:0 7px;font-size:10px}.workshop-maps .board-camera-minimap{right:8px;bottom:198px;width:90px;height:65px}.workshop-maps .workshop-validation.invalid{max-width:180px}.workshop-maps .workshop-feedback{bottom:204px}}@media(max-height:550px)and (orientation:landscape){.workshop-maps .workshop-header{top:8px;left:8px;right:8px;min-height:40px}.workshop-maps .workshop-header .workshop-back,.map-library-toggle{height:40px;min-height:40px}.workshop-maps .workshop-tabs button{min-height:34px;font-size:11px;padding:0 9px}.workshop-maps .workshop-editor-heading{top:58px;left:8px;min-height:40px}.workshop-maps .workshop-editor-heading h2{font-size:14px;max-width:140px}.workshop-maps .workshop-map-meta{top:58px;right:8px}.workshop-maps .workshop-palette{top:110px;left:8px;bottom:70px;max-height:none;display:grid;grid-template-columns:repeat(2,44px);align-content:start;gap:3px}.workshop-maps .workshop-palette button{width:44px;min-height:44px;padding:1px}.workshop-maps .workshop-palette button>span,.workshop-maps .workshop-palette button svg{width:26px;height:26px}.workshop-maps .workshop-palette button strong{font-size:9px}.workshop-maps .workshop-brush-status{left:auto;right:8px;bottom:72px}.workshop-maps .workshop-editor-actions{right:8px;bottom:max(8px,env(safe-area-inset-bottom))}.workshop-maps .board-camera-tools{left:8px;bottom:max(8px,env(safe-area-inset-bottom))}.workshop-maps .board-camera-minimap{top:100px;bottom:auto;right:8px;width:90px;height:65px}}@media(max-width:660px)and (orientation:landscape){.workshop-maps .workshop-editor-actions button{padding:0 8px;font-size:10px}.workshop-maps .board-camera-tools{gap:2px;padding:3px}.workshop-maps .board-camera-tools button{width:36px}.workshop-maps .board-camera-tools>span,.workshop-maps .board-camera-tools>i{display:none}.workshop-maps .board-camera-tools .board-camera-fit{padding:0 6px}}.workshop-maps .workshop-edit-cell>.workshop-cell-art{width:44px;height:44px;object-fit:contain;pointer-events:none}@media(max-width:360px)and (orientation:portrait){.workshop-maps .workshop-tabs button{width:36px;padding:0;font-size:0;justify-content:center}.workshop-maps .workshop-tabs button svg{width:17px;height:17px}}.deployment-clouds{position:absolute;overflow:hidden;pointer-events:none;contain:layout paint;isolation:isolate;border:1px solid #e0e8d999;border-radius:4px;display:grid;place-items:center;color:#355149}.deployment-clouds>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.deployment-clouds>span{position:relative;display:grid;justify-items:center;gap:7px;padding:12px;background:#edf2e5e8;border:1px solid #90a798;border-radius:8px}.deployment-clouds strong{font-size:16px}.deployment-clouds small{font-size:10px}.match-player-hud{position:absolute;inset:calc(12px + env(safe-area-inset-top)) 18px auto;display:flex;justify-content:space-between;pointer-events:none;z-index:10;gap:100px}.match-player-card{display:flex;align-items:center;gap:10px;width:clamp(150px,22vw,270px);padding:10px 14px;border:1px solid #769782;background:#163a30f5;border-radius:5px;color:#e4eedb;min-width:0}.match-player-card.blue{background:#193c4af5;border-color:#739baa;color:#e1edf3}.match-player-card.active{border:2px solid #e6cf8c;padding:9px 13px}.match-player-card.right{flex-direction:row-reverse;text-align:right}.match-player-avatar{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid #d3c18e;background:#75987a33;color:#e9d89e;font:24px serif;border-radius:6px}.match-player-card>div{display:grid;gap:4px;min-width:0}.match-player-card strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-player-card strong>small{margin-left:7px;background:#d6c389;color:#284236;padding:1px 4px;font-size:9px}.match-player-card span:not(.match-player-avatar){font-size:11px;color:#c3d7c5}.match-player-card.blue span:not(.match-player-avatar){color:#c2dbe5}.match-player-card small{font-size:10px;color:#a9c2ae}.match-center-status{position:absolute;top:calc(14px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:11;display:grid;justify-items:center;gap:5px;padding:7px 13px;background:#15382ff2;border:1px solid #abbf8755;border-radius:5px;color:#e9e7cb;pointer-events:none}.match-center-status>strong{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.match-center-status>small{font-size:9px;color:#b9ccb5}.match-center-status .match-turn-clock{margin:0}.match-duel-hud .match-utilities{top:auto;bottom:calc(14px + env(safe-area-inset-bottom));left:14px;right:auto}.match-duel-hud .match-tools-panel{top:auto;bottom:52px;left:0;right:auto}.match-duel-hud .match-utilities .reference-button{-webkit-backdrop-filter:none;backdrop-filter:none}.match-duel-hud .match-prompt{bottom:76px}@media(max-width:680px){.match-player-hud{inset:calc(8px + env(safe-area-inset-top)) 8px auto;gap:14px}.match-player-card{width:43%;padding:7px 8px;gap:6px}.match-player-card.active{padding:6px 7px}.match-player-avatar{width:31px;height:31px;font-size:20px}.match-player-card strong{font-size:12px}.match-player-card small{font-size:8px}.match-player-card span:not(.match-player-avatar){font-size:9px}.match-center-status{top:calc(82px + env(safe-area-inset-top));padding:4px 9px;display:flex;gap:8px}.match-center-status>small{display:none}.match-center-status>strong{font-size:10px}.match-duel-hud .match-utilities{bottom:calc(8px + env(safe-area-inset-bottom));left:8px;gap:3px}.deployment-clouds>span{padding:8px;gap:4px}.deployment-clouds strong{font-size:13px}.deployment-clouds small{font-size:9px}}@media(max-height:520px)and (orientation:landscape){.match-player-hud{inset:8px 10px auto}.match-player-card{padding:5px 10px;gap:7px;width:190px}.match-player-card.active{padding:4px 9px}.match-player-avatar{width:32px;height:32px;font-size:20px}.match-player-card strong{font-size:12px}.match-player-card>div{gap:2px}.match-player-card span:not(.match-player-avatar){font-size:9px}.match-player-card small{font-size:8px}.match-center-status{top:8px;padding:5px 10px;display:grid;gap:3px}.match-center-status>strong{font-size:11px}.match-center-status>small{display:none}.match-duel-hud .match-utilities{bottom:8px;left:10px}.match-duel-hud .match-utilities .reference-controls{display:none}.match-duel-hud .match-board .board-camera-tools,.match-duel-hud .match-board .board-camera-minimap{left:auto;right:10px}.match-duel-hud .match-floating-panel{bottom:68px}.match-duel-hud .match-prompt{bottom:60px}}@media(max-width:680px)and (orientation:portrait){.match-duel-hud .match-utilities{bottom:calc(64px + env(safe-area-inset-bottom))}.match-duel-hud .match-utilities .reference-controls{display:none}.match-duel-hud .match-prompt{bottom:116px}}.match-duel-hud .match-context-hint{left:50%;transform:translate(-50%);bottom:72px;max-width:min(440px,90vw)}.match-duel-hud .match-utilities{width:auto;flex-wrap:nowrap}@media(max-width:680px)and (orientation:portrait){.match-duel-hud .match-context-hint{bottom:112px}}@media(max-height:520px)and (orientation:landscape){.match-duel-hud .match-context-hint{bottom:62px}}.app.onlineBattle-view,.app.spectate-view{height:100svh;min-height:0;overflow:hidden}.match-center-status .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.match-center-status .match-turn-clock{white-space:nowrap;flex-shrink:0}.match-center-meta{display:flex;align-items:center;gap:10px;font-size:9px;color:#b9ccb5;white-space:nowrap}.match-center-meta small{font-size:9px}.match-spectator-count{display:flex;align-items:center;gap:4px;color:#e6d39b}@media(max-width:680px){.match-center-meta>small{display:none}}