:root{--copper:#775537;--butter:#fbe29d;--nebula:#c0ddda;--shell:#f1f1f1;--cream:#faf6e9;--ink:#594633;--muted:#978675;--line:#e9dfcf;--font:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","PingFang SC","Microsoft YaHei UI",sans-serif}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);font-family:var(--font);letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;font-weight:400;line-height:1.5}button,input{font:inherit;letter-spacing:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #7a9f9b}h1,h2,h3,p{margin:0}h1,h2,h3,strong,b{font-weight:400}small{font-size:13px;line-height:1.5}main{min-width:1000px;max-width:1920px;margin:auto;padding:0 24px 28px}.app-header{flex-direction:column;align-items:stretch;gap:0;padding:28px 0 22px;display:flex}.brand{align-self:flex-end;width:max-content}.brand h1{color:var(--copper);justify-content:space-between;font-size:22px;font-weight:400;line-height:1.3;display:flex}.brand p{letter-spacing:.6px;word-spacing:0;white-space:nowrap;color:#9b7d5d;margin-top:1px;font-size:14px;line-height:1.3}.back-button{color:var(--copper);background:#fffdf6;border-radius:30px;align-items:center;gap:8px;padding:9px 17px;font-size:14px;display:flex}.back-button:hover{background:var(--butter)}.editor-panel,.pool-panel,.preset{border:1px solid #ffffffa8;border-radius:28px;overflow:hidden;box-shadow:0 6px 22px #77553706}.editor-panel{background:linear-gradient(125deg,#fbe29ded,#f9eac3eb);margin-bottom:24px;padding:22px 18px 16px}.section-top{justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 4px;display:flex}.eyebrow{color:#9a7b52;margin-bottom:8px;font-size:14px}.name-label{align-items:center;gap:12px;display:flex}.editor-number,.preset-index{background:var(--nebula);color:#507c78;font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;display:inline-flex}.comp-name{color:var(--copper);background:0 0;border:0;border-bottom:1px solid #0000;width:clamp(260px,36vw,560px);padding:0;font-size:26px;font-weight:500;line-height:1.5}.comp-name:hover{border-color:#c9ae7b}.name-pencil{color:#aa8b5e}.board{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.slot{background:#fffdf4dc;border:1px solid #ffffffd9;border-radius:20px;min-width:0;transition:background .15s,border-color .15s;overflow:hidden}.slot.selected{border-color:var(--copper);background:#fffefa;box-shadow:0 0 0 2px #77553713}.slot-select{text-align:center;width:100%;padding:10px 8px 4px;display:block;position:relative}.slot-number{z-index:1;color:#b3a58b;font-size:13px;position:absolute;top:10px;left:12px}.selected .slot-number{color:var(--copper)}.card-art{aspect-ratio:3/4;justify-content:center;align-items:center;width:100%;display:flex}.card-art img{object-fit:contain;width:100%;height:100%;display:block}.slot .card-art{aspect-ratio:1/1.08}.empty-art{color:#c2ac83;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:clamp(128px,12vw,190px);display:flex}.empty-art>svg{background:#f4eddc;border-radius:50%;width:42px;height:42px;padding:10px}.selected .empty-art{color:#9b7c4d}.slot strong,.pool-card strong{overflow-wrap:anywhere;color:#74563a;min-height:0;font-size:16px;font-weight:400;line-height:1.5;display:block}.slot small,.pool-card small{color:#a18b70;margin-top:2px;font-size:13px;line-height:1.5;display:block}.slot-actions{justify-content:center;gap:12px;padding:8px 0 11px;display:flex}.slot-actions button{color:#aa8d62;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.slot-actions button:hover:not(:disabled){background:var(--butter);color:var(--copper)}.instruction{color:#987c52;align-items:center;gap:6px;padding:14px 5px 0;font-size:13px;display:flex}.instruction b{color:var(--copper)}.selection-dot{background:#83b1ab;border-radius:50%;width:7px;height:7px;margin-right:3px}.pool-panel{background:#fffdf7}.pool-heading{padding:24px 26px 13px}.pool-heading h2{color:var(--copper);align-items:center;gap:10px;font-size:24px;line-height:1.5;display:flex}.pool-heading h2 span{background:var(--nebula);color:#507b77;border-radius:20px;padding:3px 9px;font-size:13px;line-height:1.5}.pool-toolbar{justify-content:space-between;align-items:center;gap:20px;padding:0 26px 18px;display:flex}.tabs{background:#f2eee4;border-radius:30px;gap:5px;padding:4px;display:flex}.tabs button{color:#a08e75;border-radius:25px;padding:9px 19px;font-size:15px}.tabs button[aria-pressed=true]{background:var(--copper);color:#fff6de}.tabs span{opacity:.7;margin-left:3px;font-size:12px}.search{background:var(--shell);color:#a89b87;border-radius:26px;align-items:center;gap:9px;width:285px;padding:11px 16px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:15px}.search:focus-within{box-shadow:0 0 0 2px #c0ddda}.search input::placeholder{color:#a89983}.search button{padding:0;display:flex}.tribe-filter{background:#faf7ee;border-top:1px solid #eee7da;border-bottom:1px solid #eee7da;align-items:center;gap:16px;padding:15px 26px;display:flex}.tribe-filter>span{white-space:nowrap;color:#9b8466;align-items:center;gap:7px;font-size:14px;display:flex}.tribe-filter>div{flex-wrap:wrap;flex:1;gap:6px;display:flex}.tribe-filter button{color:#9a846a;border-radius:20px;padding:5px 12px;font-size:14px}.tribe-filter button[aria-pressed=true]{background:var(--butter);color:var(--copper)}.tribe-filter small{color:#afa087;white-space:nowrap;font-size:12px}.data-note{color:#ae9f89;padding:12px 26px 0;font-size:12px;line-height:1.5}.pool-scroll{scrollbar-gutter:stable;overscroll-behavior:contain;height:560px;padding:0 20px 24px;overflow-y:auto}.tier-section h3{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#8e6f4b;background:#fffdf7f2;align-items:center;gap:10px;padding:17px 6px 12px;font-size:17px;line-height:1.5;display:flex;position:sticky;top:0}.tier-section h3 span{color:#ad9a7f;font-size:12px}.card-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:16px 12px;display:grid}.pool-card{text-align:center;background:#f7f3e94d;border:1px solid #0000;border-radius:22px;min-width:0;padding:5px 7px 13px;transition:background .15s}.pool-card:hover{background:#f9e9bf;border-color:#eddbb0}.pool-card:active{background:var(--butter)}.pool-footer{color:#a28f74;border-top:1px solid #eee6d7;justify-content:space-between;align-items:center;gap:20px;min-height:44px;padding:12px 26px;font-size:12px;display:flex}.pool-footer [role=status]{color:#608d87}.empty-results{color:#b3a082;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:360px;display:flex}.empty-results h3{color:#94744d;font-size:19px}.empty-results p{font-size:14px}.empty-results button{background:var(--butter);color:var(--copper);border-radius:25px;margin-top:5px;padding:10px 20px}.image-fallback{color:#b09b7a;flex-direction:column;align-items:center;gap:10px;font-size:13px;display:flex}.home-page{flex-direction:column;min-height:100vh;display:flex}.home-layout{flex:1;padding-top:8px}.home-content{width:100%}.home-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.home-top h2{color:var(--copper);font-size:22px;font-weight:400}.primary-button{background:var(--copper);color:#fff4d9;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:16px;display:flex}.primary-button:hover:not(:disabled){background:#8c6743}.primary-button span{color:#e0c8a4;margin-left:6px;font-size:12px}.preset-list{gap:24px;display:grid}.preset{background:#fffdf6;padding:0 20px 13px}.preset-top{background:var(--butter);justify-content:space-between;align-items:center;gap:15px;margin:0 -20px;padding:18px 24px;display:flex}.preset-title{align-items:center;gap:13px;min-width:0;display:flex}.preset-name{text-align:left;color:var(--copper);overflow-wrap:anywhere;padding:0;font-size:21px;font-weight:500}.preset-name-input{background:#fff9e8;border:1px solid #d5bb8c;border-radius:10px;width:360px;padding:4px 9px;font-size:21px;font-weight:500}.preset-actions{gap:8px;display:flex}.preset-actions button{color:#9f7d4c;background:#fff9e39e;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.preset-actions button:hover:not(:disabled){color:var(--copper);background:#fffdf3}.preset-preview{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;width:100%;padding:17px 0 12px;display:grid}.preview-slot{background:#f9f6ed;border-radius:18px;min-width:0;padding:4px 6px 12px}.preview-slot strong{overflow-wrap:anywhere;color:#806244;min-height:0;font-size:15px;font-weight:400;line-height:1.5;display:block}.preview-slot small{color:#a38c6e;margin-top:2px;font-size:13px;line-height:1.5;display:block}.preview-empty{color:#c6b28e;justify-content:center;align-items:center;height:clamp(120px,11vw,180px);display:flex}.preset-preview:hover .preview-slot{background:#fcf0cf}.preset-bottom{color:#ae9979;border-top:1px solid #efe6d6;justify-content:space-between;align-items:center;padding:9px 4px 0;font-size:13px;display:flex}.preset-bottom button{color:var(--copper);padding:5px 0;font-size:14px}.home-empty{color:#b49667;background:#fff9e9;border:1px dashed #deccaa;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:350px;display:flex}.home-empty h3{color:#9b7a4c;font-size:19px;font-weight:400}.delete-confirm{background:#f8e7dd;border-radius:14px;align-items:center;gap:12px;margin-top:12px;padding:12px;font-size:14px;display:flex}.delete-confirm span{overflow-wrap:anywhere;flex:1}.delete-confirm button{background:#fff9f3;border-radius:20px;padding:7px 13px}.delete-confirm .danger{color:#ad6451}.storage-note{color:#a1927b;padding:24px 24px 4px;font-size:13px;line-height:1.5}.storage-note p{margin-top:4px;line-height:1.5}.site-footer{color:#aa9a82;border-top:1px solid #e9dfcd;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:26px;padding:24px 4px 0;font-size:12px;line-height:1.5;display:flex}.site-footer>p{max-width:920px}.site-footer>div{text-align:right;white-space:nowrap;color:#907352;font-size:12px;line-height:1.5}.site-footer strong{color:var(--copper);font-weight:400}.site-footer small{color:#aa9477;margin:0;font-size:12px;line-height:1.5;display:block}@media (width>=1500px){.board{gap:14px}.card-grid{gap:18px 14px}.pool-scroll{height:610px}}@media (width<=1100px){main{padding:0 16px 24px}.editor-panel{padding:20px 12px 14px}.board{gap:8px}.slot-select{padding-left:4px;padding-right:4px}.slot strong,.pool-card strong{font-size:15px}.slot-actions{gap:8px}.tribe-filter{gap:10px}.preset-preview{gap:9px}.storage-note{padding-left:20px}.site-footer{gap:24px}}.app-header{width:100%;margin-right:0;padding-right:0}.brand{flex:none;align-self:flex-end;width:330px;margin-right:0;padding:0}.brand h1{justify-content:space-between;width:100%;margin:0;padding:0;font-size:20px;line-height:1.3;display:flex}.brand p{letter-spacing:.45px;word-spacing:normal;text-align:justify;text-align-last:justify;white-space:normal;width:100%;margin:1px 0 0;padding:0;font-size:13px;line-height:1.3}.home-layout,.home-content{width:100%;margin-right:0;padding-right:0}.app-header{align-items:flex-start}.brand{align-self:flex-start;width:280px;margin:0}.brand h1{font-size:18px;line-height:1.4}.brand p{letter-spacing:0;word-spacing:0;text-align:left;text-align-last:auto;white-space:nowrap;justify-content:space-between;margin-top:0;font-size:11.5px;line-height:1.4;display:flex}.brand p span{white-space:pre;flex:none}.home-top{justify-content:flex-end}.editor-panel{background:linear-gradient(125deg,#fce7b3,#fcf0d3)}.preview-slot .card-art{aspect-ratio:1/1.08}.preview-empty{height:clamp(128px,12vw,190px)}.preview-slot{padding:10px 8px 48px}.preview-slot strong{font-size:16px}.preset-preview{gap:10px}@media (width>=1500px){.preset-preview{gap:14px}}.preview-slot{flex-direction:column;justify-content:center;align-items:stretch;min-width:0;padding:12px 8px;display:flex}.preview-slot .card-art{aspect-ratio:3/4;flex:none;width:100%}.preview-slot strong{min-height:0;margin:0;line-height:1.5}.preview-slot small{margin:2px 0 0;line-height:1.5}.preview-empty{aspect-ratio:3/4;flex:none;width:100%;height:auto}.preset-preview{align-items:stretch}.comp-name,.preset-name,.preset-name-input{font-size:26px;font-weight:500;line-height:1.5}.editor-number,.preset-index{font-synthesis:weight;font-weight:700}.brand h1,.brand p{font-synthesis:weight;font-weight:600}.preset-bottom button{color:#4f82ad}.preset-bottom button:hover{color:#35658e}.comp-name,.preset-name,.preset-name-input{font-size:23px;font-weight:500}.editor-number,.preset-index{font-weight:700}.editor-panel,.pool-panel,.preset{border:1.5px solid #775537}.back-button{color:#fff5dc;background:#775537}.back-button:hover{color:#fff8e9;background:#896442}.brand h1,.brand p{font-weight:500}:root{--title-action-gap:52px;--action-panel-gap:24px}.app-header{padding-bottom:var(--title-action-gap)}.app-header:has(.editor-navigation){padding-bottom:var(--action-panel-gap)}.editor-navigation{margin-top:var(--title-action-gap)}.back-button{min-height:48px}.home-layout{padding-top:0}.home-top{margin-bottom:var(--action-panel-gap)}.primary-button{min-height:48px}.pool-toolbar{justify-content:flex-end}.tribe-filter{flex-wrap:nowrap;gap:16px}.tribe-filter .all-cards-button{white-space:nowrap;flex-shrink:0;padding:8px 17px;font-size:17px}.tribe-filter .all-cards-button[aria-pressed=true]{background:var(--copper);color:#fff5dd}.tribe-filter>div{flex-wrap:nowrap;gap:2px}@media (width<=1100px){.tribe-filter{gap:9px;padding-left:18px;padding-right:18px}.tribe-filter>div button{padding:6px 7px}.tribe-filter .all-cards-button{padding:8px 12px}}.tribe-filter{align-items:center;gap:12px;padding:15px 22px;display:flex}.tribe-filter>div{flex-wrap:nowrap;flex:1;justify-content:flex-start;gap:2px;min-width:0;display:flex}.tribe-filter>div button{white-space:nowrap;padding:6px 8px}.tribe-filter .search{flex:0 0 230px;width:230px;min-width:0;margin-left:auto}.tribe-filter .search button{padding:0}.tribe-filter .all-cards-button{font-size:17px}.tribe-filter>span{flex-shrink:0}@media (width<=1250px){.tribe-filter{gap:8px;padding-left:16px;padding-right:16px}.tribe-filter>div button{padding:6px 5px;font-size:13px}.tribe-filter .search{flex-basis:170px;width:170px;padding:10px 12px}.tribe-filter .search input{font-size:13px}.tribe-filter .all-cards-button{padding:8px 12px}}.tribe-filter>.filter-label{color:#775537;border-right:1px solid #d9c9b0;flex-shrink:0;align-items:center;gap:7px;padding-right:10px;font-weight:600;display:inline-flex}.filter-label svg{flex-shrink:0}.site-footer{color:#f3efea;border-top-color:#eee6db80}.site-footer>div{color:#fffaf2}.site-footer strong{color:#fff}.site-footer small{color:#e7edf0}body{background:#f9f6ed}.app-header{background:#b3916b;border:1.5px solid #775537;border-radius:0 0 20px 20px;margin-bottom:24px;padding-left:24px;padding-right:24px}.site-footer{background:#b3916b;border:1.5px solid #775537;border-radius:20px 20px 0 0;margin-top:26px;padding:24px}.storage-note{color:#978675}.storage-note .save-success{color:#54867f}.storage-note .save-warning{color:#a56f3d}.app-header{background:0 0;border:0;border-radius:0;padding-left:0;padding-right:0}.brand h1{color:#775537}.brand p{color:#9b7d5d}.editor-panel,.pool-panel,.preset,.slot,.pool-card,.preview-slot,.preset-name-input{border:0}.slot.selected{border:0;box-shadow:0 0 0 2px #c0ddda}.tribe-filter,.pool-footer,.preset-bottom{border:0}.tribe-filter>.filter-label{border-right:0}.comp-name,.comp-name:hover,.home-empty{border:0}