:root{--page-bg: #d8d0c0;--surface-main: #eee8da;--surface-muted: #e4ddcf;--surface-dark: #292521;--ink-primary: #292621;--ink-secondary: #625c52;--ink-muted: #8a8275;--ink-inverse: #f4efe5;--border-primary: #62584c;--border-light: rgba(66, 58, 49, .24);--border-dark: #292521;--accent-primary: #7c302e;--accent-hover: #642321;--accent-gold: #a8894e;--accent-gold-soft: rgba(168, 137, 78, .16);--accent-teal: #3e6b6e;--accent-teal-hover: #2f5457;--danger: #9e3b2f;--danger-hover: #7f2c22;--owned-opacity: 1;--unowned-opacity: .38;--radius-card: 2px;--radius-control: 3px;--shadow-card: 0 1px 0 rgba(255, 255, 255, .35) inset, 0 1px 3px rgba(30, 24, 18, .18);--shadow-page: 0 0 0 3px rgba(238, 232, 218, .75), 0 0 0 4px var(--border-light);--shadow-pop: 0 2px 14px rgba(30, 24, 18, .28);--font-display: "Noto Serif TC", "Songti TC", serif;--font-ui: "Noto Sans TC", system-ui, sans-serif;--paper-noise-opacity: .06;--paper-noise-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--transition-fast: .11s ease;--transition-medium: .16s ease;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--control-h: 38px;--control-h-sm: 32px;--touch-target: 44px;--content-max: 1480px}html[lang=zh-CN]{--font-display: "Noto Serif SC", "Songti SC", serif;--font-ui: "Noto Sans SC", system-ui, sans-serif}html[lang=ja-JP]{--font-display: "Noto Serif JP", "Hiragino Mincho ProN", serif;--font-ui: "Noto Sans JP", "Hiragino Sans", sans-serif}html[lang=ko-KR]{--font-display: "Noto Serif KR", "Apple SD Gothic Neo", serif;--font-ui: "Noto Sans KR", "Apple SD Gothic Neo", sans-serif}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--border-primary);border-radius:var(--radius-control);background:var(--surface-main);color:var(--ink-primary);font-family:var(--font-ui);font-size:13px;font-weight:500;line-height:1;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none}.ds-btn:hover:not(:disabled){background:var(--surface-muted)}.ds-btn:focus-visible{outline:2px solid var(--accent-teal);outline-offset:1px}.ds-btn:disabled{opacity:.45;cursor:not-allowed}.ds-btn--md{height:var(--control-h);padding:0 16px}.ds-btn--sm{height:var(--control-h-sm);padding:0 10px;font-size:12px}.ds-btn--primary{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--ink-inverse)}.ds-btn--primary:hover:not(:disabled){background:var(--accent-hover)}.ds-btn--danger{background:transparent;border-color:var(--danger);color:var(--danger)}.ds-btn--danger:hover:not(:disabled){background:var(--danger);color:var(--ink-inverse)}.ds-btn--teal{background:var(--accent-teal);border-color:var(--accent-teal);color:var(--ink-inverse)}.ds-btn--teal:hover:not(:disabled){background:var(--accent-teal-hover)}.ds-btn--ghost{background:transparent;border-color:transparent;color:var(--ink-secondary)}.ds-btn--ghost:hover:not(:disabled){background:var(--surface-muted);color:var(--ink-primary)}.ds-field{display:flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);background:var(--surface-main);border:1px solid var(--border-light);border-radius:var(--radius-control)}.ds-field__label{flex:0 0 auto;min-width:52px;font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--ink-secondary);letter-spacing:.06em}.ds-field__value{flex:1 1 auto;display:flex;align-items:center;gap:var(--space-2);justify-content:flex-end;min-width:0}.ds-field--gold{border-color:var(--accent-gold);background:var(--accent-gold-soft)}.ds-field--teal{border-color:var(--accent-teal)}.ds-field--danger{border-color:var(--danger)}.ds-stepper{display:inline-flex;align-items:center;gap:var(--space-2)}.ds-stepper__label{font-size:12px;color:var(--ink-muted)}.ds-stepper__btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-light);border-radius:var(--radius-control);background:var(--surface-main);color:var(--ink-primary);cursor:pointer;font-size:14px;line-height:1;transition:background var(--transition-fast)}.ds-stepper__btn:hover:not(:disabled){background:var(--surface-muted)}.ds-stepper__btn:disabled{opacity:.4;cursor:not-allowed}.ds-stepper__value{min-width:36px;text-align:center;font-variant-numeric:tabular-nums;font-weight:600;font-size:13px}.ds-seg{display:inline-flex;gap:6px;flex-wrap:wrap}.ds-seg__item{height:var(--control-h-sm);padding:0 10px;border:1px solid var(--border-light);border-radius:var(--radius-control);background:var(--surface-main);color:var(--ink-secondary);font-size:12px;cursor:pointer;transition:all var(--transition-fast)}.ds-seg__item:hover:not(:disabled){background:var(--surface-muted)}.ds-seg__item.is-selected{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--ink-inverse)}.ds-seg__item:disabled{opacity:.4;cursor:not-allowed}.ds-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-5)}.ds-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e181266}.ds-overlay__panel{position:relative;z-index:1;width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--surface-main);border:1px solid var(--border-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-pop)}.ds-overlay__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);position:sticky;top:0;background:var(--surface-main);z-index:1}.ds-overlay__title{font-family:var(--font-display);font-size:15px;font-weight:700}.ds-overlay__close{width:var(--touch-target);height:var(--touch-target);display:inline-flex;align-items:center;justify-content:center;background:none;border:none;font-size:14px;color:var(--ink-secondary);cursor:pointer}.ds-overlay__close:hover{color:var(--ink-primary)}.ds-overlay__body{padding:var(--space-4)}.resonance-stat{display:inline-flex;align-items:center;gap:3px;font-variant-numeric:tabular-nums;white-space:nowrap}.resonance-stat svg{flex:0 0 auto}.ds-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:2px;font-size:11px;font-weight:700;letter-spacing:.04em}.ds-badge--gold{background:var(--accent-gold);color:var(--ink-inverse)}.ds-badge--teal{background:var(--accent-teal);color:var(--ink-inverse)}.ds-badge--danger{background:var(--danger);color:var(--ink-inverse)}.ds-badge--neutral{background:var(--surface-muted);color:var(--ink-secondary)}@media(pointer:coarse){.ds-stepper__btn{width:44px;height:44px}.ds-seg__item{min-width:44px;min-height:44px}}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body,#root{margin:0;min-height:100%}body{background:var(--page-bg);color:var(--ink-primary);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;opacity:var(--paper-noise-opacity);background-image:var(--paper-noise-url);background-size:160px}button,input,select{font:inherit}button{color:inherit}img{display:block}:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}.app-shell{max-width:var(--content-max);margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:14px}.paper{background:var(--surface-main);border:1px solid var(--border-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.page-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:18px 18px 22px;border-top:1px solid var(--border-light)}.repo-banner{width:360px;max-width:100%;aspect-ratio:5 / 1;display:inline-flex;align-items:center;gap:14px;padding:0 20px;border:1px solid var(--border-primary);border-radius:var(--radius-card);background:var(--surface-muted);box-shadow:var(--shadow-card);color:var(--ink-primary);text-decoration:none;transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.support-banner{display:inline-flex;width:120px;opacity:.9;border-radius:999px;text-decoration:none;transition:opacity var(--transition-fast)}.support-banner:hover{opacity:1}.support-banner:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}.support-banner img{width:100%;height:auto}.repo-banner:hover{border-color:var(--accent-gold);color:var(--accent-gold);transform:translateY(-1px)}.repo-banner:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}.repo-banner__text{display:flex;flex-direction:column;gap:2px;text-align:left}.repo-banner__name{font-family:var(--font-display);font-size:16px;letter-spacing:.04em}.repo-banner__url{color:var(--ink-muted);font-size:10px;letter-spacing:.06em}.repo-banner:hover .repo-banner__url{color:inherit}.storage-warn{padding:8px 12px;background:var(--accent-gold-soft);border:1px solid var(--accent-gold);font-size:12px}@media(max-width:640px){html,body{overflow-x:hidden}.app-shell{width:100%;padding:8px;gap:10px}.page-footer{padding:14px 8px 18px}.support-banner{width:112px}.repo-banner{width:240px;gap:10px;padding:0 16px}.repo-banner svg{width:18px;height:18px}.repo-banner__name{font-size:13px}.repo-banner__url{font-size:8.5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.topbar{display:flex;align-items:center;gap:var(--space-2);min-height:46px;flex-wrap:wrap;border-bottom:1px solid var(--border-light);padding-bottom:10px}.topbar__brand{min-width:0;margin-right:auto;display:flex;align-items:baseline}.topbar__title{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:.035em}.topbar__future{width:110px;flex:0 0 110px}.topbar__reset{width:96px;flex:0 0 96px}.topbar__export-actions{display:flex;align-items:center;gap:var(--space-2);flex:0 0 auto}.topbar__share{width:112px;flex:0 0 112px}.topbar__export{width:110px;flex:0 0 110px}.lang-switcher{display:inline-flex;border:1px solid var(--border-light);border-radius:2px;overflow:hidden}.lang-switcher button{height:var(--control-h-sm);min-width:32px;padding:0 7px;border:0;border-right:1px solid var(--border-light);background:transparent;color:var(--ink-muted);font-size:10px;cursor:pointer}.lang-switcher button:last-child{border-right:0}.lang-switcher button[data-active=true]{background:var(--surface-dark);color:var(--ink-inverse)}.preview-banner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 12px;background:var(--accent-teal);color:var(--ink-inverse);border:1px solid var(--accent-teal-hover)}.preview-banner strong{margin-right:auto;font-size:13px}.preview-banner button,.assignment-bar button{min-height:30px;border:1px solid rgba(255,255,255,.4);background:var(--surface-main);color:var(--ink-primary);border-radius:2px;padding:0 10px;cursor:pointer}.mobile-view-switcher{display:none}.mobile-view--teams{min-width:0}.team-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.team-switcher{display:none}.team-panel{padding:10px;min-width:0}.team-panel__head{display:flex;align-items:center;gap:8px;margin-bottom:7px}.team-panel__name-field{min-width:0;max-width:280px;display:flex;align-items:center;border-bottom:1px solid var(--border-light)}.team-panel__name-field input{min-width:0;width:100%;height:28px;padding:0 5px;border:0;outline:0;background:transparent;color:var(--ink-primary);font-family:var(--font-display);font-size:14px}.team-panel__name-field small{flex:0 0 auto;color:var(--ink-muted);font-size:9px}.team-panel__name-field .team-panel__name-warning{color:var(--danger);white-space:nowrap}.team-panel__clear{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--ink-muted);font-size:11px;cursor:pointer}.team-panel__clear:disabled{opacity:.35;cursor:default}.team-panel__slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.assignment-bar{position:sticky;top:6px;z-index:15;display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--surface-dark);border:1px solid var(--accent-teal);color:var(--ink-inverse);font-size:13px;font-weight:600;box-shadow:var(--shadow-pop)}.assignment-bar span{margin-right:auto}.pool-panel{overflow:visible}.pool-controls{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:9px 10px;border-bottom:1px solid var(--border-light);background:#eee8daf7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pool-search{height:30px;min-width:180px;display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid var(--border-primary);background:var(--surface-main);border-radius:2px}.pool-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink-primary);font-size:12px}.rarity-filter{display:inline-flex;gap:3px}.rarity-filter button{height:var(--control-h-sm);padding:0 8px;border:1px solid var(--border-light);background:var(--surface-main);color:var(--ink-muted);font-size:10px;cursor:pointer}.rarity-filter button[data-active=true]{border-color:var(--accent-gold);background:var(--accent-gold-soft);color:var(--ink-primary)}.add-defaults{position:relative;font-size:12px}.add-defaults__toggle{min-height:var(--control-h-sm);display:flex;align-items:center;padding:0 10px;border:1px solid var(--border-light);border-radius:var(--radius-control);background:var(--surface-main);cursor:pointer}.add-defaults__toggle[aria-expanded=true]{border-color:var(--border-primary);background:var(--surface-muted)}.add-defaults__panel{position:absolute;top:calc(100% + 6px);right:0;z-index:20;width:min(510px,calc(100vw - 32px));display:block;padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-control);background:var(--surface-main);box-shadow:var(--shadow-pop)}.add-defaults__modules{gap:var(--space-2)}.add-defaults__modules .editor-section{gap:var(--space-2);padding:var(--space-2)}.add-defaults__modules .editor-section__controls{gap:var(--space-2)}.add-defaults__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-3)}.add-defaults__actions .ds-btn{width:100%}.export-mode-picker{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.import-enable-future{margin-top:10px}.future-notice{position:fixed;left:50%;bottom:18px;z-index:70;transform:translate(-50%);max-width:calc(100vw - 24px);padding:9px 13px;border:1px solid var(--accent-gold);background:var(--surface-dark);color:var(--ink-inverse);box-shadow:var(--shadow-pop);font-size:12px}.share-copy-toast{display:none}@keyframes share-copy-toast{0%{opacity:0;transform:translate(-50%,8px)}10%,82%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.export-status{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#1e18128c;color:var(--ink-inverse);font-weight:700}.export-error{position:fixed;right:16px;bottom:16px;z-index:80;border:0;background:var(--danger);color:var(--ink-inverse);padding:10px 14px;cursor:pointer}@media(max-width:900px){.topbar__brand{flex-basis:100%}.topbar{align-items:center}.team-board{grid-template-columns:1fr}}@media(max-width:640px){.share-copy-toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:110;display:inline-flex;min-height:40px;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--accent-teal);border-radius:var(--radius-control);background:var(--surface-dark);color:var(--ink-inverse);box-shadow:var(--shadow-pop);font-weight:700;white-space:nowrap;pointer-events:none;animation:share-copy-toast 1.6s ease both}.mobile-view-switcher{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;border:1px solid var(--border-primary);background:#eee8daf7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-view-switcher button{min-height:44px;padding:0 8px;border:1px solid var(--border-light);background:var(--surface-main);color:var(--ink-secondary);font-family:var(--font-display);cursor:pointer}.mobile-view-switcher button[data-active=true]{border-color:var(--surface-dark);background:var(--surface-dark);color:var(--ink-inverse)}.mobile-view[data-mobile-active=false]{display:none}.topbar{gap:6px}.topbar__brand{flex-basis:auto;width:100%}.topbar .ds-btn{width:36px;height:34px;flex:0 0 36px;padding:0}.topbar .ds-btn span{display:none}.topbar .topbar__future{width:112px;flex:0 0 112px;gap:7px;padding:0 8px;white-space:nowrap}.topbar .topbar__future svg{display:block;flex:0 0 auto}.topbar .topbar__future span{display:inline}.topbar .topbar__export-actions{gap:6px}.lang-switcher{flex:0 0 162px;margin-right:0}.team-board{grid-template-columns:1fr;gap:8px}.team-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.team-switcher button{min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 4px;border:1px solid var(--border-light);background:var(--surface-main);color:var(--ink-muted);font-family:var(--font-display);cursor:pointer}.team-switcher button[data-active=true]{border-color:var(--border-dark);background:var(--surface-dark);color:var(--ink-inverse)}.team-switcher button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-switcher small{font-family:var(--font-ui);font-size:9px;opacity:.7}.team-panel[data-mobile-active=false]{display:none}.team-panel{padding:8px}.team-panel__name-field{flex:1}.team-panel__slots{gap:5px}.pool-controls{top:0;padding:7px}.pool-controls>.ds-seg:nth-child(1){display:none}.pool-controls>.ds-seg:nth-child(3){order:1}.pool-search{order:2;min-width:0;flex:1 0 100%}.rarity-filter,.add-defaults{order:3}.add-defaults{margin-left:auto}.assignment-bar{top:4px}.preview-banner strong{width:100%}}@media(prefers-reduced-motion:reduce)and (max-width:640px){.share-copy-toast{animation:none}}@media(max-width:400px){.topbar .topbar__future{width:36px;flex-basis:36px;padding:0}.topbar .topbar__future span{display:none}.lang-switcher{flex-basis:152px}.lang-switcher button{min-width:30px;padding:0 4px}}.editor-modules{display:flex;flex-direction:column;gap:var(--space-3)}.editor-section{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-control);background:var(--surface-main)}.editor-section--insight{border-color:var(--accent-gold);background:var(--accent-gold-soft)}.editor-section__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--ink-secondary);font-family:var(--font-display);font-size:13px;font-weight:700}.editor-section__head output{color:var(--ink-muted);font-family:var(--font-ui);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.editor-section__current{display:inline-flex;align-items:center;gap:var(--space-1)}.editor-section__current .insight-glyph{width:26px;height:20px}.editor-section__controls{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3)}.editor-section__controls>.ds-seg:only-child,.editor-section__controls>.portray-badge:only-child{grid-column:1 / -1}.editor-section__controls .ds-stepper__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.editor-section__controls .ds-seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}.editor-actions{display:flex;justify-content:flex-end;padding-top:var(--space-1)}.character-editor-panel{width:min(510px,calc(100vw - 16px))}.skin-picker-panel{width:min(360px,calc(100vw - 16px))}.skin-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:7px;max-height:350px;overflow:auto}.skin-picker__item{min-width:0;padding:3px;border:1px solid var(--border-light);background:var(--surface-muted);cursor:pointer}.skin-picker__item.is-selected{border-color:var(--accent-gold);box-shadow:inset 0 0 0 2px var(--accent-gold-soft)}.skin-picker__item img{width:100%;aspect-ratio:1;object-fit:cover}.skin-picker__item-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:3px;color:var(--ink-secondary);font-size:9px}.confirm-dialog{width:min(430px,calc(100vw - 24px));padding:0;border:1px solid var(--border-primary);border-radius:2px;background:var(--surface-main);color:var(--ink-primary);box-shadow:var(--shadow-pop)}.confirm-dialog::backdrop{background:#1e18127a}.confirm-dialog__title{display:block;padding:13px 16px;border-bottom:1px solid var(--border-light);font-family:var(--font-display);font-size:15px}.confirm-dialog__message{padding:16px;color:var(--ink-secondary);font-size:13px}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border-light)}.confirm-dialog>.export-mode-picker,.confirm-dialog>.import-enable-future{margin-left:16px;margin-right:16px}.share-dialog__url{width:100%;padding:8px;border:1px solid var(--border-light);background:var(--surface-muted);color:var(--ink-primary);font-family:var(--font-ui);font-size:11px}.share-dialog__url:focus{border-color:var(--accent-teal)}.ds-overlay--anchored{padding:0}.ds-overlay--anchored .ds-overlay__panel{position:fixed}.ds-overlay__backdrop{border:0;padding:0;cursor:default}.ds-overlay__panel{margin-top:7vh}@media(pointer:coarse){.editor-modules .portray-badge__segment{position:relative;width:44px;height:44px;background:transparent;box-shadow:none}.editor-modules .portray-badge__segment:after{content:"";position:absolute;left:8px;right:8px;top:20px;height:4px;border-radius:1px;background:#5c514259}.editor-modules .portray-badge__segment.is-lit:after{background:var(--accent-gold);box-shadow:0 0 5px #b6803d8c}}@media(max-width:640px){.ds-overlay{align-items:flex-end;padding:0}.ds-overlay__panel,.ds-overlay--anchored .ds-overlay__panel{position:relative!important;left:auto!important;top:auto!important;width:100%;max-height:88vh;margin:0;border-bottom:0}.ds-overlay__body{padding:12px}.editor-section{padding:var(--space-3)}.editor-section__controls{grid-template-columns:1fr}.editor-section__controls .ds-stepper{justify-content:center}.confirm-dialog{margin:auto auto 0;width:100%;max-width:none}}.responsive-popover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none}.responsive-popover__backdrop{display:none}.responsive-popover__panel{position:fixed;pointer-events:auto;width:min(360px,calc(100vw - 16px));max-height:min(420px,calc(100vh - 16px));overflow:auto;background:var(--surface-main);border:1px solid var(--border-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-pop)}.responsive-popover__head{display:none}.responsive-popover__body{padding:8px}@media(max-width:640px){.responsive-popover{display:flex;align-items:flex-end;pointer-events:auto}.responsive-popover__backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#1e181266}.responsive-popover__panel{position:relative;width:100%;max-height:88vh;border-radius:var(--radius-card) var(--radius-card) 0 0}.responsive-popover__head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border-light);background:var(--surface-main);font-family:var(--font-display);font-weight:700}.responsive-popover__head button{width:var(--touch-target);height:var(--touch-target);border:0;background:transparent;color:var(--ink-secondary);font-size:18px}.responsive-popover__body{padding:12px}}.insight-glyph{display:inline-grid;width:32px;height:27px;place-items:center;vertical-align:middle}.insight-glyph img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0) saturate(100%)}.insight-glyph--level-1 img,.insight-glyph--level-2 img{transform:translateY(-9%)}.insight-glyph--zero{opacity:0}.insight-glyph--ink img,.export-card__stats .insight-glyph img{filter:none}.pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px 8px;padding:12px}.pool-empty{grid-column:1 / -1;padding:28px 0;color:var(--ink-muted);font-size:12px;text-align:center}.char-card,.psy-card{min-width:0}.char-card{position:relative;display:flex;flex-direction:column;gap:4px}.char-card__portrait,.psy-card__frame{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border:1px solid var(--border-primary);border-radius:var(--radius-card);background:var(--surface-dark);box-shadow:var(--shadow-card)}.char-card__main{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;transition:filter var(--transition-fast)}.char-card__main:active,.psy-card__main:active{filter:brightness(.88)}.char-card__main img,.psy-card img{width:100%;height:100%;object-fit:cover}.char-card--unowned .char-card__main img,.psy-card--unowned img{opacity:.42;filter:grayscale(.82) sepia(.12)}.char-card--unowned .char-card__portrait{background:var(--surface-muted)}.psy-card__frame{background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.42),transparent 62%),var(--surface-muted)}.char-card--owned .char-card__portrait,.psy-card--owned .psy-card__frame{border-color:var(--accent-gold)}.char-card--owned .char-card__portrait:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;z-index:2;border:1px solid rgba(255,245,220,.3);pointer-events:none}.char-card__name,.psy-card__name{display:block;min-width:0;min-height:16px;overflow:hidden;color:var(--ink-secondary);font-size:10.5px;line-height:1.35;text-align:center;text-overflow:ellipsis;white-space:nowrap}.char-card__skin-btn,.remove-icon-btn,.psy-card__action{position:absolute;top:4px;z-index:5;width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid rgba(242,228,199,.46);border-radius:2px;background:#28231ebd;color:#fff8e9f0;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.char-card__skin-btn{left:4px}.remove-icon-btn{background:#702721cc}.char-card__remove{right:4px}.psy-card__action,.psy-card__remove{top:5px;width:26px;height:26px}.psy-card__remove{right:5px}.psy-card__decrease{left:5px}.portrait-portray{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;color:#fff9e9;background:linear-gradient(0deg,rgba(20,16,12,.68) 0,rgba(20,16,12,.12) 24%,transparent 46%)}.portray-badge{display:inline-flex;align-items:center;gap:4px}.portrait-portray__badge{position:absolute;left:50%;bottom:5px;transform:translate(-50%)}.portray-badge__segment{display:block;width:12px;height:3px;padding:0;border:0;border-radius:1px;background:#fff5dcb8;box-shadow:0 1px 2px #14100c80}.portray-badge__segment.is-lit{background:#f3b56f;box-shadow:0 0 5px 1px #f8b877b8}.portray-badge--interactive .portray-badge__segment{cursor:pointer}.char-card__level{min-height:15px;color:var(--ink-secondary);font-family:var(--font-display);font-size:10px;line-height:1.35;letter-spacing:.055em;text-align:center;white-space:nowrap}.char-card__meta{min-height:22px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border-light);background:var(--surface-muted);color:var(--ink-secondary)}.char-card__meta-item{min-width:0;display:flex;align-items:center;justify-content:center;gap:1px;font-family:var(--font-display);font-size:10px;line-height:1}.char-card__meta-item+.char-card__meta-item{border-left:1px solid var(--border-light)}.char-card__meta-action{width:100%;min-height:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.char-card__meta-action:not(:disabled):hover{background:var(--surface-main);color:var(--accent-red)}.char-card__meta-action:disabled{cursor:default}.char-card__meta-action:focus-visible{position:relative;z-index:1}.char-card__meta .insight-glyph{width:23px;height:17px;color:var(--accent-gold)}.char-card__meta small{font-size:8px;color:var(--ink-muted)}.psy-card{position:relative;display:flex;flex-direction:column;gap:4px}.psy-card__main{width:100%;min-width:0;display:flex;flex-direction:column;gap:4px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.psy-card__main[aria-disabled=true]{cursor:default}.psy-card__main[aria-disabled=true]:active{filter:none}.psy-card__frame img{object-fit:contain;padding:4px}.psy-card__imprint{position:absolute;right:4px;bottom:4px;min-width:18px;padding:1px 5px;background:var(--accent-gold);color:var(--ink-inverse);font-size:10px;font-weight:700;text-align:center}.asset-icon--psychube{object-position:center}@media(hover:hover){.char-card__skin-btn,.char-card__remove,.psy-card__decrease,.psy-card__remove{opacity:0;transform:translateY(-2px);pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast)}.char-card:hover .char-card__skin-btn,.char-card:hover .char-card__remove,.char-card:focus-within .char-card__skin-btn,.char-card:focus-within .char-card__remove,.psy-card:hover .psy-card__decrease,.psy-card:hover .psy-card__remove,.psy-card:focus-within .psy-card__decrease,.psy-card:focus-within .psy-card__remove{opacity:1;transform:translateY(0);pointer-events:auto}.psy-card:hover .psy-card__decrease:disabled,.psy-card:focus-within .psy-card__decrease:disabled{opacity:.34;pointer-events:none}}@media(hover:none){.char-card__skin-btn,.char-card__remove,.psy-card__decrease,.psy-card__remove{opacity:.76}.psy-card .psy-card__action:disabled{opacity:.34}}.psy-card .psy-card__action:disabled{cursor:default;pointer-events:none}@media(max-width:640px){.pool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 5px;padding:8px}.char-card,.psy-card{gap:3px}.char-card__name,.psy-card__name{min-height:14px;font-size:9.5px}.char-card__skin-btn,.remove-icon-btn,.psy-card__action{top:3px;width:28px;height:28px}.char-card__skin-btn{left:3px}.char-card__remove{right:3px}.psy-card__action,.psy-card__remove{top:5px;width:28px;height:28px}.psy-card__remove{right:5px}.psy-card__decrease{left:5px}.char-card__level{min-height:13px;font-size:9px}.char-card__meta{min-height:20px}.char-card__meta .insight-glyph{width:20px;height:15px}.char-card__meta-item{font-size:9px}.portrait-portray__badge{bottom:4px;gap:3px}.portrait-portray__badge .portray-badge__segment{width:9px;height:3px}}@media(max-width:350px){.pool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.team-slot{position:relative;min-width:0;min-height:112px;display:flex;flex-direction:column;padding:6px;border:1px solid var(--border-light);background:var(--surface-muted)}.team-slot--target{border-color:var(--accent-teal);box-shadow:inset 0 0 0 2px var(--accent-teal)}.team-slot__character{min-width:0;min-height:62px;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:7px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.team-slot__avatar{position:relative;width:58px;aspect-ratio:1;overflow:hidden;border:1px solid var(--border-primary);background:var(--surface-main)}.team-slot__avatar img{width:100%;height:100%;object-fit:cover}.team-slot__pos{position:absolute;top:2px;z-index:3;padding:0 3px;background:#eee8dad1;color:var(--ink-muted);font-size:8px;font-weight:700}.team-slot__pos{left:2px}.team-slot__portray{position:absolute;left:50%;bottom:3px;z-index:2;transform:translate(-50%);gap:2px}.team-slot__portray .portray-badge__segment{width:7px;height:2px}.team-slot__summary{min-width:0;display:flex;flex-direction:column;gap:7px}.team-slot__name{min-width:0;overflow:hidden;color:var(--ink-primary);font-family:var(--font-display);font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.team-slot__meta{display:flex;align-items:center;gap:6px;color:var(--ink-secondary);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.team-slot__meta .insight-glyph{width:27px;height:18px;color:var(--accent-gold)}.team-slot__empty-label,.team-slot__spoiler{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--ink-muted);font-size:9px}.team-slot__spoiler{font-family:var(--font-display);font-size:24px;background:linear-gradient(135deg,var(--surface-muted),#cbc1b0)}.team-slot__psychubes{min-height:37px;display:flex;align-items:center;gap:4px;margin-top:5px;padding-top:5px;padding-right:54px;border-top:1px solid var(--border-light)}.team-slot__psy{position:relative;width:44px;height:34px;display:grid;place-items:center;padding:0;overflow:visible;border:0;background:transparent;color:var(--ink-muted);cursor:pointer}.team-slot__psy img{width:100%;height:100%;object-fit:contain}.team-slot__psy .psy-card__imprint{right:-4px;bottom:2px;width:16px;height:14px;min-width:16px;display:grid;place-items:center;padding:0;font-size:8px;font-variant-numeric:tabular-nums;line-height:1}.team-slot__psy--empty{border:1px dashed var(--border-light);color:var(--ink-muted);background:transparent;font-size:13px}.team-slot__psy--hidden{color:var(--ink-inverse);background:#1e1812c7;font-size:13px}.team-slot__clear-slot{top:3px;right:3px;opacity:0}.team-slot:hover .team-slot__clear-slot,.team-slot__clear-slot:focus-visible{opacity:1}.team-slot__swap{position:absolute;right:5px;bottom:7px;z-index:4;display:flex}.team-slot__swap button{width:24px;height:32px;display:grid;place-items:center;padding:0;border:0;background:#eee8dae6;color:var(--ink-secondary);cursor:pointer}.team-slot__swap button:hover{background:var(--surface-main)}@media(pointer:coarse),(hover:none){.team-slot__clear-slot{opacity:.76}.team-slot__swap button{width:28px;height:36px}}@media(max-width:640px){.team-panel__slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.team-slot{min-height:110px}.team-slot__character{grid-template-columns:56px minmax(0,1fr)}.team-slot__avatar{width:56px}.team-slot__psychubes{padding-right:58px}}.export-layer{position:fixed;left:-20000px;top:0;width:max-content;pointer-events:none}.export-canvas{width:1480px;padding:32px;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 190px),var(--surface-main);color:var(--ink-primary);font-family:var(--font-ui)}.export-canvas__header{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:36px;padding-bottom:20px;border-bottom:2px solid var(--border-primary)}.export-canvas__project-link{position:absolute;top:0;right:0;display:flex;align-items:flex-end;gap:2px;color:var(--ink-secondary);font-family:Georgia,Times New Roman,serif}.export-canvas__project-copy{display:flex;width:max-content;flex-direction:column;align-items:flex-start;gap:3px;margin-bottom:5px;text-align:left}.export-canvas__project-label{font-size:7px;font-weight:600;line-height:1.2;letter-spacing:.2em}.export-canvas__project-url{font-size:9px;font-weight:600;line-height:1.2;letter-spacing:.035em;white-space:nowrap}.export-canvas__project-qr{width:64px;height:64px;flex:0 0 auto}.export-canvas__eyebrow{display:block;margin-bottom:5px;color:var(--ink-muted);font-family:var(--font-display);font-size:10px;letter-spacing:.22em}.export-canvas__identity h1{display:flex;flex-wrap:nowrap;align-items:center;gap:.38em;margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:.025em}.export-canvas__wordmark,.export-canvas__localized-title{flex:0 0 auto;line-height:1.15;white-space:nowrap}.export-canvas__wordmark{font-family:"Noto Serif TC",Songti TC,serif;font-size:27px}.export-canvas__localized-title{font-size:24px;letter-spacing:.04em}.export-section{margin-top:24px}.export-section__heading{display:flex;align-items:center;gap:9px;margin-bottom:10px}.export-section__heading--nested{margin-top:22px}.export-section__heading h2{margin:0;font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:.05em}.export-canvas .export-team-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.export-canvas .export-team{display:block;padding:10px}.export-team__head{justify-content:flex-start}.export-team__head h3{margin:0;color:var(--ink-primary);font-family:var(--font-display);font-size:14px;font-weight:500;white-space:nowrap}.export-canvas .team-panel__slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.export-canvas .team-slot__character,.export-canvas .team-slot__psy{cursor:default}.export-canvas .team-slot__psychubes{padding-right:0}.export-team__psychube-names{min-width:0;align-self:stretch;flex:1 1 auto;display:grid;align-content:center;justify-items:center;gap:1px;margin-left:2px;color:var(--ink-secondary);font-family:var(--font-display);font-size:9px;line-height:1.15;text-align:center}.export-team__psychube-names--dual{margin-left:5px;font-size:8px}.export-team__psychube-name{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-canvas .export-pool{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px 8px;padding:0}.export-canvas .export-character-card,.export-canvas .export-psychube-card{cursor:default}.export-canvas .export-character-card .char-card__portrait,.export-canvas .export-psychube-card .psy-card__frame{border-color:var(--accent-gold)}.export-canvas .export-character-card .portrait-portray{pointer-events:none}.export-hidden-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--ink-muted);font-family:var(--font-display);font-size:24px}.export-canvas__nothing{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:36px 0 28px}.export-canvas__nothing-image{width:200px;height:200px;object-fit:cover}.export-canvas__nothing-copy{display:grid;justify-items:center;gap:3px;color:var(--ink-secondary);font-family:var(--font-display);text-align:center}.export-canvas__nothing-copy p{margin:0;font-size:13px;line-height:1.35;letter-spacing:.04em}.export-canvas__nothing-copy p+p{color:var(--ink-muted);font-size:11px}.export-empty{display:grid;min-height:72px;place-items:center;border:1px dashed var(--border-light);color:var(--ink-muted);font-family:var(--font-display);font-size:11px}.export-canvas__footer{display:flex;align-items:center;justify-content:space-between;margin-top:28px;padding-top:11px;border-top:1px solid var(--border-light);color:var(--ink-muted);font-family:var(--font-display);font-size:8px;letter-spacing:.12em}