:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#334155;background:#f1f5f9;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{display:flex;min-width:320px;min-height:100vh;margin:0;align-items:center}p{line-height:1.7}#root{width:100%;max-width:1280px;margin:0 auto;padding:1rem 1.25rem 3rem}.compact-header{display:flex;align-items:flex-end;gap:2rem;margin-bottom:.8rem;padding-bottom:.8rem;border-bottom:1px solid #dbe4ee}.brand{flex:none}.brand span{color:#64748b;font-size:.63rem;font-weight:900;letter-spacing:.13em}.brand h1{margin:.12rem 0 0;color:#0f172a;font-size:1.7rem;line-height:1}.filter-bar{display:flex;flex:1;align-items:center;flex-wrap:wrap;gap:.55rem 1rem}.color-select{display:flex;align-items:center;color:#475569;font-size:.75rem;font-weight:800}.color-select select{min-width:7rem;padding:.45rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;font:inherit}.type-checks{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem .7rem;margin:0;padding:0;border:0}.type-checks legend{float:left;margin-right:.4rem;color:#475569;font-size:.75rem;font-weight:800}.type-checks label{display:flex;align-items:center;gap:.25rem;color:#334155;font-size:.76rem;cursor:pointer}.type-checks input{accent-color:#1d4ed8}.result-count{margin-left:auto;color:#475569;font-size:.78rem;font-weight:800}.updating{color:#2563eb;font-size:.7rem}.card-browser{display:grid;grid-template-columns:minmax(250px,340px) minmax(460px,1fr);gap:1rem;align-items:start;transition:opacity .12s}.card-browser.is-updating{opacity:.62;pointer-events:none}.card-list-panel,.card-detail-panel{min-width:0}.panel-heading,.comments-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading{margin-bottom:.4rem}.panel-heading h2,.comments-heading h2{margin:0;color:#334155;font-size:.85rem}.panel-heading span,.comments-heading span{color:#94a3b8;font-size:.7rem;font-weight:700}.card-list{height:calc(100vh - 10.2rem);min-height:430px;overflow-y:auto;border:1px solid #dbe4ee;border-radius:10px;background:#fff}.card-list-item{display:block;width:100%;padding:.65rem .8rem;border:0;border-left:4px solid #94a3b8;border-bottom:1px solid #e2e8f0;background:#fff;color:#0f172a;font:inherit;text-align:left;cursor:pointer}.card-list-item:hover{background:#f8fafc}.card-list-item.active{background:#e8eef6;box-shadow:inset 0 0 0 2px #334155}.card-list-item.color-青{border-left-color:#2563eb}.card-list-item.color-緑{border-left-color:#16a34a}.card-list-item.color-赤{border-left-color:#dc2626}.card-list-item.color-黒{border-left-color:#171717}.card-list-item.color-紫{border-left-color:#9333ea}.card-list-item.color-茶{border-left-color:#92400e}.card-list-item.color-白{border-left-color:#cbd5e1}.list-card-name{display:block;font-size:.88rem;font-weight:800}.list-card-meta{display:block;margin-top:.14rem;color:#64748b;font-size:.67rem}.pagination{display:flex;gap:.5rem;margin-top:.5rem}.pagination button{flex:1;padding:.48rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}.pagination button:disabled{opacity:.4}.card-detail-panel{position:sticky;top:.75rem;display:grid;gap:.85rem}.game-card,.comments-panel{padding:1rem 1.1rem;border:1px solid #dbe4ee;border-radius:11px;background:#fff;box-shadow:0 7px 22px #0f172a0d}.game-card{border-top:4px solid #94a3b8}.game-card.color-青{border-top-color:#2563eb}.game-card.color-緑{border-top-color:#16a34a}.game-card.color-赤{border-top-color:#dc2626}.game-card.color-黒{border-top-color:#171717}.game-card.color-紫{border-top-color:#9333ea}.game-card.color-茶{border-top-color:#92400e}.card-topline{display:flex;justify-content:space-between;color:#64748b;font-size:.68rem;font-weight:800}.game-card h2{margin:.35rem 0 .7rem;color:#0f172a;font-size:1.18rem}dl{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:0}dl div{padding:.45rem;background:#f8fafc;border-radius:7px}dt{color:#94a3b8;font-size:.61rem}dd{margin:.12rem 0 0;font-size:.8rem;font-weight:700}.card-text{margin:.75rem 0 0;padding-top:.7rem;border-top:1px solid #e2e8f0;font-size:.88rem;white-space:pre-line}.powers{display:flex;gap:.4rem;margin-top:.75rem}.powers span{flex:1;padding:.4rem;border-radius:6px;background:#0f172a;color:#fff;font-size:.7rem;font-weight:700;text-align:center}.transformed-spec{margin-top:.75rem;padding:.75rem;border:1px solid #c7d2fe;border-radius:8px;background:#eef2ff}.transformed-label{margin:0;color:#4f46e5;font-size:.65rem;font-weight:900}.transformed-spec p{white-space:pre-line}.comments-panel{max-height:44vh;overflow-y:auto}.comments-heading{display:list-item;color:#334155;font-size:.85rem;font-weight:700;cursor:pointer}.comments-panel[open]>.comments-heading{margin-bottom:.65rem}.comments-heading:focus-visible{outline:2px solid #2563eb;outline-offset:4px}.comments-status,.comments-empty{color:#94a3b8;font-size:.78rem}.comment-list{display:grid;gap:.5rem}.comment{padding:.65rem;border-radius:8px;background:#f8fafc}.comment div{display:flex;justify-content:space-between;gap:1rem}.comment strong{font-size:.76rem}.comment time{color:#94a3b8;font-size:.62rem}.comment p{margin:.35rem 0 0;font-size:.82rem;white-space:pre-wrap}.comment-form{display:grid;grid-template-columns:minmax(130px,.35fr) 1fr auto;gap:.5rem;margin-top:.7rem;padding-top:.7rem;border-top:1px solid #e2e8f0}.comment-form input,.comment-form textarea{box-sizing:border-box;width:100%;padding:.55rem;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#0f172a;font:inherit;font-size:.78rem}.comment-form textarea{min-height:2.4rem;resize:vertical}.comment-form textarea::placeholder{text-align:center}.comment-form button{padding:.5rem .8rem;border:0;border-radius:7px;background:#1d4ed8;color:#fff;font:inherit;font-size:.76rem;font-weight:800}.comment-form button:disabled{opacity:.45}.comment-error{grid-column:1/-1;margin:0;color:#b91c1c;font-size:.72rem}.message{padding:2rem;border:1px dashed #94a3b8;border-radius:10px;text-align:center}.message.error{color:#b91c1c}@media(max-width:900px){.compact-header{align-items:flex-start;flex-direction:column;gap:.7rem}.filter-bar{width:100%}.result-count{margin-left:0}.card-browser{grid-template-columns:1fr}.card-list{height:38vh;min-height:260px}.card-detail-panel{position:static}.comments-panel{max-height:none}}@media(max-width:600px){#root{padding:.75rem}.type-checks legend{width:100%}.comment-form,dl{grid-template-columns:1fr}}.dual-check{display:flex;align-items:center;gap:.25rem;padding-left:.8rem;border-left:1px solid #cbd5e1;color:#6d28d9;font-size:.76rem;font-weight:800;cursor:pointer}.card-tags{display:grid;gap:.35rem;margin-top:.75rem}.card-tags>span{color:#64748b;font-size:.65rem;font-weight:800}.card-tags>div{display:flex;flex-wrap:wrap;gap:.35rem}.card-tag{padding:.2rem .45rem;border-radius:999px;background:#e0e7ff;color:#3730a3;font-size:.68rem;font-weight:700}.dual-check input{accent-color:#7c3aed}.purple-power-select select{border-color:#c4b5fd;background:#faf5ff;color:#5b21b6}.color-checks{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem .65rem;margin:0;padding:0;border:0}.color-checks legend{float:left;margin-right:.2rem;color:#475569;font-size:.75rem;font-weight:800}.color-checks label{display:flex;align-items:center;gap:.22rem;color:#334155;font-size:.76rem;cursor:pointer}.color-checks input{accent-color:#1d4ed8}.filter-color-dot{width:.55rem;height:.55rem;border:1px solid #94a3b8;border-radius:50%;background:#94a3b8}.check-青 .filter-color-dot{background:#2563eb}.check-緑 .filter-color-dot{background:#16a34a}.check-赤 .filter-color-dot{background:#dc2626}.check-黒 .filter-color-dot{background:#171717}.check-紫 .filter-color-dot{background:#9333ea}.check-茶 .filter-color-dot{background:#92400e}.check-白 .filter-color-dot{background:#fff}.advanced-filters{margin:-.2rem 0 .8rem;border:1px solid #dbe4ee;border-radius:10px;background:#ffffffd1}.advanced-filters summary{padding:.55rem .75rem;color:#475569;font-size:.76rem;font-weight:800;cursor:pointer}.advanced-filters summary span{display:inline-grid;place-items:center;min-width:1.25rem;height:1.25rem;margin-left:.4rem;border-radius:999px;background:#1d4ed8;color:#fff;font-size:.65rem}.advanced-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:.65rem;padding:0 .75rem .75rem}.advanced-grid>label{display:grid;gap:.25rem;color:#64748b;font-size:.68rem;font-weight:800}.advanced-grid input,.advanced-grid select{box-sizing:border-box;width:100%;min-width:0;padding:.45rem .5rem;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#0f172a;font:inherit}.wide-field{grid-column:span 2}.range-field{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.3rem;margin:0;padding:0;border:0}.range-field legend{grid-column:1/-1;margin-bottom:.25rem;color:#64748b;font-size:.68rem;font-weight:800}.range-field span{color:#94a3b8}.advanced-checks{display:flex;align-items:center;gap:.8rem;font-size:.74rem}.advanced-checks label{display:flex;gap:.25rem;align-items:center}.clear-filters{align-self:end;padding:.48rem;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#475569;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}.clear-filters:disabled{opacity:.4}@media(max-width:900px){.advanced-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}}@media(max-width:600px){.advanced-grid{grid-template-columns:1fr}.wide-field{grid-column:auto}}.expansion-info{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.55rem;margin-top:.7rem;padding-top:.65rem;border-top:1px solid #e2e8f0}.expansion-info>span{padding-top:.22rem;color:#94a3b8;font-size:.64rem;font-weight:800}.expansion-info>div{display:flex;flex-wrap:wrap;gap:.3rem}.expansion-tag{padding:.2rem .42rem;border:1px solid #cbd5e1;border-radius:999px;background:#f8fafc;color:#475569;font:inherit;font-size:.66rem;font-weight:800;cursor:pointer}.expansion-tag:hover{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.expansion-tag:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.no-expansion{color:#94a3b8;font-size:.72rem}.mobile-back{display:none}@media(max-width:900px){#root{padding:.75rem .75rem 2rem}.compact-header{position:relative;margin-bottom:.6rem;padding-bottom:.6rem}.brand h1{font-size:1.45rem}.filter-bar{gap:.5rem .75rem}.color-checks,.type-checks{width:100%;padding:.45rem .55rem;border-radius:8px;background:#f8fafc}.color-checks legend,.type-checks legend{width:auto;margin:0 .25rem 0 0}.color-checks label,.type-checks label{min-height:1.65rem}.dual-check{padding-left:0;border-left:0}.advanced-filters{margin-bottom:.6rem}.card-browser{gap:.7rem}.card-list{height:52vh;min-height:300px}.card-list-item{min-height:3.2rem;padding:.7rem .75rem}.pagination{position:sticky;bottom:.4rem;z-index:3;padding:.35rem;border-radius:10px;background:#f8fafcf0;box-shadow:0 4px 15px #0f172a1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-detail-panel{scroll-margin-top:.5rem}.mobile-back{display:block;width:100%;padding:.55rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font:inherit;font-size:.76rem;font-weight:800}.game-card,.comments-panel{padding:.85rem}.comments-panel{max-height:none}}@media(max-width:600px){.brand span{font-size:.56rem}.filter-bar{align-items:flex-start}.color-checks,.type-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:.2rem}.color-checks legend,.type-checks legend{grid-column:1/-1}.color-checks label,.type-checks label{font-size:.7rem;white-space:nowrap}.color-select{flex:1;min-width:8rem}.color-select select{min-width:0;width:100%}.result-count{width:100%;font-size:.72rem}.advanced-grid{gap:.55rem}.range-field input,.advanced-grid input,.advanced-grid select{font-size:16px}.card-list{height:48vh;min-height:280px}.game-card h2{font-size:1.05rem}.powers{gap:.25rem}.powers span{padding:.45rem .2rem;font-size:.66rem}.expansion-info{grid-template-columns:1fr;gap:.3rem}.comment-form input,.comment-form textarea{font-size:16px}.comment-form button{min-height:2.75rem}}.admin-area{display:flex;align-items:center;gap:.45rem;color:#475569;font-size:.7rem;font-weight:800}.admin-area button{padding:.4rem .58rem;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#334155;font:inherit;cursor:pointer}.login-overlay{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:#0f172a7a}.login-dialog{display:grid;gap:.8rem;width:min(360px,100%);padding:1.2rem;border-radius:12px;background:#fff;box-shadow:0 20px 60px #0f172a4d}.login-dialog h2{margin:0;color:#0f172a;font-size:1.1rem}.login-dialog label{display:grid;gap:.3rem;color:#475569;font-size:.75rem;font-weight:800}.login-dialog input{box-sizing:border-box;width:100%;padding:.65rem;border:1px solid #cbd5e1;border-radius:7px;font:inherit}.login-dialog p{margin:0;color:#b91c1c;font-size:.75rem}.login-dialog div{display:flex;justify-content:flex-end;gap:.5rem}.login-dialog button{padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:7px;background:#fff;font:inherit;font-weight:800}.login-dialog button:last-child{border-color:#1d4ed8;background:#1d4ed8;color:#fff}.login-required{margin:.7rem 0 0;padding-top:.7rem;border-top:1px solid #e2e8f0;color:#64748b;font-size:.74rem}.admin-comment-form{grid-template-columns:1fr auto}.site-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding:.8rem 0;border-top:1px solid #e2e8f0;color:#94a3b8;font-size:.64rem;letter-spacing:.06em}.site-footer{gap:1rem;flex-wrap:wrap}.footer-info{flex:1 1 280px;min-width:0}.rights-notice{margin:.4rem 0 0;color:#64748b;font-size:.7rem;line-height:1.7;letter-spacing:normal;overflow-wrap:anywhere}.admin-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:1rem;align-items:start}.admin-layout main{min-width:0}.admin-sidebar{position:sticky;top:1rem;padding:1rem;border:1px solid #dbe4ee;border-radius:11px;background:#fff}.admin-sidebar h2{margin:0 0 .8rem;font-size:.9rem;color:#334155}.admin-sidebar nav{display:grid;gap:.4rem}.admin-sidebar button{padding:.7rem;text-align:left;border:0;border-radius:7px;background:#f8fafc;color:#334155;font:inherit;font-size:.8rem;cursor:pointer}.admin-sidebar button[aria-current=page]{background:#1d4ed8;color:#fff}.management-panel{padding:1.2rem;border:1px solid #dbe4ee;border-radius:11px;background:#fff;color:#334155;font-size:.85rem}.management-panel h2{margin:0 0 1rem;font-size:1.2rem}.management-panel h3{font-size:.95rem;overflow-wrap:anywhere}.management-panel input:not([type=checkbox]){box-sizing:border-box;width:100%;padding:.65rem;border:1px solid #cbd5e1;border-radius:7px;font:inherit}.management-panel button{padding:.6rem .8rem;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#334155;font:inherit;cursor:pointer}.management-panel button:disabled{opacity:.45;cursor:default}.tag-create-form,.card-admin-search{display:flex;align-items:end;gap:.6rem;margin-bottom:1rem}.tag-create-form>label,.card-admin-search>label{flex:1;display:grid;gap:.4rem}.tag-create-form>.tag-visible-control{flex:0;display:flex;align-items:center;gap:.35rem;white-space:nowrap;padding-bottom:.6rem}.tag-create-form>button,.card-tag-editor form>button{background:#1d4ed8;color:#fff}.tag-list{display:grid;gap:.5rem}.tag-list>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem .7rem;border:1px solid #dbe4ee;border-radius:8px}.tag-list>div.is-hidden{background:#f8fafc;color:#94a3b8}.tag-list>div>span{overflow-wrap:anywhere;min-width:0}.tag-list label{display:flex;align-items:center;gap:.35rem;flex:none;font-size:.72rem}.card-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}.admin-card-list{display:grid;gap:.4rem;max-height:60vh;overflow:auto}.admin-card-list button{text-align:left;overflow-wrap:anywhere}.admin-card-list small{display:block;margin-top:.3rem;color:#64748b}.admin-card-list button.selected{background:#eef2ff;border-color:#4f46e5}.card-tag-editor{padding:1rem;background:#f8fafc;border-radius:8px}.admin-card-edit-form{display:grid;gap:.75rem}.admin-card-edit-form>h3{margin:0}.admin-card-edit-form label{display:grid;align-items:initial;gap:.3rem;color:#475569;font-size:.72rem;font-weight:800}.admin-card-edit-form input,.admin-card-edit-form select,.admin-card-edit-form textarea{box-sizing:border-box;width:100%;padding:.55rem;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#0f172a;font:inherit;font-size:.8rem}.admin-card-edit-form textarea{resize:vertical;line-height:1.55}.admin-card-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.admin-transformed-fields{padding:.7rem;border:1px solid #c7d2fe;border-radius:8px;background:#eef2ff}.admin-transformed-fields summary{color:#4338ca;font-size:.78rem;font-weight:800;cursor:pointer}.admin-transformed-fields[open] summary{margin-bottom:.7rem}.admin-transformed-fields>label{margin-top:.6rem}.manual-edit-status{width:max-content;margin:0;padding:.2rem .45rem;border-radius:999px;background:#dcfce7;color:#15803d;font-size:.68rem;font-weight:800}.admin-card-details{display:grid;gap:.75rem;margin-top:.9rem;padding-bottom:1rem;border-bottom:1px solid #dbe4ee}.admin-card-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-card-details dd{overflow-wrap:anywhere}.admin-card-text strong,.admin-transformed-card>strong,.admin-card-sets strong{font-size:.75rem;color:#64748b}.admin-card-text p,.admin-transformed-card p,.admin-card-sets p{margin:.35rem 0 0;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.admin-transformed-card{padding:.75rem;border:1px solid #c7d2fe;border-radius:8px;background:#eef2ff}.admin-transformed-card>div{display:flex;gap:.4rem;margin-top:.65rem}.admin-transformed-card span{flex:1;padding:.3rem;border-radius:5px;background:#334155;color:#fff;font-size:.68rem;text-align:center}.admin-raw-text summary{color:#64748b;font-size:.75rem;cursor:pointer}.admin-raw-text pre{max-height:16rem;overflow:auto;margin:.5rem 0 0;padding:.65rem;border-radius:6px;background:#fff;font:inherit;font-size:.72rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.admin-source-link{width:max-content;max-width:100%;color:#2563eb;font-size:.75rem;overflow-wrap:anywhere}.card-tag-editor fieldset{display:grid;gap:.65rem;margin:1rem 0;padding:0;border:0;min-width:0}.card-tag-editor legend{margin-bottom:.7rem}.card-tag-editor label{display:flex;gap:.4rem;align-items:center;overflow-wrap:anywhere;min-width:0}.management-error{color:#b91c1c}.management-success{color:#15803d}.admin-layout .card-browser{grid-template-columns:minmax(200px,.7fr) minmax(0,1fr)}.admin-layout .comment-form{grid-template-columns:1fr}@media(max-width:1100px){.admin-layout .card-browser{grid-template-columns:1fr}}@media(max-width:700px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static}.admin-sidebar nav{grid-template-columns:repeat(3,1fr)}.admin-sidebar button{text-align:center}.card-admin-grid,.admin-card-field-grid{grid-template-columns:1fr}.management-panel input:not([type=checkbox]),.admin-card-edit-form select,.admin-card-edit-form textarea{font-size:16px}}