@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap";:root{--bg:#eef1f5;--paper:#fff;--ink:#262d35;--muted:#717c8b;--line:#dce0e6;--green:#2a4364;--green-dark:#1e2d40;--gold:#cbb17e;--red:#ad6d66;--sidebar:224px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans JP,sans-serif;font-size:14px;line-height:1.7}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button{background:0 0;border:0}a{color:inherit;text-decoration:none}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #d1d7df;border-radius:7px;outline:none;padding:10px 12px;font-size:13px}input:focus,textarea:focus,select:focus{border-color:#4f627b;box-shadow:0 0 0 3px #4f627b13}textarea{resize:vertical;line-height:1.8}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #8898ae}h1,h2,h3,p{margin:0}h1{letter-spacing:.03em;font-size:31px;line-height:1.5}h2{font-size:19px}h3{font-size:15px}svg{flex-shrink:0}small{font-size:11px}.muted{color:var(--muted)}.pre-wrap{white-space:pre-wrap}.primary,.outline,.ghost,.text-btn{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.primary:hover{background:var(--green-dark)}.outline{background:#fffefa;border:1px solid #cad0d8}.outline:hover{background:#eceff4}.ghost{color:#626b77}.ghost:hover{color:var(--ink);background:#e5e9ef}.icon-btn{border-radius:6px;justify-content:center;align-items:center;width:31px;height:31px;padding:4px;display:inline-flex}.icon-btn:hover{background:#e4e8ee}.danger{color:#a45b53!important}.full{width:100%}.push-right{margin-left:auto}.badge{color:#616b78;white-space:nowrap;background:#edf0f5;border:1px solid #d6dbe2;border-radius:4px;align-items:center;gap:4px;padding:3px 9px;font-size:10px;font-weight:500;line-height:1.6;display:inline-flex}.badge.green{color:#425977;background:#ecf0f5;border-color:#d2dce9}.badge.rose{color:#a6645b;background:#fbefec;border-color:#f0dbd6}.badge.amber{color:#9b803e;background:#f7f1e3;border-color:#eadfc5}.eyebrow{letter-spacing:.17em;color:#818b98;font-size:9px;font-weight:600}.sidebar{width:var(--sidebar);color:#abb1ba;z-index:40;background:#1e252d;flex-direction:column;padding:29px 15px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#e3eaf2;align-items:center;gap:11px;margin-bottom:42px;padding:0 9px;display:flex}.brand-mark{color:#d1b27e;border:1px solid #4a5563;border-radius:9px;place-items:center;width:41px;height:45px;display:grid}.brand>div{flex-direction:column;display:flex}.brand div>span{letter-spacing:.15em;color:#c9b989;font-size:10px;font-weight:600}.brand strong{letter-spacing:.05em;font-size:16px;font-weight:600}.sidebar-section-label{letter-spacing:.12em;color:#737e8d;margin:22px 12px 10px;font-size:9px}.side-link{text-align:left;color:#a5acb6;border-radius:7px;align-items:center;gap:10px;width:100%;min-height:44px;padding:11px 12px;font-size:12px;transition:all .15s;display:flex}.side-link>span:last-child:not(:first-child){color:#97a6ba;margin-left:auto;font-size:10px}.side-link.defense-link>span{flex:1;color:inherit!important;margin-left:0!important;font-size:12px!important}.defense-link{margin:3px 0}.defense-link .avatar{border-color:#5a6675}.side-add{color:#acb8c8;align-items:center;gap:7px;padding:12px;font-size:11px;display:flex}.sidebar-bottom{margin-top:auto}.sidebar-match{border-top:1px solid #383f49;flex-direction:column;padding:22px 12px 17px;display:flex}.sidebar-match>span{color:#7c8796;font-size:10px}.sidebar-match strong{color:#cdd5df;margin:5px 0;font-size:12px;font-weight:500}.sidebar-match small{color:#9ba4af;font-size:9px}.view-only{color:#939ead;align-items:center;gap:7px;padding:12px;font-size:10px;display:flex}.version-label{letter-spacing:.08em;color:#646f7d;padding:10px 12px 0;font-size:8px}.main-shell{margin-left:var(--sidebar)}.topbar{border-bottom:1px solid var(--line);z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6f9fcef;justify-content:space-between;align-items:center;height:70px;padding:0 38px;display:flex;position:sticky;top:0}.breadcrumbs{color:#9099a5;align-items:center;gap:12px;font-size:11px;display:flex}.breadcrumbs strong{color:#58616c;font-weight:500}.header-actions{align-items:center;gap:10px;display:flex}.header-actions .outline{padding:7px 14px;font-size:11px}.header-actions .ghost{font-size:10px}.mobile-toggle{display:none}main{max-width:1280px;margin:auto;padding:32px 40px 22px}.board-hero{color:#e1e8f0;background:#313c4b;border-radius:12px;padding:27px 33px 0;position:relative;overflow:hidden;box-shadow:0 3px 9px #1e2d4010}.board-hero:after{content:"";pointer-events:none;border:1px solid #59647344;width:280px;height:280px;position:absolute;top:-80px;right:-80px;transform:rotate(45deg)}.hero-top{justify-content:space-between;align-items:center;display:flex}.hero-eyebrow{letter-spacing:.18em;color:#a9b5c5;align-items:center;gap:8px;font-size:9px;display:flex}.live-dot{background:#bca36c;border-radius:50%;width:6px;height:6px;display:inline-block}.hero-top .badge{color:#d6c9a8;letter-spacing:.05em;background:#50607530;border-color:#657b9755}.hero-title-row{justify-content:space-between;align-items:center;padding:19px 0 25px;display:flex}.opponent-label{letter-spacing:.06em;color:#a9b4c2;margin-bottom:7px;font-size:11px}.hero-title-row h1{letter-spacing:.07em;font-size:31px;font-weight:600}.hero-title-row h1>span{color:#a9b4c2;letter-spacing:0;margin-left:12px;font-size:13px;font-weight:400}.hero-emblem{color:#8497af66;margin-right:40px;transform:rotate(-5deg)}.hero-bottom{color:#c6d1e0;border-top:1px solid #67738345;justify-content:space-between;align-items:center;padding:15px 0 17px;font-size:11px;display:flex}.hero-bottom>div,.hero-bottom>span{align-items:center;gap:8px;display:flex}.hero-bottom>div{color:#dbcba1}.hero-bottom strong{font-size:11px;font-weight:500}.hero-bottom>span{color:#9ca8b7;font-size:10px}.hero-bottom i{background:#687585;width:1px;height:10px;margin:0 7px}.commander-note{background:#e6eaf0;border:1px solid #d3dbe6;border-radius:8px;align-items:flex-start;gap:25px;margin:18px 0 35px;padding:16px 21px;display:flex}.commander-note>div{color:#576578;flex-shrink:0;align-items:center;gap:8px;padding-top:2px;display:flex}.commander-note h2{white-space:nowrap;font-size:11px;font-weight:600}.commander-note p{color:#66707e;white-space:pre-wrap;font-size:11px;line-height:1.95}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin:27px 0 19px;display:flex}.section-heading h2{letter-spacing:.02em;align-items:center;gap:10px;font-size:19px;font-weight:600;display:flex}.section-heading h2>span{color:#5f6d7f;background:#dde4ec;border-radius:5px;padding:2px 8px;font-size:11px}.section-heading p{color:#7f8997;margin-top:5px;font-size:11px}.board-heading .eyebrow{letter-spacing:.15em;margin-bottom:5px;font-size:9px}.board-controls{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.filter-row button{color:#87909c;white-space:nowrap;border-radius:5px;align-items:center;gap:8px;padding:6px 13px;font-size:11px;display:flex}.filter-row button.active{color:#425267;background:#dde4ec;font-weight:600}.filter-row button:hover{background:#e3e8ee}.filter-row button>span{border:1px solid #bcc7d5;border-radius:3px;padding:0 4px;font-size:9px}.search-input{border:1px solid var(--line);color:#8c97a6;background:#fff;border-radius:6px;align-items:center;gap:8px;padding:0 11px;display:flex}.search-input input{box-shadow:none;background:0 0;border:0;padding:9px 0;font-size:12px}.search-input.compact{width:240px}.search-input.compact input{padding:8px 0;font-size:10px}.defense-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px;display:grid}.defense-card{background:var(--paper);text-align:left;border:1px solid var(--line);border-radius:10px;flex-direction:column;min-height:316px;padding:21px 24px 0;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 2px 3px #1d2d4110}.defense-card:hover{border-color:#96a6ba;transform:translateY(-3px);box-shadow:0 7px 18px #1d2d4110}.defense-card-top{justify-content:space-between;align-items:center;display:flex}.card-status{color:#8c97a5;align-items:center;gap:5px;font-size:9px;display:flex}.card-status i,.status-dot{background:#b7a279;border-radius:50%;width:5px;height:5px;display:inline-block}.card-status .green-dot{background:#6a7f9b}.card-title-row{justify-content:space-between;align-items:center;margin:12px 0 14px;display:flex}.card-title-row h3{letter-spacing:.03em;font-size:22px;font-weight:600}.card-index{color:#d6dde7;letter-spacing:.04em;font-size:26px;font-weight:500;line-height:1}.roster-label{color:#939eac;letter-spacing:.02em;margin-bottom:9px;font-size:9px}.card-portraits{align-items:flex-start;gap:17px;min-height:91px;display:flex}.avatar-wrap{flex-direction:column;flex-shrink:0;align-items:center;gap:5px;min-width:0;display:flex}.avatar{background:#d0d7e1;border:1px solid #9faab9;border-radius:8px;place-items:center;width:49px;height:49px;display:grid;overflow:hidden;box-shadow:0 0 0 2px #ecf0f5}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar-wrap>span{color:#616b79;text-align:center;max-width:90px;font-size:10px;line-height:1.4}.avatar-wrap.large .avatar{width:58px;height:58px}.avatar-wrap.tiny .avatar{width:27px;height:27px;box-shadow:none;border-radius:5px}.avatar.type-attack{border-color:#cb938a}.avatar.type-magic{border-color:#8caec8}.avatar.type-support{border-color:#c8ad76}.avatar.type-universal{border-color:#ac9cbe}.avatar.type-defense{border-color:#c4b574}.defense-description{color:#7d8795;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:42px;margin:6px 0 20px;font-size:11px;line-height:1.9;display:-webkit-box;overflow:hidden}.defense-card-bottom{color:#8b97a7;border-top:1px solid #e0e7ef;justify-content:space-between;align-items:center;margin-top:auto;padding:14px 0;font-size:10px;display:flex}.defense-card-bottom b{color:#4d5d72;margin-right:4px;font-size:16px;font-weight:500}.card-go{color:#465d7a;align-items:center;gap:11px;font-size:11px;display:flex}.defense-card.pending{background:#f1f4f8}.defense-card.pending .card-go{color:#7c8694}.page-footer{border-top:1px solid var(--line);color:#959fac;justify-content:space-between;align-items:center;gap:20px;margin-top:38px;padding:22px 0 4px;font-size:9px;display:flex}.page-footer>span{align-items:center;gap:6px;display:flex}.back-link{color:#788494;align-items:center;gap:8px;margin:0 0 24px;padding:0;font-size:11px;display:inline-flex}.back-link:hover{color:var(--green)}.detail-hero{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;padding-bottom:29px;display:flex}.detail-hero>div:first-child{flex:1;max-width:680px}.detail-label{align-items:center;gap:8px;display:flex}.detail-label>span:last-child:not(.badge){letter-spacing:.13em;color:#8a98aa;margin-left:3px;font-size:9px}.detail-hero h1{margin:11px 0;font-size:30px}.detail-hero p{color:#6d7988;white-space:pre-wrap;font-size:12px;line-height:1.9}.defense-portraits{text-align:right;flex-shrink:0}.defense-portraits>div:last-child{gap:13px;margin-top:13px;display:flex}.party-jump{flex-wrap:wrap;gap:9px;margin:0 0 22px;display:flex}.party-jump a{background:#f4f7fb;border:1px solid #d2dae4;border-radius:5px;align-items:center;gap:8px;padding:7px 12px;font-size:11px;display:flex}.party-jump a>span{color:#758ba7;font-size:10px}.attack-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;margin:0 0 27px;scroll-margin-top:90px;overflow:hidden}.attack-heading{background:#f7f9fc;border-bottom:1px solid #dde4ec;justify-content:space-between;align-items:center;padding:23px 25px 20px;display:flex}.attack-title{align-items:center;gap:15px;display:flex}.number{color:#abb8c8;letter-spacing:.03em;font-size:25px;font-weight:400;line-height:1}.attack-title h2{margin-top:3px;font-size:21px;font-weight:600}.attack-title .eyebrow{font-size:8px}.attack-body{padding:22px 25px 25px}.party-meta{grid-template-columns:.85fr .85fr 1.3fr;gap:14px;margin-bottom:22px;display:grid}.party-meta>div{border-right:1px solid #dce3ec;align-items:flex-start;gap:9px;padding-right:15px;font-size:12px;display:flex}.party-meta>div:last-child{border:0;padding-right:0}.party-meta svg{color:#8999b0;margin-top:4px}.party-meta small{color:#828f9f;font-size:10px;display:block}.party-meta strong{color:#4c5b6f;margin-top:3px;font-size:11px;font-weight:500;display:block}.formation-positions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.formation-positions span{color:#8692a1;font-size:9px}.member-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.member-card{background:#fffefa;border:1px solid #d7dfe9;border-radius:7px;min-width:0;padding:17px 17px 13px}.member-head{border-bottom:1px solid #e3eaf2;align-items:center;gap:12px;padding-bottom:15px;display:flex}.member-head h3{word-break:break-all;font-size:15px;font-weight:600;line-height:1.7}.member-head small{color:#798799;font-size:9px}.type-text{color:#738295;font-size:9px}.type-text.attack{color:#ae7e75}.type-text.magic{color:#7498af}.type-text.support{color:#aa9360}.type-text.universal{color:#9582ab}.type-text.defense{color:#a39755}dl{margin:13px 0 0}dl>div{margin-bottom:11px}dt{color:#8c98a8;margin-bottom:4px;font-size:9px}dd{color:#556376;margin:0;font-size:11px;line-height:1.8}.empty-text{color:#a0abba;font-size:11px}.set-chips{flex-wrap:wrap;gap:4px;display:flex}.set-piece{align-items:center;gap:4px;display:flex}.set-piece>small{color:#8697ae;font-size:9px}.member-note{color:#9a977a;border-top:1px dashed #d3dbe6;gap:6px;padding-top:9px;display:flex}.member-note svg{margin-top:4px}.member-note p{white-space:pre-wrap;font-size:10px;line-height:1.8}.skill-section{margin-top:27px}.section-label{color:#647387;align-items:center;gap:9px;margin-bottom:14px;display:flex}.section-label h3{color:#4d5c70;font-size:13px}.section-label>span{color:#8e9caf;margin-left:auto;font-size:9px}.skill-pattern{background:#f1f5fa;border:1px solid #d6dee8;border-radius:7px;margin-bottom:12px;padding:14px 17px}.pattern-heading{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:13px;display:flex}.pattern-heading .badge{padding:1px 5px;font-size:9px}.pattern-heading strong{color:#5b6e88;font-size:11px}.pattern-heading>span:last-child:not(.badge){color:#7b8b9f;font-size:10px}.skill-flow{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.step-and-arrow{align-items:center;gap:9px;display:flex}.skill-step{background:#fffefa;border:1px solid #d5dde8;border-radius:7px;align-items:center;gap:9px;min-width:140px;padding:9px 12px 9px 10px;display:flex;position:relative}.step-num{color:#8c9cb1;width:9px;font-size:9px}.skill-image{background:#d1dcea;border:1px solid #acbacd;border-radius:6px;flex-shrink:0;width:37px;height:37px;overflow:hidden}.skill-image img{object-fit:cover;width:100%;height:100%}.skill-step>div:last-child{flex-direction:column;display:flex}.skill-step strong{font-size:11px;font-weight:500}.skill-up{color:#8f7565}.skill-down{color:#6a7a8f}.flow-arrow{color:#a2b2c7}.condition-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.condition-box{background:#ebf0f7;border:1px solid #d2dce9;border-radius:7px;padding:14px 16px}.condition-box h3{color:#596f8c;align-items:center;gap:7px;font-size:11px;font-weight:500;display:flex}.condition-box p{white-space:pre-wrap;color:#708299;margin-top:7px;font-size:11px;line-height:1.9}.condition-box.retreat{background:#faf6ed;border-color:#eee5d0}.condition-box.retreat h3{color:#b09860}.general-note{margin-top:19px;padding:0 3px}.general-note h3{color:#7a899c;align-items:center;gap:7px;font-size:11px;font-weight:500;display:flex}.general-note p{white-space:pre-wrap;color:#7b8898;margin-top:7px;font-size:11px;line-height:1.9}.references{border-top:1px solid #d9e1ec;margin-top:23px;padding-top:19px}.reference-link{color:#607a9b;background:#eef3f9;border:1px solid #ccd8e7;border-radius:5px;align-items:center;gap:8px;margin:5px 8px 0 0;padding:8px 10px;font-size:11px;display:inline-flex}.reference-link:hover{background:#e0e8f2}.reference-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:15px;display:grid}.reference-grid img{object-fit:contain;border:1px solid var(--line);background:#eaeef3;border-radius:7px;width:100%;height:170px}.reference-grid span{color:#79889c;font-size:10px;display:block}.empty-state{text-align:center;color:#8898ad;background:#f1f4f9;border:1px dashed #ced8e5;border-radius:9px;padding:45px 20px}.empty-state>svg{margin-bottom:15px}.empty-state h3{color:#677a92;font-weight:500}.empty-state p{margin-top:6px;font-size:11px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#131b26b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#f7f9fc;border:1px solid #cfdae8;border-radius:13px;width:430px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 80px #070e1840}.modal.wide{width:800px}.modal-head{border-bottom:1px solid var(--line);z-index:1;background:#f7f9fc;justify-content:space-between;align-items:center;padding:19px 24px;display:flex;position:sticky;top:0}.modal-head h2{font-size:16px;font-weight:600}.login-form{padding:25px}.login-icon{color:#5f7796;background:#dfe8f3;border:1px solid #c4d2e5;border-radius:50%;place-items:center;width:65px;height:65px;margin:0 auto 17px;display:grid}.login-form>p{color:#8190a4;text-align:center;margin-bottom:22px;font-size:12px}.field{flex-direction:column;gap:6px;min-width:0;margin-bottom:18px;display:flex}.field>span{color:#596b83;font-size:11px;font-weight:500}.field>small{color:#909fb2;font-size:10px;font-weight:400}.login-form .field{margin-bottom:19px}.error-box{color:#ab7564;background:#fbefeb;border:1px solid #ebd0c5;border-radius:6px;margin-bottom:14px;padding:10px 12px;font-size:11px}.picker-content{padding:20px 24px}.picker-content>.filter-row{margin:15px 0}.type-filter i{background:#bea9ca;border-radius:50%;width:6px;height:6px}.type-filter.attack i{background:#ca8b7e}.type-filter.magic i{background:#84a5bf}.type-filter.defense i{background:#c2b46b}.type-filter.support i{background:#c2a573}.picker-grid{grid-template-columns:repeat(7,1fr);gap:9px;max-height:420px;padding:7px 3px 12px;display:grid;overflow-y:auto}.pick-char{border:1px solid #0000;border-radius:7px;flex-direction:column;align-items:center;gap:5px;padding:9px 2px;display:flex}.pick-char:hover{background:#dce6f3}.pick-char.selected{background:#e1eaf5;border-color:#aabcd4}.pick-char strong{font-size:10px;font-weight:500;line-height:1.5}.pick-char small{color:#8d9cb0;font-size:8px;line-height:1.3}.picker-foot{color:#909eb0;border-top:1px solid var(--line);justify-content:space-between;margin-top:6px;padding-top:14px;font-size:10px;display:flex}.toast{z-index:200;color:#e7eef7;background:#2c3b4e;border-radius:8px;align-items:center;gap:10px;max-width:min(650px,90vw);padding:14px 18px;font-size:12px;display:flex;position:fixed;bottom:26px;left:calc(50% + 80px);transform:translate(-50%);box-shadow:0 8px 30px #0e1b2b30}.toast button{color:#aebed2;display:flex}.editing-strip{color:#5b779c;background:#dee6f0;border:1px solid #c1d0e3;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:9px 13px;font-size:11px;display:flex}.editing-strip>div{align-items:center;gap:7px;font-weight:600;display:flex}.editing-strip small{color:#8697ae;margin-left:7px;font-size:10px;font-weight:400}.editing-strip button{color:#7288a4;align-items:center;gap:6px;font-size:10px;display:flex}.save-state{color:#7a8fab;font-size:10px}.save-state.unsaved{color:#b69b64}.page-heading{margin-bottom:25px}.page-heading h1{margin:8px 0;font-size:26px}.page-heading p{color:#8090a4;font-size:12px}.editor-panel{background:#fffefa;border:1px solid #d1dbe9;border-radius:9px;margin-bottom:22px;padding:24px}.editor-panel .section-label h2{font-size:16px}.form-grid{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.form-grid.three{grid-template-columns:2fr 1fr 1fr}.form-grid .field{margin-bottom:18px}.representative-edit{align-items:center;gap:20px;padding:12px 0;display:flex}.representative-edit>div{position:relative}.char-replace{text-align:left;align-items:center;gap:12px;padding:0;display:flex}.char-replace:hover .avatar{outline-offset:2px;outline:2px solid #a7bcd8}.char-replace>div:last-child:not(.avatar-wrap){flex-direction:column;display:flex}.char-replace small{color:#8b9db4;font-size:9px}.char-replace strong{font-size:14px;font-weight:600}.char-replace>div>span:not(.avatar){color:#8c9fb9;align-items:center;gap:2px;font-size:9px;display:flex}.mini-remove{color:#627997;background:#d5dee9;border:1px solid #bbcadd;border-radius:50%;padding:3px;display:flex;position:absolute;top:-8px;right:-10px}.add-char{color:#8497b1;border:1px dashed #bbc9db;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:80px;height:75px;display:flex}.add-char>span{font-size:9px}.attack-editor{padding:0;overflow:hidden}.attack-edit-toggle{text-align:left;align-items:center;gap:15px;width:100%;padding:20px 23px;display:flex}.attack-edit-toggle strong{font-size:16px;font-weight:600}.attack-edit-toggle .small-avatars{gap:6px;margin-left:auto;display:flex}.attack-edit-toggle>.badge{font-size:9px}.attack-edit-toggle>svg{color:#879cb8}.attack-edit-body{border-top:1px solid var(--line);padding:22px 24px}.editor-tabs{border-bottom:1px solid var(--line);gap:7px;margin-bottom:24px;display:flex;overflow-x:auto}.editor-tabs button{color:#8a9bb2;white-space:nowrap;border-bottom:2px solid #0000;padding:10px 13px 13px;font-size:12px}.editor-tabs button.active{color:#46648c;border-color:#496b98;font-weight:600}.editor-tabs button>span{background:#dce6f3;border-radius:4px;margin-left:7px;padding:1px 5px;font-size:9px}.edit-members{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.edit-member{background:#f8fafd;border:1px solid #d1dbe9;border-radius:7px;min-width:0;padding:17px 15px 0}.edit-member-head{border-bottom:1px solid #dce4ef;justify-content:space-between;align-items:flex-start;gap:4px;margin-bottom:15px;padding-bottom:17px;display:flex}.edit-member .avatar-wrap.large .avatar{width:45px;height:45px}.edit-member .char-replace{gap:10px}.edit-member .char-replace strong{font-size:13px}.edit-member .field{margin-bottom:14px}.edit-member input,.edit-member textarea,.edit-member select{padding:8px 9px;font-size:11px}.selected-sets{flex-wrap:wrap;gap:4px;display:flex}.selected-sets:empty{display:none}.selected-sets .badge{font-size:10px}.selected-sets button{color:#8a9db7;margin-left:2px;padding:0;display:inline-flex}.selected-sets small{font-size:8px}.edit-member .custom-set{background:#f1f5fb;font-size:10px}.dashed-btn{color:#6e89ad;background:#ecf2f9;border:1px dashed #a9bcd6;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:15px;padding:13px;font-size:12px;display:flex}.dashed-btn:hover{background:#e1eaf5}.inline-help{color:#748dae;background:#e7eef7;border-radius:6px;align-items:center;gap:8px;margin-bottom:20px;padding:12px;font-size:11px;display:flex}.pattern-editor{background:#f6f9fc;border:1px solid #cad8ea;border-radius:7px;margin-bottom:18px;padding:18px 20px}.pattern-editor-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.steps-editor{margin-bottom:14px}.step-editor{align-items:center;gap:7px;margin:9px 0;display:flex}.step-count{color:#7f97b6;width:18px;font-size:11px}.step-editor img{object-fit:cover;border:1px solid #a3b8d4;border-radius:5px;width:34px;height:34px}.step-editor select{width:130px;padding:7px 8px;font-size:11px}.step-editor select:nth-of-type(2){width:108px}.step-skill-name{color:#899cb5;flex:1;padding-left:5px;font-size:10px}.step-editor .icon-btn{flex-shrink:0;width:27px;height:27px}.attack-edit-footer{border-top:1px solid #d8e2ef;justify-content:space-between;align-items:center;margin-top:24px;padding-top:15px;display:flex}.attack-edit-footer>div{gap:5px;display:flex}.attack-edit-footer .ghost{padding:6px 8px;font-size:10px}.upload-area{text-align:center;cursor:pointer;color:#6b89b0;background:#edf2f9;border:1px dashed #9db4d1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin-bottom:22px;padding:32px 20px;display:flex}.upload-area strong{font-size:13px;font-weight:500}.upload-area span{color:#859cb9;font-size:11px}.upload-area small{color:#9badc4;font-size:9px}.upload-area input{display:none}.edit-image-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.edit-image-grid img{object-fit:contain;background:#e5ecf6;border-radius:6px;width:100%;height:150px}.edit-image-grid input{margin-top:6px;padding:7px;font-size:11px}.edit-image-grid .text-btn{padding:6px 0;font-size:10px;font-weight:400}.form-subhead{color:#738aa7;margin:22px 0 12px;font-size:12px}.link-editor{gap:10px;margin-bottom:13px;display:flex}.link-editor input{font-size:11px}.link-editor input:first-child{width:35%}.link-editor input:nth-child(2){flex:1;min-width:0}.link-editor button{flex-shrink:0}.password-settings{background:#f7f9fc;border:1px solid #d0dbea;border-radius:9px;justify-content:space-between;align-items:center;padding:22px;display:flex}.password-settings>div{color:#768fb0;align-items:center;gap:15px;display:flex}.password-settings h3{font-size:13px;font-weight:500}.password-settings p{color:#92a2b9;margin-top:3px;font-size:10px}.loading-screen{color:#54729a;background:#e4ebf3;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;display:flex}.loading-screen h1{font-size:20px;font-weight:500}.loading-screen p{color:#788fac;align-items:center;gap:7px;font-size:12px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1500px){main{padding-top:39px}.board-hero{padding-top:30px}.hero-title-row{padding:23px 0 29px}.defense-card{min-height:340px}.defense-card .avatar-wrap.large .avatar{width:64px;height:64px}.defense-description{margin-top:14px}}@media (max-width:1190px){:root{--sidebar:200px}main{padding:26px}.topbar{padding:0 26px}.sidebar{padding-left:10px;padding-right:10px}.member-cards{gap:9px}.member-card{padding:13px 12px}.member-head{gap:8px}.member-head .avatar-wrap.large .avatar{width:45px;height:45px}.member-head h3{font-size:13px}.defense-portraits .avatar-wrap.large .avatar{width:46px;height:46px}.detail-hero{gap:20px}.detail-hero h1{font-size:26px}.attack-body{padding:20px}.edit-members{grid-template-columns:1fr}.edit-member{grid-template-columns:1fr 1fr;column-gap:18px;display:grid}.edit-member-head{grid-column:1/-1}.step-skill-name{display:none}.step-editor select{flex:1;min-width:0}.commander-note{gap:18px}.hero-title-row h1{font-size:27px}.hero-emblem{margin-right:10px}.defense-card{padding-left:20px;padding-right:20px}}@media (max-width:900px){:root{--sidebar:182px}.brand{gap:8px;padding-left:5px}.brand-mark{width:34px;height:39px}.brand strong{font-size:14px}.brand div>span,.sidebar-section-label{font-size:8px}.side-link{padding:10px 9px;font-size:11px}.side-link.defense-link>span{font-size:11px!important}.sidebar-match strong{font-size:11px}main{padding:22px}.topbar{height:64px;padding:0 22px}.breadcrumbs{gap:7px;font-size:10px}.hero-title-row h1{font-size:25px}.hero-emblem{display:none}.board-hero{padding:23px 24px 0}.hero-bottom{flex-direction:column;align-items:flex-start;gap:8px}.commander-note{flex-direction:column;gap:8px;padding:15px 19px}.defense-grid{gap:14px}.defense-card{min-height:320px;padding:17px 17px 0}.card-title-row h3{font-size:19px}.card-portraits{gap:10px}.card-portraits .avatar-wrap.large .avatar{width:44px;height:44px}.card-portraits .avatar-wrap>span{font-size:9px}.card-portraits{min-height:76px}.board-controls{flex-wrap:wrap;gap:9px}.search-input.compact{width:100%}.section-heading h2{font-size:17px}.detail-hero{flex-direction:column;align-items:flex-start;gap:17px}.defense-portraits{text-align:left}.defense-portraits>div:last-child{margin-top:10px}.party-meta{grid-template-columns:1fr 1fr}.party-meta .speed-summary{grid-column:1/-1}.party-meta>div:nth-child(2){border:0}.member-cards{grid-template-columns:1fr}.member-card{padding:15px 17px}.member-head{border:0;padding:0}.member-card dl{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.member-card dl>div:last-child{grid-column:1/-1}.member-head .avatar-wrap.large .avatar{width:48px;height:48px}.member-head h3{font-size:15px}.condition-grid{grid-template-columns:1fr}.party-jump{gap:6px}.party-jump a{padding:6px 10px;font-size:10px}.skill-step{gap:6px;min-width:128px;padding:8px}.skill-flow,.step-and-arrow{gap:7px}.attack-heading{padding:19px 20px}.attack-title h2{font-size:18px}.attack-title{gap:12px}.attack-title .number{font-size:22px}.attack-edit-toggle{gap:9px;padding:16px}.attack-edit-toggle strong{font-size:13px}.attack-edit-toggle .small-avatars{display:none}.attack-edit-toggle>.badge{margin-left:auto}.attack-edit-body{padding:17px}.editor-tabs button{padding-left:8px;padding-right:8px;font-size:10px}.pattern-editor{padding:13px}.step-editor{gap:4px}.step-editor .icon-btn{width:22px}.step-count{width:12px}.step-editor img{width:28px;height:28px}.step-editor select{padding:7px 4px;font-size:10px}.form-grid.three{grid-template-columns:1fr 1fr}.form-grid.three>.field:first-child{grid-column:1/-1}.password-settings{flex-direction:column;align-items:flex-start;gap:15px}.editing-strip small{display:none}.form-grid{gap:0 13px}.reference-grid{grid-template-columns:1fr 1fr}}@media (max-width:680px){:root{--sidebar:0px}.sidebar{width:235px;transition:all .2s;transform:translate(-100%)}.sidebar.mobile-open{transform:none}.sidebar-backdrop{z-index:35;background:#131e2cb0;position:fixed;inset:0}.main-shell{margin-left:0}.mobile-toggle{display:flex}.topbar{height:60px;padding:0 14px}.breadcrumbs{gap:6px;font-size:10px}.breadcrumbs>span,.breadcrumbs>svg{display:none}.header-actions{gap:4px}.share-btn{gap:0;padding:8px;font-size:0!important}.header-actions .outline{padding:7px 10px;font-size:10px}.header-actions .ghost{padding:7px}.header-actions .primary{padding:7px 10px;font-size:11px}.save-state{display:none}main{padding:20px 16px}.board-hero{border-radius:10px;padding:20px 21px 0}.hero-eyebrow{letter-spacing:.12em;font-size:8px}.hero-top .badge{font-size:9px}.hero-title-row{padding:20px 0 23px}.hero-title-row h1{font-size:26px}.hero-title-row h1>span{margin-left:7px;font-size:11px}.hero-bottom{padding-bottom:17px}.commander-note{margin-bottom:29px;padding:14px 17px}.commander-note p{font-size:10px}.section-heading{align-items:flex-start;margin-top:23px}.section-heading h2{font-size:18px}.section-heading p{font-size:10px}.section-heading .primary{padding:7px 10px;font-size:10px}.section-heading .primary small{display:none}.filter-row button{padding:6px 12px}.board-controls{gap:12px;margin-bottom:17px}.defense-grid{grid-template-columns:1fr;gap:16px}.defense-card{min-height:302px;padding:20px 22px 0}.card-title-row h3{font-size:23px}.card-portraits .avatar-wrap.large .avatar{width:54px;height:54px}.card-portraits .avatar-wrap>span{font-size:10px}.card-portraits{gap:17px;min-height:88px}.defense-description{margin-top:4px;font-size:11px}.hero-bottom>span{font-size:9px}.page-footer{flex-wrap:wrap;gap:10px;font-size:8px}.detail-hero h1{font-size:27px}.detail-hero p{font-size:11px}.detail-hero{padding-bottom:23px}.back-link{margin-bottom:19px}.attack-heading{padding:18px 16px}.attack-title h2{font-size:17px}.attack-heading>.badge{font-size:9px}.attack-body{padding:19px 15px}.skill-section{margin-top:23px}.skill-pattern{padding:13px 12px}.skill-flow{gap:8px}.step-and-arrow{gap:5px}.skill-step{gap:6px;min-width:118px;padding:8px}.skill-step strong{font-size:10px}.skill-step>div:last-child>span{font-size:9px}.skill-image{width:32px;height:32px}.step-num{width:7px;font-size:8px}.flow-arrow{width:12px}.section-label>span{font-size:8px}.reference-grid{gap:9px}.reference-grid img{height:140px}.reference-link{gap:6px;font-size:10px}.modal-backdrop{padding:14px}.modal-head{padding:15px 18px}.modal-head h2{font-size:14px}.picker-content{padding:16px}.picker-grid{grid-template-columns:repeat(4,1fr);gap:5px}.picker-grid .avatar-wrap.large .avatar{width:54px;height:54px}.picker-content>.filter-row button{padding:6px 9px;font-size:10px}.picker-foot{font-size:8px}.toast{padding:13px 15px;font-size:11px;bottom:20px;left:50%}.editor-panel{padding:18px}.attack-editor{padding:0}.editing-strip{margin-bottom:18px;font-size:10px}.editing-strip button{font-size:9px}.attack-edit-toggle{gap:9px;padding:17px 14px}.attack-edit-toggle strong{font-size:13px}.attack-edit-toggle .number{font-size:21px}.form-grid{grid-template-columns:1fr}.form-grid.three{grid-template-columns:1fr 1fr}.form-grid .field{margin-bottom:15px}.edit-member{padding:15px;display:block}.edit-member-head{margin-bottom:16px}.edit-member .avatar-wrap.large .avatar{width:52px;height:52px}.edit-member .char-replace strong{font-size:15px}.edit-member input,.edit-member select,.edit-member textarea{font-size:12px}.edit-members{gap:18px}.step-editor{grid-template-columns:15px 30px 1fr 80px 23px 23px 23px;gap:3px;display:grid}.step-editor select{min-width:0;padding:8px 2px;font-size:9px;width:100%!important}.step-editor .icon-btn{width:22px}.pattern-editor{padding:14px 10px}.attack-edit-body{padding:16px 13px}.inline-help{padding:10px;font-size:10px}.editor-tabs{gap:2px}.editor-tabs button{padding:10px 8px;font-size:10px}.attack-edit-footer{flex-wrap:wrap;gap:8px}.attack-edit-footer .ghost{padding:6px;font-size:9px}.link-editor{flex-wrap:wrap;gap:7px}.link-editor input:first-child{width:100%}.edit-image-grid{grid-template-columns:1fr 1fr;gap:12px}.edit-image-grid img{height:130px}.upload-area{padding:25px 14px}.upload-area span{font-size:10px}.representative-edit{flex-wrap:wrap;gap:15px}.password-settings{padding:18px}.page-heading h1{font-size:23px}.page-heading p{font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.defense-description,.detail-hero p,.commander-note p{color:#5f6a79;font-size:12px}.section-heading p{color:#677484}.roster-label,.party-meta small,dt{color:#6d7c90}.member-note p,dd,.condition-box p,.general-note p{font-size:12px}.condition-box p{color:#4e6685}.condition-box.retreat p{color:#8d794d}.general-note p{color:#61738a}.empty-text{color:#7889a0}.field>small{color:#687d99}.step-skill-name,.pattern-heading>span:last-child:not(.badge){color:#637a98}.skill-step strong{font-size:12px}.skill-step>div:last-child>span{font-size:11px}.skill-step{min-width:148px}.skill-image{width:40px;height:40px}.selected-sets .badge{color:#445d7e}.step-editor select{color:#41546c}.editor-tabs button{color:#617998}.inline-help{color:#4c6990}.custom-set::placeholder,input::placeholder,textarea::placeholder{color:#8998ab}.formation-positions span{color:#5a7495}@media (max-width:680px){.skill-step{min-width:127px}.skill-step strong{font-size:11px}.skill-step>div:last-child>span{font-size:10px}.skill-image{width:35px;height:35px}.defense-description,.detail-hero p,.commander-note p{font-size:11px}.step-editor select{font-size:10px}}.formation-composer{margin:4px 0 25px}.formation-section-title,.member-details-heading{color:#4d637f;align-items:center;gap:8px;margin-bottom:13px;display:flex}.formation-section-title h3,.member-details-heading h3{font-size:13px;font-weight:600}.formation-section-title>span,.member-details-heading>span{color:#778aa4;margin-left:auto;font-size:10px}.game-formation-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:21px;display:grid}.game-formation-choices>button{text-align:left;background:#f7f9fc;border:1px solid #cfd9e7;border-radius:8px;align-items:center;gap:10px;padding:13px 10px;transition:background .15s,border-color .15s;display:flex;position:relative}.game-formation-choices>button:hover{background:#eaf0f8;border-color:#8ba2c1}.game-formation-choices>button.selected{background:#e3ebf6;border-color:#476a97;box-shadow:inset 0 0 0 1px #476a9733}.game-formation-choices img{object-fit:cover;border:1px solid #bdc8d6;border-radius:5px;flex-shrink:0;width:64px;height:43px}.game-formation-choices strong{color:#495f7c;white-space:nowrap;font-size:11px;font-weight:500;display:block}.game-formation-choices small{color:#7688a0;white-space:nowrap;margin-top:3px;font-size:9px;display:block}.formation-check{color:#446795;position:absolute;top:5px;right:5px}.formation-board-heading{justify-content:space-between;align-items:center;gap:15px;margin:0 1px 11px;display:flex}.formation-board-heading>div{align-items:center;gap:9px;display:flex}.formation-board-heading img{border:1px solid #a9b9cd;border-radius:4px;width:39px;height:26px}.formation-board-heading strong{color:#4e6584;font-size:11px;font-weight:500}.formation-board-heading>span{color:#778ca8;font-size:10px}.formation-field{background:#e7eef6;border:1px solid #ced9e7;border-radius:10px;grid-template-columns:minmax(0,1fr) 105px;align-items:center;gap:25px;min-height:235px;padding:24px 24px 22px;display:grid}.formation-lanes{flex-direction:column;gap:28px;min-width:0;display:flex}.formation-lane{min-height:78px;padding-right:37px;position:relative}.formation-lane:before{content:"";background:#c5ced6;height:2px;position:absolute;top:35px;left:12px;right:21px}.formation-lane.back:before{background:#dbc9c6}.lane-caption{color:#8095a6;flex-direction:column;align-items:center;gap:3px;font-size:9px;line-height:1.2;display:flex;position:absolute;top:20px;right:-4px}.lane-caption b{border:1px solid;border-radius:50%;place-items:center;width:15px;height:15px;font-size:9px;font-weight:500;display:grid}.back .lane-caption{color:#b38d88}.formation-slot-row{flex-direction:row-reverse;justify-content:center;align-items:flex-start;gap:clamp(16px,3vw,44px);display:flex;position:relative}.formation-slot{flex:0 0 72px;width:72px;min-height:78px;position:relative}.slot-target{color:#91a1b5;background:#f6f9fc;border:1.5px solid #a8b7ca;border-radius:9px;justify-content:center;align-items:center;width:72px;height:72px;padding:4px;transition:background .15s,border-color .15s;display:flex;position:relative;overflow:visible}.slot-target:hover:not(:disabled){background:#d6e2f1;border-color:#5b7ca7}.back .slot-target{color:#bc9c96;background:#fcf8f3;border-color:#d0bab4}.back .slot-target:hover:not(:disabled){background:#f7ebe3;border-color:#b18b82}.formation-slot.filled .slot-target{background:#f7fafd;padding:3px;box-shadow:0 2px 5px #2c46690a}.slot-target>img{object-fit:cover;border-radius:6px;width:62px;height:62px}.slot-number{color:#516c8f;z-index:1;background:#dbe4ef;border:1px solid #a8bbd5;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;display:grid;position:absolute;top:-7px;left:-6px}.back .slot-number{color:#a87f75;background:#f3e7df;border-color:#d7bfb4}.slot-char-name{white-space:nowrap;color:#4b6281;font-size:10px;font-weight:500;line-height:1.3;position:absolute;top:76px;left:50%;transform:translate(-50%)}.unassign-slot{color:#ad8b70;z-index:2;background:#fffaf5;border:1px solid #d9c8b7;border-radius:50%;place-items:center;width:18px;height:18px;padding:0;display:grid;position:absolute;top:-7px;right:-7px}.formation-pet{color:#9b976f;background:#e5edf7;border:1px dashed #c2bb94;border-radius:9px;flex-direction:column;align-items:center;gap:5px;min-width:0;min-height:100px;padding:14px 8px;display:flex}.formation-pet small{font-size:9px}.formation-pet strong{overflow-wrap:anywhere;font-size:11px;font-weight:500;line-height:1.6}.readonly .slot-target:disabled,.formation-pet:disabled{opacity:1;cursor:default}.readonly .formation-slot.empty .slot-target{color:#aab7c7;background:#f0f4fa;border-style:dashed}.readonly .formation-slot.empty .slot-target svg{opacity:.5;width:15px}.formation-help{color:#7087a5;text-align:center;margin-top:11px;font-size:10px;line-height:1.8}.formation-not-selected{color:#798eaa;background:#f2f6fb;border:1px dashed #c1d0e3;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.formation-not-selected strong{font-size:12px;font-weight:400}.formation-not-selected p{color:#8999b0;margin-top:4px;font-size:11px}.formation-waiting{background:#ecf2f9;border:1px solid #d0dae8;border-radius:7px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:15px;padding:12px 14px;display:flex}.formation-waiting>span{color:#667b97;font-size:10px}.formation-waiting>div{flex-wrap:wrap;gap:12px;display:flex}.waiting-character{align-items:center;gap:6px;display:flex}.waiting-character img{border:1px solid #b2c1d4;border-radius:5px;width:29px;height:29px}.waiting-character strong{color:#6a7e98;font-size:10px;font-weight:500}.formation-waiting>small{color:#8696aa;font-size:9px}.member-details-heading{border-top:1px solid #d2dcea;margin-top:25px;padding-top:20px}.formation-details-empty{text-align:center;color:#7e92ac;background:#f4f7fb;border:1px dashed #c8d6e8;border-radius:7px;padding:25px;font-size:12px}.picker-current{border-bottom:1px solid #d3ddeb;margin-bottom:18px;padding-bottom:15px}.picker-current>span{color:#6e88a9;margin-bottom:9px;font-size:10px;display:block}.picker-current>div{flex-wrap:wrap;gap:10px;display:flex}.picker-current button{background:#e2ebf6;border:1px solid #c2d2e7;border-radius:7px;align-items:center;gap:9px;padding:7px 12px;display:flex}.picker-current button:hover{background:#d0def0;border-color:#8ea9cc}.picker-current .avatar{width:38px;height:38px}.picker-current strong{color:#436490;font-size:11px;font-weight:500}.party-meta{grid-template-columns:1fr 1fr}.formation-composer.readonly .formation-field{max-width:850px;margin:auto}.formation-composer.readonly .formation-board-heading,.formation-composer.readonly .formation-waiting{max-width:850px;margin-left:auto;margin-right:auto}@media (max-width:1190px){.game-formation-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.game-formation-choices>button{gap:12px;padding:10px 13px}.formation-field{grid-template-columns:minmax(0,1fr) 80px;gap:14px;padding:22px 16px 24px}.formation-slot-row{gap:20px}.formation-slot{flex-basis:63px;width:63px;min-height:73px}.slot-target{width:63px;height:63px}.slot-target>img{width:53px;height:53px}.formation-lane:before{top:30px}.slot-char-name{font-size:9px;top:67px}.formation-lanes{gap:27px}.formation-lane{min-height:73px}.lane-caption{top:16px}.formation-slot-row:has(>.formation-slot:nth-child(4)){gap:12px}}@media (max-width:900px){.formation-field{grid-template-columns:minmax(0,1fr);gap:22px;padding:21px 14px 16px}.formation-pet{flex-direction:row;justify-content:center;justify-self:center;gap:9px;max-width:100%;min-height:0;padding:9px 14px}.formation-pet>svg{width:18px;height:18px}.formation-pet strong{font-size:10px}.formation-lane{padding-right:29px}.formation-slot-row{gap:25px}.formation-section-title>span{font-size:9px}.party-meta .speed-summary{grid-column:auto}.formation-waiting{gap:10px}.formation-help,.slot-char-name{font-size:9px}}@media (max-width:680px){.game-formation-choices{gap:8px}.game-formation-choices>button{gap:8px;padding:11px 9px}.game-formation-choices img{width:52px;height:35px}.game-formation-choices strong{font-size:10px}.game-formation-choices small,.formation-section-title>span{font-size:8px}.formation-field{gap:20px;padding:23px 12px 16px}.formation-slot{flex-basis:54px;width:54px;min-height:66px}.slot-target{border-radius:7px;width:54px;height:54px;padding:3px}.slot-target>img{border-radius:5px;width:46px;height:46px}.formation-slot-row{gap:19px}.formation-slot-row:has(>.formation-slot:nth-child(4)){gap:11px}.formation-lane{min-height:66px;padding-right:23px}.formation-lane:before{top:26px;left:0;right:14px}.lane-caption{font-size:8px;top:12px;right:-7px}.lane-caption b{width:13px;height:13px;font-size:8px}.slot-char-name{text-overflow:ellipsis;max-width:72px;font-size:9px;top:59px;overflow:hidden}.slot-number{width:17px;height:17px;font-size:9px;top:-6px;left:-5px}.unassign-slot{width:17px;height:17px;top:-6px;right:-6px}.formation-lanes{gap:25px}.formation-waiting>small{width:100%}.member-details-heading>span{font-size:9px}.formation-not-selected{padding:23px 12px}.formation-not-selected strong{font-size:11px}.picker-current button{gap:6px;padding:6px 8px}.picker-current .avatar{width:33px;height:33px}.picker-current strong{font-size:10px}.party-meta{grid-template-columns:1fr 1fr}}@media (max-width:370px){.formation-slot{flex-basis:47px;width:47px}.slot-target{width:47px;height:47px}.slot-target>img{width:39px;height:39px}.formation-slot-row:has(>.formation-slot:nth-child(4)){gap:10px}.slot-char-name{font-size:8px;top:52px}.formation-lane:before{top:23px}.game-formation-choices img{width:44px;height:30px}.game-formation-choices>button{gap:6px;padding-left:6px;padding-right:6px}}:root{--bg:#edf2f8;--paper:#fff;--ink:#263b55;--muted:#74859a;--line:#dbe4ee;--green:#3f658f;--green-dark:#2d4c71;--gold:#98b6d7}body{background:linear-gradient(135deg,#e7eef7 0%,#f3f6fb 65%,#eaf0f8 100%) fixed}.sidebar{color:#afbed0;background:#1c2e46}.brand{color:#f3f7fc}.brand-mark{color:#a3c2e3;border-color:#48617f}.brand div>span{color:#9bb7d7}.sidebar-section-label{color:#7f98b5}.side-link{color:#b4c5d9}.side-link:hover{background:#273e5b}.side-link.active{color:#fff;background:#334e6e}.side-link>span:last-child:not(:first-child){color:#9fb9d4}.sidebar-bottom{border-top:1px solid #344960;padding-top:13px}.view-only{color:#a8bbd1}.version-label{color:#6f89a7}.topbar{background:#f8fbffec}.brand-mark{background:#253d59}.board-overview{color:#f7faff;background:linear-gradient(115deg,#264460,#355a7d);border:1px solid #385d80;border-radius:12px;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px;padding:27px 31px;display:flex;box-shadow:0 6px 20px #1e3e6010}.board-overview .eyebrow{color:#b2c8df;margin-bottom:7px}.board-overview h1{letter-spacing:.025em;font-size:28px;font-weight:600}.overview-stats{flex-shrink:0;gap:26px;display:flex}.overview-stats>span{color:#c2d2e4;flex-direction:column;align-items:center;font-size:10px;display:flex}.overview-stats b{color:#fff;font-size:28px;font-weight:500;line-height:1.3}.member-card,.edit-member,.modal{background:#fff}.attack-heading{background:#f8faff}.formation-field{background:#edf3fa;border-color:#d3deec}.formation-pet{color:#5b779a;background:#e8eff8;border-color:#acbfd7}.formation-pet:hover:not(:disabled){background:#dce8f6}.game-formation-choices>button.selected{background:#e8f0fa;border-color:#668ab1}.slot-char-name{color:#456586}.formation-waiting{background:#f3f6fb;border-color:#dae3ef}.formation-waiting>span,.formation-waiting>small{color:#7589a2}.field>span{color:#466080}.member-details-heading{color:#496989}.member-head h3{color:#263b55}.pet-summary-icons{min-width:0}.pet-alternatives{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pet-alternative{align-items:center;gap:9px;display:flex}.pet-token{align-items:center;gap:8px;display:flex}.pet-token img{object-fit:cover;border:1px solid #b5c8df;border-radius:7px;width:42px;height:42px}.pet-token>span{color:#456282;font-size:11px;font-weight:500}.pet-or{font-weight:400;color:#8598b1!important;font-size:9px!important}.pet-note{white-space:pre-wrap;color:#6c819c;margin-top:8px;font-size:11px;line-height:1.7}.pet-editor{background:#f8fbff;border:1px solid #dce5f0;border-radius:9px;margin-bottom:20px;padding:17px}.pet-editor-heading{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.pet-editor-heading h3{color:#4c6d94;align-items:center;gap:7px;font-size:13px;display:flex}.pet-editor-heading>span{color:#8498b2;font-size:10px}.pet-editor-heading .outline{margin-left:auto}.pet-editor>.field{margin:15px 0 0}.pet-removals{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.pet-removals button{color:#6f87a3;background:#fff;border:1px solid #dae4f0;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:10px;display:flex}.pet-picker{padding:20px 25px 0}.pet-picker>p{color:#7389a3;margin-bottom:16px;font-size:12px}.pet-picker>.filter-row{margin:14px 0}.pet-picker-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;max-height:45vh;padding:3px;display:grid;overflow:auto}.pet-picker-grid>button{background:#f8faff;border:1px solid #e0e8f1;border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:12px 5px;display:flex;position:relative}.pet-picker-grid>button:hover{background:#eaf2fc;border-color:#91accb}.pet-picker-grid>button.selected{background:#e0ecfa;border-color:#527eae;box-shadow:inset 0 0 0 1px #527eae}.pet-picker-grid img{object-fit:cover;border-radius:7px;width:58px;height:58px}.pet-picker-grid strong{text-align:center;font-size:11px;font-weight:500}.pet-picker-grid small{color:#91a4bb;font-size:9px}.pet-picker-grid svg{color:#fff;background:#416b99;border-radius:50%;padding:2px;position:absolute;top:4px;right:4px}.pet-picker-count{color:#4e7198;margin-top:14px;font-size:11px}.pet-picker-footer{justify-content:flex-end;padding:16px 25px 22px;display:flex}.formation-pet .pet-summary-icons.compact .pet-alternatives{justify-content:center;gap:9px}.formation-pet .pet-alternative,.formation-pet .pet-token{flex-direction:column;gap:3px}.formation-pet .pet-token img{width:40px;height:40px}.formation-pet .pet-token>span{font-size:9px}.formation-pet .pet-or{display:none}.formation-pet{padding:12px 7px}.formation-pet .empty-text{font-size:10px}.member-image-editor{border-top:1px solid #e2eaf4;grid-column:1/-1;margin-top:15px;padding-top:14px}.member-image-editor h4,.member-status-images h4{color:#597596;margin:0 0 9px;font-size:11px;font-weight:600}.member-image-upload{color:#7493b6;cursor:pointer;background:#f4f8fe;border:1px dashed #adc1d9;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:19px 10px;display:flex;position:relative}.member-image-upload:hover{background:#eaf2fd}.member-image-upload:focus-visible{outline-offset:2px;outline:2px solid #587fae}.member-image-upload strong{font-size:11px;font-weight:500}.member-image-upload small{color:#94a8bf;font-size:9px}.member-image-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.member-image-upload.uploading{pointer-events:none}.member-image-edit{background:#fff;border:1px solid #dce6f1;border-radius:7px;margin-top:12px;padding:7px}.member-image-edit img{object-fit:contain;background:#edf2f8;border-radius:4px;width:100%;max-height:240px;display:block}.member-image-edit input{margin-top:7px;padding:8px;font-size:11px}.member-image-edit .text-btn{padding:6px;font-size:10px}.member-status-images{border-top:1px solid #e1e8f1;margin-top:14px;padding-top:13px}.member-status-images>div{grid-template-columns:1fr;gap:10px;display:grid}.member-status-images a{background:#f1f5fb;border:1px solid #d9e4f2;border-radius:6px;display:block;overflow:hidden}.member-status-images img{object-fit:contain;width:100%;max-height:200px;display:block}.member-status-images a>span{color:#6f8aac;overflow-wrap:anywhere;background:#f8fbff;justify-content:center;align-items:center;gap:6px;padding:5px 8px;font-size:10px;display:flex}.legacy-images{color:#7891ad;margin-top:12px;font-size:10px}.legacy-images>div{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.legacy-images button img{object-fit:contain;width:100%;height:80px}.legacy-images button span{font-size:9px}@media (max-width:1100px){.pet-picker-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.board-overview h1{font-size:24px}.board-overview{padding:25px}.overview-stats{gap:20px}.pet-alternatives{gap:8px}.pet-token img{width:38px;height:38px}}@media (max-width:900px){.formation-pet .pet-summary-icons.compact .pet-alternatives{flex-flow:wrap}.formation-pet .pet-alternative,.formation-pet .pet-token{flex-direction:row}.formation-pet .pet-token img{width:32px;height:32px}.formation-pet{flex-wrap:wrap}.party-meta{grid-template-columns:1fr}.party-meta>div{border-right:0}.party-meta .speed-summary{border-top:1px solid #e0e8f1;padding-top:10px}}@media (max-width:680px){.board-overview{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:23px;padding:22px 19px}.board-overview h1{font-size:23px}.overview-stats{flex-direction:row;gap:22px}.overview-stats>span{flex-direction:row;gap:8px}.overview-stats b{font-size:21px}.pet-editor{padding:13px}.pet-editor-heading .outline{padding:7px 9px;font-size:10px}.pet-picker{padding:17px 16px 0}.pet-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.pet-picker-grid>button{padding:11px 4px}.pet-picker-grid img{width:52px;height:52px}.pet-picker-grid strong{font-size:10px}.pet-picker-footer{padding:15px 18px}.pet-token>span{font-size:10px}.pet-editor-heading{gap:6px}.member-image-editor{margin-top:10px}}.first-strike-badge{color:#916221;background:#fff3db;border:1px solid #e1b777;border-radius:5px;align-items:center;gap:4px;margin:5px 0 2px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex!important}.first-strike-option{cursor:pointer;background:#f5f8fd;border:1px solid #d6e0ed;border-radius:8px;align-items:center;gap:11px;margin:-3px 0 22px;padding:14px 16px;display:flex}.first-strike-option:has(input:checked){background:#fff6e5;border-color:#dcb575}.first-strike-option input{accent-color:#426b99;width:18px;height:18px;padding:0}.first-strike-option strong{align-items:center;gap:5px;font-size:13px;display:flex}.first-strike-option small{color:#7f8e9f;margin-top:3px;font-size:11px;display:block}.first-strike-option:has(input:checked) strong{color:#8a6028}.first-strike-option:has(input:checked) small{color:#9a825f}.defense-record-summary{color:#6c86a2;justify-content:space-between;align-items:center;gap:10px;padding:0 0 13px;font-size:10px;display:flex}.defense-record-summary small{color:#98a9bb;font-size:9px}.battle-results{border-top:1px solid #dbe5f0;margin-top:28px;padding-top:24px}.results-heading{align-items:center;gap:10px;margin-bottom:14px;display:flex}.results-heading h3{color:#486a8e;align-items:center;gap:8px;font-size:14px;display:flex}.results-heading>span{color:#90a1b4;font-size:10px}.results-heading>.icon-btn{color:#829ab5;margin-left:auto}.results-summary{background:#f2f6fb;border:1px solid #dbe5f1;border-radius:9px;grid-template-columns:repeat(4,minmax(55px,1fr)) auto;align-items:center;gap:14px;padding:17px 20px;display:grid}.results-summary>div:not(.result-register){flex-direction:column;gap:2px;display:flex}.results-summary>div>span{color:#8398af;font-size:10px}.results-summary strong{color:#3c5b7b;font-size:24px;font-weight:500;line-height:1.4}.results-summary strong small{color:#8c9fb4;margin-left:4px;font-size:10px;font-weight:400}.results-summary .wins strong{color:#3d7c7c}.results-summary .losses strong{color:#b07a75}.result-register{flex-wrap:wrap;gap:8px;display:flex}.result-register button{border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:9px 12px;font-size:11px;font-weight:600;display:flex}.result-win{color:#457d7d;background:#e3f1f0;border:1px solid #bfdad8}.result-win:hover{background:#d3e9e6}.result-loss{color:#a4716a;background:#f9efed;border:1px solid #ead4ce}.result-loss:hover{background:#f2e0db}.result-form{background:#f9fbff;border:1px solid #c3d5e9;border-radius:9px;margin:17px 0;padding:18px}.result-form-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.result-form-heading h4{color:#4b6b90;outline:none;margin:0;font-size:13px}.result-form-grid{grid-template-columns:1fr 1fr 1fr;gap:15px;display:grid}.result-form fieldset{border:0;min-width:0;margin:0 0 16px;padding:0}.result-form legend{color:#667e9a;margin-bottom:8px;font-size:11px}.result-form .field{margin-bottom:16px}.result-choice{gap:6px;display:flex}.result-choice label{cursor:pointer;background:#fff;border:1px solid #d7e1ed;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:12px;display:flex}.result-choice label.selected.win{color:#427970;background:#e9f4f2;border-color:#91b9b2}.result-choice label.selected.loss{color:#9c6960;background:#fcf0ec;border-color:#cfa599}.result-choice input,.loss-reasons input{accent-color:#5c7ca2;width:14px;height:14px;padding:0}.loss-reasons>div{flex-wrap:wrap;gap:7px;display:flex}.loss-reasons label{color:#7b8da2;cursor:pointer;background:#fff;border:1px solid #dbe4ee;border-radius:6px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:flex}.loss-reasons label.selected{color:#9b7869;background:#f8ede8;border-color:#d8b7ab}.result-form-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.result-form-footer small{color:#94a3b5;font-size:10px}.results-error{color:#a46961;background:#fff2ef;border:1px solid #e9cfc8;border-radius:6px;align-items:center;gap:10px;margin:12px 0;padding:12px;font-size:12px;display:flex}.results-error button{font-size:11px;text-decoration:underline}.result-notice{color:#507b76;background:#eff7f4;border-radius:6px;align-items:center;gap:12px;margin:12px 0;padding:10px 12px;font-size:12px;display:flex}.result-notice button{align-items:center;gap:4px;font-size:11px;text-decoration:underline;display:flex}.result-history-toggle{color:#6581a1;text-align:left;align-items:center;gap:7px;width:100%;padding:15px 0 5px;font-size:11px;display:flex}.result-history-toggle>span{color:#95a7bc;margin-left:auto;font-size:10px}.result-history-toggle .expanded{transform:rotate(180deg)}.result-history{margin-top:10px}.battle-report{background:#fff;border:1px solid #e0e7f0;border-radius:7px;margin-bottom:9px;padding:13px 15px}.report-heading{flex-wrap:wrap;align-items:center;gap:9px;font-size:11px;display:flex}.result-label{border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.result-label.win{color:#4b7c73;background:#e7f3ef}.result-label.loss{color:#ac756a;background:#f9eeeb}.report-heading>strong{color:#68819d;font-size:11px;font-weight:500}.report-heading time{color:#a0afc0;font-size:10px}.initiative-result{color:#9b8a72;align-items:center;gap:3px;margin-left:auto;font-size:10px;display:flex}.initiative-result.first{color:#718baa}.report-reasons{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.report-reasons>span{color:#ad8a7e;background:#fbf3ef;border:1px solid #eeddd5;border-radius:4px;padding:2px 7px;font-size:9px}.report-note{color:#607994;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:9px;font-size:12px;line-height:1.8}.report-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.report-footer small{color:#9aabbc;font-size:9px}.report-footer>div{gap:11px;margin-left:auto;display:flex}.report-footer button{color:#8ca1b8;align-items:center;gap:4px;padding:3px;font-size:10px;display:flex}.report-footer button:hover{color:#4a7099}.cancel-confirm{color:#a17c69;background:#fff5ef;border-radius:5px;justify-content:flex-end;align-items:center;gap:9px;margin-top:8px;padding:9px 11px;font-size:11px;display:flex}.cancel-confirm .text-btn{padding:4px 7px;font-size:10px}.no-results{color:#94a5b9;text-align:center;padding:17px;font-size:12px}.more-results{margin:13px auto 0;display:flex}@media (max-width:1100px){.results-summary{grid-template-columns:repeat(4,1fr);gap:12px}.result-register{border-top:1px solid #dfe7f1;grid-column:1/-1;justify-content:flex-end;padding-top:9px}.result-form-grid{grid-template-columns:1fr 1fr}.result-form-grid>.field:last-child{grid-column:1/-1}.result-form-grid>.field:last-child input{max-width:320px}}@media (max-width:680px){.results-summary{gap:8px;padding:15px 13px}.results-summary strong{font-size:22px}.results-summary>div>span{font-size:9px}.results-heading{gap:6px}.results-heading>span{font-size:9px}.results-heading h3{font-size:13px}.result-register button{flex:1;padding:9px 7px}.result-form{padding:14px 12px}.result-form-grid{gap:10px}.result-choice label{padding:9px 8px;font-size:11px}.result-form-footer{flex-direction:column;align-items:flex-end}.result-form-footer small{align-self:flex-start}.loss-reasons label{padding:6px 8px;font-size:9px}.battle-report{padding:12px}.initiative-result{margin-left:0}.report-heading{gap:7px}.cancel-confirm{flex-wrap:wrap}.cancel-confirm>span{width:100%}.first-strike-badge,.defense-record-summary{font-size:10px}}