:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef1f6;--bg-elev:#fff;--bg-elev2:#f2f5f9;--border:#e3e8ef;--border-strong:#cbd4e0;--text:#16202c;--text-dim:#586675;--text-faint:#8a96a5;--accent:#f1580b;--accent-2:#1b78d8;--accent-glow:#f1580b1f;--good:#1d9e75;--warn:#c07c0c;--danger:#e0463f;--pos-FW:#e0463f;--pos-MF:#248a44;--pos-DF:#2f7fe0;--pos-GK:#c8860f;--el-風:#0f8fa6;--el-林:#3a9e4f;--el-火:#e0492a;--el-山:#a9781f;--radius:10px;--radius-sm:7px;--font:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.app{min-height:100%;display:flex}.sidebar{background:var(--bg-elev);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:6px;width:210px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.nav-links{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex}.bottom-bar,.nav-close{display:none}.nav-group{flex-direction:column;gap:4px;display:flex}.nav-group+.nav-group{margin-top:12px}.nav-links.authed .nav-group+.nav-group{margin-top:4px}.nav-group-label{letter-spacing:.04em;color:var(--text-faint);text-transform:none;padding:0 10px 2px;font-size:10px;font-weight:700}.nav-toggle{color:var(--text);cursor:pointer;background:0 0;border:none;padding:4px 10px;font-size:22px;line-height:1;display:none}.brand{letter-spacing:.02em;padding:6px 10px 14px;font-size:17px;font-weight:800;line-height:1.3}.brand b{color:var(--accent)}.brand span{color:var(--text-faint);margin-top:2px;font-size:11px;font-weight:500;display:block}.nav-link{border-radius:var(--radius-sm);color:var(--text-dim);align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;transition:background .12s,color .12s;display:flex}.nav-link:hover{background:var(--bg-elev2);color:var(--text)}.nav-link{position:relative}.nav-link.active{background:var(--bg-elev2);color:var(--text)}.nav-link.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:7px;bottom:7px;left:0}.nav-link .drag-grip{color:var(--text-faint);cursor:grab;opacity:.4;margin-right:-2px;font-size:11px;line-height:1}.nav-link:hover .drag-grip{opacity:.85}.nav-link .ico{color:currentColor;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.nav-link .ico svg{width:18px;height:18px}.sidebar-foot{color:var(--text-faint);margin-top:auto;padding:10px;font-size:11px;line-height:1.5}.main{flex:1;min-width:0;max-width:1200px;padding:28px 32px 60px}.page-title{letter-spacing:-.01em;margin:0 0 4px;font-size:21px;font-weight:700}.page-sub{color:var(--text-dim);margin:0 0 22px;font-size:13px}.update-banner{z-index:90;background:var(--accent);color:#fff;padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top));justify-content:center;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.update-banner .ub-btn{color:var(--accent);cursor:pointer;background:#fff;border:none;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700}.update-banner .ub-btn:disabled{opacity:.7;cursor:default}.update-banner .ub-x{color:#fff;opacity:.85;cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px;line-height:1}.calc-guide{margin:0 0 16px}.calc-guide>summary{cursor:pointer;color:var(--accent-2);background:var(--bg-elev2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px;font-weight:700;list-style:none}.calc-guide>summary::-webkit-details-marker{display:none}.calc-guide>summary:before{content:"▶ ";font-size:10px}.calc-guide[open]>summary:before{content:"▼ "}.calc-guide>summary+.card{margin-top:8px}.guide-fig{margin:0 0 8px}.guide-fig img{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;max-width:360px;display:block}.guide-fig figcaption{margin-top:6px;font-size:13px;line-height:1.8}.g-num{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;margin-right:4px;font-size:12px;font-weight:800;display:inline-flex}.g-num.accent{background:var(--accent)}.g-num.accent2{background:var(--accent-2)}.guide-map{color:var(--text-dim);margin:0;padding-left:18px;font-size:13px;line-height:1.85}.guide-map b{color:var(--text)}.page-hint{color:var(--text-dim);background:var(--bg-elev2);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:flex-start;gap:8px;margin:-10px 0 18px;padding:8px 12px;font-size:12px;display:flex}.page-hint-body{flex:1;min-width:0;line-height:1.5}.page-hint a{white-space:nowrap;font-weight:600}.page-hint-x{cursor:pointer;color:var(--text-faint);background:0 0;border:none;border-radius:4px;flex:none;margin:-1px -2px 0 0;padding:2px 4px;font-size:12px;line-height:1}.page-hint-x:hover{color:var(--text);background:var(--bg-elev)}.trial-field{align-items:center;gap:3px;padding:4px 0 10px;display:flex;overflow-x:auto}.tcard{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;min-width:54px;color:var(--text);flex-direction:column;flex:1 1 0;align-items:center;gap:4px;padding:18px 4px 7px;display:flex;position:relative}.tcard.sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.tcard.empty{background:var(--bg-elev2);border-style:dashed}.tcard.dragging{opacity:.4}.tcard img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.tc-no{color:var(--text-faint);font-size:10px;font-weight:800;position:absolute;top:3px;left:6px}.tcard.sel .tc-no{color:var(--accent)}.tc-add{color:var(--text-faint);font-size:24px;line-height:40px}.tc-name{text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;max-width:100%;font-size:10px;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.el-dot{border:1px solid;border-radius:999px;padding:0 5px;font-size:10px;font-weight:800}.el-dot.none{color:var(--text-faint);border-style:dashed}.tc-dmg{font-variant-numeric:tabular-nums;font-size:11px;font-weight:800}.tcard.chained{border-color:var(--danger)}.tc-link{flex-direction:column;flex:none;align-items:center;gap:2px;display:flex}.tc-chainico{opacity:.22;font-size:12px}.tc-link.on .tc-chainico{opacity:1}.tc-x11{color:#fff;background:var(--danger);white-space:nowrap;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:800;line-height:1.35;box-shadow:0 1px 3px #0003}.tcard-edit{margin-top:4px}.tce-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.slot-no{background:var(--accent);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:flex}.chain-badge{color:var(--accent);background:var(--accent-glow);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.slot-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;display:flex}.crit-toggle{color:var(--text-dim);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.trial-total{background:linear-gradient(135deg, var(--bg-elev), var(--accent-glow))}.tt-row{color:var(--text-dim);justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;display:flex}.tt-row b{color:var(--text);font-variant-numeric:tabular-nums;font-size:15px}.tt-score{text-align:center;border-top:1px solid var(--border);margin-top:10px;padding-top:12px}.tt-num{color:var(--accent);font-variant-numeric:tabular-nums;font-size:40px;font-weight:800;line-height:1.1}.detail-row{border-bottom:1px solid var(--border);padding:8px 0}.detail-row:first-of-type{padding-top:0}.dr-name{margin-bottom:3px;font-size:13px}.dr-calc{color:var(--text);font-variant-numeric:tabular-nums;font-size:12px;line-height:1.6}.dr-calc .accent{color:var(--accent);font-weight:700}.dr-calc b{font-weight:800}.detail-sum{border-top:2px solid var(--border);font-variant-numeric:tabular-nums;margin-top:10px;padding-top:10px;font-size:13px}.detail-sum b.accent{color:var(--accent);font-size:17px}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.step{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:12px;display:flex}.step-no{background:var(--accent);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:flex}.step.anim{animation:4.8s ease-in-out infinite step-pulse}@keyframes step-pulse{0%,22%,to{border-color:var(--border);box-shadow:none}6%{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}}.step-ico{color:var(--accent-2);flex:none}.step-ico svg{width:22px;height:22px}.step b{font-size:14px}.gloss-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;display:grid}.gloss{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:6px;padding:12px;display:flex}.gloss-visual{flex-wrap:wrap;align-items:center;gap:6px;min-height:30px;display:flex}.gloss-arrow{color:var(--text-faint);font-weight:800}.gloss-track{background:var(--bg-elev2);border-radius:4px;width:110px;height:8px;overflow:hidden}.gloss-track>div{background:var(--accent);border-radius:4px;height:100%}.gloss-emoji{font-size:24px}.guide-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.guide-row{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:12px;display:flex}.guide-row:hover{border-color:var(--accent)}.guide-ico{color:var(--accent-2);flex:none}.guide-ico svg{width:22px;height:22px}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:0 1px 2px #16202c0d}.grid{gap:14px;display:grid}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.player-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.kpi{padding:16px 18px}.kpi .num{font-size:28px;font-weight:800;line-height:1}.kpi .label{color:var(--text-dim);margin-top:8px;font-size:12px}.kpi .num small{color:var(--text-faint);font-size:14px;font-weight:600}.badge{border:1px solid var(--border-strong);color:var(--text-dim);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge.pos{color:#fff;border:none}.badge.pos-FW{background:var(--pos-FW)}.badge.pos-MF{background:var(--pos-MF)}.badge.pos-DF{background:var(--pos-DF)}.badge.pos-GK{background:var(--pos-GK);color:#1a1a1a}.badge.el-風{color:var(--el-風);border-color:var(--el-風)}.badge.el-林{color:var(--el-林);border-color:var(--el-林)}.badge.el-火{color:var(--el-火);border-color:var(--el-火)}.badge.el-山{color:var(--el-山);border-color:var(--el-山)}.badge.good{color:var(--good);border-color:var(--good);font-weight:800}.badge.warn{color:var(--warn);border-color:var(--warn);font-weight:800}.badge.danger{color:var(--danger);border-color:var(--danger);font-weight:800}.badge.accent{color:var(--accent);border-color:var(--accent);font-weight:800}.badge.accent-2{color:var(--accent-2);border-color:var(--accent-2);font-weight:800}.stars{color:var(--accent);letter-spacing:1px;font-size:12px}.conf-dot{font-size:10px}.conf-partial{color:var(--warn)}.conf-estimated{color:var(--danger)}.pcard{cursor:pointer;flex-direction:column;gap:8px;transition:border-color .12s,transform 80ms;display:flex;position:relative}.pcard:hover{border-color:var(--border-strong);transform:translateY(-2px)}.pcard.unowned{opacity:.82}.pcard.unowned:hover{opacity:1}.pcard .top{justify-content:flex-start;align-items:center;gap:10px;display:flex}.avatar{border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-elev2);border:1px solid var(--border);flex-shrink:0;display:block}.avatar-ph{color:#fff;border:none;justify-content:center;align-items:center;font-weight:800;display:flex}.pcard .name{font-size:15px;font-weight:700;line-height:1.3}.pcard .meta{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.pcard .foot{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.pcard .fav{background:0 0;border:none;padding:0;font-size:16px;position:absolute;top:12px;right:12px}.totsu-chip{border-radius:var(--radius-sm);background:var(--bg-elev2);border:1px solid var(--border-strong);padding:3px 10px;font-size:13px;font-weight:800}.totsu-chip.maxed{background:var(--accent-glow);color:var(--accent);border-color:var(--accent)}.totsu-chip.muted{color:var(--text-faint)}.avatar-wrap{flex:none;line-height:0;position:relative}.totsu-badge{text-align:center;background:var(--accent);color:#fff;border:2px solid var(--bg-elev);border-radius:9px;min-width:18px;padding:1px 5px;font-size:10px;font-weight:800;line-height:1.4;position:absolute;bottom:-5px;right:-5px}.totsu-badge.maxed{color:#3a2700;background:#e0a72b}.totsu-badge.zero{background:var(--text-faint)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.filter-group{flex-wrap:wrap;gap:6px;display:flex}.filters{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-label{color:var(--text-faint);flex:0 0 42px;font-size:11px;font-weight:800}.filter-toggle{color:var(--text-dim);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;margin-bottom:10px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.filter-toggle:hover{border-color:var(--accent)}.filter-toggle.has-active{border-color:var(--accent);color:var(--accent)}.filter-toggle:before{content:"▶";color:var(--text-faint);font-size:9px}.filter-toggle[aria-expanded=true]:before{content:"▼"}.filter-toggle .ft-count{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.filter-toggle .ft-caret{color:var(--text-faint);font-size:9px}.chip.pos-FW.on{background:var(--pos-FW);border-color:var(--pos-FW);color:#fff}.chip.pos-MF.on{background:var(--pos-MF);border-color:var(--pos-MF);color:#fff}.chip.pos-DF.on{background:var(--pos-DF);border-color:var(--pos-DF);color:#fff}.chip.pos-GK.on{background:var(--pos-GK);border-color:var(--pos-GK);color:#1a1a1a}.chip.el-風.on{background:var(--el-風);border-color:var(--el-風);color:#fff}.chip.el-林.on{background:var(--el-林);border-color:var(--el-林);color:#fff}.chip.el-火.on{background:var(--el-火);border-color:var(--el-火);color:#fff}.chip.el-山.on{background:var(--el-山);border-color:var(--el-山);color:#fff}.chip{background:var(--bg-elev);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:6px 11px;font-size:12px;font-weight:600;transition:all .12s}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}input[type=text],input[type=number],select,textarea{background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:8px 10px;font-family:inherit;font-size:13px}input:focus,select:focus,textarea:focus{border-color:var(--accent-2)}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.search{flex:1;min-width:180px}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-elev);color:var(--text);padding:8px 14px;font-size:13px;font-weight:700;transition:all .12s}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:0 0}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn.danger:hover{background:var(--danger);color:#fff}.btn.sm{padding:5px 10px;font-size:12px}.btn:disabled{opacity:.4;cursor:not-allowed}.stepper{border:1px solid var(--border-strong);border-radius:var(--radius-sm);align-items:center;gap:0;display:inline-flex;overflow:hidden}.stepper button{background:var(--bg-elev2);width:34px;height:34px;color:var(--text);border:none;font-size:18px;font-weight:700}.stepper button:hover{background:var(--accent);color:#fff}.stepper .val{text-align:center;min-width:46px;font-size:15px;font-weight:800}.detail-head{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.detail-head .title{margin:0;font-size:26px;font-weight:800}.mat-soul{font-weight:800}.mat-soul.ok{color:var(--good)}.mat-soul.short{color:var(--danger)}.back-link{color:var(--text-dim);margin-bottom:14px;font-size:13px;font-weight:600;display:inline-block}.back-link:hover{color:var(--accent)}.header-back{display:none}.section{margin-top:24px}.section h3{letter-spacing:.01em;color:var(--text);border-left:3px solid var(--accent);margin:0 0 12px;padding-left:10px;font-size:15px;font-weight:700;line-height:1.25}.statbar{margin-bottom:10px}.statbar .row{justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.statbar .row .k{color:var(--text-dim)}.statbar .track{background:var(--bg-elev2);border-radius:4px;height:7px;overflow:hidden}.statbar .fill{background:var(--accent);border-radius:4px;height:100%}table.data{border-collapse:collapse;width:100%;font-size:13px}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--border);padding:9px 10px}table.data th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}table.data tr:last-child td{border-bottom:none}table.data.moves th,table.data.moves td{white-space:nowrap}table.data.moves td.num,table.data.moves th.num{text-align:right}table.data.moves td.num{font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}.quick-links{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.quick-link{color:inherit;align-items:center;gap:12px;text-decoration:none;transition:border-color .12s,transform .12s;display:flex}.quick-link:hover{border-color:var(--border-strong);transform:translateY(-1px)}.quick-link .ql-ico{background:var(--accent-glow);width:38px;height:38px;color:var(--accent);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.quick-link .ql-body{flex-direction:column;min-width:0;display:flex}.quick-link .ql-title{font-size:14px;font-weight:700;display:block}.quick-link .ql-sub{color:var(--text-dim);margin-top:2px;font-size:12px;line-height:1.4;display:block}.quick-link .ql-arrow{color:var(--text-faint);margin-left:auto;font-weight:700}.squad-manage{flex-wrap:wrap;align-items:center}.squad-manage .squad-name{flex:140px;max-width:220px}.sim-summary{z-index:5;background:var(--bg);padding-top:4px;padding-bottom:8px;position:sticky;top:0}input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);cursor:pointer}.setup-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;transition:opacity .12s;display:flex}.setup-row:last-child{border-bottom:none}.setup-row .who{flex:200px;align-items:center;gap:10px;min-width:0;display:flex}.setup-row .who .name,.setup-row .who a{font-weight:600}.setup-row .controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.setup-row.off{opacity:.6}.setup-row.off:hover{opacity:1}.setup-row .own-toggle{flex:none;min-width:78px}.setup-row select{padding:6px 8px}.setup-row select:disabled,.setup-row input:disabled{opacity:.45}.ctl{align-items:center;gap:5px;display:inline-flex}.ctl-k{color:var(--text-faint);font-size:11px;font-weight:700}.passive-item{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;padding:10px 12px}.passive-item .unlock{color:var(--accent);font-size:11px;font-weight:700}.passive-item .name{font-size:13px;font-weight:700}.passive-item .eff{color:var(--text-dim);margin-top:2px;font-size:13px}.notice{color:#8a5e08;border-radius:var(--radius-sm);background:#d299221f;border:1px solid #d2992273;margin-bottom:16px;padding:10px 14px;font-size:12.5px;line-height:1.5}.empty{text-align:center;color:var(--text-faint);padding:60px 20px}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{width:100%;max-width:380px}.login-card .brand{font-size:20px;font-weight:800}.code-block{background:var(--bg-elev2);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono,monospace);white-space:pre;color:var(--text);padding:12px 14px;font-size:12.5px;overflow-x:auto}code{background:var(--bg-elev2);border-radius:4px;padding:1px 5px;font-size:12px}.form-row{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.form-row label{color:var(--text-dim);font-size:12px;font-weight:600}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tb-card{margin-bottom:8px;padding:8px}.tb-card .form-row{margin-bottom:8px}.tb-targets{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tb-targets select{width:100%;min-width:0}.app-version{border-top:1px solid var(--border);color:var(--text-faint);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:10px;font-size:11px;display:flex}.tb-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.tb-no{color:var(--text-dim);font-size:12px;font-weight:700}.tb-del{flex:none}textarea{resize:vertical;width:100%;min-height:64px}.hint{color:var(--text-faint);font-size:12px;line-height:1.6}.modal-backdrop{z-index:50;background:#0009;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius);width:100%;max-width:560px;padding:22px}.modal h3{margin-top:0}.save-toast{z-index:60;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px 14px;font-size:13px;font-weight:600;animation:.18s ease-out toast-in;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 6px 24px #00000059}.save-toast.ok{color:var(--good);border-color:var(--good)}.save-toast.error{color:var(--danger);border-color:var(--danger)}.pull-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.pull-card{aspect-ratio:3/4;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev2);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px 4px;animation:.45s cubic-bezier(.2,.8,.3,1.4) backwards pull-reveal;display:flex;position:relative}@keyframes pull-reveal{0%{opacity:0;transform:scale(.5)translateY(10px)rotateY(35deg)}to{opacity:1;transform:none}}.pull-card .avatar{aspect-ratio:1!important;width:68%!important;height:auto!important}.pull-card .pull-ph{aspect-ratio:1;background:var(--bg-elev);border:2px solid var(--border-strong);width:68%;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;font-size:1.5em;font-weight:800;display:flex}.pull-card .g{font-size:12px;font-weight:800}.pull-card .nm{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:9px;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.pull-card .pity-tag{color:var(--accent);font-size:8px;font-weight:800;position:absolute;top:3px;right:3px}.pull-card.g-pickup{border-color:var(--accent);background:var(--accent-glow);color:var(--accent)}.pull-card.g-r3{color:#a9781f;background:#d9a44129;border-color:#d9a441}.pull-card.g-r2{border-color:var(--accent-2);color:var(--accent-2);background:#1b78d81a}.pull-card.g-r1{border-color:var(--border-strong);color:var(--text-dim)}.pull-card.g-item{color:var(--good);background:#3fb95012;border-color:#3fb95066}@media (width<=760px){.pull-grid{gap:5px}.pull-card .g{font-size:11px}}.rate-scroll{border:1px solid var(--border);border-radius:var(--radius-sm);max-height:50vh;overflow-y:auto}.rate-head{z-index:1;background:var(--bg-elev2);color:var(--text-dim);border-bottom:1px solid var(--border);padding:6px 10px;font-size:12px;font-weight:700;position:sticky;top:0}.rate-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.rate-row:last-child{border-bottom:none}.rate-ph{background:var(--bg-elev);border:1px solid var(--border-strong);width:26px;height:26px;color:var(--text-dim);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.pitch{aspect-ratio:3/4;border:1px solid var(--border-strong);border-radius:var(--radius);background:repeating-linear-gradient(0deg,#1f6b3a 0 12.5%,#1c6235 12.5% 25%),#1f6b3a;width:100%;max-width:460px;margin:12px auto 0;position:relative;overflow:hidden}.pitch:before{content:"";border-top:2px solid #ffffff40;height:0;position:absolute;top:50%;left:0;right:0}.slot{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;width:64px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.slot .avatar{border:2px solid #fff;box-shadow:0 2px 6px #0006}.slot.empty{background:#0000002e;border:2px dashed #fff9;border-radius:50%;justify-content:center;width:52px;height:52px}.slot.cond.empty{border-color:var(--accent)}.slot-plus{color:#fff;font-size:18px;font-weight:700;line-height:1}.slot-role{color:#ffffffd9;font-size:10px;font-weight:700}.slot-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #000c;max-width:70px;font-size:10px;font-weight:700;overflow:hidden}.slot-cond{color:var(--accent);text-shadow:0 1px 2px #000c;font-size:12px;position:absolute;top:-6px;right:2px}.picker-list{flex-direction:column;gap:6px;max-height:50vh;display:flex;overflow-y:auto}.picker-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev2);width:100%;color:var(--text);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:8px;display:flex}.picker-row:hover{border-color:var(--accent)}.offline-banner{z-index:55;background:var(--warn);color:#1a1205;text-align:center;padding:7px 12px;font-size:13px;font-weight:700;position:sticky;top:0}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.save-toast{justify-content:center;bottom:12px;left:12px;right:12px}input[type=text],input[type=number],select,textarea{font-size:16px}.app{flex-direction:column}.sidebar{z-index:30;border-right:none;border-bottom:1px solid var(--border);flex-direction:column;gap:0;width:100%;height:auto;padding:0;position:sticky;top:0}.sidebar-bar{justify-content:center;align-items:center;gap:10px;padding:8px 12px;display:flex;position:relative}.brand{padding:0;font-size:16px}.brand span,.nav-toggle{display:none}.header-back{width:42px;height:42px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:24px;line-height:1;display:inline-flex;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.header-back:active{background:var(--bg-elev2)}.back-link,.nav-links{display:none}.app.menu-open .nav-links{z-index:60;background:var(--bg);padding:12px 12px calc(16px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;align-content:start;gap:8px;display:grid;position:fixed;inset:0;overflow-y:auto}.app.menu-open .nav-group{display:contents}.app.menu-open .nav-group-label{grid-column:1/-1;margin-top:4px}.app.menu-open .nav-close,.app.menu-open .sidebar-foot{grid-column:1/-1}.app.menu-open .nav-link{text-align:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:16px 10px;font-size:13px}.app.menu-open .nav-link.active{border-color:var(--accent);color:var(--text)}.app.menu-open .nav-link.active:before,.app.menu-open .nav-link .drag-grip{display:none}.app.menu-open .nav-link .ico,.app.menu-open .nav-link .ico svg{width:26px;height:26px}.nav-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-self:flex-end;margin-bottom:4px;padding:6px 8px;font-size:14px;font-weight:700;display:block}.nav-link{padding:13px 12px}.sidebar-foot{margin-top:8px}.bottom-bar{z-index:45;background:var(--bg-elev);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px 6px #16202c0f}.bottom-tab{cursor:pointer;color:var(--text-faint);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;padding:8px 2px 7px;font-size:10px;font-weight:700;display:flex}.bottom-tab .ico{justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.bottom-tab .ico svg{width:23px;height:23px}.bottom-tab.active{color:var(--accent)}.main{max-width:100%;padding:12px 10px 78px}.page-title{margin-bottom:2px;font-size:17px}.page-sub{margin-bottom:10px;font-size:12px}.page-hint{gap:6px;margin:-2px 0 10px;padding:7px 10px;font-size:11px}.card{padding:12px}.section{margin-top:14px}.section h3{margin-bottom:8px;font-size:14px}.toolbar{gap:8px;margin-bottom:10px}.filters{gap:6px;margin-bottom:12px}.player-grid{grid-template-columns:repeat(2,1fr);gap:8px}.pcard{gap:5px;padding:10px}.pcard .top{gap:8px}.pcard .avatar,.pcard .avatar-ph{width:44px!important;height:44px!important}.pcard .name{font-size:13px;line-height:1.25}.pcard .meta{gap:4px}.pcard .stars{font-size:11px}.totsu-chip{padding:2px 7px;font-size:11px}.pcard .badge{padding:1px 6px;font-size:10px}.form-grid{grid-template-columns:1fr}.chip{align-items:center;min-height:38px;display:inline-flex}.btn.sm{min-height:38px}.pcard .fav{justify-content:center;align-items:center;min-width:36px;min-height:36px;display:inline-flex;top:4px;right:4px}.setup-row{gap:8px;padding:8px 10px}.setup-row .who{flex:auto;gap:8px}.setup-row .controls{flex-wrap:nowrap;justify-content:flex-start;gap:8px;width:100%}.setup-row .controls .ctl:first-child,.setup-row .controls .ctl:first-child select{flex:auto;min-width:0}.setup-row .controls .ctl:last-child{flex:none}.setup-row select{min-width:0}table.data.responsive td{white-space:normal!important}.sim-summary{position:static}.table-wrap{overflow-x:visible}table.data.responsive thead{display:none}table.data.responsive,table.data.responsive tbody{width:100%;display:block}table.data.responsive tr{border-bottom:1px solid var(--border);padding:10px 12px;display:block}table.data.responsive tr:last-child{border-bottom:none}table.data.responsive td{border-bottom:none;justify-content:space-between;align-items:center;gap:12px;padding:5px 0;display:flex}table.data.responsive td:before{content:attr(data-label);color:var(--text-dim);flex:none;font-size:12px;font-weight:600}table.data.responsive td.cell-player{padding-bottom:8px;display:block}table.data.responsive td.cell-player:before{display:none}table.data.responsive td select{max-width:70%}table.data.responsive td input[type=number]{width:96px}table.data.responsive td input[type=checkbox]{margin-right:2px}.calc-guide table.data.responsive td{display:block}.calc-guide table.data.responsive td:before{margin-bottom:2px;display:block}}@media (display-mode:standalone){.sidebar-bar{padding-top:calc(8px + env(safe-area-inset-top))}.main{padding-bottom:calc(56px + env(safe-area-inset-bottom))}.save-toast,.back-to-top{bottom:calc(16px + env(safe-area-inset-bottom))}}.back-to-top{z-index:40;background:var(--bg-elev);width:44px;height:44px;color:var(--text);border:1px solid var(--border-strong);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 2px 8px #16202c24}.back-to-top:hover{border-color:var(--accent);color:var(--accent)}.iab-banner{background:var(--accent-glow);border-bottom:1px solid var(--border);color:var(--text);flex-wrap:wrap;align-items:center;gap:10px;padding:9px 14px;font-size:12.5px;line-height:1.5;display:flex}.iab-banner .iab-msg{flex:1;min-width:220px}.iab-banner .iab-actions{flex:none;align-items:center;gap:6px;display:flex}.iab-banner .iab-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:6px 8px;font-size:15px;line-height:1}.iab-banner .iab-close:hover{color:var(--text)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}