@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-grad-1:radial-gradient(circle at 2% 2%, #d9f4ff 0%, transparent 40%);--bg-grad-2:radial-gradient(circle at 100% 0%, #e8e7ff 0%, transparent 32%);--bg-grad-3:linear-gradient(180deg, #eff6ff 0%, #f9fbff 40%, #f8fcff 100%);--text-main:#132746;--text-secondary:#2b4a71;--text-muted:#4d6f9b;--surface-nav:#ffffff9e;--surface-card:#ffffffa8;--surface-dropdown:#f7fcffeb;--surface-border:#ffffff80;--surface-shadow:#14325a14;--pill-active-bg:#dbeaff;--button-primary-bg:#1f5ca8;--button-primary-text:#fff;--button-ghost-text:#1f5ca8;--button-ghost-border:#9abcea;--status-info-bg:#4374b71f;--status-info-border:#4374b740;--status-info-text:#254f84;--status-success-bg:#278a5c1f;--status-success-border:#278a5c47;--status-success-text:#1b6943;--status-warning-bg:#c2881c24;--status-warning-border:#c2881c52;--status-warning-text:#7b4c08;--subskill-gold-bg:linear-gradient(145deg, #ffe599c7, #ffcd5685);--subskill-gold-border:#ca9122a6;--subskill-gold-text:#523607;--subskill-white-bg:linear-gradient(145deg, #fafdffe6, #ebf4ffad);--subskill-white-border:#9eb4d899;--subskill-white-text:#1d355c;--subskill-blue-bg:linear-gradient(145deg, #a3caffbd, #5f93e38f);--subskill-blue-border:#4970b6a8;--subskill-blue-text:#0f2f62;--image-stage-bg:linear-gradient(155deg, #7d93b3 0%, #6f87ab 100%);--image-stage-border:#2c497957;--image-stage-shadow:#182c4c3d;--image-stage-glow:#ffffff1f;--scrollbar-size:0px;--scrollbar-thumb:color-mix(in srgb, var(--text-muted) 46%, transparent);--scrollbar-thumb-hover:color-mix(in srgb, var(--text-main) 58%, transparent);color:var(--text-main);background:var(--bg-grad-1), var(--bg-grad-2), var(--bg-grad-3);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,Trebuchet MS,sans-serif;font-weight:400;line-height:1.5}:root[data-theme=dark]{--bg-grad-1:radial-gradient(circle at 2% 2%, #2a3656 0%, transparent 40%);--bg-grad-2:radial-gradient(circle at 100% 0%, #182535 0%, transparent 32%);--bg-grad-3:linear-gradient(180deg, #0e1523 0%, #101a2a 40%, #101924 100%);--text-main:#e8f0ff;--text-secondary:#bdcce8;--text-muted:#95a9ce;--surface-nav:#1018279e;--surface-card:#111b2ca8;--surface-dropdown:#0f1826e6;--surface-border:#7a92b747;--surface-shadow:#00000059;--pill-active-bg:#223756;--button-primary-bg:#5a9cff;--button-primary-text:#10203a;--button-ghost-text:#a8c9ff;--button-ghost-border:#4a6da0;--status-info-bg:#63a0f529;--status-info-border:#63a0f559;--status-info-text:#cfe2ff;--status-success-bg:#49c98b2e;--status-success-border:#49c98b57;--status-success-text:#d9f8e8;--status-warning-bg:#ffb84c2e;--status-warning-border:#ffb84c57;--status-warning-text:#ffe9c7;--subskill-gold-bg:linear-gradient(145deg, #765816b3, #92702285);--subskill-gold-border:#e9c16194;--subskill-gold-text:#fff0c6;--subskill-white-bg:linear-gradient(145deg, #404d65b8, #2d3a5194);--subskill-white-border:#aac1e180;--subskill-white-text:#f0f6ff;--subskill-blue-bg:linear-gradient(145deg, #355484bf, #243f679e);--subskill-blue-border:#82b1fc8c;--subskill-blue-text:#e1efff;--image-stage-bg:linear-gradient(155deg, #243754 0%, #1d2f49 100%);--image-stage-border:#88aae052;--image-stage-shadow:#04081080;--image-stage-glow:#94baf529;--scrollbar-thumb:#c9d8f66b;--scrollbar-thumb-hover:#e4eeff8f}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}body{background:var(--bg-grad-1), var(--bg-grad-2), var(--bg-grad-3);min-width:320px;min-height:100vh;color:var(--text-main);margin:0;transition:background .28s,color .28s}html.is-scrolling{--scrollbar-size:10px}*{scrollbar-width:none}html.is-scrolling *{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}#root{min-height:100vh}.app-shell{flex-direction:column;max-width:1120px;min-height:100vh;margin:0 auto;padding:2rem 1.25rem 1rem;display:flex}.top-nav{border:1px solid var(--surface-border);background:var(--surface-nav);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex;position:sticky;top:1rem}.brand{letter-spacing:.02em;color:var(--text-main);white-space:nowrap;flex-shrink:0;max-width:none;font-weight:800}.top-nav-right{justify-content:flex-end;align-items:center;gap:.8rem;width:100%;display:flex}.top-nav-links{align-items:center;gap:.4rem;display:flex}.top-nav-links a{color:var(--text-secondary);border-radius:999px;padding:.5rem .8rem;font-weight:600;transition:background-color .18s,color .18s}.top-nav-links a.active{color:var(--text-main);background-color:var(--pill-active-bg)}.dropdown{position:relative}.dropdown-panel{border:1px solid var(--surface-border);background:var(--surface-dropdown);min-width:170px;box-shadow:0 14px 30px var(--surface-shadow);opacity:0;visibility:hidden;z-index:20;border-radius:12px;gap:.2rem;padding:.35rem;transition:opacity .18s,transform .18s,visibility .18s;display:grid;position:absolute;transform:translateY(-6px)scale(.98)}.dropdown.place-bottom .dropdown-panel{transform-origin:0 0;top:calc(100% + .45rem)}.dropdown.place-top .dropdown-panel{transform-origin:0 100%;bottom:calc(100% + .45rem)}.dropdown.align-right .dropdown-panel{left:auto;right:0}.dropdown.align-left .dropdown-panel{left:0;right:auto}.dropdown.is-open .dropdown-panel{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.nav-dropdown-trigger{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.35rem;padding:.5rem .8rem;font-size:1rem;font-weight:600;line-height:1.2;transition:background-color .18s,color .18s;display:inline-flex}.nav-dropdown-trigger.active,.nav-dropdown.is-open .nav-dropdown-trigger{color:var(--text-main);background-color:var(--pill-active-bg)}.nav-dropdown-caret{font-size:.74rem;transition:transform .18s}.nav-dropdown.is-open .nav-dropdown-caret{transform:rotate(180deg)}.nav-dropdown-menu{min-width:190px}.nav-dropdown-menu a{border-radius:8px}.top-nav-auth{margin-left:auto}.auth-entry-link{color:var(--text-secondary);border:1px solid var(--surface-border);background:var(--surface-card);border-radius:999px;align-items:center;gap:.36rem;padding:.46rem .8rem;font-size:.85rem;font-weight:700;transition:background-color .18s,color .18s;display:inline-flex}.auth-entry-link:hover,.auth-entry-link.active{color:var(--text-main);background:var(--pill-active-bg)}.auth-entry-icon{width:1rem;height:1rem}.user-menu-trigger{border:1px solid var(--surface-border);background:var(--surface-card);color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;max-width:180px;padding:.42rem .74rem;font-size:.84rem;font-weight:700;transition:background-color .16s,color .16s;display:inline-flex}.user-menu-trigger.active,.user-menu-trigger:hover{color:var(--text-main);background:var(--pill-active-bg)}.user-menu-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu-avatar{object-fit:cover;border:1px solid color-mix(in srgb, var(--surface-border) 72%, #b9c9e6 28%);background:color-mix(in srgb, var(--surface-card) 86%, transparent);border-radius:999px;flex-shrink:0;width:1.4rem;height:1.4rem}.user-menu-avatar-fallback{justify-content:center;align-items:center;display:inline-flex}.user-menu-avatar-icon{width:.92rem;height:.92rem}.user-menu-caret{font-size:.74rem}.user-menu-panel{min-width:156px}.user-menu-id{color:var(--text-muted);border-bottom:1px solid var(--surface-border);margin:0 0 .2rem;padding:.36rem .55rem .5rem;font-size:.78rem;font-weight:700;display:none}.user-menu-panel a,.user-menu-action{box-sizing:border-box;width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:.42rem;padding:.46rem .55rem;font-size:.84rem;font-weight:700;transition:background-color .16s,color .16s;display:flex}.user-menu-item-icon{width:1rem;height:1rem}.user-menu-panel a:hover,.user-menu-panel a.active,.user-menu-action:hover{color:var(--text-main);background:var(--pill-active-bg)}main{flex:1;margin-top:1.5rem}.app-footer{border:1px solid var(--surface-border);background:var(--surface-nav);border-radius:16px;justify-content:space-between;align-items:center;gap:.8rem;margin-top:.95rem;padding:.8rem 1rem;display:flex}.app-footer-note{color:var(--text-muted);margin:0;font-size:.83rem;font-weight:600}.app-footer-right{margin-left:auto}.page{animation:.38s fade-in}.hero-card,.about-card,.dex-card,.stat-card{border:1px solid var(--surface-border);background:var(--surface-card);box-shadow:0 16px 30px var(--surface-shadow);border-radius:22px}.hero-card{padding:2rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin:0;font-size:.82rem;font-weight:700}h1{margin:.65rem 0 .8rem;font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1.05}.hero-text{color:var(--text-secondary);max-width:64ch;margin:0}.hero-actions{gap:.65rem;margin-top:1.4rem;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.68rem 1rem;font-weight:700;display:inline-flex}.material-icon{width:1em;height:1em;-webkit-mask-image:var(--icon-url);-webkit-mask-image:var(--icon-url);mask-image:var(--icon-url);background-color:currentColor;flex-shrink:0;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.button-icon{width:1.05rem;height:1.05rem}.button.primary{background:var(--button-primary-bg);color:var(--button-primary-text)}.button.ghost{color:var(--button-ghost-text);border:1px solid var(--button-ghost-border)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.8rem;margin-top:1rem;display:grid}.stat-card{padding:1rem}.stat-card p{color:var(--text-muted);margin:0}.stat-card strong{color:var(--text-main);margin-top:.3rem;font-size:1.65rem;display:inline-block}.section-header h2{margin:.3rem 0 .5rem;font-size:clamp(1.4rem,2.4vw,2rem)}.section-header p{color:var(--text-secondary);margin:0}.dex-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin-top:1rem;display:grid}.dex-card{padding:1rem}.pokemon-dex-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.pokemon-card{flex-direction:column;gap:.75rem;display:flex;position:relative}.pokemon-card-clickable{cursor:pointer;transition:transform .18s,box-shadow .2s}.pokemon-card-clickable:hover{box-shadow:0 16px 28px var(--surface-shadow);transform:translateY(-2px)}.pokemon-card-clickable:focus-visible{outline:2px solid var(--status-info-border);outline-offset:2px}.pokemon-image-wrap{background:radial-gradient(circle at 50% 18%, var(--pill-active-bg) 0%, transparent 58%), linear-gradient(180deg, #ffffff0f, #fff0);border:1px solid var(--surface-border);border-radius:14px;justify-content:center;align-items:center;min-height:220px;display:flex;position:relative;overflow:hidden}.pokemon-image{object-fit:contain;width:100%;height:220px;padding:.6rem;transition:opacity .22s}.pokemon-image-fallback{color:var(--text-muted);font-size:.9rem;font-weight:700}.shiny-segment{border:1px solid var(--surface-border);background:var(--surface-nav);z-index:2;border-radius:999px;grid-template-columns:1fr 1fr;align-items:center;gap:0;width:126px;min-height:34px;padding:.2rem;transition:opacity .18s;display:grid;position:absolute;top:.55rem;right:.55rem}.shiny-segment-indicator{background:var(--pill-active-bg);pointer-events:none;border-radius:999px;width:calc(50% - .2rem);height:calc(100% - .4rem);transition:transform .22s;position:absolute;top:.2rem;left:.2rem}.shiny-segment.mode-shiny .shiny-segment-indicator{transform:translate(100%)}.shiny-segment button{z-index:1;width:100%;height:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.35rem .55rem;font-size:.73rem;font-weight:800;transition:color .16s,opacity .16s;position:relative}.shiny-segment button.active{color:var(--text-main)}.shiny-segment button:disabled{cursor:not-allowed;opacity:.65}.shiny-segment.is-loading{opacity:.88}.pokemon-image-loading{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#121f3533;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;display:flex;position:absolute;inset:0}.loading-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dex-head{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.dex-head h3{margin:0}.dex-no{color:var(--text-muted);font-size:.83rem}.dex-card dl{gap:.4rem;margin:.8rem 0 0;display:grid}.dex-card dl div{justify-content:space-between;font-size:.95rem;display:flex}.dex-card dt{color:var(--text-muted)}.dex-card dd{margin:0;font-weight:600}.dex-card p{color:var(--text-secondary);margin:.85rem 0 0;font-size:.92rem}.pokemon-meta{gap:.42rem;margin:0;display:grid}.pokemon-meta div{justify-content:space-between;display:flex}.pokemon-meta dt{color:var(--text-muted);font-size:.86rem}.pokemon-meta dd{color:var(--text-main);margin:0;font-size:.9rem;font-weight:700}.asset-section{gap:.3rem;display:grid}.asset-title{color:var(--text-muted);margin:0;font-size:.8rem;font-weight:700}.asset-list{flex-wrap:wrap;gap:.35rem;display:flex}.asset-chip{border:1px solid var(--surface-border);background:var(--surface-nav);color:var(--text-secondary);border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .5rem .2rem .24rem;font-size:.78rem;display:inline-flex}.asset-chip img{object-fit:contain;width:18px;height:18px}.asset-chip em{color:var(--text-main);font-style:normal;font-weight:700}.main-skill-chip{width:fit-content}.asset-dot{background:var(--pill-active-bg);border-radius:999px;width:18px;height:18px}.asset-empty{color:var(--text-muted);font-size:.8rem}.ingredient-level-list{gap:.36rem;display:grid}.ingredient-level-row{border:1px dashed var(--surface-border);background:color-mix(in srgb, var(--surface-nav) 75%, transparent);border-radius:12px;padding:.45rem .55rem}.asset-dex-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.asset-dex-header{justify-content:space-between;align-items:flex-start;gap:.9rem;display:flex}.asset-dex-add-btn{width:2.45rem;min-width:2.45rem;height:2.45rem;margin-top:1.35rem;padding:0}.asset-dex-add-icon{width:1.2rem;height:1.2rem}.asset-dex-card{gap:.75rem;display:grid;position:relative}.asset-dex-card-clickable{cursor:pointer;transition:transform .18s,box-shadow .2s}.asset-dex-card-clickable:hover{box-shadow:0 16px 28px var(--surface-shadow);transform:translateY(-2px)}.asset-dex-card-clickable:focus-visible{outline:2px solid var(--status-info-border);outline-offset:2px}.icon-actions-pill{background:color-mix(in srgb, var(--surface-card) 90%, #d7e4f8 10%);border:1px solid color-mix(in srgb, var(--surface-border) 68%, #b6c9e7 32%);border-radius:999px;align-items:center;gap:.42rem;padding:.28rem;display:inline-flex;box-shadow:0 8px 16px #1f38632e}.icon-actions-btn{border:1px solid color-mix(in srgb, var(--surface-border) 74%, #2e4f8f 26%);color:#1f3660;cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;padding:0;transition:transform .14s,box-shadow .14s,background-color .14s;display:inline-flex}.icon-actions-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #24426e3d}.icon-actions-btn:disabled{opacity:.6;cursor:not-allowed}.icon-actions-btn.danger{color:#fff;background:#b33f4e;border-color:#9f3140}.icon-actions-icon{width:.95rem;height:.95rem}.card-admin-actions,.asset-card-admin-actions,.pokemon-card-admin-actions{opacity:0;z-index:3;gap:.34rem;transition:opacity .14s,transform .14s;display:flex;position:absolute;top:.48rem;left:.48rem;transform:translateY(-2px)}.asset-dex-card:hover .card-admin-actions,.asset-dex-card:focus-within .card-admin-actions,.nature-card:hover .card-admin-actions,.nature-card:focus-within .card-admin-actions,.pokemon-card:hover .card-admin-actions,.pokemon-card:focus-within .card-admin-actions{opacity:1;transform:translateY(0)}.asset-dex-card.subskill-effect-gold{background:var(--subskill-gold-bg);border-color:var(--subskill-gold-border)}.asset-dex-card.subskill-effect-gold .asset-dex-meta dt,.asset-dex-card.subskill-effect-gold .asset-dex-meta dd,.asset-dex-card.subskill-effect-gold .asset-dex-image-fallback{color:var(--subskill-gold-text)}.asset-dex-card.subskill-effect-white{background:var(--subskill-white-bg);border-color:var(--subskill-white-border)}.asset-dex-card.subskill-effect-white .asset-dex-meta dt,.asset-dex-card.subskill-effect-white .asset-dex-meta dd,.asset-dex-card.subskill-effect-white .asset-dex-image-fallback{color:var(--subskill-white-text)}.asset-dex-card.subskill-effect-blue{background:var(--subskill-blue-bg);border-color:var(--subskill-blue-border)}.asset-dex-card.subskill-effect-blue .asset-dex-meta dt,.asset-dex-card.subskill-effect-blue .asset-dex-meta dd,.asset-dex-card.subskill-effect-blue .asset-dex-image-fallback{color:var(--subskill-blue-text)}.asset-dex-image-wrap{background:radial-gradient(circle at 50% 18%, var(--pill-active-bg) 0%, transparent 58%), linear-gradient(180deg, #ffffff0f, #fff0);border:1px solid var(--surface-border);border-radius:14px;justify-content:center;align-items:center;min-height:160px;display:flex;overflow:hidden}:root:not([data-theme=dark]) .asset-dex-image-wrap{background:radial-gradient(circle at 50% 18%,#a3c6ff4d 0%,#0000 56%),linear-gradient(#122a4c70,#1426445c)}.asset-dex-image{object-fit:contain;width:100%;height:160px;padding:.55rem}.asset-dex-image-fallback{color:var(--text-muted);font-size:.86rem;font-weight:700}.asset-dex-meta{gap:.4rem;margin:0;display:grid}.asset-dex-meta div{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.asset-dex-meta dt{color:var(--text-muted);font-size:.84rem}.asset-dex-meta dd{color:var(--text-main);text-align:right;margin:0;font-size:.86rem;font-weight:700}.pokemon-modal-backdrop{z-index:40;background:#00000042;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.pokemon-modal-panel{border:1px solid var(--surface-border);background:linear-gradient(170deg, color-mix(in srgb, var(--pill-active-bg) 42%, transparent), transparent 30%), var(--surface-card);width:min(100%,700px);max-height:min(86vh,760px);box-shadow:0 20px 42px var(--surface-shadow);border-radius:18px;gap:.72rem;padding:1rem 1rem 1.15rem;display:grid;overflow:auto}.pokemon-modal-header{gap:.45rem;display:grid}.pokemon-modal-eyebrow{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:700}.pokemon-modal-header h3{color:var(--text-main);margin:0;font-size:1.1rem}.pokemon-modal-meta{border:1px solid var(--surface-border);background:color-mix(in srgb, var(--surface-nav) 80%, transparent);border-radius:12px;gap:.4rem;margin:0;padding:.7rem .8rem;display:grid}.pokemon-modal-meta div{justify-content:space-between;gap:.8rem;display:flex}.pokemon-modal-meta dt{color:var(--text-muted);font-size:.84rem}.pokemon-modal-meta dd{color:var(--text-main);text-align:right;margin:0;font-size:.88rem;font-weight:700}.pokemon-modal-section{border:1px solid var(--surface-border);background:color-mix(in srgb, var(--surface-nav) 84%, transparent);border-radius:12px;padding:.62rem .7rem}.asset-modal-backdrop{z-index:40;background:#00000042;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.asset-modal-panel{border:1px solid var(--surface-border);background:linear-gradient(170deg, color-mix(in srgb, var(--pill-active-bg) 46%, transparent), transparent 30%), var(--surface-card);width:min(100%,620px);max-height:min(84vh,720px);box-shadow:0 20px 42px var(--surface-shadow);border-radius:18px;padding:1rem 1rem 1.15rem;overflow:auto}.asset-modal-header{align-items:start;gap:.45rem;display:grid}.asset-modal-eyebrow{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:700}.asset-modal-header h3{color:var(--text-main);margin:0;font-size:1.1rem}.asset-modal-table-wrap{border:1px solid var(--surface-border);border-radius:12px;margin-top:.85rem;overflow:visible}.asset-modal-table{border-collapse:collapse;width:100%}.asset-modal-table th,.asset-modal-table td{text-align:left;border-bottom:1px solid var(--surface-border);padding:.58rem .72rem;font-size:.86rem}.asset-modal-table th{background:color-mix(in srgb, var(--surface-nav) 84%, transparent);color:var(--text-muted);font-weight:700}.asset-modal-table td{color:var(--text-main);font-weight:600}.asset-modal-table tr:last-child td{border-bottom:0}.asset-level-value{align-items:center;gap:.46rem;display:inline-flex}.asset-extra-effects-trigger{border:1px solid var(--surface-border);background:var(--pill-active-bg);width:1.1rem;height:1.1rem;color:var(--text-main);cursor:help;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:.72rem;font-weight:800;line-height:1;display:inline-flex}.asset-extra-effects-trigger:focus-visible{outline:2px solid var(--status-info-border);outline-offset:2px}.asset-extra-effects-popover-floating{border:1px solid var(--surface-border);background:var(--surface-card);min-width:240px;max-width:min(86vw,640px);max-height:min(56vh,420px);box-shadow:0 10px 24px var(--surface-shadow);z-index:45;border-radius:10px;padding:.46rem;position:fixed;overflow:auto}.asset-extra-effects-popover-floating.below{transform:translate(-50%)}.asset-extra-effects-popover-floating.above{transform:translate(-50%,-100%)}.asset-extra-effects-empty{color:var(--text-muted);margin:0;font-size:.78rem}.asset-extra-effects-table-wrap{overflow:auto}.asset-extra-effects-table{border-collapse:collapse;width:100%}.asset-extra-effects-table th,.asset-extra-effects-table td{text-align:left;white-space:nowrap;border-bottom:1px solid var(--surface-border);padding:.35rem .45rem;font-size:.76rem}.asset-extra-effects-table th{background:color-mix(in srgb, var(--surface-nav) 86%, transparent);color:var(--text-muted);font-weight:700}.asset-extra-effects-table td{color:var(--text-main);font-weight:600}.asset-extra-effects-table tr:last-child td{border-bottom:0}.asset-delete-confirm-backdrop{z-index:50;background:#0000003d;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.asset-delete-confirm-panel{border:1px solid var(--surface-border);background:var(--surface-card);width:min(100%,460px);box-shadow:0 20px 40px var(--surface-shadow);border-radius:14px;gap:.7rem;padding:.9rem;display:grid}.asset-delete-confirm-title{color:var(--text-main);margin:0;font-size:1rem;font-weight:800}.asset-delete-confirm-text{color:var(--text-secondary);margin:0;font-size:.88rem}.asset-delete-confirm-text strong{color:var(--text-main);margin-left:.3rem}.asset-delete-confirm-actions{justify-content:flex-end;gap:.5rem;display:flex}.asset-delete-confirm-danger{color:#fff;background:#b33f4e}.nature-dex-groups{gap:.95rem;margin-top:1rem;display:grid}.nature-dex-group{border:1px solid var(--surface-border);background:color-mix(in srgb, var(--surface-card) 90%, var(--pill-active-bg) 10%);border-radius:18px;padding:.75rem}.nature-dex-group-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.72rem;display:flex}.nature-dex-group-head h3{color:var(--text-main);margin:0;font-size:1.02rem}.nature-dex-group-head span{color:var(--text-muted);font-size:.82rem;font-weight:700}.nature-dex-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:0}.nature-card{background:linear-gradient(176deg, color-mix(in srgb, var(--pill-active-bg) 36%, transparent), transparent 34%), var(--surface-card);gap:.65rem;display:grid;position:relative}.nature-card-head{justify-content:space-between;align-items:baseline;gap:.5rem;margin-top:.2rem;display:flex}.nature-card-head h3{color:var(--text-main);margin:0;font-size:1.25rem}.nature-card-id{color:var(--text-muted);font-size:.88rem;font-weight:700}.nature-card-effect{border:1px solid var(--surface-border);border-radius:12px;justify-content:space-between;align-items:center;gap:.6rem;padding:.45rem .58rem;display:flex}.nature-card-effect-label{color:var(--text-secondary);align-items:center;gap:.15rem;font-size:.9rem;font-weight:700;display:inline-flex}.nature-card-effect strong{color:var(--text-main);font-size:.95rem;font-weight:800}.nature-effect-icon{flex-shrink:0}.nature-card-effect-up .nature-effect-icon{color:#fc6f77}.nature-card-effect-down .nature-effect-icon{color:#5caaff}.news-category-bar{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.news-category-chip{border:1px solid var(--surface-border);background:var(--surface-card);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:.34rem .78rem;font-size:.84rem;font-weight:700;transition:background-color .16s,color .16s,transform .16s}.news-category-chip:hover{transform:translateY(-1px)}.news-category-chip.active{color:var(--text-main);background:var(--pill-active-bg)}.news-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-flow:row;align-items:start;gap:1rem;margin-top:1rem;display:grid}.news-card-link{min-width:0;display:flex}.news-card{gap:.7rem;width:100%;transition:transform .2s,box-shadow .22s;display:grid;overflow:hidden}.news-card-link:hover .news-card{box-shadow:0 18px 36px var(--surface-shadow);transform:translateY(-2px)}.news-cover-wrap{border:1px solid var(--surface-border);background:radial-gradient(circle at 50% 18%, var(--pill-active-bg) 0%, transparent 58%), linear-gradient(180deg, #ffffff0f, #fff0);border-radius:14px;justify-content:center;align-items:center;min-height:160px;display:flex;overflow:hidden}.news-cover-image{object-fit:cover;width:100%;height:160px}.news-cover-fallback{color:var(--text-muted);font-size:.85rem;font-weight:700}.news-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;line-height:1.35;overflow:hidden}.news-meta{color:var(--text-muted);justify-content:space-between;gap:.6rem;margin:0;padding-top:.1rem;font-size:.82rem;display:flex}.news-card .news-meta{margin:0}.news-back-btn{margin-top:.9rem}.news-detail-card{gap:.9rem;margin-top:.9rem;padding:1.1rem;display:grid}.news-detail-cover-wrap{border:1px solid var(--surface-border);background:color-mix(in srgb, var(--surface-nav) 85%, transparent);border-radius:14px;justify-content:center;align-items:center;min-height:220px;display:flex;position:relative;overflow:hidden}.news-detail-cover{object-fit:cover;opacity:1;width:100%;max-height:420px;transition:opacity .22s}.news-detail-cover.is-hidden{opacity:0}.news-detail-cover-loading{color:var(--text-secondary);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;font-size:.84rem;font-weight:700;display:flex;position:absolute;inset:0}.news-detail-cover-fallback{color:var(--text-muted);background:color-mix(in srgb, var(--surface-card) 92%, transparent);justify-content:center;align-items:center;font-size:.84rem;font-weight:700;display:flex;position:absolute;inset:0}.news-detail-content{color:var(--text-secondary);font-size:.96rem;line-height:1.8}.news-markdown-content h1,.news-markdown-content h2,.news-markdown-content h3,.news-markdown-content h4,.news-markdown-content h5,.news-markdown-content h6{color:var(--text-main);margin:1.1rem 0 .5rem;line-height:1.35}.news-markdown-content p{margin:.7rem 0}.news-markdown-content ul,.news-markdown-content ol{margin:.6rem 0 .8rem 1.25rem}.news-markdown-content li+li{margin-top:.22rem}.news-markdown-content a{color:var(--button-ghost-text);text-decoration:underline}.news-markdown-content code{background:color-mix(in srgb, var(--pill-active-bg) 70%, transparent);border-radius:6px;padding:.1rem .34rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.88em}.news-markdown-content .markdown-code-block{border:1px solid var(--surface-border);background:color-mix(in srgb, var(--surface-nav) 82%, transparent);border-radius:10px;margin:.8rem 0;padding:.72rem .82rem;overflow-x:auto}.news-markdown-content .markdown-code-block code{background:0 0;border-radius:0;padding:0;line-height:1.65;display:block}.news-markdown-content blockquote{border-left:3px solid var(--button-ghost-border);background:color-mix(in srgb, var(--pill-active-bg) 45%, transparent);border-radius:8px;margin:.7rem 0;padding:.42rem .72rem}.about-card{margin-top:1rem;padding:1.2rem}.about-card p{color:var(--text-secondary);margin:0}.about-card p+p{margin-top:.9rem}.auth-card{max-width:520px;margin-top:1rem;padding:1.05rem}.auth-mode-switch{grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.75rem;display:grid}.auth-mode-switch button{border:1px solid var(--surface-border);background:var(--surface-card);color:var(--text-secondary);cursor:pointer;border-radius:10px;padding:.44rem .66rem;font-size:.84rem;font-weight:700;transition:background-color .16s,color .16s}.auth-mode-switch button.active{background:var(--pill-active-bg);color:var(--text-main)}.auth-form{gap:.62rem;display:grid}.auth-field{gap:.34rem;display:grid}.auth-field span{color:var(--text-muted);font-size:.8rem;font-weight:700}.auth-field input,.auth-field select{border:1px solid var(--surface-border);background:var(--surface-card);color:var(--text-main);border-radius:10px;padding:.62rem .72rem;font-size:.9rem}.auth-field select{font-family:inherit}.auth-field input:focus,.auth-field select:focus{border-color:var(--button-ghost-border);box-shadow:0 0 0 3px color-mix(in srgb, var(--pill-active-bg) 45%, transparent);outline:none}.auth-remember{color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:.48rem;font-size:.84rem;font-weight:600;display:inline-flex}.auth-remember input{width:1rem;height:1rem;accent-color:var(--button-primary-bg);margin:0}.auth-error-text{color:var(--status-warning-text);margin:.2rem 0 0;font-size:.84rem;font-weight:700}.auth-submit-btn{width:fit-content;margin-top:.4rem}.calculate-card{background:linear-gradient(160deg, color-mix(in srgb, var(--surface-card) 94%, #f4f8ff 6%), color-mix(in srgb, var(--surface-card) 84%, #d9e6f9 16%));box-shadow:0 20px 36px color-mix(in srgb, var(--surface-shadow) 72%, transparent);justify-items:center;gap:.72rem;margin-top:1rem;display:grid}.calculate-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.calculate-header-copy{gap:0;display:grid}.calculate-add-trigger-floating{flex-shrink:0;margin-top:1.45rem;margin-right:.15rem}.calculate-add-trigger{border:1px solid var(--surface-border);background:color-mix(in srgb, var(--surface-card) 90%, #d9e8ff 10%);width:3.25rem;height:3.25rem;color:var(--text-main);cursor:pointer;box-shadow:0 12px 24px var(--surface-shadow);border-radius:999px;justify-content:center;align-items:center;transition:transform .16s,box-shadow .18s,background-color .16s;display:inline-flex}.calculate-add-trigger:hover:not(:disabled){box-shadow:0 16px 28px var(--surface-shadow);background:color-mix(in srgb, var(--pill-active-bg) 85%, transparent);transform:translateY(-1px)}.calculate-add-trigger:disabled{opacity:.72;cursor:not-allowed}.calculate-add-icon{width:1.35rem;height:1.35rem}.calculate-trigger-hint{color:color-mix(in srgb, var(--text-secondary) 82%, var(--text-main) 18%);margin:0;font-size:.84rem;font-weight:700}.calculate-builder{border:1px solid color-mix(in srgb, var(--surface-border) 75%, #a7c1e6 25%);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-nav) 94%, #f8fbff 6%), color-mix(in srgb, var(--surface-nav) 84%, #deebff 16%));width:min(100%,760px);box-shadow:0 14px 28px color-mix(in srgb, var(--surface-shadow) 60%, transparent);border-radius:14px;gap:.72rem;padding:.82rem;display:grid}.calculate-builder .auth-field span{color:color-mix(in srgb, var(--text-main) 78%, var(--text-secondary) 22%)}.calculate-subskill-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.62rem;display:grid}.calculate-subskill-section{gap:.5rem;display:grid}.calculate-subskill-header{color:color-mix(in srgb, var(--text-secondary) 86%, var(--text-main) 14%);justify-content:space-between;align-items:center;gap:.6rem;font-size:.8rem;font-weight:800;display:flex}.calculate-subskill-header span{color:var(--text-main);font-size:.88rem}.calculate-subskill-header small{font-size:.74rem}.calculate-subskill-slot{border:1px solid color-mix(in srgb, var(--surface-border) 76%, #a9c4e9 24%);background:color-mix(in srgb, var(--surface-card) 90%, #f7fbff 10%);width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;box-shadow:0 5px 12px color-mix(in srgb, var(--surface-shadow) 35%, transparent);border-radius:12px;gap:.25rem;padding:.58rem .66rem;transition:border-color .16s,background-color .16s,transform .16s,box-shadow .16s;display:grid}.calculate-subskill-slot strong{color:var(--text-main);font-size:.84rem}.calculate-subskill-slot-value{align-items:center;gap:.38rem;min-width:0;display:inline-flex}.calculate-subskill-slot em{color:color-mix(in srgb, var(--text-main) 92%, white 8%);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;margin:0;font-size:.85rem;font-style:normal;overflow:hidden}.calculate-subskill-slot:hover:not(:disabled){border-color:color-mix(in srgb, var(--button-ghost-border) 75%, transparent);box-shadow:0 8px 16px color-mix(in srgb, var(--surface-shadow) 48%, transparent);transform:translateY(-1px)}.calculate-subskill-slot:disabled{opacity:.7;cursor:not-allowed}.calculate-subskill-slot.filled{background:color-mix(in srgb, var(--pill-active-bg) 26%, var(--surface-card));border-color:color-mix(in srgb, var(--button-ghost-border) 54%, var(--surface-border))}.calculate-actions{justify-content:flex-end;gap:.52rem;display:flex}.calculate-add-config-btn{border-radius:999px;width:2.9rem;height:2.9rem;padding:0}.calculate-add-config-btn img{width:1.24rem;height:1.24rem;display:block}.calculate-pokemon-select,.calculate-nature-picker-wrap{position:relative}.calculate-nature-picker-trigger{border:1px solid color-mix(in srgb, var(--surface-border) 80%, #86abdd 20%);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-nav) 95%, #f7fbff 5%), color-mix(in srgb, var(--surface-nav) 86%, #dce9ff 14%));width:100%;color:var(--text-main);text-align:left;cursor:pointer;min-height:44px;box-shadow:0 6px 14px color-mix(in srgb, var(--surface-shadow) 38%, transparent);border-radius:12px;padding:.5rem .7rem;transition:border-color .16s,box-shadow .16s,background-color .16s}.calculate-nature-picker-trigger:hover{border-color:color-mix(in srgb, var(--button-ghost-border) 68%, transparent)}.calculate-nature-picker-trigger:focus-visible{border-color:var(--button-ghost-border);box-shadow:0 0 0 2px color-mix(in srgb, var(--pill-active-bg) 34%, transparent);outline:none}.calculate-nature-picker-value{gap:.16rem;display:grid}.calculate-nature-picker-value strong{font-size:.98rem}.calculate-nature-picker-value em{color:var(--text-secondary);margin:0;font-size:.84rem;font-style:normal}.calculate-nature-picker-effects{flex-wrap:wrap;align-items:center;gap:.3rem;display:inline-flex}.calculate-nature-picker-effect{align-items:center;gap:.06rem;display:inline-flex}.calculate-nature-picker-split{color:var(--text-muted)}.calculate-nature-delete-btn{color:#fff;cursor:pointer;opacity:0;pointer-events:none;background:#b33f4e;border:1px solid #b74453;border-radius:999px;justify-content:center;align-items:center;width:1.95rem;height:1.95rem;transition:opacity .14s,transform .14s,box-shadow .14s;display:inline-flex;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.calculate-nature-picker-wrap:hover .calculate-nature-delete-btn,.calculate-nature-picker-wrap:focus-within .calculate-nature-delete-btn{opacity:1;pointer-events:auto}.calculate-nature-delete-btn:hover{transform:translateY(calc(-50% - 1px));box-shadow:0 5px 12px #9f31405c}.calculate-nature-delete-icon{width:.9rem;height:.9rem}.calculate-pokemon-trigger{border:1px solid color-mix(in srgb, var(--surface-border) 78%, #a8c3e8 22%);background:color-mix(in srgb, var(--surface-card) 90%, #f8fbff 10%);width:100%;color:var(--text-main);text-align:left;cursor:pointer;min-height:44px;box-shadow:0 6px 12px color-mix(in srgb, var(--surface-shadow) 36%, transparent);border-radius:10px;align-items:center;padding:.62rem .72rem;font-family:inherit;font-size:.9rem;display:inline-flex}.calculate-pokemon-select.is-open .calculate-pokemon-trigger{border-color:var(--button-ghost-border);box-shadow:0 0 0 3px color-mix(in srgb, var(--pill-active-bg) 45%, transparent)}.calculate-pokemon-placeholder{color:color-mix(in srgb, var(--text-secondary) 84%, var(--text-muted) 16%);font-weight:600}.calculate-pokemon-option-value,.calculate-pokemon-option{align-items:center;gap:.38rem;display:inline-flex}.calculate-pokemon-option-value img,.calculate-pokemon-option img{object-fit:contain;flex-shrink:0;width:32px;height:32px}.calculate-pokemon-option-value strong,.calculate-pokemon-option strong{font-size:.8rem}.calculate-pokemon-option-value em,.calculate-pokemon-option em{color:var(--text-main);margin:0;font-size:.84rem;font-style:normal;font-weight:600}.calculate-pokemon-option-dot{border:1px solid var(--surface-border);background:color-mix(in srgb, var(--pill-active-bg) 35%, var(--surface-card));border-radius:999px;flex-shrink:0;width:32px;height:32px}.calculate-level-card{border:1px solid color-mix(in srgb, var(--surface-border) 76%, #a6c2e9 24%);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-nav) 95%, #f8fbff 5%), color-mix(in srgb, var(--surface-nav) 86%, #dce9ff 14%));box-shadow:0 10px 20px color-mix(in srgb, var(--surface-shadow) 35%, transparent);border-radius:12px;gap:.52rem;padding:.6rem .66rem;display:grid}.calculate-level-header{justify-content:space-between;align-items:center;gap:.56rem;display:flex}.calculate-level-header span{color:color-mix(in srgb, var(--text-secondary) 86%, var(--text-main) 14%);font-size:.82rem;font-weight:800}.calculate-level-header strong{color:var(--text-main);font-size:1.45rem;line-height:1}.calculate-level-slider{width:100%;accent-color:var(--button-primary-bg);cursor:pointer;margin:0}.calculate-level-presets{flex-wrap:wrap;gap:.38rem;display:flex}.calculate-level-preset{border:1px solid color-mix(in srgb, var(--surface-border) 80%, #97b4df 20%);background:color-mix(in srgb, var(--surface-card) 92%, #f6faff 8%);color:color-mix(in srgb, var(--text-secondary) 84%, var(--text-main) 16%);cursor:pointer;border-radius:999px;min-width:2.05rem;padding:.22rem .52rem;font-size:.82rem;font-weight:800;transition:transform .14s,border-color .16s,background-color .16s}.calculate-level-preset:hover{border-color:color-mix(in srgb, var(--button-ghost-border) 68%, transparent);transform:translateY(-1px)}.calculate-level-preset.active{border-color:color-mix(in srgb, var(--button-ghost-border) 78%, transparent);color:var(--text-main);background:color-mix(in srgb, var(--pill-active-bg) 34%, var(--surface-card));box-shadow:0 0 0 2px color-mix(in srgb, var(--pill-active-bg) 34%, transparent)}.calculate-pokemon-stats{border:1px solid color-mix(in srgb, var(--surface-border) 76%, #adc7ea 24%);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-nav) 95%, #f7fbff 5%), color-mix(in srgb, var(--surface-nav) 86%, #ddeaff 14%));box-shadow:inset 0 1px 0 #ffffff8c, 0 10px 18px color-mix(in srgb, var(--surface-shadow) 38%, transparent);border-radius:12px;grid-template-columns:repeat(2,minmax(220px,1fr));gap:.52rem;margin:0;padding:.62rem;display:grid}.calculate-pokemon-stat-item{border:1px solid color-mix(in srgb, var(--surface-border) 85%, transparent);background:color-mix(in srgb, var(--surface-card) 92%, #f7fbff 8%);box-shadow:0 3px 8px color-mix(in srgb, var(--surface-shadow) 26%, transparent);border-radius:10px;gap:.2rem;padding:.45rem .56rem;display:grid}.calculate-pokemon-stats dt{color:color-mix(in srgb, var(--text-secondary) 82%, var(--text-main) 18%);font-size:.78rem;font-weight:800;line-height:1.2}.calculate-pokemon-stats dd{color:var(--text-main);letter-spacing:.01em;margin:0;font-size:1.06rem;font-weight:900}.calculate-pokemon-dropdown{z-index:12;border:1px solid var(--surface-border);background:var(--surface-card);box-shadow:0 16px 30px var(--surface-shadow);border-radius:12px;gap:.45rem;margin-top:.35rem;padding:.5rem;display:grid;position:absolute;left:0;right:0}.calculate-pokemon-search-input,.calculate-subskill-search-input{border:1px solid var(--surface-border);background:color-mix(in srgb, var(--surface-nav) 84%, transparent);color:var(--text-main);border-radius:10px;padding:.52rem .62rem;font-family:inherit;font-size:.84rem}.calculate-pokemon-search-input:focus,.calculate-subskill-search-input:focus{border-color:var(--button-ghost-border);box-shadow:0 0 0 2px color-mix(in srgb, var(--pill-active-bg) 36%, transparent);outline:none}.calculate-pokemon-options{gap:.22rem;max-height:290px;padding-right:.1rem;display:grid;overflow:auto}.calculate-pokemon-option{text-align:left;cursor:pointer;width:100%;color:var(--text-main);background:0 0;border:0;border-radius:8px;padding:.45rem .5rem}.calculate-pokemon-option:hover,.calculate-pokemon-option.active{background:color-mix(in srgb, var(--pill-active-bg) 18%, transparent)}.calculate-pokemon-empty{color:color-mix(in srgb, var(--text-muted) 90%, white 10%);margin:0;padding:.4rem;font-size:.8rem}.calculate-subskill-modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020911b8}.calculate-subskill-modal{border-color:color-mix(in srgb, var(--surface-border) 62%, #8bb8ff 38%);background:linear-gradient(175deg, color-mix(in srgb, var(--surface-nav) 84%, #0c1f45 16%), var(--surface-card));width:min(100%,920px);max-height:min(88vh,760px);box-shadow:0 26px 54px #0000008f}.calculate-builder-modal{border-color:color-mix(in srgb, var(--surface-border) 58%, #9bc1f7 42%);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-card) 94%, #f7fbff 6%), color-mix(in srgb, var(--surface-card) 88%, #dce9ff 12%));border-radius:20px;grid-template-rows:auto minmax(0,1fr);width:min(96vw,1180px);max-height:min(92vh,900px);padding:0;display:grid;overflow:hidden}.calculate-builder-modal .calculate-subskill-modal-header{z-index:3;border-bottom:1px solid color-mix(in srgb, var(--surface-border) 74%, #a8c5ea 26%);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-nav) 96%, #f8fbff 4%), color-mix(in srgb, var(--surface-nav) 90%, #e8f1ff 10%));grid-template-columns:1fr auto;align-items:center;gap:.45rem .7rem;margin:0;padding:1rem 1.35rem .82rem;display:grid;position:sticky;top:0}.calculate-builder-modal .calculate-subskill-modal-header .asset-modal-eyebrow,.calculate-builder-modal .calculate-subskill-modal-header h3{grid-column:1/2}.calculate-builder-close-btn{grid-area:1/2/3/3;align-self:center;min-width:4.2rem;height:2.1rem}.calculate-builder-modal .calculate-builder{width:100%;box-shadow:none;box-sizing:border-box;scrollbar-gutter:stable both-edges;background:0 0;border:0;border-radius:0;max-height:calc(min(92vh,900px) - 112px);margin:0;padding:.9rem 1.35rem 1rem;overflow:auto}.calculate-builder-modal .calculate-subskill-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.calculate-builder-modal .calculate-subskill-header{min-width:0}.calculate-builder-modal .calculate-subskill-header small{white-space:nowrap;flex-shrink:0}.calculate-builder-modal .calculate-actions{z-index:2;background:linear-gradient(180deg, color-mix(in srgb, var(--surface-nav) 0%, transparent), color-mix(in srgb, var(--surface-nav) 92%, #edf4ff 8%) 36%);margin-top:.2rem;padding:.78rem .16rem .2rem;position:sticky;bottom:0}.calculate-nature-modal{width:min(100%,980px)}.calculate-nature-effect-panel{gap:.72rem;margin-top:.72rem;display:grid}.calculate-nature-effect-row{border:1px solid color-mix(in srgb, var(--surface-border) 72%, #8bb8ff 28%);background:color-mix(in srgb, var(--surface-nav) 90%, #08152e 10%);border-radius:12px;gap:.42rem;padding:.56rem;display:grid}.calculate-nature-effect-row p{align-items:center;gap:.18rem;margin:0;font-size:.88rem;font-weight:800;display:inline-flex}.calculate-nature-up-icon{color:#fc6f77}.calculate-nature-down-icon{color:#5caaff}.calculate-nature-effect-options{flex-wrap:wrap;gap:.44rem;display:flex}.calculate-nature-effect-option{border:1px solid color-mix(in srgb, var(--surface-border) 80%, #7ea2d9 20%);background:color-mix(in srgb, var(--surface-card) 86%, #09152d 14%);color:var(--text-main);cursor:pointer;border-radius:999px;padding:.28rem .7rem;font-size:.84rem;font-weight:700;transition:opacity .14s,border-color .16s,background-color .16s}.calculate-nature-effect-option.active{border-color:color-mix(in srgb, #7db5ff 72%, var(--button-ghost-border) 28%);background:color-mix(in srgb, var(--pill-active-bg) 30%, var(--surface-card));box-shadow:0 0 0 2px #78b3ff47}.calculate-nature-effect-option.dimmed{opacity:.42}.calculate-nature-effect-option.is-locked{opacity:.3;cursor:not-allowed;border-color:color-mix(in srgb, var(--surface-border) 72%, #7d8594 28%);background:color-mix(in srgb, var(--surface-nav) 70%, #8a8f99 30%)}.calculate-subskill-modal-header{border-bottom:1px solid color-mix(in srgb, var(--surface-border) 75%, transparent);grid-template-columns:1fr;align-items:start;gap:.32rem;padding-bottom:.3rem}.calculate-subskill-modal-header .asset-modal-eyebrow,.calculate-subskill-modal-header h3{grid-column:1/2}.calculate-subskill-modal-levels{flex-wrap:wrap;gap:.4rem;margin-top:.7rem;display:flex}.calculate-subskill-level-tab{border:1px solid var(--surface-border);background:color-mix(in srgb, var(--surface-nav) 86%, #0a162f 14%);color:color-mix(in srgb, var(--text-secondary) 88%, white 12%);cursor:pointer;border-radius:999px;align-items:center;gap:.38rem;padding:.34rem .66rem;font-size:.82rem;font-weight:700;display:inline-flex}.calculate-subskill-level-tab.active{background:color-mix(in srgb, var(--pill-active-bg) 34%, transparent);border-color:color-mix(in srgb, var(--button-ghost-border) 72%, transparent);color:var(--text-main);box-shadow:0 0 0 2px color-mix(in srgb, var(--pill-active-bg) 24%, transparent)}.calculate-subskill-level-tab-label{line-height:1}.calculate-subskill-level-tab .calculate-subskill-effect-icon{width:18px;min-width:18px;height:18px}.calculate-subskill-level-tab .calculate-subskill-effect-icon img{width:12px;height:12px}.calculate-subskill-modal-hint{color:color-mix(in srgb, var(--text-main) 82%, #b2c7eb 18%);margin:.76rem 0 0;font-size:.9rem;font-weight:700}.calculate-subskill-modal-sections{gap:.62rem;margin-top:.6rem;display:grid}.calculate-subskill-effect-section{border:1px solid color-mix(in srgb, var(--surface-border) 78%, #8fb5f2 22%);background:color-mix(in srgb, var(--surface-nav) 90%, #09132a 10%);border-radius:12px;padding:.5rem}.calculate-subskill-effect-section-title{letter-spacing:.03em;margin:0 0 .44rem;font-size:.8rem;font-weight:800}.calculate-subskill-effect-section.effect-gold .calculate-subskill-effect-section-title{color:var(--subskill-gold-text)}.calculate-subskill-effect-section.effect-blue .calculate-subskill-effect-section-title{color:var(--subskill-blue-text)}.calculate-subskill-effect-section.effect-white .calculate-subskill-effect-section-title{color:var(--subskill-white-text)}.calculate-subskill-modal-options{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.48rem;max-height:min(30vh,320px);display:grid;overflow:auto}.calculate-subskill-modal-option{border:1px solid color-mix(in srgb, var(--surface-border) 78%, #7ea2d9 22%);background:color-mix(in srgb, var(--surface-card) 84%, #071227 16%);text-align:left;cursor:pointer;color:var(--text-main);border-radius:10px;align-items:center;gap:.52rem;padding:.52rem .58rem;transition:background-color .16s,border-color .16s,transform .14s;display:flex}.calculate-subskill-modal-option img{object-fit:contain;flex-shrink:0;width:16px;height:16px}.calculate-subskill-modal-option strong{color:var(--text-muted);font-size:.78rem}.calculate-subskill-modal-option em{white-space:nowrap;text-overflow:ellipsis;color:color-mix(in srgb, var(--text-main) 96%, white 4%);margin:0;font-size:1rem;font-style:normal;font-weight:700;overflow:hidden}.calculate-subskill-modal-option:hover:not(.is-locked):not(.active){border-color:color-mix(in srgb, var(--button-ghost-border) 72%, transparent);background:color-mix(in srgb, var(--pill-active-bg) 20%, var(--surface-card));transform:translateY(-1px)}.calculate-subskill-modal-option.active{border-color:color-mix(in srgb, #7db5ff 72%, var(--button-ghost-border) 28%);background:linear-gradient(135deg, color-mix(in srgb, var(--pill-active-bg) 22%, transparent), transparent 42%), color-mix(in srgb, var(--surface-card) 88%, #0f2246 12%);transform:none;box-shadow:0 0 0 2px #78b3ff61,inset 0 0 0 1px #cfe4ff47}.calculate-subskill-modal-option.is-locked{opacity:1;border-color:color-mix(in srgb, var(--surface-border) 70%, #7d8594 30%);background:color-mix(in srgb, var(--surface-nav) 68%, #8a8f99 32%);color:color-mix(in srgb, var(--text-muted) 80%, #9ca3af 20%);cursor:not-allowed;transform:none}.calculate-subskill-modal-option.is-locked strong,.calculate-subskill-modal-option.is-locked em{color:color-mix(in srgb, var(--text-muted) 80%, #a4acb8 20%)}.calculate-subskill-effect-icon{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:.68rem;font-weight:900;line-height:1;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px 1px #fff3}.calculate-subskill-effect-icon img{object-fit:contain;width:18px;height:18px;display:block}.calculate-subskill-effect-fallback{transform:translateY(-.5px)}.calculate-subskill-effect-icon.effect-gold{color:#6a4b00;border-color:color-mix(in srgb, var(--subskill-gold-border) 90%, transparent);background:color-mix(in srgb, var(--subskill-gold-bg) 76%, #fff0b8 24%)}.calculate-subskill-effect-icon.effect-white{color:#214879;border-color:color-mix(in srgb, var(--subskill-white-border) 90%, transparent);background:color-mix(in srgb, var(--subskill-white-bg) 80%, #fff 20%)}.calculate-subskill-effect-icon.effect-blue{color:#0f3168;border-color:color-mix(in srgb, var(--subskill-blue-border) 90%, transparent);background:color-mix(in srgb, var(--subskill-blue-bg) 80%, #b8ddff 20%)}.calculate-subskill-effect-icon.effect-unknown{color:var(--text-muted);border-color:var(--surface-border);background:color-mix(in srgb, var(--surface-nav) 84%, transparent)}.calculate-subskill-modal-option.is-locked .calculate-subskill-effect-icon{filter:grayscale(.65)brightness(.9)}.calculate-added-configs{gap:.55rem;width:min(100%,760px);display:grid}.calculate-added-configs h3{color:var(--text-main);margin:0;font-size:.95rem}.calculate-added-list{grid-template-columns:1fr;gap:.58rem;display:grid}.calculate-added-item{border:1px solid color-mix(in srgb, var(--surface-border) 76%, #a7c2e8 24%);background:color-mix(in srgb, var(--surface-nav) 90%, #edf4ff 10%);box-shadow:0 8px 14px color-mix(in srgb, var(--surface-shadow) 34%, transparent);border-radius:12px;gap:.52rem;padding:.62rem;display:grid;position:relative}.calculate-added-actions{z-index:2;position:absolute;top:.48rem;right:.48rem}.calculate-added-item header{color:var(--text-main);grid-template-columns:auto 1fr;align-items:start;gap:.45rem;padding-right:7.2rem;display:grid}.calculate-added-item header strong{line-height:1.3}.calculate-added-item header img{object-fit:contain;width:18px;height:18px}.calculate-added-subskills{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.4rem;display:grid}.calculate-added-subskill-chip{border:1px solid color-mix(in srgb, var(--surface-border) 72%, #abc4e8 28%);background:color-mix(in srgb, var(--surface-card) 92%, #f4f9ff 8%);border-radius:10px;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:.42rem;padding:.26rem .44rem;display:grid}.calculate-added-subskill-level{color:var(--text-secondary);font-size:.78rem;font-weight:800;line-height:1.2}.calculate-added-subskill-body{align-items:center;gap:.32rem;min-width:0;display:inline-flex}.calculate-added-subskill-body .calculate-subskill-effect-icon{width:22px;min-width:22px;height:22px}.calculate-added-subskill-body .calculate-subskill-effect-icon img{width:14px;height:14px}.calculate-added-subskill-chip em{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-main);margin:0;font-size:.82rem;font-style:normal;font-weight:700;overflow:hidden}.calculate-added-subskill-empty{color:var(--text-muted);font-weight:700}.calculate-added-nature{border:1px solid color-mix(in srgb, var(--surface-border) 72%, #a6c0e6 28%);background:color-mix(in srgb, var(--surface-nav) 92%, #eef5ff 8%);color:color-mix(in srgb, var(--text-main) 84%, var(--text-secondary) 16%);border-radius:999px;grid-column:2/3;justify-self:start;padding:.16rem .46rem;font-size:.74rem;font-weight:700}.calculate-added-level{border:1px solid color-mix(in srgb, var(--button-ghost-border) 66%, transparent);background:color-mix(in srgb, var(--pill-active-bg) 36%, var(--surface-card));color:var(--text-main);border-radius:999px;grid-column:2/3;justify-self:start;padding:.14rem .46rem;font-size:.74rem;font-weight:800}.calculate-builder .profile-edit-hint{color:color-mix(in srgb, var(--text-secondary) 86%, var(--text-main) 14%);font-weight:600}@media (width<=680px){.calculate-header{flex-direction:column;align-items:stretch}.calculate-add-trigger-floating{align-self:flex-end;margin-top:.32rem;margin-right:0}.calculate-pokemon-stats,.calculate-subskill-grid{grid-template-columns:1fr}.calculate-subskill-modal{width:min(100%,98vw)}.calculate-subskill-modal-options{grid-template-columns:1fr}.calculate-builder-modal{width:min(100%,98vw);max-height:min(94vh,940px)}.calculate-builder-modal .calculate-subskill-modal-header{grid-template-columns:1fr;align-items:start;padding:.88rem 1rem .7rem}.calculate-builder-close-btn{grid-area:auto/1/auto/2;justify-self:end;min-width:3.6rem;height:1.92rem}.calculate-builder-modal .calculate-builder{scrollbar-gutter:stable;max-height:calc(min(94vh,940px) - 106px);padding:.74rem 1rem .88rem}.calculate-builder-modal .calculate-subskill-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.calculate-added-subskills{grid-template-columns:1fr}.calculate-added-actions{justify-self:end;margin-bottom:.2rem;position:static}.calculate-added-item header{padding-right:0}}.profile-card{max-width:640px;margin-top:1rem}.profile-avatar-header{margin-bottom:.72rem}.profile-avatar-frame{border:1px solid var(--surface-border);background:color-mix(in srgb, var(--surface-nav) 88%, transparent);width:4.8rem;height:4.8rem;box-shadow:0 12px 22px var(--surface-shadow);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.profile-avatar-image{object-fit:cover;width:100%;height:100%}.profile-avatar-fallback{color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex}.profile-avatar-fallback-icon{width:2.2rem;height:2.2rem}.profile-card dl{margin:0}.profile-edit-card{max-width:640px;margin-top:.9rem}.profile-edit-card h3{margin:0;font-size:1rem}.profile-edit-header{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.profile-edit-toggle-btn{padding:.38rem .72rem;font-size:.82rem}.profile-edit-body{opacity:0;pointer-events:none;max-height:0;margin-top:.6rem;transition:max-height .24s,opacity .22s,transform .22s;overflow:hidden;transform:translateY(-5px)}.profile-edit-body.is-open{opacity:1;pointer-events:auto;max-height:960px;transform:translateY(0)}.profile-edit-form{gap:.56rem;display:grid}.profile-edit-hint{color:var(--text-muted);margin:.1rem 0 0;font-size:.82rem}.mainskill-create-card,.dex-edit-card{margin-top:1rem}.dex-edit-form{gap:.85rem;display:grid}.dex-edit-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.dex-edit-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:.72rem;display:grid}.dex-edit-full{grid-column:1/-1}.image-dropzone-field{gap:.55rem;display:grid}.image-dropzone-label{color:var(--text-main);letter-spacing:.02em;margin:0;font-size:.95rem;font-weight:700}.image-dropzone-placeholder{border:1px dashed var(--button-ghost-border);background:linear-gradient(135deg, color-mix(in srgb, var(--surface-nav) 88%, transparent), color-mix(in srgb, var(--surface-card) 94%, transparent)), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--pill-active-bg) 16%, transparent), color-mix(in srgb, var(--pill-active-bg) 16%, transparent) 10px, transparent 10px, transparent 20px);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:100%;height:200px;transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s;display:flex;overflow:hidden}.image-dropzone-placeholder:hover,.image-preview-box:hover{transform:translateY(-1px)}.image-dropzone-placeholder.is-dragging,.image-preview-box.is-dragging{background:color-mix(in srgb, var(--pill-active-bg) 62%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--button-primary-bg) 22%, transparent);border-style:solid}.image-preview-shell{justify-content:flex-start;align-items:flex-start;width:100%;min-height:250px;display:flex}.image-preview-box{border:1px solid var(--image-stage-border);background:var(--image-stage-bg);width:min(250px,100%);min-width:0;height:250px;box-shadow:inset 0 0 0 1px #ffffff0f, 0 10px 22px var(--image-stage-shadow);border-radius:12px;position:relative;overflow:hidden}.image-preview{object-fit:contain;background:radial-gradient(circle at 50% 20%, var(--image-stage-glow) 0%, transparent 60%), linear-gradient(180deg, #ffffff08, #0000000d);width:100%;height:250px}.image-preview-actions{opacity:0;transition:opacity .14s,transform .14s;position:absolute;top:.5rem;left:.5rem;transform:translateY(-2px)}.image-preview-box:hover .image-preview-actions,.image-preview-box:focus-within .image-preview-actions{opacity:1;transform:translateY(0)}.image-overlay-btn{border:1px solid color-mix(in srgb, var(--surface-border) 74%, #2e4f8f 26%);color:#1f3660;cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:2.1rem;height:2.1rem;padding:0 .58rem;font-size:.8rem;font-weight:700;transition:transform .14s,box-shadow .14s,background-color .14s;display:inline-flex}.image-overlay-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #24426e3d}.image-overlay-btn:disabled{opacity:.6;cursor:not-allowed}.image-overlay-btn.danger{color:#fff;background:#b33f4e;border-color:#9f3140}.image-dropzone-fallback-icon{width:3rem;height:3rem;color:color-mix(in srgb, var(--text-main) 84%, var(--text-muted) 16%);opacity:.86}.image-dropzone-input{display:none}.image-dropzone-field.is-disabled{opacity:.76}.image-dropzone-hint{color:color-mix(in srgb, var(--text-main) 70%, var(--text-muted) 30%);margin:0;font-size:.83rem;line-height:1.45}.dex-edit-image-pair{grid-template-columns:1fr 1fr;gap:.72rem;display:grid}.mainskill-create-form{gap:.85rem;display:grid}.mainskill-create-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.mainskill-create-back-btn{padding:.42rem .75rem;font-size:.84rem}.mainskill-create-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:.72rem;display:grid}.mainskill-id-input-wrap{align-items:center;gap:.48rem;display:flex}.mainskill-id-input-wrap .button{white-space:nowrap}.mainskill-create-textarea,.mainskill-level-cell-textarea{border:1px solid var(--surface-border);background:var(--surface-card);color:var(--text-main);resize:vertical;border-radius:10px;padding:.58rem .68rem;font-family:inherit;font-size:.88rem}.mainskill-image-upload-block{gap:.72rem;display:grid}.mainskill-image-dropzone{border:1px dashed var(--button-ghost-border);background:color-mix(in srgb, var(--surface-nav) 80%, transparent);border-radius:12px;gap:.54rem;padding:.72rem .8rem;display:grid}.mainskill-image-dropzone.is-dragging{background:color-mix(in srgb, var(--pill-active-bg) 60%, transparent);border-style:solid}.mainskill-image-dropzone p{color:var(--text-secondary);margin:0;font-size:.84rem}.mainskill-image-dropzone-actions{flex-wrap:wrap;gap:.48rem;display:flex}.mainskill-image-pick-btn,.mainskill-image-clear-btn{padding:.34rem .66rem;font-size:.8rem}.mainskill-image-hidden-input{display:none}.mainskill-image-preview-card{border:1px solid var(--surface-border);background:var(--surface-card);border-radius:12px;gap:.46rem;padding:.55rem;display:grid}.mainskill-image-preview{object-fit:contain;border:1px solid var(--surface-border);background:radial-gradient(circle at 50% 18%, var(--pill-active-bg) 0%, transparent 58%), linear-gradient(180deg, #ffffff0f, #fff0);border-radius:10px;width:100%;height:240px}.mainskill-image-file-name{color:var(--text-muted);word-break:break-all;margin:0;font-size:.78rem}.mainskill-create-textarea:focus,.mainskill-level-cell-textarea:focus,.mainskill-level-cell-input:focus{border-color:var(--button-ghost-border);box-shadow:0 0 0 3px color-mix(in srgb, var(--pill-active-bg) 45%, transparent);outline:none}.mainskill-levels-header{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.mainskill-levels-header h3{margin:0;font-size:1rem}.mainskill-level-add-row-btn,.mainskill-level-remove-row-btn{padding:.36rem .68rem;font-size:.8rem}.mainskill-level-remove-row-btn{width:2.1rem;min-width:2.1rem;height:2.1rem;padding:0}.mainskill-level-remove-icon{width:.95rem;height:.95rem}.mainskill-level-editor-wrap{border:1px solid var(--surface-border);border-radius:12px;overflow:auto}.mainskill-level-editor-table{border-collapse:collapse;width:100%;min-width:640px}.mainskill-level-editor-table th,.mainskill-level-editor-table td{text-align:left;border-bottom:1px solid var(--surface-border);vertical-align:top;padding:.52rem .58rem;font-size:.84rem}.mainskill-level-editor-table th{background:color-mix(in srgb, var(--surface-nav) 84%, transparent);color:var(--text-muted);font-weight:700}.mainskill-level-editor-table tr:last-child td{border-bottom:0}.mainskill-level-cell-input{box-sizing:border-box;border:1px solid var(--surface-border);background:var(--surface-card);width:100%;color:var(--text-main);border-radius:8px;padding:.4rem .52rem;font-size:.84rem}.mainskill-extra-effects-preview{box-sizing:border-box;border:1px solid var(--surface-border);background:var(--surface-card);width:100%;color:var(--text-secondary);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:8px;padding:.45rem .52rem;font-size:.82rem;overflow:hidden}.mainskill-extra-effects-preview:hover{background:var(--pill-active-bg)}.mainskill-extra-effects-preview:focus-visible{outline:2px solid var(--status-info-border);outline-offset:2px}.mainskill-extra-effects-editor-backdrop{z-index:46;background:#00000038;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.mainskill-extra-effects-editor-panel{border:1px solid var(--surface-border);background:var(--surface-card);width:min(100%,760px);box-shadow:0 20px 42px var(--surface-shadow);border-radius:14px;gap:.58rem;padding:.8rem;display:grid}.mainskill-extra-effects-editor-title{color:var(--text-main);margin:0;font-size:.9rem;font-weight:700}.mainskill-extra-effects-editor-textarea{box-sizing:border-box;border:1px solid var(--surface-border);background:var(--surface-card);width:100%;color:var(--text-main);resize:vertical;border-radius:10px;min-height:260px;padding:.66rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.88rem;line-height:1.5}.mainskill-extra-effects-editor-textarea:focus{border-color:var(--button-ghost-border);box-shadow:0 0 0 3px color-mix(in srgb, var(--pill-active-bg) 45%, transparent);outline:none}.theme-menu{position:relative}.theme-trigger{border:1px solid var(--surface-border);background:var(--surface-card);color:var(--text-main);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .55rem;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.theme-trigger:hover{transform:translateY(-1px)}.theme-trigger-icon{background:var(--pill-active-bg);border-radius:999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.95rem;transition:transform .25s;display:inline-flex}.theme-menu.is-open .theme-trigger-icon{transform:rotate(-20deg)scale(1.08)}.theme-trigger-text{color:var(--text-secondary);white-space:nowrap;font-size:.86rem;font-weight:700}.theme-trigger-caret{color:var(--text-muted);font-size:.8rem;transition:transform .2s}.theme-menu.is-open .theme-trigger-caret{transform:rotate(180deg)}.theme-popover{width:270px;padding:.7rem}.theme-popover-title{color:var(--text-main);margin:0;font-size:.82rem;font-weight:700}.theme-popover-note{color:var(--text-muted);margin:.2rem 0 .55rem;font-size:.78rem}.theme-option-list{gap:.35rem;display:grid}.theme-option{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.55rem;padding:.5rem;transition:background-color .16s,border-color .16s;display:flex}.theme-option:hover{background:var(--pill-active-bg)}.theme-option.is-selected{background:var(--pill-active-bg);border-color:var(--button-ghost-border)}.theme-option-icon{background:var(--surface-nav);border-radius:999px;justify-content:center;align-items:center;width:1.55rem;height:1.55rem;font-size:.95rem;display:inline-flex}.theme-option-content{display:grid}.theme-option-label{color:var(--text-main);font-size:.85rem;font-weight:700}.theme-option-hint{color:var(--text-muted);font-size:.75rem}.theme-option-check{color:var(--text-main);margin-left:auto;font-weight:800}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.theme-trigger-text{display:none}.theme-trigger{padding:.35rem}.user-menu-name{display:none}.user-menu-id{display:block}}@media (width<=720px){.app-shell{padding-top:1rem}.top-nav{flex-direction:column;align-items:stretch}.top-nav-right,.top-nav-links{flex-wrap:wrap;justify-content:space-between}.top-nav-auth{justify-content:flex-end;width:100%;display:flex}.hero-card{padding:1.25rem}.hero-actions{flex-direction:column}.app-footer{flex-direction:column;align-items:stretch}.app-footer-right{justify-content:flex-end;margin-left:0;display:flex}.asset-dex-header{flex-direction:column}.asset-dex-add-btn{margin-top:.25rem}.scroll-action-dock{bottom:.8rem;right:.8rem}.scroll-action-btn{width:2.5rem;height:2.5rem}.mainskill-create-head,.dex-edit-head{flex-direction:column;align-items:stretch}.mainskill-create-grid,.dex-edit-grid,.dex-edit-image-pair{grid-template-columns:1fr}}.page-status{border:1px solid #0000;border-radius:12px;margin:.85rem 0 0;padding:.62rem .78rem;font-size:.86rem}.page-status.info{color:var(--status-info-text);background:var(--status-info-bg);border-color:var(--status-info-border)}.page-status.success{color:var(--status-success-text);background:var(--status-success-bg);border-color:var(--status-success-border)}.page-status.warning{color:var(--status-warning-text);background:var(--status-warning-bg);border-color:var(--status-warning-border)}.search-dock{--search-trigger-width:3.2rem;width:var(--search-trigger-width);border:1px solid var(--surface-border);background:var(--surface-card);border-radius:16px;align-items:center;max-width:100%;margin-top:.85rem;transition:width .28s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.search-dock.expanded{width:min(100%,620px)}.search-dock.disabled{opacity:.78}.search-trigger{color:var(--text-main);width:var(--search-trigger-width);min-width:var(--search-trigger-width);cursor:pointer;background:0 0;border:0;min-height:2.95rem;padding:.44rem .86rem;transition:background-color .16s,color .16s}.search-trigger-icon{width:1rem;height:1rem}.search-trigger:hover{background:var(--pill-active-bg)}.search-dock.disabled .search-trigger{cursor:not-allowed}.pokedex-search{min-width:0;color:var(--text-main);opacity:0;pointer-events:none;background:0 0;border:0;border-left:1px solid #0000;outline:none;flex:1;padding:.7rem .95rem;font-size:.9rem;transition:opacity .22s,transform .24s,border-color .18s;transform:translate(-10px)}.search-dock.expanded .pokedex-search{opacity:1;pointer-events:auto;border-left-color:var(--surface-border);transform:translate(0)}.pokedex-search::placeholder{color:var(--text-muted)}.pokedex-search:disabled{opacity:.75;cursor:not-allowed}.pokedex-search:focus{box-shadow:none}.search-dock:focus-within{border-color:var(--button-ghost-border);box-shadow:0 0 0 3px color-mix(in srgb, var(--pill-active-bg) 40%, transparent)}.app-toast-viewport{z-index:60;gap:.6rem;width:min(86vw,420px);display:grid;position:fixed;bottom:1rem;right:1rem}.app-toast{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:.7rem;min-width:280px;max-width:min(86vw,420px);padding:.72rem .78rem;animation:.22s toast-in;display:flex;box-shadow:0 14px 30px #00000040}.app-toast.success{color:var(--status-success-text);background:color-mix(in srgb, var(--status-success-bg) 86%, #0f2138);border-color:var(--status-success-border)}.app-toast.info{color:var(--status-info-text);background:color-mix(in srgb, var(--status-info-bg) 86%, #0f2138);border-color:var(--status-info-border)}.app-toast.warning{color:var(--status-warning-text);background:color-mix(in srgb, var(--status-warning-bg) 86%, #0f2138);border-color:var(--status-warning-border)}.toast-close{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 .15rem;font-size:1rem;line-height:1}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-status.inline{width:fit-content;margin-left:auto;margin-right:auto}.pokedex-footer{min-height:2rem;margin-top:.85rem}.scroll-action-dock{z-index:56;opacity:0;pointer-events:none;gap:.55rem;transition:opacity .18s,transform .18s;display:grid;position:fixed;bottom:1rem;right:1rem;transform:translateY(8px)}.scroll-action-dock.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-action-btn{border:1px solid var(--surface-border);background:color-mix(in srgb, var(--surface-card) 90%, transparent);width:2.7rem;height:2.7rem;color:var(--text-main);box-shadow:0 12px 24px var(--surface-shadow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:transform .16s,background-color .16s;display:inline-flex;overflow:hidden}.scroll-action-btn:hover{background:color-mix(in srgb, var(--pill-active-bg) 78%, transparent);transform:translateY(-1px)}.scroll-action-btn-icon{width:1.24rem;height:1.24rem}.scroll-action-btn-icon.is-bobbing{animation:1.1s ease-in-out infinite scroll-arrow-bob}@keyframes scroll-arrow-bob{0%,to{transform:translateY(1px)}50%{transform:translateY(-2px)}}