:root{--bg:#f6f5f2;--surface:#fff;--text:#1d1d1f;--muted:#6b6b70;--line:#e2e0db;--accent:#d93a3a;--accent-text:#fff;--ok:#1f8a4c;--warn:#b26a00;--err:#c62828;--chip:#efeee9;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,Yu Gothic UI,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--bg:#141416;--surface:#1e1e21;--text:#ececef;--muted:#9a9aa2;--line:#313136;--accent:#ef5350;--chip:#2a2a2e;--ok:#4cc27f;--warn:#f0a63a;--err:#ff6b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,input,select{font:inherit;color:inherit}button{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:6px 12px}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}button.danger{color:var(--err)}input[type=search],select{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:0;padding:8px 10px}h1,h2,h3{margin:0}.muted{color:var(--muted);font-size:.85em}.error{color:var(--err)}.ok-text{color:var(--ok);margin:4px 0;font-weight:600}.app{flex-direction:column;min-height:100dvh;display:flex}.top{z-index:5;background:var(--accent);color:var(--accent-text);padding:10px 16px;padding-top:max(10px, env(safe-area-inset-top));position:sticky;top:0}.top h1{letter-spacing:.05em;font-size:1.05rem}main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding-bottom:72px}.page{flex-direction:column;gap:10px;padding:12px 16px;display:flex}.tabs{z-index:5;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:0;padding:14px 0;font-weight:600}.tabs button.on{color:var(--accent);box-shadow:inset 0 3px 0 var(--accent)}.browser{flex-direction:column;gap:10px;display:flex}.filters{flex-direction:column;gap:8px;display:flex}.search{width:100%}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.set-select{flex:1;max-width:100%}.toggles label{align-items:center;gap:4px;font-size:.9em;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.tile{aspect-ratio:63/88;background:var(--chip);border:1px solid var(--line);border-radius:6px;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%;display:block}.noimg{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px;font-size:.8rem;display:flex}.noimg-cat{color:var(--muted);font-size:.7rem}.tile-id{color:#fff;text-align:left;background:#0009;padding:1px 4px;font-size:.65rem;position:absolute;bottom:0;left:0;right:0}.owned-badge,.count-badge{border-radius:10px;padding:0 6px;font-size:.7rem;font-weight:700;position:absolute;top:4px}.tile-marks{gap:3px;display:flex;position:absolute;bottom:1px;right:3px}.tile-marks .owned-badge,.tile-marks .want-badge{border-radius:10px;padding:0 6px;font-size:.7rem;font-weight:700;line-height:1.35;position:static}.owned-badge{color:#fff;background:#1f8a4cf2}.want-badge{color:#000;background:#ffc107f2}.count-badge{background:var(--accent);color:#fff;min-width:22px;font-size:.85rem;right:4px}.more{align-self:center}.hint{margin:0}.deck-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.deck-item{text-align:left;align-items:center;gap:12px;width:100%;padding:8px;display:flex}.deck-item img,.deck-cover-empty{aspect-ratio:63/88;object-fit:cover;background:var(--chip);border-radius:4px;width:44px}.deck-item p{margin:0}.editor-head{align-items:center;gap:10px;display:flex}.editor-head h2{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:1.1rem;overflow:hidden}.total{color:var(--err);font-weight:700}.total.ok{color:var(--ok)}.seg{border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.seg button{background:var(--surface);border:0;border-radius:0;padding:8px 4px}.seg button.on{background:var(--accent);color:var(--accent-text);font-weight:600}.issues{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 12px}.issues ul{margin:4px 0 0;padding-left:1.2em}.issues li.error{color:var(--err)}.issues li.warn{color:var(--warn)}.deck-section h3{margin:8px 0 4px;font-size:.95rem}.line{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:4px 0;display:flex}.line-name{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;min-width:0;padding:2px 0;display:flex}.line-name img{aspect-ratio:63/88;object-fit:cover;border-radius:3px;width:34px}.line-name span{flex-direction:column;min-width:0;display:flex}.line-name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lack-num{color:var(--err);white-space:nowrap;flex-direction:column;align-items:end;font-weight:700;display:flex}.stepper{align-items:center;gap:4px;display:inline-flex}.stepper button{width:34px;height:34px;padding:0;font-size:1.1rem}.stepper-val{text-align:center;min-width:24px;font-weight:700}.actions{margin-top:8px}.modal-bg{z-index:20;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--bg);width:100%;max-width:720px;max-height:92dvh;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));border-radius:14px 14px 0 0;position:relative;overflow:auto}@media (width>=720px){.modal-bg{align-items:center}.modal{border-radius:14px}}.close{border-radius:50%;width:36px;height:36px;padding:0;position:absolute;top:10px;right:10px}.detail{flex-wrap:wrap;gap:16px;display:flex}.detail-img{aspect-ratio:63/88;object-fit:contain;border-radius:10px;align-self:flex-start;width:min(260px,100%);height:auto;margin:0 auto}.detail-text{flex-direction:column;flex:260px;gap:6px;display:flex}.detail-text h2{padding-right:40px}.detail-text p{margin:0}.move{background:var(--surface);border-radius:8px;padding:8px 10px}.move p{margin-top:2px;font-size:.9em}.stepper-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:6px 0;display:flex}:root{font-size:17px}button.big{border-radius:12px;padding:14px 16px;font-size:1.05rem;font-weight:700}button.link{color:var(--accent);background:0 0;border:0;padding:6px;text-decoration:underline}.empty{text-align:center;color:var(--muted);padding:24px 8px}.hint{color:var(--muted);margin:0;font-size:.95rem}.note{color:#6b4a00;background:#fff4d6;border-radius:10px;margin:0;padding:8px 12px;font-weight:600}@media (prefers-color-scheme:dark){.note{color:#ffd98a;background:#3a2f12}}.big-text{font-size:1.15rem}.small{font-size:.75rem}.search{border-radius:12px;padding:12px 14px;font-size:1.05rem}.chips{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.chip{background:var(--surface);border:2px solid var(--line);border-radius:999px;flex:none;padding:10px 14px;font-weight:700}.chip.on{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.chip.type{align-items:center;gap:6px;display:inline-flex}.chip.type.on{background:var(--type);border-color:var(--type);color:#fff;text-shadow:0 1px 2px #0006}.dot{background:var(--type);border:1px solid #00000026;border-radius:50%;width:14px;height:14px;display:inline-block}.more-filters{background:var(--surface);border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.more-filters label{align-items:center;gap:8px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.grid.small{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px}.tile-wrap{position:relative}.tile-wrap .tile{width:100%}.tile{border-radius:8px}.tile:active{transform:scale(.96)}.noimg{background:color-mix(in srgb, var(--type) 22%, var(--surface));border-top:6px solid var(--type)}.noimg-kind{color:var(--muted);font-size:.7rem;font-weight:700}.noimg strong{font-size:.9rem;line-height:1.25}.owned-badge{font-size:.7rem}.count-badge{min-width:28px;padding:2px 8px;font-size:1rem;box-shadow:0 1px 4px #0000004d}.look{border-radius:50%;width:34px;height:34px;padding:0;font-size:1rem;position:absolute;bottom:20px;right:4px;box-shadow:0 1px 4px #0000004d}.tile.back{color:#fff;background:repeating-linear-gradient(45deg,#1e5bb8,#1e5bb8 8px,#2a6fd6 8px 16px);justify-content:center;align-items:center;font-size:1.6rem;font-weight:800}.seg{grid-template-columns:repeat(4,1fr)}.seg button{padding:12px 2px;font-weight:700}.seg-num{background:var(--err);color:#fff;border-radius:999px;margin-left:4px;padding:0 6px;font-size:.75rem}.editor-head h2{font-size:1.15rem}.pen{font-size:.8rem}.name-form{flex:1}.name-form input{border:2px solid var(--accent);background:var(--surface);border-radius:8px;width:100%;padding:8px 10px}.total{font-size:1.1rem}.issues li{margin:4px 0;font-weight:600}.counts{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;display:grid}.count-box{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:10px;flex-direction:column;padding:6px;display:flex}.count-box.sub{border-style:dashed}.count-num{font-size:1.4rem;font-weight:800;line-height:1.2}.count-label{color:var(--muted);font-size:.75rem}.line{padding:6px 0}.line-name img,.line-noimg{aspect-ratio:63/88;background:var(--chip);border-radius:4px;flex:none;width:40px}.stepper button{border-radius:12px;width:44px;height:44px;font-size:1.3rem}.stepper-val{min-width:30px;font-size:1.1rem}.deck-item{border-radius:12px;padding:12px}.deck-item img,.deck-cover-empty{width:52px}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--chip);border-radius:999px;padding:2px 10px;font-size:.85rem;font-weight:600}.tag.warn{color:var(--err);background:#fde2e2}.cost{vertical-align:middle;gap:2px;display:inline-flex}.dmg{font-weight:800}.draw{flex-direction:column;gap:8px;display:flex}.draw h3{margin-top:8px;font-size:1rem}.draw .row button{flex:1}@media (width>=768px){:root{font-size:18px}main{max-width:1400px}.page{padding:16px 24px}.grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.grid.small{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.counts{grid-template-columns:repeat(7,1fr)}.deck-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.tabs{grid-template-columns:repeat(3,minmax(0,220px));justify-content:center}}@media (width>=900px){.seg.three{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:minmax(360px,440px) 1fr;align-items:start;gap:24px;display:grid}.split-left{flex-direction:column;gap:10px;max-height:calc(100dvh - 128px);padding-right:6px;display:flex;position:sticky;top:56px;overflow-y:auto}.split-right{flex-direction:column;gap:10px;min-width:0;display:flex}.split .counts{grid-template-columns:repeat(4,1fr)}}.chat-mode .steps{flex-direction:column;gap:12px;margin:0;padding-left:1.4em;display:flex}.chat-mode .steps li>span{margin-bottom:6px;font-weight:700;display:block}.chat-mode .row button{flex:1}.reply{border:2px solid var(--line);background:var(--surface);width:100%;font:inherit;border-radius:8px;margin-bottom:6px;padding:8px 10px;font-size:.85rem}.backup{background:var(--surface);border:1px solid var(--line);border-radius:12px}.backup-toggle{background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;font-weight:700;display:flex}.backup-toggle small{text-align:left;flex:1;font-weight:400}.backup-body{flex-direction:column;gap:8px;padding:0 12px 12px;display:flex}.backup-body .row button{flex:1}.backup .note p{margin:0 0 6px}:root{--top-h:48px;--tabs-h:56px}.top{height:calc(var(--top-h) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);align-items:center;padding-bottom:0;display:flex}.tabs button{height:var(--tabs-h);padding:0}main{padding-bottom:calc(var(--tabs-h) + env(safe-area-inset-bottom))}.scan-page{height:calc(100dvh - var(--top-h) - var(--tabs-h) - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;gap:8px;padding:8px 12px;display:flex;overflow:hidden}.scan-seg{flex:none}.scan-seg button{padding:8px 2px}.scan-layout{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.scan-main{flex:1;min-height:0;display:flex}.camera{background:#000;border-radius:14px;position:relative;overflow:hidden;container-type:size}.camera.fill{flex:1;width:100%;min-height:0}.camera video{object-fit:cover;width:100%;height:100%;display:block}.cam-msg{text-align:center;color:#fff;justify-content:center;align-items:center;padding:16px;line-height:1.6;display:flex}.camera>.cam-msg{position:absolute;inset:0}.guide{aspect-ratio:63/88;border:3px solid #ffffffe6;border-radius:12px;width:min(60.1364cqh,88cqw);transition:border-color .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 999px #00000059}.guide.hit{border-width:5px;border-color:#4cff8a;transition:none}.cam-tools{flex-direction:column;gap:6px;display:flex;position:absolute;bottom:44px;right:8px}.cam-tools button{color:#fff;background:#0000008c;border:1px solid #ffffff80;border-radius:8px;padding:6px 10px;font-size:.8rem}.cam-tools button:active{background:#4cff8a59;transform:scale(.94)}.cam-tools button.busy{color:#000;opacity:1;background:#ffb400bf}.cam-tools button.small-tool{opacity:.8;padding:3px 8px;font-size:.65rem}.cam-top,.cam-bottom{color:#fff;text-shadow:0 1px 3px #000c;text-align:center;background:#00000073;border-radius:8px;padding:4px 10px;font-size:.85rem;font-weight:600;position:absolute;left:8px;right:8px}.cam-top{top:8px}.cam-bottom{max-height:3.2em;font-size:.7rem;font-weight:400;bottom:8px;overflow:hidden}.flash{color:#fff;white-space:nowrap;background:#1f8a4cf2;border-radius:999px;padding:8px 16px;font-weight:800;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.cam-busy{color:#fff;background:#00000080;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex;position:absolute;inset:0}.cam-controls{justify-content:center;align-items:center;gap:28px;display:flex;position:absolute;bottom:14px;left:0;right:0}.shutter{background:#fff padding-box padding-box;border:6px solid #ffffff73;border-radius:50%;width:76px;height:76px;padding:0;box-shadow:0 2px 10px #00000080}.shutter:active{transform:scale(.94)}.cam-side{color:#fff;background:#0000008c;border:2px solid #fff9;border-radius:50%;width:52px;height:52px;padding:0;font-size:1.4rem;font-weight:800}.cam-tip{background:#0009;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.stack-tip{background:var(--surface);border-radius:12px;align-items:center;gap:12px;max-width:520px;padding:12px;display:flex}.stack-tip .hint{color:var(--text);margin-bottom:8px}.stack-pic{flex:none;width:70px;height:150px;position:relative}.stack-pic span{background:#fff;border:2px solid #555;border-radius:6px;width:64px;height:88px;position:absolute;left:0;box-shadow:0 2px 4px #00000040}.stack-pic span i{background:#ffd400;border-radius:2px;width:44px;height:7px;position:absolute;top:4px;left:5px}.scan-tray{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;flex:none;min-height:0;display:flex}.tray-bar{align-items:center;gap:8px;padding:6px;display:flex}.tray-toggle{text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;padding:8px;font-weight:700;display:flex}.tray-commit{border-radius:10px;padding:10px 14px;font-weight:700}.tray-list{min-height:0;padding:0 10px 8px;display:none;overflow-y:auto}.scan-layout.tray-open .scan-tray{flex:0 0 55%}.scan-layout.tray-open .tray-list{display:block}.scan-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.scan-thumb{aspect-ratio:63/88;background:color-mix(in srgb, var(--type,#999) 25%, var(--surface));border-radius:5px;flex:none;justify-content:center;align-items:center;width:52px;font-size:.65rem;display:flex;overflow:hidden}.scan-thumb img{object-fit:cover;width:100%;height:100%}.scan-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.scan-side{flex-direction:column;align-items:center;display:flex}.choices{flex-wrap:wrap;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.choice{text-align:left;border-radius:10px;flex-direction:column;gap:4px;padding:4px;font-weight:700;display:flex}.choice img,.choice-noimg{aspect-ratio:63/88;object-fit:cover;border-radius:6px;width:100%}.choice-noimg{text-align:center;background:color-mix(in srgb, var(--type,#999) 25%, var(--surface));justify-content:center;align-items:center;padding:4px;font-size:.75rem;display:flex}.choice-text{flex-direction:column;font-size:.8rem;line-height:1.3;display:flex}.choice small{color:var(--muted);font-size:.68rem;font-weight:400}.name-input{border:2px solid var(--accent);background:var(--surface);border-radius:8px;padding:8px 10px}@media (orientation:landscape) and (width>=700px){.scan-layout{flex-direction:row}.scan-tray,.scan-layout.tray-open .scan-tray{flex:0 0 340px}.tray-list{flex:1;display:block}.tray-toggle .tray-arrow{display:none}}.sort-select{border-radius:999px;max-width:100%;padding:8px 10px;font-size:.85rem;font-weight:700}.top{gap:8px}.sync-dot{background:#ffffff40;border-radius:999px;padding:0 6px;font-size:.9rem}.sync-dot.busy{animation:1.2s infinite pulse}.sync-dot.err{background:#3a1010}@keyframes pulse{50%{opacity:.4}}.row-buttons{gap:8px;display:flex}.row-buttons>button{flex:1}.plan-stats{flex-direction:column;gap:4px;margin:8px 0;display:flex}.plan-stats p{margin:0}.plan-kinds{flex-wrap:wrap;gap:4px;display:flex}.kind-chip{background:var(--chip);border-radius:999px;padding:1px 10px;font-size:.85rem}.plan-top{align-items:flex-start;gap:12px;display:flex}.plan-top>img,.plan-top>.plan-noimg{aspect-ratio:63/88;object-fit:cover;border-radius:6px;flex:none;width:96px}.plan-top h3{margin:0 0 2px}.plans{flex-direction:column;gap:18px;margin-top:12px;display:flex}.plan{border:2px solid var(--line);background:var(--surface);border-radius:14px;padding:12px 14px}.plan-no{background:var(--accent);color:#fff;border-radius:999px;margin-bottom:4px;padding:1px 10px;font-size:.75rem;font-weight:700;display:inline-block}.seg.four{grid-template-columns:repeat(4,1fr)}.text-line{padding:3px 0}.text-line .line-name{padding:4px 0}.line-text{font-weight:600;display:block}.line-text small{margin-left:4px;font-weight:400}.evo-mark{color:var(--muted);font-weight:400}.text-line.family-start{border-top:2px solid var(--line);margin-top:4px}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}.line-name .line-text{white-space:nowrap;text-overflow:ellipsis;flex-direction:row;display:block;overflow:hidden}.line-name .line-text span,.line-name .line-text small{display:inline}.text-line .stepper button{min-width:36px;min-height:36px}.guide-box{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:8px 12px}.guide-box ul,.guide-box ol{margin:0;padding-left:1.4em}.guide-box li{margin:3px 0;line-height:1.5}