:root{color:#203a33;font-synthesis:none;--green:#173d35;--orange:#c8613b;--muted:#7b8780;--line:#e1e4dc;--paper:#fffefa;background:#f6f5ef;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;font-size:14px;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}input,select,textarea{border:1px solid var(--line);color:#203a33;background:var(--paper);border-radius:6px;outline:none;min-width:0;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:#548b70;box-shadow:0 0 0 3px #548b7014}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #db976d}input:disabled{background:#f3f3ed}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:32px;font-weight:700;line-height:1.35}h2{letter-spacing:-.3px;font-size:18px}h3{font-size:15px}small{font-size:11px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--green);color:#e9efe6;z-index:20;flex-direction:column;width:230px;padding:36px 24px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:1px;white-space:nowrap;align-items:center;gap:11px;font-size:20px;font-weight:700;display:flex}.brand small{letter-spacing:2.3px;color:#9db6a8;font-size:9px;font-weight:400;display:block}.logo-symbol{width:43px;height:43px;color:var(--green);background:#e6ead9;border-radius:12px 3px;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.sidebar-label{color:#95b0a0;letter-spacing:2px;margin:52px 12px 15px;font-size:10px}.sidebar nav{gap:10px;display:grid}.sidebar nav button{text-align:left;color:#afc3b7;border-radius:6px;align-items:center;gap:13px;padding:14px 13px;display:flex}.sidebar nav button.active{color:#fff;background:#315347}.sidebar nav button small{opacity:.5;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:36px 12px 0}.sidebar-bottom .eyebrow{color:#90b5a0}.sidebar-bottom p{color:#b1c5b8;margin-top:10px;font-size:12px;line-height:2.2}.source-mini{color:#87a593;border-top:1px solid #ffffff1f;margin-top:24px;padding-top:20px;font-size:10px;line-height:1.9}.main-shell{flex:1;min-width:0;margin-left:230px}.topbar{border-bottom:1px solid var(--line);background:#fffefa88;justify-content:space-between;align-items:center;height:80px;padding:0 45px;display:flex}.breadcrumb{color:#6b7c70;font-size:12px}.breadcrumb>span{color:#b5beb4;padding:0 13px}.top-actions{align-items:center;gap:20px;display:flex}.role-tag,.tag,.mini-pill{white-space:nowrap;color:#76846f;background:#f2f3eb;border:1px solid #d7dfd1;border-radius:4px;align-items:center;padding:3px 9px;font-size:10px;display:inline-flex}.role-tag.captain,.tag.green{color:#356344;background:#e5eee3;border-color:#c8dbc9}.content{max-width:1600px;margin:0 auto;padding:42px 45px 0}.eyebrow{letter-spacing:2px;color:#789081;font-size:10px;font-weight:600;display:block}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.page-heading h1{margin-top:10px}.page-heading p{color:#7c897f;margin-top:12px;font-size:12px}.button{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:12px;padding:12px 19px;font-size:12px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:var(--green);color:#fff}.button.primary:hover:not(:disabled){background:#295c4c}.button.outline{background:var(--paper);border:1px solid #c8d2c5}.button.outline:hover:not(:disabled){background:#edf1e7}.button.small{padding:9px 13px;font-size:11px}.button.large{padding:16px 25px;font-size:14px}.button.full{width:100%}.text-button{color:#4f755e;align-items:center;gap:7px;padding:6px 0;font-size:12px;display:inline-flex}.text-button:hover{text-decoration:underline}.text-button.danger{color:#a45640;font-size:11px}.muted{color:var(--muted);font-size:12px}.summary-strip{border:1px solid var(--line);background:#eeefe5;border-radius:8px;gap:40px;margin-bottom:32px;padding:25px 30px;display:flex}.summary-strip>div{border-right:1px solid #d9dfd2;min-width:125px;padding-right:36px}.summary-strip>div>span{color:#7b8878;font-size:11px}.summary-strip strong{font-family:Bahnschrift,Microsoft YaHei,sans-serif;font-size:32px;font-weight:500;line-height:1.6;display:block}.summary-strip strong small{color:#80907c;margin-left:10px;font-family:Microsoft YaHei,sans-serif;font-size:11px;font-weight:400}.summary-strip .summary-progress{border:0;flex:1;padding:4px 0}.summary-progress>span{justify-content:space-between;display:flex}.summary-progress b{color:#455f47;font-weight:500}.progress-track{background:#e1e6dc;border-radius:4px;height:4px;overflow:hidden}.progress-track i{background:#6d9676;border-radius:4px;height:100%;transition:width .3s;display:block}.summary-progress .progress-track{height:5px;margin:15px 0 8px}.summary-progress>small{color:#8c9587;font-size:10px}.section-title{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:17px;display:flex}.section-title>span{color:#8b978b;font-size:11px}.roster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.deck-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:23px 25px 15px;position:relative;overflow:hidden}.deck-card:before{content:"";background:#9eac8e;height:3px;position:absolute;top:0;left:0;right:0}.deck-card:nth-child(2n):before{background:#d49e7b}.deck-card-top{justify-content:space-between;align-items:center;margin-bottom:21px;display:flex}.deck-number{letter-spacing:2px;color:#a2ad9b;font-family:Bahnschrift,sans-serif;font-size:12px}.deck-card h2{margin-bottom:7px;font-size:23px;line-height:1.4}.deck-template{color:#879280;font-size:10px}.deck-owner{color:#697c67;align-items:center;gap:8px;margin:24px 0;font-size:11px;display:flex}.avatar{color:#7f927c;background:#eef0e5;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:10px;display:flex}.card-progress{color:#83907c;justify-content:space-between;gap:6px;margin-bottom:9px;font-size:10px;display:flex}.card-link{justify-content:space-between;width:100%;margin-top:17px;font-size:11px;display:flex}.deck-card .button{margin-top:18px}.bottom-note{color:#83917d;align-items:center;gap:11px;margin:8px 0;padding:20px 0;font-size:11px;display:flex}.bottom-note>svg{flex-shrink:0;width:16px}.bottom-note .text-button{white-space:nowrap;margin-left:auto;font-size:11px}.footer{color:#9aa291;border-top:1px solid var(--line);justify-content:space-between;gap:20px;margin-top:25px;padding:26px 0;font-size:10px;display:flex}.footer a{text-underline-offset:3px;text-decoration:underline}.welcome{grid-template-columns:1.15fr 1fr;align-items:center;gap:50px;min-height:calc(100vh - 80px);padding-top:72px;display:grid}.hero-copy{padding-bottom:55px}.hero-copy h1{letter-spacing:-2px;margin:20px 0 25px;font-size:54px;line-height:1.3}.hero-copy p{color:#7e8b7b;margin-bottom:32px;font-size:13px;line-height:2.2}.hero-foot{color:#929c88;letter-spacing:1px;margin-top:24px;font-size:10px}.welcome-board{background:#ecefe3;border:1px solid #d5dccb;border-radius:12px 4px;padding:28px;transform:rotate(1deg);box-shadow:12px 12px #e5e7da}.board-heading{justify-content:space-between;gap:12px;margin-bottom:18px;font-size:12px;display:flex}.preview-slot{background:#fffef8;border:1px solid #dde3d4;border-radius:5px;align-items:center;gap:18px;margin-top:8px;padding:13px 15px;display:flex}.preview-slot>b{color:#a1ac95;font-family:Bahnschrift,sans-serif;font-size:11px}.preview-slot>span:nth-child(2){font-size:14px;font-weight:600}.preview-slot .mini-pill{margin-left:auto;font-size:9px}.welcome-board>p{color:#8a9680;text-align:center;margin-top:18px;font-size:10px}.recent{grid-column:1/-1;align-self:start;max-width:700px;padding:20px 0 40px}.recent>a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:10px;padding:14px 0;font-weight:600;display:flex}.recent>a>span{color:#7d917d;align-items:center;gap:10px;font-size:11px;font-weight:400;display:flex}.ratings-layout{grid-template-columns:215px minmax(0,1fr);align-items:start;gap:23px;display:grid}.slot-picker{border:1px solid var(--line);background:#edeee3;border-radius:8px;padding:20px 12px;position:sticky;top:20px}.slot-picker>.eyebrow{margin-bottom:15px;padding:0 8px}.slot-picker>button{text-align:left;border-radius:5px;align-items:center;gap:9px;width:100%;margin-top:5px;padding:12px 9px;display:flex}.slot-picker>button.selected{background:#fffef8;box-shadow:0 2px 5px #203a3308}.slot-picker>button>span{color:#99a38c;font-size:10px}.slot-picker>button div{min-width:0}.slot-picker b{font-size:12px;display:block}.slot-picker small{color:#95a08c;font-size:10px;display:block}.slot-picker svg{flex-shrink:0;width:14px;margin-left:auto}.rating-panel,.opponent-panel,.bp-panel{background:var(--paper);border:1px solid var(--line);border-radius:8px;min-width:0}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:23px 25px;display:flex}.panel-head p{color:#8a9484;margin-top:6px;font-size:11px}.rating-toolbar{gap:12px;padding:18px 25px;display:flex}.rating-toolbar input{flex:1;min-width:80px}.rating-toolbar select{font-size:11px}.table-scroll{overflow-x:auto}.rating-table{border-collapse:collapse;text-align:left;width:100%}.rating-table th{color:#8c9685;white-space:nowrap;background:#f5f5ed;padding:11px 17px;font-size:10px;font-weight:500}.rating-table td{border-bottom:1px solid #ecede5;padding:12px 17px;font-size:12px}.rating-table td:first-child b{font-weight:500}.rating-table td small{color:#a38b6e;font-size:9px;display:block}.rating-table input{border-color:#e3e7db;width:100%;padding:8px 10px;font-size:11px}.rating-table .rate-input{width:77px}.rating-table td:last-child{min-width:175px}.rating-table td:last-child input{background:0 0;border-color:#0000}.rating-table td:last-child input:focus{background:#fff;border-color:#92aa8c}.rate-chip{color:#72846a;min-width:43px;font-size:11px;display:inline-block}.rate-chip.favorable{color:#3d7b52}.rate-chip.unfavorable{color:#b5674a}.save-bar{border-top:1px solid var(--line);background:#f5f6ed;border-radius:0 0 8px 8px;justify-content:space-between;align-items:center;gap:20px;padding:18px 25px;display:flex;position:sticky;bottom:0}.save-bar>span{color:#75846d;font-size:11px}.save-bar small{color:#9aa28c;font-size:10px;display:block}.add-target,.invite-callout{background:#eeeee2;border:1px solid #dcdfce;border-radius:6px;align-items:center;gap:15px;margin-top:25px;padding:20px 25px;display:flex}.add-target>div,.invite-callout>div{flex:1}.add-target p,.invite-callout p{color:#87917d;margin-top:5px;font-size:11px}.invite-callout{background:#f2e9d8;border-color:#e5d3b4;margin:0 0 25px}.invite-callout input{width:200px}.battle-layout{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:23px;display:grid}.opponent-panel .panel-head{padding:20px}.opponent-search{gap:8px;margin:15px;display:flex}.opponent-search input{width:100%;padding:9px;font-size:11px}.opponent-search select{padding:8px;font-size:11px}.opponent-results{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafaf4;max-height:230px;overflow:auto}.opponent-results button{text-align:left;border-bottom:1px solid #eceee3;justify-content:space-between;align-items:center;width:100%;padding:11px 19px;font-size:11px;display:flex}.opponent-results button:hover{background:#eaf0e3}.opponent-results small{color:#9aa38e;font-size:9px;display:block}.opponent-results svg{color:#9ea991;width:15px}.opponent-edit{padding:18px}.opponent-edit>label{color:#8b947e;margin-bottom:15px;font-size:11px;display:block}.opponent-edit>label input{width:100%;margin-top:7px;font-size:12px;display:block}.opponent-row{align-items:center;gap:8px;margin:9px 0;display:flex}.opponent-row>span{color:#a8b099;min-width:12px;font-size:10px}.opponent-row select{width:100%;padding:9px 7px;font-size:11px}.opponent-row button{padding:0;display:flex}.opponent-row button svg{color:#a3aa98;width:14px}.opponent-edit>.text-button{margin:8px 0 18px;font-size:11px}.bp-panel{min-height:600px}.bp-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:600px;padding:35px;display:flex}.battle-icon{color:#829a7d;background:#edf0e5;border-radius:50%;justify-content:center;align-items:center;width:75px;height:75px;margin-bottom:28px;display:flex}.battle-icon svg{width:29px;height:29px}.bp-empty .eyebrow{font-size:9px}.bp-empty h2{margin:15px 0;font-size:26px}.bp-empty p{color:#919b87;font-size:12px;line-height:2}.rule-steps{color:#a7ae9c;gap:20px;margin-top:45px;font-size:10px;display:flex}.bp-score{background:#e9eee1;border-bottom:1px solid #dbe2d3;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:27px 30px;display:flex}.bp-score strong{margin:8px 0;font-family:Bahnschrift,Microsoft YaHei,sans-serif;font-size:37px;font-weight:500;display:block}.bp-score p{color:#7d8e73;max-width:430px;font-size:11px}.bp-score>svg{color:#92aa83;flex-shrink:0;width:36px;height:36px;margin-left:10px}.bp-section{border-bottom:1px solid var(--line);padding:24px 28px}.bp-section .section-title h2{font-size:16px}.bp-section .muted{font-size:11px}.ban-options{gap:8px;margin:16px 0;display:grid}.ban-options>div{background:#f4f3e9;border-left:3px solid #bf8058;border-radius:3px;justify-content:space-between;padding:11px 15px;font-size:12px;display:flex}.ban-options b{color:#ad6a41;font-family:Bahnschrift,sans-serif;font-size:14px;font-weight:500}.ban-selects{gap:12px;margin:15px 0;display:flex}.ban-selects label{color:#8b967e;flex:1;min-width:0;font-size:10px;display:block}.ban-selects select{width:100%;margin-top:7px;font-size:11px;display:block}.pick-options{gap:9px;margin:20px 0;display:grid}.pick-options>div{border:1px solid var(--line);border-radius:5px;align-items:center;gap:15px;padding:12px;font-size:11px;display:flex}.pick-options b{color:#65815a;min-width:44px;font-family:Bahnschrift,sans-serif;font-size:13px}.fine-print{color:#9da58e;text-align:center;margin-top:10px;font-size:10px}.draw-result{gap:8px;margin-top:22px;display:flex}.draw-result>div{text-align:center;background:#eaf0e1;border:1px solid #d3dfc7;border-radius:5px;flex:1;min-width:0;padding:16px 10px}.draw-result span{color:#8b9b7e;margin-bottom:7px;font-size:10px;display:block}.draw-result b{font-size:12px}.draw-result small{color:#9ca68f;margin-top:5px;font-size:10px;display:block}.bp-details{color:#8b957e;padding:20px 28px;font-size:11px}.bp-details summary{cursor:pointer;color:#6c8363}.bp-details p{margin:15px 0;font-size:11px;line-height:1.9}.matrix-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:10px}.matrix-table th,.matrix-table td{text-align:center;border:1px solid #dfe5d8;padding:9px}.matrix-table th{background:#f2f4e8;font-weight:500}.matrix-table small{color:#9aa98d;font-size:9px;display:block}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#142e2790;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:var(--paper);border-radius:12px;width:620px;max-width:100%;max-height:92vh;padding:30px;overflow-y:auto;box-shadow:0 20px 80px #102d2740}.modal-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.modal-heading h2{margin-top:6px;font-size:25px}.modal-heading>button{padding:8px;display:flex}.field-label{color:#7a8d70;margin:22px 0 15px;font-size:11px;display:block}.field-label>input,.field-label>textarea{width:100%;margin-top:7px;display:block}.field-label>textarea{resize:none;word-break:break-all;height:100px;font-size:11px;line-height:1.8}.roster-editor{gap:12px;margin:20px 0 12px;display:grid}.roster-edit-row{border-top:1px solid var(--line);align-items:center;gap:12px;padding-top:12px;display:flex}.roster-edit-row>span{color:#a0aa92;font-size:11px}.roster-edit-row>div{flex:1;gap:8px;min-width:0;display:flex}.roster-edit-row input{width:45%;font-size:12px}.roster-edit-row select{width:55%;font-size:11px}.roster-edit-row button{padding:4px;display:flex}.roster-edit-row button svg{width:17px}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:12px;margin-top:25px;padding-top:22px;display:flex}.warning-note{color:#ab7852;background:#f4edde;border-radius:4px;margin-top:12px;padding:11px;font-size:10px}.share-modal>p{color:#86927d;font-size:12px;line-height:2}.share-warning{background:#f3eee0;border-radius:6px;margin:24px 0 12px;padding:18px}.share-warning>b{color:#967549;font-size:12px}.share-warning p{color:#9c8b6f;margin:8px 0;font-size:11px;line-height:1.9}.share-warning .text-button{font-size:11px}.message{border-radius:6px;justify-content:space-between;gap:20px;margin:16px 45px;padding:13px 17px;font-size:12px;display:flex}.message.error{color:#a64e36;background:#fae9e0;border:1px solid #eecbbd}.message>button{display:flex}.message svg{width:15px}.toast{z-index:150;color:#fff;background:#173d35;border:1px solid #658576;border-radius:7px;align-items:center;gap:9px;max-width:90vw;padding:13px 20px;font-size:12px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #173d3530}.toast>svg{flex-shrink:0;width:17px}.empty{text-align:center;color:#8d9a80;padding:40px}.initial{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.initial h1{font-size:24px}.initial p{color:#8b9980;font-size:12px}@media (width>=1550px){.content{padding-top:55px}.roster-grid{gap:25px}.deck-card{padding:30px}.battle-layout{grid-template-columns:350px minmax(0,1fr)}}@media (width<=1200px){.sidebar{width:195px;padding:30px 17px}.brand{font-size:17px}.brand small{font-size:8px}.main-shell{margin-left:195px}.content{padding:32px 28px 0}.topbar{padding:0 28px}.roster-grid{gap:14px}.deck-card{padding:20px 18px 13px}.deck-card h2{font-size:20px}.summary-strip{gap:25px;padding:22px}.summary-strip>div{min-width:95px;padding-right:25px}.battle-layout{grid-template-columns:280px minmax(0,1fr);gap:17px}.bp-section{padding:22px}.bp-score{padding:25px 22px}.ratings-layout{grid-template-columns:175px minmax(0,1fr);gap:15px}.rating-table td,.rating-table th{padding:11px 12px}.welcome{gap:30px}.hero-copy h1{font-size:45px}.welcome-board{padding:20px}}@media (width<=980px){.sidebar{align-items:center;width:76px;padding:25px 12px}.brand>span:nth-child(2),.sidebar-label,.sidebar nav span,.sidebar nav small,.sidebar-bottom{display:none}.sidebar nav{margin-top:48px}.sidebar nav button{padding:14px}.main-shell{margin-left:76px}.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ratings-layout{grid-template-columns:1fr}.slot-picker{gap:8px;padding:12px;display:flex;position:static;overflow:auto}.slot-picker>.eyebrow{display:none}.slot-picker>button{width:auto;min-width:160px;margin:0}.slot-picker>button>svg{display:none}.battle-layout{grid-template-columns:1fr}.opponent-results{max-height:180px}.opponent-edit{grid-template-columns:1fr 1fr;gap:0 15px;display:grid}.opponent-edit>label,.opponent-edit>.button{grid-column:1/-1}.opponent-edit>.text-button{align-self:center}.bp-panel,.bp-empty{min-height:380px}.welcome{grid-template-columns:1fr;gap:15px;padding-top:45px}.hero-copy{padding-bottom:20px}.hero-copy h1{font-size:46px}.welcome-board{max-width:530px;margin:0 10px 30px 0}.recent{padding-top:25px}.add-target{flex-wrap:wrap}.add-target>div{flex-basis:100%}.add-target>input{flex:1}}@media (width<=600px){h1{font-size:25px}.app-shell{padding-bottom:62px;display:block}.sidebar{background:#173d35;width:100%;height:62px;padding:0;display:block;inset:auto 0 0}.sidebar .brand{display:none}.sidebar nav{justify-content:space-around;height:100%;margin:0;display:flex}.sidebar nav button{border-radius:0;flex-direction:column;gap:3px;padding:8px 20px;font-size:10px;display:flex}.sidebar nav span{font-size:10px;display:block}.sidebar nav svg{width:18px;height:18px}.main-shell{margin-left:0}.topbar{height:62px;padding:0 18px}.breadcrumb{font-size:10px}.breadcrumb>span{padding:0 8px}.top-actions{gap:12px}.top-actions>.text-button>span{display:none}.top-actions .button{gap:6px;padding:8px 10px;font-size:10px}.role-tag{padding:2px 6px;font-size:9px}.content{padding:26px 18px 0}.page-heading{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:23px}.page-heading h1{margin-top:8px}.page-heading p{font-size:11px;line-height:1.9}.page-heading>.button{padding:9px 13px;font-size:11px}.summary-strip{flex-wrap:wrap;gap:15px;margin-bottom:26px;padding:18px}.summary-strip>div{flex:1;min-width:0;padding-right:15px}.summary-strip>div:nth-child(2){border:0}.summary-strip strong{font-size:30px}.summary-strip .summary-progress{border-top:1px solid #dce2d2;flex-basis:100%;padding-top:14px}.summary-progress .progress-track{margin:10px 0}.roster-grid{gap:12px}.deck-card{padding:15px 13px 10px}.deck-card-top{margin-bottom:17px}.deck-card h2{font-size:17px}.deck-template{min-height:32px;font-size:9px;line-height:1.8}.deck-card .tag{padding:2px 6px;font-size:9px}.deck-owner{gap:5px;margin:17px 0;font-size:10px}.avatar{width:22px;height:22px}.card-progress{flex-direction:column;gap:3px;font-size:9px}.card-link{margin-top:12px;font-size:10px}.card-link svg{width:14px}.deck-card .button{gap:4px;padding:9px;font-size:10px}.section-title h2{font-size:16px}.section-title>span{font-size:10px}.bottom-note{flex-wrap:wrap;gap:8px;font-size:10px}.bottom-note p{flex:1}.bottom-note .text-button{margin-left:24px;font-size:10px}.footer{flex-direction:column;gap:8px;margin-top:15px;padding:20px 0;font-size:9px}.invite-callout{flex-direction:column;align-items:stretch;padding:17px}.invite-callout input{width:100%}.invite-callout p{font-size:10px}.panel-head{flex-direction:column;align-items:flex-start;gap:12px;padding:18px}.rating-toolbar{gap:8px;padding:14px}.rating-toolbar input,.rating-toolbar select{padding:9px;font-size:10px}.slot-picker{padding:8px}.slot-picker>button{min-width:150px}.rating-table th{padding:10px;font-size:9px}.rating-table td{padding:10px;font-size:11px}.rating-table td:first-child{min-width:105px}.rating-table .rate-input{width:65px}.rating-table td:last-child{min-width:170px}.save-bar{gap:10px;padding:14px}.save-bar>span{font-size:10px}.save-bar small{font-size:9px}.save-bar .button{padding:11px;font-size:11px}.add-target{gap:10px;padding:18px}.add-target input{width:60%;font-size:11px}.add-target .button{padding:10px 13px}.battle-layout{gap:18px}.opponent-edit{gap:0 9px;padding:15px}.opponent-row{gap:5px}.opponent-row select{padding:9px 5px;font-size:10px}.opponent-row>span{min-width:9px}.bp-score{padding:22px 18px}.bp-score strong{font-size:31px}.bp-score .eyebrow{letter-spacing:1px;font-size:9px}.bp-section{padding:20px 17px}.bp-section .section-title{flex-direction:column;align-items:flex-start;gap:5px}.ban-selects{gap:8px}.ban-selects select{padding:9px 7px;font-size:10px}.pick-options>div{gap:10px;padding:11px 9px;font-size:10px}.pick-options b{min-width:40px}.draw-result{gap:6px}.draw-result>div{padding:12px 5px}.draw-result b{font-size:11px}.bp-details{padding:18px}.bp-empty{padding:25px 18px}.bp-empty h2{font-size:23px}.rule-steps{gap:13px;font-size:9px}.welcome{padding-top:30px}.hero-copy .eyebrow{letter-spacing:1.5px;font-size:9px}.hero-copy h1{margin-top:17px;font-size:43px}.hero-copy p{font-size:12px}.welcome-board{margin-top:8px;padding:18px}.board-heading{font-size:11px}.board-heading .tag{font-size:9px}.preview-slot{gap:13px;padding:11px}.preview-slot>span:nth-child(2){font-size:13px}.recent{font-size:12px}.modal-backdrop{padding:12px}.modal{max-height:93vh;padding:22px 18px}.modal-heading h2{font-size:22px}.roster-edit-row{gap:8px}.roster-edit-row>div{flex-direction:column;gap:6px}.roster-edit-row input,.roster-edit-row select{width:100%;padding:9px;font-size:11px}.modal-actions{gap:9px}.modal-actions .button{padding:11px 13px;font-size:11px}.message{margin:12px 18px;font-size:11px}.toast{width:max-content;max-width:92vw;padding:11px 15px;font-size:11px;top:10px}}.custom-opponent{grid-column:1/-1;gap:8px;margin:0 0 15px;display:flex}.custom-opponent input{flex:1;width:60%;font-size:11px}.release-claim{color:#a88c71;margin-left:auto;padding:0;font-size:9px}.release-claim:hover{text-decoration:underline}.matchup-field{flex-wrap:wrap;align-items:center;gap:6px;min-width:160px;display:flex}.matchup-field select{width:100%;max-width:235px;padding:9px;font-size:11px}.matchup-field .rate-input{width:78px}.matchup-legend{border-bottom:1px solid var(--line);color:#6b7c70;background:#f3f4eb;flex-wrap:wrap;gap:8px 16px;padding:15px 22px;font-size:10px;display:flex}.matchup-legend span{gap:5px;display:inline-flex}.matchup-legend b{color:#9aa28f;font-weight:500}.rate-chip{white-space:nowrap}.pokemon-icons{vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.pokemon-icons img{object-fit:contain;width:32px;height:32px;image-rendering:pixelated}.pokemon-icons img+img{margin-left:-10px}.deck-name{vertical-align:middle;align-items:center;gap:7px;display:inline-flex}.deck-card h2.deck-name{flex-wrap:wrap;gap:4px 8px;display:flex}.slot-picker .pokemon-icons img{width:26px;height:26px}.slot-picker b.deck-name{flex-wrap:wrap;gap:3px;display:flex}.opponent-team-icons{gap:5px;margin:4px 0;display:flex}.opponent-team-icons .pokemon-icons img{width:24px;height:24px}.opponent-team-icons .pokemon-icons img+img{margin-left:-9px}.opponent-row>.pokemon-icons img,.roster-edit-row>.pokemon-icons img{width:26px;height:26px}.pick-options>div>span{flex-wrap:wrap;gap:6px 12px;display:flex}.draw-result b.deck-name{flex-direction:column;gap:4px;display:flex}.matrix-table th>.pokemon-icons{margin-bottom:3px;display:flex}.match-inputs .matchup-field{min-width:150px}.match-inputs .matchup-field .rate-input{width:70px}.rating-table td:first-child{min-width:155px}@media (width<=600px){.matchup-legend{gap:6px 12px;padding:12px 14px}.matchup-field{min-width:155px}.pokemon-icons img{width:28px;height:28px}.deck-card h2.deck-name{font-size:16px}.opponent-row>.pokemon-icons img,.roster-edit-row>.pokemon-icons img{width:23px;height:23px}.opponent-team-icons{gap:2px}.opponent-team-icons .pokemon-icons img{width:22px;height:22px}}.manual-opponent{padding:15px 15px 0}.manual-opponent .button{font-size:10px}.opponent-deck-fields{flex:1;gap:5px;min-width:0;display:grid}.opponent-deck-fields input{width:100%;padding:8px;font-size:11px}.opponent-deck-fields select{color:#83957b;padding:7px;font-size:10px}.match-inputs{border-bottom:1px solid var(--line);color:#6f8463;padding:18px 22px;font-size:11px}.match-inputs summary{cursor:pointer;font-weight:600}.match-inputs p{color:#8b997f;margin:10px 0 15px;font-size:10px}.match-inputs .matrix-table input{text-align:center;width:65px;padding:7px 5px;font-size:11px}.match-inputs .matrix-table th{white-space:normal;min-width:80px}.match-inputs .matrix-table th:first-child{min-width:95px}.match-inputs .matrix-table td{padding:7px}@media (width<=600px){.opponent-edit{grid-template-columns:1fr}.match-inputs{padding:17px 14px}.opponent-row{margin:9px 0}.opponent-deck-fields{grid-template-columns:1fr 1fr;gap:7px}}