/*! ポケカ攻略 事故率計算ツール pokeka-calc.css v2（見た目は pokeka-deck.css に合わせる） */
.pkc{--ink:#1d1d1f;--sub:#6b6b70;--line:#e3e3e6;--bg:#fff;--soft:#f6f6f7;--dark:#18181a;--acc:#f5c400;--red:#e0352b;--good:#1f9d55;--mid:#d98a00;--bad:#d93025;
  position:relative;container-type:inline-size;color:var(--ink);font-size:15px;line-height:1.6;margin:0 0 2em;-webkit-text-size-adjust:100%}
.pkc *,.pkc *::before,.pkc *::after{box-sizing:border-box}
.pkc button,.pkc input{font:inherit;color:inherit;margin:0;border-radius:8px}
.pkc button{cursor:pointer;background:none;border:0;padding:0;line-height:1.3}
.pkc h3{font-size:16px;margin:0 0 .5em;padding:0;border:0;background:none}
.pkc h3::before,.pkc h3::after{display:none}
.pkc ul{margin:0;padding:0 0 0 1.2em}
.pkc p{margin:0 0 .5em}
.pkc img{max-width:100%;height:auto;display:block}
.pkc table{margin:0}

/* 上部バー */
.pkc-bar{position:sticky;top:0;z-index:20;background:var(--dark);color:#fff;padding:10px;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pkc-title{flex:1 1 200px;min-width:0;display:flex;align-items:baseline;gap:8px}
.pkc-dn{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pkc-tot{color:var(--acc);font-weight:800;font-size:14px;white-space:nowrap}
.pkc-bbs{display:flex;gap:6px;flex-wrap:wrap}
.pkc .pkc-bb{display:inline-block;padding:7px 10px !important;background:#3a3a3e !important;color:#fff !important;font-size:12px;font-weight:700;white-space:nowrap;border-radius:8px;text-decoration:none !important;line-height:1.3}
.pkc .pkc-bb.is-main{background:var(--acc) !important;color:#111 !important}

.pkc-main{margin-top:12px}
.pkc-loading,.pkc-empty{padding:3em 1em;text-align:center;color:var(--sub)}
.pkc-empty h3{color:var(--ink)}
.pkc-empty p{max-width:30em;margin:0 auto 1em}
.pkc-btn{display:inline-block;padding:11px 18px !important;background:var(--dark) !important;color:#fff !important;font-weight:700;border-radius:8px;text-decoration:none !important;font-size:14px;text-align:center}
.pkc-btn.is-red{background:var(--red) !important}

.pkc-sec{margin:0 0 20px}
.pkc-gh{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--dark) !important;padding-bottom:4px !important;margin:6px 0 10px !important}
.pkc-gh span{color:var(--sub);font-weight:400;font-size:14px}
.pkc-hint{color:var(--sub);font-size:14px}
.pkc-note{color:var(--sub);font-size:12px;margin-top:6px !important}
.pkc-err,.pkc-warn{font-size:13px;border-radius:8px;padding:8px 10px 8px 1.8em !important;margin:0 0 8px !important}
.pkc-err{background:#fdecea;color:#a1251b}
.pkc-warn{background:#fff6e0;color:#7a5200}
p.pkc-warn{padding-left:10px !important}

/* 最初の手札 */
.pkc-tiles{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.pkc-o{background:var(--soft);border-radius:10px;padding:8px;border-top:4px solid var(--mid);display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.pkc-o.good{border-color:var(--good)}.pkc-o.bad{border-color:var(--bad)}
.pkc-o dt{font-size:13px;font-weight:700;margin:0;line-height:1.35}
.pkc-o dt small{display:block;font-weight:400;color:var(--sub);font-size:11px}
.pkc-o dd{margin:4px 0 0}
.pkc-o dd b{font-size:20px;line-height:1.1}
.pkc-o.good dd b{color:var(--good)}.pkc-o.mid dd b{color:var(--mid)}.pkc-o.bad dd b{color:var(--bad)}

/* サーチ設定 */
.pkc-sw{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;margin:0 0 8px;cursor:pointer}
.pkc-sw input{position:absolute;opacity:0;pointer-events:none}
.pkc-sw span{flex:none;position:relative;width:44px;height:26px;border-radius:13px;background:#c9c9ce;transition:.15s}
.pkc-sw span::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:.15s}
.pkc-sw input:checked+span{background:var(--red)}
.pkc-sw input:checked+span::after{left:21px}
.pkc-sw input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}
.pkc-fs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;background:#fff8d6;border:1px solid #f0dc8a;border-radius:12px;padding:8px}
.pkc-fs.is-off{opacity:.45}
.pkc-f{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e6cf8a;border-radius:8px;padding:5px 8px;font-size:13px;margin:0;cursor:pointer}
.pkc-f input{width:16px;height:16px;accent-color:var(--red)}
.pkc-f small{color:var(--sub);font-size:11px}

/* 表 */
.pkc-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px;border:1px solid var(--line)}
.pkc-t{width:100%;border-collapse:collapse;font-size:14px;border:0;table-layout:fixed;min-width:320px}
.pkc-t th,.pkc-t td{border:0;border-bottom:1px solid var(--line);padding:6px 3px;text-align:center;background:none;vertical-align:middle}
.pkc-t thead th{background:var(--dark);color:#fff;font-size:12px;font-weight:700;padding:5px 2px;border-bottom:1px solid #333}
.pkc-t thead tr:first-child th:not(.pkc-th0){color:var(--acc)}
.pkc-t thead small{display:block;font-weight:400;color:#aaa;font-size:10px;line-height:1.2}
.pkc-t tbody tr:last-child>*{border-bottom:0}
.pkc-t .pkc-th0{width:30%;text-align:left;padding-left:8px}
.pkc-lb{display:flex;align-items:center;gap:6px;min-height:40px}
.pkc-lb img{width:24px;flex:none;border-radius:2px}
.pkc-lb span{min-width:0;line-height:1.25;flex:1}
.pkc-lb b{display:block;font-size:13px;word-break:break-all}
.pkc-lb small{display:block;color:var(--sub);font-size:10px;font-weight:400}
.pkc-t td{font-weight:800;font-variant-numeric:tabular-nums;font-size:14px}
.pkc-t td.good{color:var(--good);background:#eef8f2}
.pkc-t td.mid{color:var(--mid);background:#fff7e8}
.pkc-t td.bad{color:var(--bad);background:#fdeeed}
.pkc-t td.na span{color:#a0a0a5;font-size:11px;font-weight:400}
.pkc-t tr.is-pick .pkc-lb{position:relative;padding-right:24px}
.pkc .pkc-rm{position:absolute;right:0;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50% !important;background:var(--soft) !important;color:var(--sub);font-size:14px}
.pkc-pz td:nth-child(2){font-weight:400;color:var(--sub)}
.pkc-pz .pkc-th0{width:46%}
.pkc-t .pkc-c0{border-right:2px solid var(--line)}
.pkc-t td.pkc-c0{background:var(--soft);color:var(--ink)}
.pkc-t thead .pkc-c0{color:#fff;border-right-color:#333}
@container (max-width:400px){.pkc-t td{font-size:13px;padding:6px 1px}.pkc-lb b{font-size:12px}}
.pkc-pz .pkc-lb b{font-size:12px}
.pkc-pz tr[hidden]{display:none}
.pkc .pkc-more{display:block;width:100%;margin-top:8px;padding:10px !important;background:var(--soft) !important;font-weight:700;font-size:14px}

/* デッキ */
.pkc-cat{font-size:13px;font-weight:700;color:var(--sub);margin:10px 0 4px !important}
.pkc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
@container (min-width:520px){.pkc-grid{grid-template-columns:repeat(7,1fr)}}
@container (min-width:760px){.pkc-grid{grid-template-columns:repeat(9,1fr)}}
.pkc-card{position:relative;display:block;width:100%;border-radius:5px !important;overflow:hidden;background:#eee;aspect-ratio:215/300}
.pkc-card img{width:100%;height:100%;object-fit:cover}
.pkc-card.is-on{outline:3px solid var(--acc);outline-offset:-3px}
.pkc-card:active{transform:scale(.96)}
.pkc-num{position:absolute;left:3px;bottom:3px;background:var(--dark);color:var(--acc);font-weight:800;font-size:12px;min-width:20px;height:20px;line-height:20px;text-align:center;border-radius:10px;padding:0 5px}
.pkc-star{position:absolute;left:0;right:0;top:0;background:var(--acc);color:#111;font-size:10px;font-weight:800;text-align:center;line-height:16px}

.pkc-memo ul{font-size:12px;color:var(--sub)}
.pkc-memo li{margin:0 0 4px}

.pkc-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:rgba(20,20,22,.92);color:#fff;padding:10px 16px;border-radius:999px;font-size:14px;opacity:0;pointer-events:none;transition:.2s;z-index:100001;max-width:90vw;text-align:center}
.pkc-toast.is-on{opacity:1;transform:translate(-50%,0)}
@media (max-width:834px){.pkc-toast{bottom:84px}}

@container (min-width:700px){
  .pkc-t{font-size:15px}
  .pkc-t td{font-size:16px}
  .pkc-o dd b{font-size:24px}
}