@charset "UTF-8";
:root{--ink:#20382f;--muted:#75817a;--green:#267b63;--line:#dfe6de;--paper:#fffefa;--orange:#b77946;--mint:#e4f1e9;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:#f1f4ef;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #40a788}button{transition:background .16s,box-shadow .16s,transform .16s}button:not(:disabled):active{transform:translateY(1px)}[hidden]{display:none!important}a{color:inherit}.topbar{height:92px;display:flex;align-items:center;gap:66px;padding:0 5%;border-bottom:1px solid var(--line);background:rgba(255,254,250,.8)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:21px;font-weight:600;letter-spacing:1px}.brand b{font-weight:800}.brand small{display:block;font-size:8px;letter-spacing:2.3px;margin-top:3px;color:var(--muted)}.brand-mark{display:grid;place-items:center;background:var(--green);color:#eaf5dd;width:43px;height:43px;font-size:41px;line-height:1;border-radius:14px;transform:rotate(-20deg)}.nav-current{font-size:13px;font-weight:650}.nav-current span{font-size:10px;color:var(--green);margin-left:7px;background:var(--mint);padding:3px 5px;border-radius:4px}.topbar>.text-button{margin-left:auto}.text-button{border:0;background:transparent;padding:10px;font-size:12px;white-space:nowrap}.text-button:hover:not(:disabled){color:var(--green);background:#e5ece5;border-radius:7px}main{max-width:1580px;margin:auto;padding:0 5% 108px}.intro{display:flex;align-items:center;justify-content:space-between;padding:41px 0 29px;gap:24px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--green);display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;background:var(--green);border-radius:50%}h1{font-size:38px;font-weight:750;letter-spacing:-1.5px;line-height:1.4;margin:9px 0 10px}h1 em{font-style:normal;color:var(--green)}.intro p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.local-note{display:flex;gap:12px;align-items:center;background:#e8eee6;border:1px solid #dce5d9;padding:15px 19px;border-radius:11px;min-width:260px}.local-note strong{font-size:11px;font-weight:650;display:block;margin-bottom:5px}.local-note span:not(.local-icon){font-size:10px;color:var(--muted)}.local-icon{font-size:26px;color:var(--green)}.local-note i{width:6px;height:6px;border-radius:50%;background:#5fa886;margin-left:15px}.steps{display:flex;align-items:center;gap:14px;margin:0 0 25px;font-size:11px;color:#8b958e}.steps>span{display:flex;align-items:center;gap:7px}.steps b{display:grid;place-items:center;font-size:10px;width:21px;height:21px;border:1px solid #d9e1d7;border-radius:50%;font-weight:500}.steps .active{color:var(--green);font-weight:650}.steps .active b{background:var(--green);color:#fff;border-color:var(--green)}.steps>i{height:1px;width:35px;background:#d7dfd5}.steps small{margin-left:auto;font-size:10px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:stretch}.save-panel{background:var(--paper);border:1px solid #dce3d9;border-radius:14px;overflow:hidden;box-shadow:0 5px 16px #304d3410}.panel-head{padding:18px 20px 14px;display:flex;align-items:center;gap:10px}.panel-tag{font-size:10px;font-weight:700;color:var(--orange);background:#f5eadb;padding:5px 8px;border-radius:5px}.new-panel .panel-tag{color:var(--green);background:var(--mint)}.panel-head h2{font-size:16px;margin:0;letter-spacing:.5px}.panel-head small{margin-left:auto;color:var(--muted);font-size:10px}.upload{position:relative;margin:0 18px 16px;min-height:80px;background:#faf8f2;border:1px dashed #d8d8c8;border-radius:9px;display:flex;align-items:center;padding:16px;gap:12px;cursor:pointer;transition:.18s}.new-panel .upload{background:#f3f8f0;border-color:#cddcc9}.upload:hover,.upload.file-hover{background:#eaf1e5;border-color:var(--green)}.upload-icon{background:#fffdf6;border:1px solid #e4e7dc;border-radius:9px;font-size:24px;width:40px;height:40px;display:grid;place-items:center;color:#9c9869;flex-shrink:0}.new-panel .upload-icon{color:var(--green)}.upload strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;max-width:230px;white-space:nowrap}.upload small{font-size:10px;color:var(--muted);display:block;margin-top:7px}.upload-arrow{margin-left:auto;color:#97a18e;font-size:21px}.file-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.upload:focus-within{outline:3px solid #40a788;outline-offset:3px}.trainer-strip{display:flex;margin:0 19px 15px;align-items:center;font-size:10px;gap:10px;color:var(--muted)}.trainer-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#efeddd;color:#928362;font-size:13px}.new-panel .trainer-avatar{background:#e6f0e5;color:var(--green)}.trainer-strip strong{font-size:12px;color:var(--ink);margin-right:4px}.trainer-strip code{font-size:10px}.trainer-strip .load-status{margin-left:auto;font-size:9px;color:var(--green);background:#edf4e9;padding:4px 6px;border-radius:4px}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:11px;gap:8px}.section-label strong{font-weight:650}.section-label span{color:var(--muted);font-size:10px}.party-section{padding:0 18px 16px}.party-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.slot{position:relative;border:1px solid #e4e7de;border-radius:8px;background:#f8f9f3;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:85px;padding:7px 3px 5px}.slot.empty{border-style:dashed;background:transparent;color:#bcc7b8}.slot.empty .plus{font-weight:200;font-size:23px;line-height:32px}.slot .slot-name{font-size:9px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.65}.slot .slot-meta{font-size:8px;color:var(--muted);margin-top:2px}.slot .slot-index{position:absolute;top:5px;left:6px;color:#9aa694;font-size:8px}.slot .star{position:absolute;right:5px;top:4px;color:#b99136;font-size:11px}.slot .queued-mark{position:absolute;top:4px;left:5px;font-size:8px;color:var(--green);font-weight:700}.slot:not(.empty):hover{background:#edf3e5;border-color:#a5b99d;box-shadow:0 2px 6px #2d4c2c12}.old-panel .slot[data-transferable=true]{cursor:grab}.old-panel .slot[data-transferable=true]:active{cursor:grabbing}.slot.selected{outline:2px solid var(--green);outline-offset:1px;background:#eaf3e3}.slot.queued{background:#e5f3e7;border:1px solid #9dc5a4}.slot.used{opacity:.38;filter:grayscale(.7)}.slot.dim{opacity:.2}.slot.drop-hover,.slot.empty.can-place:hover{background:#def0dd;border:2px dashed var(--green)}.slot.can-place{border-color:#abc5a5}.sprite{display:inline-block;width:32px;height:32px;flex-shrink:0;background-image:url('assets/icons.png');background-repeat:no-repeat;image-rendering:pixelated;vertical-align:middle}.box-section{border-top:1px solid #e7eade;background:linear-gradient(135deg,#fbfbf5,#f5f7ef);padding:15px 18px 16px}.box-toolbar{display:flex;align-items:center;gap:7px;margin-bottom:12px}.box-toolbar select{font-size:12px;font-weight:650;background:transparent;border:0;color:var(--ink);max-width:50%;padding:5px 2px;flex:1}.arrow-button{width:25px;height:25px;border:1px solid #dce3d6;border-radius:6px;background:#fffefa;font-size:16px}.arrow-button:hover:not(:disabled){background:#dfead7}.box-count{font-size:9px;color:var(--muted);margin-left:auto;white-space:nowrap}.box-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;position:relative}.box-grid .slot{min-height:77px;background-color:#ffffffa6}.box-grid .slot.empty{background-color:#f0f4e960;min-height:77px}.box-grid .slot.queued{background-color:#e1f0df}.box-grid .slot.selected{background-color:#eaf3e3}.box-grid .slot.drop-hover{background-color:#dcefd7}.empty-caption{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;background:#f6f8f0bb;gap:9px;border-radius:7px}.empty-caption .empty-ball{width:57px;height:57px;border:1px solid #ced8c5;border-radius:50%;display:grid;place-items:center;font-size:36px;color:#b8c6ae;background:#f3f6ed}.empty-caption strong{font-size:12px;color:#7f8d75;font-weight:500}.empty-caption small{font-size:10px;color:#9ba491}.box-dots{display:flex;justify-content:center;gap:5px;padding:14px 0 11px;flex-wrap:wrap}.box-dot{width:8px;height:8px;border:0;padding:0;border-radius:3px;background:#dde5d6}.box-dot.has-mon{background:#aabd9f}.box-dot.active{width:19px;background:var(--green)}.panel-bottom{display:flex;justify-content:space-between;color:#8e9c83;font-size:9px;padding-top:3px;gap:10px}.search{display:flex;align-items:center;gap:6px;font-size:12px;padding:7px 10px;background:#fffdf8;border:1px solid #dde5d6;border-radius:7px;margin-bottom:11px;color:#9ca891}.search input{border:0;background:transparent;min-width:0;width:100%;font-size:10px;color:var(--ink);outline:none}.search input::placeholder{color:#a5ad9d}.search:focus-within{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.bridge{display:flex;align-items:center;justify-content:center;position:relative}.bridge>span{width:27px;height:27px;display:grid;place-items:center;border:1px solid #d9e1d3;border-radius:50%;color:var(--green);background:#f7faf2;font-size:16px;z-index:1}.bridge i{position:absolute;height:50%;width:1px;background:linear-gradient(transparent,#d7dfd0,transparent)}.inspector{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:19px 22px;margin-top:18px;border:1px solid #dce4d6;border-radius:11px;background:#e8eee2;min-height:89px}.mon-detail{display:flex;align-items:center;gap:15px;min-width:0}.mon-detail strong{font-size:12px}.mon-detail p{font-size:10px;color:var(--muted);margin:7px 0 0;line-height:1.7}.detail-placeholder{font-size:32px;color:#a1af94}.detail-sprite{padding:4px;border:1px solid #d0ddc4;background:#f4f7ed;border-radius:9px;display:grid;place-items:center;width:54px;height:54px;flex-shrink:0}.detail-tags{font-size:9px;color:#6c8060;display:inline-block;margin-left:8px}.item-option{display:flex;gap:8px;align-items:center;cursor:pointer;flex-shrink:0;padding-left:20px;border-left:1px solid #d4dfcb}.item-option input{accent-color:var(--green);width:15px;height:15px}.item-option strong{display:block;font-size:11px;font-weight:500}.item-option small{display:block;font-size:9px;color:var(--muted);margin-top:6px}.site-footer{display:flex;justify-content:space-between;font-size:9px;color:#96a18e;padding:24px 1px;gap:10px}.site-footer i{font-style:normal;margin:0 10px;color:#b4bdac}.save-bar{position:fixed;bottom:0;left:0;right:0;background:#fffef9f5;backdrop-filter:blur(15px);border-top:1px solid #d9e2d2;z-index:10;box-shadow:0 -5px 22px #34492b05}.save-bar-inner{max-width:1580px;margin:auto;padding:16px 5%;display:flex;align-items:center;justify-content:space-between;gap:15px}.transfer-count{display:flex;align-items:center;gap:12px}.transfer-count>span{font-size:28px;font-weight:650;color:var(--green);min-width:34px;text-align:center}.transfer-count strong{font-size:12px;display:block}.transfer-count small{font-size:9px;color:var(--muted);display:block;margin-top:5px}.save-actions{display:flex;align-items:center;gap:12px}.primary-button{background:var(--green);border:1px solid var(--green);color:white;font-size:12px;font-weight:600;border-radius:8px;padding:13px 21px;min-width:156px;display:flex;justify-content:space-between;gap:24px;align-items:center}.primary-button:hover:not(:disabled){background:#1b624e;box-shadow:0 4px 14px #267b6330}.primary-button:disabled{background:#a7bcac;border-color:#a7bcac;opacity:.65}.primary-button span{font-size:18px;line-height:15px}.secondary-button{background:var(--paper);border:1px solid #d7dfd1;border-radius:7px;padding:12px 15px;font-size:11px}.secondary-button:hover:not(:disabled){background:#eef4e6}.notice{padding:12px 16px;border:1px solid #bfd3b5;background:#e9f3e3;font-size:12px;line-height:1.6;border-radius:8px;margin-bottom:16px;color:#38662f}.notice.error{background:#fbebe3;border-color:#e5c5b3;color:#a15a35}.queue-section{margin-top:22px}.queue-list{display:flex;gap:8px;flex-wrap:wrap}.queue-chip{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border:1px solid #d8e3cd;border-radius:8px;background:#f9fbf2;font-size:10px}.queue-chip small{color:var(--muted);display:block;font-size:9px;margin-top:3px}dialog{max-width:570px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:17px;background:var(--paper);color:var(--ink);padding:34px;box-shadow:0 20px 100px #17322240}dialog::backdrop{background:#18352755;backdrop-filter:blur(4px)}dialog h2{font-size:23px;margin:13px 0 22px}dialog ol{padding-left:20px}dialog li,dialog p{font-size:12px;line-height:1.9;color:#64745f;margin:12px 0}.dialog-close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:26px;color:#8a9782}.help-note{padding:12px;background:#eef3e6;border-radius:7px;font-size:11px;line-height:1.8;color:#657759}@media(min-width:1500px){.slot .slot-name{font-size:11px}.slot .slot-meta{font-size:10px}.box-grid .slot{min-height:90px}.box-grid .slot.empty{min-height:90px}.party-grid .slot{min-height:96px}}
@media(max-width:1050px){.topbar{padding:0 3%;height:78px}main{padding-left:3%;padding-right:3%}.workspace{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}.bridge>span{width:20px;height:20px;font-size:13px}.panel-head{padding-left:13px;padding-right:13px}.upload{margin-left:12px;margin-right:12px;padding:12px}.upload strong{max-width:175px}.trainer-strip{margin-left:13px;margin-right:13px;gap:5px}.trainer-strip .load-status{font-size:8px}.party-section,.box-section{padding-left:12px;padding-right:12px}.box-grid{gap:5px}.party-grid{gap:4px}.save-bar-inner{padding-left:3%;padding-right:3%}.steps small{display:none}.local-note{min-width:235px}.slot .slot-name{font-size:8px}}
@media(max-width:750px){.topbar{height:72px;padding:0 20px;gap:20px}.brand{font-size:18px}.brand-mark{width:36px;height:36px;font-size:35px}.nav-current{display:none}.intro{padding-top:28px}.intro h1{font-size:31px}.intro p{font-size:11px}.local-note{display:none}main{padding:0 16px 156px}.steps{gap:8px;font-size:10px;margin-bottom:20px}.steps>i{width:17px}.workspace{display:flex;flex-direction:column;gap:0}.bridge{height:35px}.bridge>span{transform:rotate(90deg);width:25px;height:25px}.bridge i{display:none}.save-panel{border-radius:12px}.panel-head{padding:17px}.upload{margin:0 16px 15px}.upload strong{max-width:240px}.party-section,.box-section{padding-left:16px;padding-right:16px}.trainer-strip{margin-left:17px;margin-right:17px}.slot .slot-name{font-size:9px}.box-grid,.party-grid{gap:6px}.box-grid .slot,.box-grid .slot.empty{min-height:78px}.inspector{padding:15px;flex-direction:column;align-items:flex-start;gap:13px}.item-option{padding:10px 0 0;border-left:0;border-top:1px solid #d4dfcb;width:100%}.item-option span{display:flex;align-items:center;gap:12px}.item-option small{margin:0}.site-footer{font-size:8px;flex-direction:column;gap:8px}.save-bar-inner{padding:10px 16px 13px;flex-wrap:wrap;gap:8px}.transfer-count>span{font-size:24px}.transfer-count strong{font-size:11px}.save-actions{width:100%;gap:6px}.save-actions .primary-button{flex:1;margin-left:auto;min-width:130px;padding:11px 14px}.save-actions .text-button{font-size:10px;padding-left:0}.secondary-button{font-size:10px;padding:11px 9px}.mon-detail p{font-size:9px}.steps>span{gap:5px}.box-dots{gap:5px}dialog{padding:27px 23px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Pointer dragging never enters the browser native drag loop. */
/* Animate only the translucent overlay, leaving text and pixel art crisp. */
.slot.shiny-slot{isolation:isolate;overflow:hidden;border-color:#c0a2db;background:linear-gradient(125deg,#fff5d8,#f5e7ff 38%,#e0f8f6 72%,#fff0de);box-shadow:inset 0 0 0 1px #ffffffb3,0 2px 9px #a776c226}
.slot.shiny-slot::before{content:"";position:absolute;inset:-90% -150%;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 36%,#ffffffa3 46%,#f5c4ff8c 50%,#b8fff075 54%,transparent 64%);transform:translateX(-25%) rotate(12deg);animation:shiny-sheen 5s ease-in-out infinite}
.slot.shiny-slot:hover{border-color:#ac83c6;box-shadow:inset 0 0 0 1px #fff,0 3px 12px #a776c23d}.slot.shiny-slot .star{color:#9b5aaf;text-shadow:0 0 5px #fff;font-size:13px}.slot.shiny-slot.queued{border-color:#58a588}.slot.shiny-slot.drop-hover{border:2px dashed var(--green)}.slot.transfer-blocked{cursor:default}.slot.transfer-blocked .slot-meta{color:#8d948b}
@keyframes shiny-sheen{0%,20%{transform:translateX(-25%) rotate(12deg)}75%,100%{transform:translateX(25%) rotate(12deg)}}
@media(prefers-reduced-motion:reduce){.slot.shiny-slot::before{animation:none;transform:rotate(12deg)}}
.slot{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.slot *{-webkit-user-drag:none}.is-dragging,.is-dragging *{cursor:grabbing!important;user-select:none!important}.drag-source{opacity:.55}.drag-preview{position:fixed;top:0;left:0;z-index:1000;pointer-events:none;display:flex;align-items:center;gap:9px;padding:9px 14px;background:#fffefa;border:1px solid #8bb79c;border-radius:10px;box-shadow:0 8px 26px #20382f30;font-size:12px;will-change:transform}

/* Only transferable cards reserve a touch gesture; headings, gaps and empty slots still scroll normally. */
.old-panel .slot[data-transferable=true]{touch-action:none;-webkit-touch-callout:none}
.mobile-drag-hint{display:none}@media(pointer:coarse){.mobile-drag-hint{display:block;font-size:11px;line-height:1.8;color:#64745f;margin:0 0 15px}}

/* Appearance and contextual details */
:root{--page:#f1f4ef;--surface:#f7f9f3;--soft:#e8eee2;--subtle:#e9efe5;--accent-hover:#1b624e;--notice-bg:#e9f3e3;--notice-ink:#38662f;--error-bg:#fbebe3;--error-ink:#a15a35;--shiny-bg:linear-gradient(125deg,#fff5d8,#f5e7ff 38%,#e0f8f6 72%,#fff0de)}
:root[data-theme=ocean]{--page:#eef4fa;--paper:#fbfdff;--surface:#f0f6fc;--soft:#e1edf8;--subtle:#dbe9f6;--ink:#20394d;--muted:#607b90;--green:#287bac;--line:#cedfea;--mint:#dceef8;--accent-hover:#1c628c;--notice-bg:#e2f1fb;--notice-ink:#285a7b}
:root[data-theme=rose]{--page:#faf0f3;--paper:#fffafb;--surface:#fcf3f6;--soft:#f4e3ec;--subtle:#f0dce5;--ink:#4c2c3e;--muted:#8e6c7e;--green:#a34478;--line:#e8d3df;--mint:#f7e1ef;--accent-hover:#83325f;--notice-bg:#f7e5f0;--notice-ink:#873b66}
:root[data-theme=night]{color-scheme:dark;--page:#151c29;--paper:#202b3b;--surface:#253245;--soft:#2b3a4f;--subtle:#35455c;--ink:#e4edf6;--muted:#a6b7cb;--green:#78cdb5;--line:#405169;--mint:#263f42;--orange:#e3b486;--accent-hover:#95dfc9;--notice-bg:#233d39;--notice-ink:#a8e4cd;--error-bg:#482d32;--error-ink:#ffc2ae;--shiny-bg:linear-gradient(125deg,#423d34,#443454 38%,#25454c 72%,#453a37)}
html,body{background:var(--page);color:var(--ink)}.topbar,.save-bar{background:var(--paper);border-color:var(--line)}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.save-panel,.slot,.box-grid .slot,.arrow-button,.secondary-button,.queue-chip,.theme-option{border-color:var(--line)}.upload,.new-panel .upload,.slot,.box-grid .slot,.search,.arrow-button,.box-toolbar select,.drag-preview{background:var(--surface);color:var(--ink)}.upload:hover,.new-panel .upload:hover,.text-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.arrow-button:hover:not(:disabled){background:var(--soft);color:var(--green)}.box-section{background:var(--surface);border-color:var(--line)}.slot.empty,.box-grid .slot.empty{background:var(--surface);color:var(--muted)}.slot:not(.empty):hover{background:var(--soft);border-color:var(--green)}.slot.selected,.slot.queued,.box-grid .slot.queued,.box-grid .slot.selected,.slot.can-place,.slot.drop-hover,.box-grid .slot.drop-hover{background:var(--mint);border-color:var(--green)}.slot.shiny-slot,.slot.shiny-slot:hover{background:var(--shiny-bg);border-color:#b596d0}.slot.shiny-slot.selected{outline-color:var(--green)}.slot.shiny-slot.queued{border-color:var(--green)}.empty-caption{background:var(--surface)}.empty-caption strong,.empty-caption small,.empty-caption .empty-ball{color:var(--muted)}.empty-caption .empty-ball,.upload-icon,.new-panel .upload-icon,.detail-sprite{background:var(--paper);border-color:var(--line);color:var(--green)}.local-note,.help-note{background:var(--soft);border-color:var(--line)}.box-dot{background:var(--subtle)}.box-dot.has-mon{background:var(--muted)}.box-dot.active{background:var(--green)}.panel-tag{background:var(--soft);color:var(--orange)}.new-panel .panel-tag,.trainer-strip .load-status,.trainer-avatar,.new-panel .trainer-avatar{background:var(--mint);color:var(--green)}.panel-bottom,.box-toolbar .box-count,.slot .slot-meta,.slot .slot-index,.slot.transfer-blocked .slot-meta,.site-footer,.mobile-drag-hint,.detail-moves,.sheet-status,dialog p,dialog li{color:var(--muted)}.notice{background:var(--notice-bg);color:var(--notice-ink);border-color:var(--line)}.notice.error{background:var(--error-bg);color:var(--error-ink);border-color:var(--error-ink)}.primary-button{color:var(--paper)}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.primary-button:disabled{background:var(--muted);border-color:var(--muted)}.bridge>span{background:var(--paper);border-color:var(--line)}.transfer-options{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 2px;color:var(--muted);font-size:11px}.transfer-options .item-option{border:0;padding:0;width:auto}.transfer-options .item-option strong{color:var(--ink)}
.mon-popover{position:fixed;z-index:40;width:min(340px,calc(100vw - 24px));padding:18px;max-height:calc(100dvh - 140px);overflow:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 45px #10252330;pointer-events:none}.detail-heading{display:flex;align-items:center;gap:12px}.detail-heading strong{display:block;font-size:15px;overflow-wrap:anywhere}.detail-subtitle{display:block;margin-top:5px;font-size:10px;color:var(--muted)}.detail-shiny{margin-left:auto;white-space:nowrap;color:var(--green);font-size:11px}.detail-facts{margin:16px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-facts dt,.detail-section-label{font-size:10px;color:var(--muted);margin-bottom:5px}.detail-facts dd{margin:0;font-size:12px;overflow-wrap:anywhere}.iv-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.iv-grid div{text-align:center;background:var(--surface);padding:9px 2px;border-radius:6px}.iv-grid span{display:block;font-size:9px;color:var(--muted)}.iv-grid strong{display:block;font-size:15px;margin-top:4px}.detail-moves{font-size:11px;line-height:1.8;margin-top:14px;overflow-wrap:anywhere}.detail-moves>span{margin-right:8px}.mon-sheet{max-width:440px}.mon-sheet h2{font-size:18px;margin:0 0 22px}.mon-sheet .primary-button{width:100%}.mon-sheet .sheet-status{font-size:12px}.theme-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;border:0;padding:0;margin:20px 0 0}.theme-options legend{font-size:12px;color:var(--muted);margin-bottom:12px}.theme-option{position:relative;border:1px solid var(--line);border-radius:12px;padding:14px;cursor:pointer;display:grid;grid-template-columns:36px 1fr;gap:5px 12px;background:var(--surface)}.theme-option input{position:absolute;right:12px;top:12px;accent-color:var(--green);width:15px;height:15px}.theme-option:has(input:checked){border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.theme-option:focus-within{outline:2px solid var(--green);outline-offset:3px}.theme-option strong{font-size:12px;padding-right:16px}.theme-option small{font-size:10px;color:var(--muted)}.theme-swatch{grid-row:span 2;width:36px;height:36px;border-radius:50%;border:3px solid #ffffff80}.swatch-forest{background:linear-gradient(135deg,#267b63 50%,#e4f1e9 50%)}.swatch-ocean{background:linear-gradient(135deg,#287bac 50%,#dceef8 50%)}.swatch-rose{background:linear-gradient(135deg,#a34478 50%,#f7e1ef 50%)}.swatch-night{background:linear-gradient(135deg,#151c29 50%,#78cdb5 50%)}
:root[data-theme=night] .slot.shiny-slot::before{opacity:.3}:root[data-theme=night] .slot.shiny-slot .star{color:#e8c0ff;text-shadow:none}:root[data-theme=night] .slot.used{opacity:.55}:root[data-theme=night] .save-panel{box-shadow:0 5px 16px #0002}
@media(max-width:750px){.header-actions{gap:0}.header-actions .text-button{font-size:11px;padding:9px 7px}.topbar{gap:8px;padding:0 16px}.desktop-detail-hint{display:none}.transfer-options{justify-content:flex-end}.mon-sheet{margin:auto 0 0;width:100%;max-width:none;border-radius:22px 22px 0 0;border-bottom:0;padding:24px 22px calc(24px + env(safe-area-inset-bottom));max-height:85dvh;overflow:auto}.mon-sheet::before{content:"";position:absolute;top:8px;left:calc(50% - 18px);width:36px;height:4px;border-radius:4px;background:var(--line)}}

.error-dialog{width:calc(100% - 32px);max-width:420px;max-height:calc(100dvh - 32px);overflow:auto;padding:28px;border-radius:18px}.error-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--error-bg);color:var(--error-ink);font-size:23px;font-weight:700}.error-dialog h2{font-size:20px;margin:18px 0 12px}.error-dialog #error-message{font-size:14px;line-height:1.8;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 24px}.error-dialog .primary-button{width:100%;justify-content:center;min-height:44px}