@font-face{font-family:Pretendard;src:url(/fonts/PretendardVariable.woff2)format("woff2");font-weight:45 920;font-style:normal;font-display:swap}:root{color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07111d;--surface:#101f2d;--border:#263a49;--text:#edf3f7;--muted:#9caebb;--accent:#49d4d4;--accent-line:#49d4d4;--glow-soft:#49d4d41a;--glow-strong:#49d4d43d;--amber:#f4bb62;--radius-card:14px;--radius-control:8px;--motion:.18s;--grid-line:#22374a16;--selection:#49d4d43d;--border-subtle:#263a4980;--header-bg:#091521e8;--brand-bg:#13343e;--nav-text:#c8d3dc;--on-accent:#072329;--disabled-bg:#1a4149;--disabled-text:#a1b4bc;--accent-soft:#15313c;--legend-color:#8298a9;--section-border:#263a4966;--amber-soft:#2b2c28;--dashed-border:#304454;--empty-card-bg:#0c182580;--label-text:#c3d0da;--focus-border:#467080;--inset-bg:#0b1926;--badge-bg:#173b43;--level-text:#c0ced9;--meta-dot:#536c7f;--slot-border:#304252;--done-border:#2e686c;--done-bg:#132f39;--equipped-border:#365963;--equipped-bg:#122c36;--empty-border:#263b4c;--recessed-bg:#0d1b28;--unknown-border:#3b4c5a;--slot-minus:#657989;--progress-track:#263847;--tooltip-border:#3d606d;--tooltip-bg:#172c3b;--tooltip-shadow:#0005;--footer-divider:#506374;--dialog-border:#36505f;--dialog-shadow:#0007;--backdrop:#030a12bc;--dialog-symbol-bg:#173940;--notice-bg:#122b39;--notice-title:#7be1e0;--notice-text:#b5c9d5;--extreme-badge-bg:#303338;--extreme-badge-border:#767d85;--extreme-badge-text:#f66;--input-border:#344a5a;--placeholder:#8396a6;--checkbox-border:#597181;--checkbox-check:#102b30;--card-hover-border:#487580;--slot-hover-bg:#1c3a46;--primary-hover:#71e1df;--control-hover:#1a3141;--empty-hover-border:#497581;--empty-hover-bg:#11232f;--brand-hover:#1b4550;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f6f8;--surface:#fff;--border:#e8c5a7;--text:#182f40;--muted:#5f7382;--accent:#b44b12;--accent-line:#e87925;--glow-soft:#ef882d1f;--glow-strong:#ef882d47;--amber:#925b0d;--grid-line:#d48a400c;--selection:#e8792526;--border-subtle:#f0dac6;--header-bg:#ffffffeb;--brand-bg:#fff0e0;--nav-text:#486170;--on-accent:#fff;--disabled-bg:#f0e3d7;--disabled-text:#8b7563;--accent-soft:#fff0e0;--legend-color:#657c8b;--section-border:#f0dac6;--amber-soft:#f8efde;--dashed-border:#d8a174;--empty-card-bg:#fff6;--label-text:#425b6b;--focus-border:#d5752d;--inset-bg:#edf2f6;--badge-bg:#fff0df;--level-text:#526a79;--meta-dot:#748794;--slot-border:#e1ba98;--done-border:#e49d68;--done-bg:#fff0e3;--equipped-border:#e9b288;--equipped-bg:#fff5eb;--empty-border:#ecd4bf;--recessed-bg:#f2f6f8;--unknown-border:#d8bea9;--slot-minus:#758995;--progress-track:#f2dfcf;--tooltip-border:#e4bf9f;--tooltip-bg:#fff;--tooltip-shadow:#203d5020;--footer-divider:#8496a1;--dialog-border:#e8c5a7;--dialog-shadow:#203d5029;--backdrop:#1c33445c;--dialog-symbol-bg:#fff0e0;--notice-bg:#fff5df;--notice-title:#80561a;--notice-text:#78643f;--extreme-badge-bg:#edf0f2;--extreme-badge-border:#91999f;--extreme-badge-text:#a71c2b;--input-border:#d9ad89;--placeholder:#657e8d;--checkbox-border:#b78156;--checkbox-check:#fff;--card-hover-border:#de914e;--slot-hover-bg:#ffe8d2;--primary-hover:#9e3f0c;--control-hover:#fff0e3;--empty-hover-border:#de914e;--empty-hover-bg:#fff9f1;--brand-hover:#ffe1bf}*{box-sizing:border-box}body{min-width:320px;margin:0;font-size:.875rem}body:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0009,#0000 75%);mask-image:linear-gradient(#0009,#0000 75%)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent;outline-offset:4px}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent)}::selection{background:var(--selection)}h1,h2,h3,h4,p{margin:0}svg{vertical-align:middle;flex-shrink:0}[hidden]{display:none!important}.skip-link{z-index:100;background:var(--accent);color:var(--bg);padding:14px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--border-subtle);background:var(--header-bg)}.header-inner{align-items:center;gap:28px;max-width:1840px;height:76px;margin:0 auto;padding:0 20px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:10px;min-width:0;font-size:1.125rem;font-weight:760;line-height:1.35;display:inline-flex}.brand>span:last-child{word-break:keep-all;min-width:0}.brand-mark{flex-shrink:0;width:40px;height:40px;display:block}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.header-actions{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.preview-badge{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:.6875rem;display:inline-flex}.mobile-preview-badge{display:none}.status-dot{background:var(--amber);border-radius:50%;flex-shrink:0;width:5px;height:5px}.button{border-radius:var(--radius-control);min-height:40px;transition:background var(--motion), border-color var(--motion), box-shadow var(--motion), transform var(--motion);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:.8125rem;font-weight:650;display:inline-flex}.button--primary{background:var(--accent);color:var(--on-accent)}.button--primary:not(:disabled){box-shadow:0 3px 14px var(--glow-soft)}.text-accent,.count--complete{text-shadow:0 0 12px var(--glow-soft)}.button--secondary{border-color:var(--border);color:var(--muted);background:0 0}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{background:var(--disabled-bg);color:var(--disabled-text);opacity:.65}.main-container{width:100%;max-width:1840px;margin:0 auto;padding:0 20px}.board-summary{margin-top:24px}.page-intro{justify-content:space-between;align-items:center;gap:20px;padding:43px 0 35px;display:flex}.eyebrow{letter-spacing:.18em;color:var(--accent);font-size:.625rem;font-weight:700}h1{letter-spacing:-.05em;margin-top:10px;font-size:2rem;font-weight:730;line-height:1.25}.page-description{color:var(--muted);letter-spacing:-.02em;margin-top:10px;font-size:.8125rem}.overview-stats{align-items:center;gap:34px;padding:0 5px 0 20px;display:flex}.overview-stats>div{flex-direction:column;gap:9px;min-width:85px;display:flex}.overview-stats>div+div{border-left:1px solid var(--border);padding-left:34px}.overview-stats>div>span{color:var(--muted);font-size:.75rem}.overview-stats strong{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:1.875rem;font-weight:600;line-height:1}.overview-stats small{color:var(--muted);margin-left:7px;font-size:.6875rem;font-weight:400}.board-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:stretch;height:46px;display:flex}.board-tab{box-shadow:0 5px 12px -8px var(--glow-strong);border-bottom:2px solid var(--accent-line);align-items:center;gap:8px;margin-bottom:-1px;padding:0 3px 12px;font-size:.8125rem;font-weight:600;display:inline-flex}.board-tab svg{color:var(--accent)}.toolbar-count{background:var(--accent-soft);min-width:20px;color:var(--accent);text-align:center;border-radius:5px;margin-left:3px;font-size:.625rem;line-height:18px}.status-legend{color:var(--muted);align-items:center;gap:16px;font-size:.625rem;display:flex}.status-legend>span{align-items:center;gap:5px;display:inline-flex}.legend-check{color:var(--accent)}.legend-pending{border:1px solid var(--legend-color);border-radius:2px;width:7px;height:7px}.legend-unknown{background:var(--legend-color);width:7px;height:1px}.account-section{padding-top:22px}.account-section+.account-section{border-top:1px solid var(--section-border);margin-top:20px}.account-heading{justify-content:space-between;align-items:center;gap:12px;min-height:32px;margin-bottom:16px;display:flex}.account-title-group{align-items:center;gap:10px;min-width:0;display:flex}.account-heading-main{flex-wrap:wrap;flex:1;align-items:center;gap:12px 20px;min-width:0;display:flex}.account-heading-main .status-legend{flex-wrap:wrap;justify-content:flex-start}.account-number{background:var(--accent-soft);width:29px;height:29px;color:var(--accent);font-variant-numeric:tabular-nums;border-radius:7px;place-items:center;font-size:.6875rem;font-weight:650;display:grid}.account-number--secondary{background:var(--amber-soft);color:var(--amber)}.account-heading h2{letter-spacing:-.025em;font-size:.9375rem;font-weight:650}.account-character-count{color:var(--muted);font-size:.6875rem}.account-description{color:var(--muted);margin-left:8px;font-size:.6875rem}.collapse-button{color:var(--muted);transition:color var(--motion), background var(--motion);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 7px;font-size:.6875rem;display:inline-flex}.collapse-button svg{transition:transform var(--motion)}.collapse-button .is-collapsed{transform:rotate(-90deg)}.character-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:16px;display:grid}.add-character-card{border:1px dashed var(--dashed-border);border-radius:var(--radius-card);background:var(--empty-card-bg);text-align:center;width:100%;min-width:0;transition:background var(--motion), border-color var(--motion), transform var(--motion);flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;display:flex}.add-character-icon{border:1px solid var(--border);width:56px;height:56px;color:var(--muted);transition:color var(--motion), border-color var(--motion);border-radius:14px;place-items:center;margin-bottom:18px;display:grid}.add-character-card strong{color:var(--label-text);font-size:.875rem;font-weight:550}.character-card{--character-border:#b87a45;--character-border-hover:#f4a55d;--character-glow:#ef882d24;border:1px solid var(--character-border);border-radius:var(--radius-card);background:var(--surface);min-width:0;transition:transform var(--motion), border-color var(--motion), box-shadow var(--motion);flex-direction:column;padding:17px 16px 0;display:flex}.character-card:focus-within{border-color:var(--character-border-hover);box-shadow:0 0 20px var(--character-glow)}.character-card--int{--character-border:#4c8ec5;--character-border-hover:#79bdff;--character-glow:#58a7f52b}:root[data-theme=light] .character-card{--character-border:#d8955e;--character-border-hover:#bd610e}:root[data-theme=light] .character-card--int{--character-border:#699fc9;--character-border-hover:#2678b9}.character-head{align-items:center;gap:11px;min-height:65px;margin-bottom:21px;display:flex}.portrait-blank{background:var(--inset-bg);border-radius:8px;flex:0 0 56px;height:65px}.character-identity{flex:1;min-width:0}.character-name-row{flex-wrap:wrap;align-items:center;gap:4px 8px;margin:4px 0 6px;display:flex}.character-name-row h3{min-width:0;max-width:100%;margin:0}.boss-rate-link{color:var(--accent);text-underline-offset:3px;transition:opacity var(--motion);border-radius:3px;flex-shrink:0;padding:3px 0;font-size:.625rem;line-height:1.5}.boss-rate-link:hover,.boss-rate-link:focus-visible{text-decoration:underline}.boss-rate-link:active{opacity:.7}.character-world{color:var(--muted);align-items:center;gap:7px;height:17px;font-size:.6875rem;display:flex}.main-badge{color:var(--accent);background:var(--badge-bg);letter-spacing:.025em;border-radius:3px;padding:2px 4px;font-size:.5rem;font-weight:650}.character-identity h3{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:1rem;font-weight:700;line-height:1.3}.character-identity p{color:var(--muted);flex-wrap:wrap;gap:4px;font-size:.6875rem;line-height:1.4;display:flex}.character-level{color:var(--level-text)}.meta-dot{color:var(--meta-dot)}.section-label{justify-content:space-between;align-items:center;gap:4px;min-height:19px;margin-bottom:10px;display:flex}h4{color:var(--label-text);letter-spacing:-.02em;font-size:.75rem;font-weight:600}.count{font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:.6875rem;display:flex}.count>span{color:var(--muted);font-size:.625rem}.count--complete{color:var(--accent)}.boss-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.slot{border:1px solid var(--slot-border);background:var(--inset-bg);width:100%;height:34px;transition:border-color var(--motion), background var(--motion), box-shadow var(--motion), transform var(--motion);border-radius:5px;place-items:center;padding:0;display:grid;position:relative}.slot-image{position:absolute;inset:3px}.slot--done{border-color:var(--done-border);background:var(--done-bg)}.boss-section .slot--done{background:var(--recessed-bg);box-shadow:none;border-color:#596977}.boss-section .slot--done .slot-image{filter:grayscale();opacity:.45}.boss-section .slot--done .slot-check,.boss-section .count--complete>svg{color:#68b7ff;filter:drop-shadow(0 0 3px #58a7f54d)}:root[data-theme=light] .boss-section .slot--done .slot-check,:root[data-theme=light] .boss-section .count--complete>svg{color:#2678b9}.slot--equipped{border-color:var(--equipped-border);background:var(--equipped-bg)}.slot--empty{border-color:var(--empty-border);background:var(--recessed-bg)}.slot--unknown{border-style:dashed;border-color:var(--unknown-border)}.slot-check{filter:drop-shadow(0 0 3px var(--glow-strong));color:var(--accent);position:absolute;bottom:3px;right:3px}.slot-equipped-dot{box-shadow:0 0 6px var(--glow-strong);background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;right:4px}.slot-minus{color:var(--slot-minus)}.boss-progress{background:var(--progress-track);border-radius:3px;height:2px;margin-top:10px;overflow:visible}.boss-progress>span{background:var(--accent-line);height:100%;box-shadow:0 0 8px var(--glow-strong);border-radius:inherit;display:block}.equipment-grid{border-top:1px solid var(--border-subtle);flex:1;grid-template-columns:1fr 1fr;gap:16px;margin-top:19px;padding-top:17px;display:grid}.equipment-grid>section{min-width:0}.label-note{color:var(--muted);margin-left:2px;font-size:.5625rem;font-weight:400}.equipment-slots{grid-template-columns:repeat(2, var(--item-slot-size,36px));gap:6px;display:grid}.equipment-slots .slot{height:var(--item-slot-size,36px)}.equipment-slots--many{grid-template-columns:repeat(auto-fill, var(--item-slot-size,36px))}.equipment-caption{color:var(--muted);height:14px;margin-top:7px;font-size:.625rem}.text-accent{color:var(--accent)}.pet-section{border-top:1px solid var(--border-subtle);margin-top:16px;padding-top:14px}.pet-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.625rem}.pet-rows{grid-template-columns:28px repeat(3, var(--item-slot-size,36px));gap:6px 8px;display:grid}.pet-row-label{color:var(--muted);align-items:center;font-size:.625rem;display:flex}.pet-rows .slot{height:var(--item-slot-size,36px)}.dungeon-row{background:var(--recessed-bg);border-top:1px solid var(--border-subtle);border-radius:0 0 13px 13px;justify-content:space-between;align-items:center;gap:8px;min-height:59px;margin:17px -16px 0;padding:12px 16px;display:flex}.dungeon-title{color:var(--label-text);font-size:.75rem;font-weight:550;display:block}.dungeon-status{color:var(--muted);margin-top:4px;font-size:.625rem;display:block}.dungeon-score{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.dungeon-score strong{font-size:1.125rem;font-weight:600}.dungeon-score>span{color:var(--muted);font-size:.75rem}.dungeon-row--complete .dungeon-score,.dungeon-row--complete .dungeon-status{color:var(--accent)}.dungeon-row--complete .dungeon-score svg{margin-right:2px}.slot-tooltip{z-index:50;border:1px solid var(--tooltip-border);background:var(--tooltip-bg);width:220px;min-height:70px;box-shadow:0 6px 24px var(--tooltip-shadow);border-radius:8px;padding:13px 15px;position:fixed}.slot-tooltip strong{font-size:.75rem;font-weight:600;display:block}.slot-tooltip>.tooltip-detail{color:var(--muted);margin-top:6px;font-size:.6875rem;display:block}.slot-tooltip .tooltip-highlight{font-weight:650}.slot-tooltip .tooltip-highlight--drop{color:var(--accent)}.slot-tooltip .tooltip-highlight--attack{color:#f4bb62}.slot-tooltip .tooltip-highlight--magic{color:#83c6ff}:root[data-theme=light] .slot-tooltip .tooltip-highlight--attack{color:#b55d12}:root[data-theme=light] .slot-tooltip .tooltip-highlight--magic{color:#2678b9}.add-account-strip{text-align:left;border:1px dashed var(--dashed-border);border-radius:var(--radius-card);background:var(--empty-card-bg);width:100%;transition:background var(--motion), border-color var(--motion);align-items:center;gap:13px;margin-top:28px;padding:21px 24px;display:flex}.add-strip-icon{border:1px solid var(--border);width:34px;height:34px;color:var(--muted);border-radius:9px;place-items:center;display:grid}.add-account-strip strong{color:var(--label-text);font-size:.8125rem;font-weight:550;display:block}.add-account-strip>span>span{color:var(--muted);margin-top:5px;font-size:.6875rem;display:block}.add-account-strip>svg{color:var(--muted);margin-left:auto}.site-footer{color:var(--muted);flex-direction:column;align-items:stretch;gap:12px;padding:28px 0 32px;font-size:.625rem;display:flex}.footer-heading>span{letter-spacing:.06em;font-size:.5625rem}.footer-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;display:flex}.footer-heading nav,.operator-contact{flex-wrap:wrap;align-items:center;gap:4px 16px;display:flex}.site-footer p{margin:0;line-height:1.7}.site-footer a,.operator-contact a,.operator-contact button,.key-storage-notice a{color:var(--muted);text-decoration:none}.footer-heading nav a,.operator-contact a,.operator-contact button{overflow-wrap:anywhere;align-items:center;gap:6px;min-height:44px;display:inline-flex}.operator-contact button{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.site-footer a:hover,.operator-contact a:hover,.operator-contact button:hover,.key-storage-notice a:hover{color:var(--accent)}.operator-contact svg{flex-shrink:0}.contact-status{color:var(--accent)}.contact-status:empty{display:none}.legal-draft-label{color:var(--amber);font-size:.625rem}.legal-container{max-width:960px}.legal-heading{margin-bottom:36px}.legal-heading h1{margin:12px 0;font-size:clamp(1.5rem,4vw,2rem)}.legal-heading>p,.legal-content p,.legal-content dd{color:var(--muted);overflow-wrap:anywhere;font-size:.875rem;line-height:1.85}.legal-content section{margin:28px 0}.legal-content h2{margin-bottom:12px;font-size:1.0625rem}.legal-content p+p{margin-top:10px}.legal-content a:not(.operator-contact a),.key-storage-notice a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.legal-notice{border-left:3px solid var(--amber);background:var(--recessed-bg);padding:14px 18px}.legal-notice strong{font-size:.875rem}.legal-notice p{margin-top:8px}.legal-data-list dt{margin-top:12px;font-size:.8125rem;font-weight:600}.legal-data-list dd{margin:3px 0 0}.legal-content .operator-contact{font-size:.8125rem}.key-storage-notice{margin-top:12px}.footer-separator{color:var(--footer-divider);margin:0 9px}.account-dialog{border:1px solid var(--dialog-border);background:var(--surface);width:min(460px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--text);box-shadow:0 24px 100px var(--dialog-shadow);border-radius:18px;padding:28px}.account-dialog::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.account-dialog[open]{animation:dialog-in var(--motion) ease-out}.dialog-top{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.dialog-symbol{box-shadow:0 0 16px var(--glow-soft);width:48px;height:48px;color:var(--accent);background:var(--dialog-symbol-bg);border-radius:13px;place-items:center;display:grid}.icon-button{width:40px;height:40px;color:var(--muted);transition:background var(--motion), color var(--motion);background:0 0;border:none;border-radius:8px;place-items:center;padding:0;display:inline-grid}.account-dialog h2{letter-spacing:-.04em;margin-top:9px;font-size:1.625rem}.dialog-description{color:var(--muted);margin-top:10px;font-size:.8125rem;line-height:1.6}.preview-notice{background:var(--notice-bg);border-radius:8px;align-items:flex-start;gap:10px;margin-top:24px;padding:14px;display:flex}.preview-notice .status-dot{margin-top:5px}.preview-notice strong{color:var(--notice-title);font-size:.75rem;font-weight:550}.preview-notice p{color:var(--notice-text);margin-top:4px;font-size:.6875rem;line-height:1.7}.form-fields{margin-top:26px}.form-fields label{font-size:.75rem;font-weight:550;display:block}.form-fields input[type=text],.form-fields input[type=password]{border:1px solid var(--input-border);background:var(--inset-bg);width:100%;min-height:44px;color:var(--text);border-radius:8px;margin-top:9px;padding:0 12px;font-size:.8125rem;display:block}.form-fields input::placeholder{color:var(--placeholder)}.field-help{color:var(--muted);margin-top:8px;font-size:.625rem;line-height:1.5}.field-label-row{justify-content:space-between;align-items:center;gap:8px;margin-top:24px;display:flex}.field-label-row a{color:var(--accent);align-items:center;gap:3px;font-size:.625rem;display:inline-flex}.key-input-wrap{position:relative}.key-input-wrap input{padding-right:46px!important}.key-input-wrap .icon-button{position:absolute;top:2px;right:3px}.form-fields .remember-option{cursor:pointer;align-items:center;gap:8px;min-height:44px;margin-top:22px;font-size:.75rem;display:flex}.remember-option input{appearance:none;border:1px solid var(--checkbox-border);cursor:pointer;border-radius:4px;place-items:center;width:16px;height:16px;margin:0;display:grid}.remember-option input:checked{background:var(--accent);border-color:var(--accent)}.remember-option input:checked:after{content:"";border-left:2px solid var(--checkbox-check);border-bottom:2px solid var(--checkbox-check);width:7px;height:4px;transform:rotate(-45deg)translateY(-1px)}.form-demo-tag{color:var(--muted);margin-left:auto;font-size:.5625rem;font-weight:400}.dialog-actions{border-top:1px solid var(--border);grid-template-columns:1fr 1.6fr;gap:10px;margin-top:22px;padding-top:22px;display:grid}.dialog-actions .button{min-height:44px}@keyframes fade-in-up{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}[data-reveal=pending]{opacity:0;translate:0 12px}[data-reveal=entering]{animation:.42s cubic-bezier(.22,1,.36,1) backwards fade-in-up;animation-delay:var(--reveal-delay,0s)}[data-reveal]:focus-within{opacity:1;animation:none;translate:none}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;translate:none}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover){.character-card:hover{box-shadow:0 0 20px var(--character-glow);border-color:var(--character-border-hover);transform:translateY(-2px)}.slot:hover{box-shadow:0 0 9px var(--glow-soft);border-color:var(--accent);background:var(--slot-hover-bg);transform:translateY(-1px)}.button--primary:hover:not(:disabled){box-shadow:0 3px 20px var(--glow-strong);background:var(--primary-hover)}.button--secondary:hover,.icon-button:hover,.collapse-button:hover{background:var(--control-hover);color:var(--text)}.add-account-strip:hover,.add-character-card:hover{box-shadow:0 0 20px var(--glow-soft);border-color:var(--empty-hover-border);background:var(--empty-hover-bg)}.add-character-card:hover{transform:translateY(-2px)}.add-character-card:hover .add-character-icon{box-shadow:0 0 14px var(--glow-soft);color:var(--accent);border-color:var(--empty-hover-border)}.field-label-row a:hover{text-decoration:underline}.theme-toggle:hover{color:var(--accent);border-color:var(--accent-line);box-shadow:0 0 12px var(--glow-soft)}}@media (width>=768px){.header-inner,.main-container{padding-left:32px;padding-right:32px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1280px){.character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1440px){.character-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width>=1728px){.character-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width<=767px){.header-inner{gap:10px;height:68px}.brand{gap:8px;font-size:1rem}.brand-mark{width:34px;height:34px}.header-actions .preview-badge{display:none}.mobile-preview-badge{color:var(--muted);align-items:center;gap:6px;margin-top:11px;font-size:.5625rem;display:inline-flex}.header-actions .button{min-height:44px;padding:0 11px;font-size:.75rem}.page-intro{align-items:flex-start;gap:12px;padding:30px 0 26px}.eyebrow{font-size:.5625rem}h1{font-size:1.75rem}.page-description{max-width:175px;font-size:.6875rem;line-height:1.6}.overview-stats{align-self:center;gap:16px;padding:0}.overview-stats>div{gap:9px;min-width:0}.overview-stats>div+div{border:none;padding:0}.overview-stats>div>span{font-size:.5625rem}.overview-stats strong{font-size:1.5rem}.overview-stats small{margin-left:4px;font-size:.5625rem}.board-tab{gap:6px;font-size:.75rem}.status-legend{gap:10px;font-size:.5625rem}.account-heading{flex-wrap:wrap;margin-bottom:12px}.account-heading-main{flex-basis:100%;gap:10px}.account-description{display:none}.collapse-button{min-width:60px;min-height:44px}.character-card{padding:20px 20px 0}.character-head{gap:14px}.portrait-blank{flex-basis:64px;height:72px}.character-identity h3{font-size:1.125rem}.character-world{font-size:.6875rem}.character-identity p{font-size:.75rem}.section-label{margin-bottom:11px}h4{font-size:.8125rem}.label-note{font-size:.625rem}.slot,.equipment-slots .slot,.pet-rows .slot{min-height:44px}.equipment-slots{grid-template-columns:repeat(2,44px);gap:8px}.equipment-caption,.pet-row-label{font-size:.625rem}.pet-rows{grid-template-columns:28px repeat(3,44px)}.pet-count,.count,.count>span{font-size:.75rem}.dungeon-row{min-height:68px;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.dungeon-title{font-size:.8125rem}.dungeon-status{font-size:.625rem}.add-account-strip{padding:20px 16px}.site-footer{flex-direction:column;align-items:flex-start;gap:10px;font-size:.5625rem}.icon-button{min-width:44px;min-height:44px}.key-input-wrap .icon-button{top:0;right:0}.field-label-row a{min-height:44px}.form-fields input[type=text],.form-fields input[type=password]{font-size:1rem}}@media (pointer:coarse){.slot,.equipment-slots .slot,.pet-rows .slot{min-height:44px}.boss-grid{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}.equipment-slots{grid-template-columns:repeat(2,44px)}.button,.icon-button,.collapse-button{min-height:44px}}@media (width<=767px),(pointer:coarse){.equipment-slots--many{grid-template-columns:repeat(auto-fill,44px);gap:6px}}@media (width<=375px){.boss-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=359px){.header-inner,.main-container{padding-left:14px;padding-right:14px}.boss-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.overview-stats{gap:10px}.overview-stats small{display:none}.account-dialog{padding:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.character-card:hover,.add-character-card:hover,.slot:hover,.button:active{transform:none!important}}.header-actions>.preview-badge{margin-right:12px}.theme-toggle{border:1px solid var(--border);flex-shrink:0;width:40px;height:40px}.theme-toggle:active{transform:scale(.94)}:root{--danger:#ff9292;--danger-bg:#ff929211}:root[data-theme=light]{--danger:#b42332;--danger-bg:#b423320b}.text-danger,.expired-item,.slot-tooltip.text-danger>.tooltip-detail{color:var(--danger)}.inline-error{color:var(--danger);background:var(--danger-bg);overflow-wrap:anywhere;border-radius:8px;margin:12px 0;padding:12px 14px;font-size:.8125rem;line-height:1.6}.form-fields{border:0;min-width:0;padding:0}.form-fields input:not([type=checkbox]){width:100%}.form-fields label:not(.remember-option){margin-top:16px}.form-fields .field-label-row label{margin-top:0}.field-label-row{margin-top:18px}.preview-notice>svg{color:var(--accent);flex-shrink:0}.empty-board{text-align:center;background:var(--empty-card-bg);border:1px dashed var(--dashed-border);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:360px;margin-top:24px;padding:48px 24px;display:flex}.empty-board h2{letter-spacing:-.04em;margin:12px 0;font-size:1.75rem}.empty-board p{color:var(--muted);margin-bottom:24px;line-height:1.7}.account-controls,.section-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.account-controls .icon-button{width:32px;height:32px}.account-sync{color:var(--muted);margin:-7px 0 14px;font-size:.6875rem}.account-notice{border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:12px;display:flex}.account-notice span{flex:1;min-width:180px}.character-power{font-variant-numeric:tabular-nums;margin-top:6px}.portrait-blank{flex-basis:104px;place-items:center;height:112px;display:grid;position:relative;overflow:hidden}.portrait-blank img{object-fit:contain;image-rendering:auto;width:300px;max-width:none;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slot-image{overflow:hidden}.slot-image img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.slot--expired{border-color:var(--danger)}.slot[data-equipment-tone=attack]{--equipment-border:#dc944e;--equipment-glow:#ef882d33}.slot[data-equipment-tone=magic]{--equipment-border:#66adf1;--equipment-glow:#58a7f533}.slot[data-equipment-tone=balanced]{--equipment-border:#b88bf4;--equipment-glow:#a976f233}:root[data-theme=light] .slot[data-equipment-tone=attack]{--equipment-border:#c57322}:root[data-theme=light] .slot[data-equipment-tone=magic]{--equipment-border:#337fbd}:root[data-theme=light] .slot[data-equipment-tone=balanced]{--equipment-border:#8857bd}.slot[data-equipment-tone]{border-color:var(--equipment-border)}.slot[data-equipment-tone]:hover,.slot[data-equipment-tone]:focus-visible{border-color:var(--equipment-border);box-shadow:0 0 9px var(--equipment-glow)}.slot-expired-mark{background:var(--danger);width:14px;height:14px;color:var(--surface);z-index:1;border-radius:50%;font-size:10px;font-weight:800;position:absolute;top:-5px;right:-3px}.expired-item{overflow-wrap:anywhere;margin-top:6px;font-size:.6875rem;line-height:1.5}.equipment-help{font-size:.625rem;line-height:1.5}.boss-edit{width:28px;height:28px}.boss-source{color:var(--muted);margin-top:7px;font-size:.625rem;line-height:1.5}.empty-boss{border:1px dashed var(--dashed-border);color:var(--muted);text-align:left;background:0 0;border-radius:6px;padding:9px;font-size:.6875rem}.empty-boss:hover{color:var(--accent);border-color:var(--accent)}.monthly-boss{border-top:1px solid var(--section-border);align-items:center;gap:12px;margin-top:13px;padding-top:12px;display:flex}.monthly-boss>span{color:var(--muted);flex-shrink:0;font-size:.6875rem}.monthly-boss .boss-grid{flex-wrap:wrap;display:flex}.monthly-boss .slot{width:32px;height:32px}.card-errors{color:var(--danger);overflow-wrap:anywhere;margin:10px 0 14px;font-size:.6875rem;line-height:1.6}.card-errors summary{cursor:pointer}.card-errors p{margin-top:6px}.picker-dialog{width:min(560px,100vw - 24px)}.search-field{border:1px solid var(--border);background:var(--inset-bg);color:var(--muted);border-radius:8px;align-items:center;gap:10px;margin:20px 0 12px;padding:0 12px;display:flex}.search-field input{color:var(--text);outline-offset:3px;background:0 0;border:none;width:100%;min-width:0;height:44px}.form-fields input[type=text]:focus,.form-fields input[type=password]:focus,.search-field input:focus{box-shadow:none;outline:none}.monthly-boss .slot{border-style:solid}@media (width<=767px),(pointer:coarse){.character-card{--item-slot-size:44px}.pet-rows{grid-template-columns:28px repeat(3,44px)}.portrait-blank{flex-basis:112px;height:120px}.portrait-blank img{width:300px;height:300px}}.boss-picker-group{border-bottom:1px solid var(--border-subtle);grid-template-columns:110px minmax(0,1fr);align-items:center;gap:8px;padding:7px 0;display:grid}.boss-picker-name{align-items:center;gap:9px;font-size:.8125rem;display:flex}.boss-picker-name small{color:var(--muted);font-size:.625rem}.boss-picker-icon{flex-shrink:0;width:28px;height:28px}.boss-picker-icon img{object-fit:contain;image-rendering:pixelated}.boss-difficulties{flex-wrap:wrap;gap:4px 8px;margin:0;display:flex}.difficulty-choice{--difficulty-color:var(--muted);cursor:pointer;align-items:center;gap:5px;min-height:32px;display:inline-flex}.difficulty-choice input{width:15px;height:15px;accent-color:var(--accent)}.difficulty-choice span{border:1px solid var(--difficulty-color);color:var(--difficulty-color);border-radius:10px;padding:3px 6px;font-size:.5625rem;font-weight:700}.difficulty--easy{--difficulty-color:#aab0b7}.difficulty--normal{--difficulty-color:#69b5ff}.difficulty--hard{--difficulty-color:#f689bc}.difficulty--chaos{--difficulty-color:#edcd61}.difficulty--extreme{--difficulty-color:#ff3030}[data-theme=light] .difficulty--easy{--difficulty-color:#737c85}[data-theme=light] .difficulty--normal{--difficulty-color:#2678b9}[data-theme=light] .difficulty--hard{--difficulty-color:#b1276d}[data-theme=light] .difficulty--chaos{--difficulty-color:#896d0a}[data-theme=light] .difficulty--extreme{--difficulty-color:#ff3030}.boss-section .slot[data-boss-difficulty]{border-color:var(--difficulty-color);border-style:solid}.boss-section .slot[data-boss-difficulty]:after{content:"";background:var(--difficulty-color);clip-path:polygon(0 0,100% 100%,0 100%);pointer-events:none;z-index:1;border-bottom-left-radius:5px;width:11px;height:11px;position:absolute;bottom:-1px;left:-1px}.boss-section .slot[data-boss-difficulty]:hover{border-color:var(--difficulty-color);box-shadow:0 0 9px color-mix(in srgb, var(--difficulty-color) 22%, transparent)}.difficulty-choice.is-selected span{background:color-mix(in srgb, var(--difficulty-color) 15%, transparent)}.difficulty-choice:hover span{background:color-mix(in srgb, var(--difficulty-color) 20%, transparent)}.difficulty-choice.difficulty--extreme span{background:var(--extreme-badge-bg);border-color:var(--extreme-badge-border);color:var(--extreme-badge-text)}.difficulty-choice.difficulty--extreme.is-selected span{border-color:var(--extreme-badge-text)}.difficulty-choice.difficulty--extreme:hover span{background:color-mix(in srgb, var(--extreme-badge-text) 8%, var(--extreme-badge-bg))}.difficulty-choice:has(input:disabled){cursor:not-allowed;opacity:.5}.difficulty-choice:has(input:disabled):hover span{background:0 0}.difficulty-choice.difficulty--extreme:has(input:disabled):hover span{background:var(--extreme-badge-bg)}@media (width<=767px),(pointer:coarse){.difficulty-choice{min-height:44px}.boss-picker-group{grid-template-columns:92px minmax(0,1fr)}.boss-picker-name{flex-wrap:wrap;gap:5px;font-size:.75rem}}.picker-list{overscroll-behavior:contain;max-height:min(48vh,440px);overflow-y:auto}.picker-row{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.picker-row>span{flex:1;min-width:0}.picker-row strong{overflow-wrap:anywhere;font-size:.8125rem;display:block}.picker-row small{color:var(--muted);margin-top:5px;font-size:.6875rem;display:block}.picker-row>svg,.picker-row>img{flex-shrink:0}.picker-row:hover{background:var(--control-hover)}.picker-row.is-selected{background:var(--accent-soft);border-color:var(--border)}.picker-row.is-selected>svg{color:var(--accent)}.picker-row input{accent-color:var(--accent);width:18px;height:18px}.find-character{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}.find-character .button{width:100%;margin-top:8px}.refresh-button{padding:7px 10px;font-size:.6875rem}.is-spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=767px),(pointer:coarse){.boss-rate-link{align-items:center;min-height:44px;display:inline-flex}.account-controls .icon-button,.boss-edit{min-width:44px;height:44px}.monthly-boss .slot{width:44px;height:44px}.account-title-group{gap:6px}.account-heading h2{overflow-wrap:anywhere}.account-number{flex-shrink:0}.status-legend{flex-wrap:wrap;justify-content:flex-end;gap:8px}.refresh-button{min-height:44px}}@media (width<=767px){.header-actions{gap:8px}.theme-toggle{width:44px;height:44px}}@media (width<=359px){.header-actions{gap:4px}.header-actions .button{padding:0 8px}}@media (prefers-reduced-motion:reduce){.theme-toggle:active{transform:none}}.main-container.api-guide{max-width:960px;padding-top:36px}.api-guide-heading h1{letter-spacing:-.04em;margin:12px 0;font-size:clamp(1.75rem,4vw,2.25rem)}.api-guide-heading>p:not(.eyebrow),.api-guide-step>p,.api-guide-faq p{color:var(--muted);line-height:1.8}.api-guide code{color:var(--accent);overflow-wrap:anywhere;font-family:ui-monospace,monospace}.api-guide-key-note{background:var(--notice-bg);color:var(--notice-title);border-radius:10px;align-items:flex-start;gap:12px;margin:24px 0;padding:18px 20px;display:flex}.api-guide-key-note>svg{flex-shrink:0;margin-top:3px}.api-guide-key-note p{color:var(--notice-text);margin:0;line-height:1.8}.api-guide-key-note strong{color:var(--notice-title)}.api-guide-steps{grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 32px;display:grid}.api-guide-steps a{color:var(--label-text);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 10px;text-decoration:none;display:flex}.api-guide-steps a>span{width:24px;height:24px;color:var(--accent);background:var(--accent-soft);border-radius:7px;place-items:center;font-weight:700;display:grid}.api-guide-content{gap:20px;display:grid}.api-guide-step{border:1px solid var(--border);border-radius:var(--radius-card);padding:28px;scroll-margin-top:100px}.api-guide-step-title{align-items:center;gap:14px;margin-bottom:14px;display:flex}.api-guide-step-title>span{color:var(--accent);font-size:.875rem;font-weight:800}.api-guide-step-title h2{letter-spacing:-.025em;margin:0;font-size:1.125rem}.api-guide-step strong{color:var(--text)}.api-guide-step>p{margin:12px 0}.api-guide-step>.button{margin-top:8px}.api-guide-path{background:var(--recessed-bg);border-radius:8px;padding:14px 16px;color:var(--label-text)!important}.api-guide-small{font-size:.8125rem}.api-guide-fields{border-top:1px solid var(--border);margin-top:20px}.api-guide-field{border-bottom:1px solid var(--border);grid-template-columns:140px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 0;display:grid}.api-guide-field-label{color:var(--muted)}.api-guide-field-label small{margin-top:3px;font-size:.6875rem;display:block}.api-guide-field-value{overflow-wrap:anywhere;line-height:1.7}.api-guide-highlight{color:var(--accent);font-weight:700}.api-guide-copy{border:1px solid var(--input-border);border-radius:var(--radius-control);min-width:66px;min-height:36px;color:var(--accent);font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:.75rem;text-decoration:none;display:inline-flex}.api-guide-copy:hover{background:var(--control-hover)}.api-guide-copy:active{transform:translateY(1px)}.api-guide-copy-status{min-height:1.5em;margin:6px 0;font-size:.75rem;color:var(--accent)!important}.api-guide-key-example{border:1px solid var(--input-border);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:18px;display:flex}.api-guide-key-example span{color:var(--muted);font-size:.75rem}.api-guide-connect-list{color:var(--muted);padding-left:22px;line-height:1.85}.api-guide-connect-list li+li{margin-top:8px}.api-guide-storage-note{background:var(--notice-bg);border-radius:10px;margin:20px 0;padding:18px}.api-guide-storage-note p{color:var(--notice-text);margin:8px 0;line-height:1.8}.api-guide-storage-note a,.api-guide-source a{color:var(--accent);text-underline-offset:3px}.api-guide-faq{margin-top:36px}.api-guide-faq h2{font-size:1.125rem}.api-guide-faq details{border-bottom:1px solid var(--border)}.api-guide-faq summary{cursor:pointer;padding:18px 0;line-height:1.6}.api-guide-faq details p{margin:0 0 18px}.api-guide-source{color:var(--muted);margin:24px 0;font-size:.75rem;line-height:1.8}.api-guide-source a{align-items:center;gap:3px;display:inline-flex}@media (width<=767px){.api-guide-steps{grid-template-columns:repeat(2,1fr);gap:6px 12px}.api-guide-steps a{font-size:.8125rem}.api-guide-step{padding:20px 16px}.api-guide-step-title{align-items:baseline;gap:10px}.api-guide-step-title h2{font-size:1rem;line-height:1.5}.api-guide-field{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.api-guide-field-label{grid-column:1/-1;font-size:.75rem}.api-guide-field-label small{margin-left:8px;display:inline}.api-guide-field-value{font-size:.8125rem}.api-guide-copy{min-height:44px}.api-guide-key-note{padding:16px}}