.infocard-page-wrap{padding-bottom:3rem}.infocard-page-wrap__body{display:flex;flex-direction:column;gap:1.5rem}.infocard-page-wrap__studio{padding-top:0}.infocard-how-to{padding:1.25rem 1.35rem}.infocard-how-to__title{margin:0 0 1rem;font-size:1.05rem;font-weight:600}.infocard-how-to__list{margin:0;padding:0;list-style:none;display:grid;grid-gap:1rem;gap:1rem}.infocard-how-to__item{display:grid;grid-template-columns:auto 1fr;grid-gap:.85rem;gap:.85rem;align-items:start}.infocard-how-to__step{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:999px;font-size:.8125rem;font-weight:700;background:rgba(var(--primary-rgb),.18);color:hsla(0,0%,100%,.92);border:1px solid rgba(var(--primary-rgb),.35)}.infocard-how-to__item-title{margin:0 0 .2rem;font-size:.95rem;font-weight:600}.infocard-how-to__item-body{margin:0;color:var(--text-muted,#9aa3b2);font-size:.9rem;line-height:1.45}.infocard-how-to__tip{margin:1rem 0 0;padding-top:.85rem;border-top:1px solid hsla(0,0%,100%,.08);font-size:.875rem;color:var(--text-muted,#9aa3b2);line-height:1.45}.infocard-studio__status{margin:0 0 .65rem;font-size:.9rem;color:var(--text-muted,#9aa3b2)}.infocard-studio__alert{margin:0 0 .75rem;padding:.75rem .85rem;border-radius:.65rem;font-size:.875rem;line-height:1.4}.infocard-studio__alert p{margin:0 0 .5rem}.infocard-studio__alert p:last-child{margin-bottom:0}.infocard-studio__alert--error{border:1px solid hsla(0,69%,67%,.45);background:rgba(127,29,29,.22);color:#fecaca}.infocard-studio__search-muted--error{color:#fca5a5}.infocard-studio__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;max-width:1200px;margin:0 auto 1.5rem}.infocard-studio__toolbar-title{margin:0;font-size:1.125rem;font-weight:600}.infocard-studio__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;max-width:1200px;margin:0 auto 1.5rem}.infocard-studio__title{margin:0 0 .35rem;font-size:1.75rem;font-weight:700}.infocard-studio__intro{margin:0;color:var(--text-muted,#888);max-width:42rem;font-size:.95rem}.infocard-studio__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.infocard-studio__save-status{flex:1 1 100%;margin:.35rem 0 0;font-size:.9rem;color:var(--accent-green,#6b9e7d)}.infocard-studio__save-status--error{color:var(--danger,#e57373)}.infocard-studio--loading{max-width:1200px;margin:0 auto;padding:2rem 1rem}.infocard-studio__toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.infocard-studio__layout{display:grid;grid-template-columns:minmax(240px,320px) 1fr;grid-gap:1.5rem;gap:1.5rem;max-width:1200px;margin:0 auto;align-items:start}@media (max-width:860px){.infocard-studio__toolbar{flex-direction:column;align-items:stretch}.infocard-studio__actions{width:100%}.infocard-studio__layout{grid-template-columns:1fr}}.infocard-studio__panel{padding:1rem 1.1rem}.infocard-studio__panel-title{margin:1rem 0 .75rem;font-size:1rem;font-weight:600}.infocard-studio__character-picker{margin-bottom:.25rem}.infocard-studio__field-label-block{display:block;font-size:.8rem;color:var(--text-muted,#888);margin-bottom:.35rem}.infocard-studio__loaded-oc{margin-bottom:.4rem;padding:.35rem .5rem;border-radius:4px;background:rgba(88,101,242,.12);border:1px solid rgba(88,101,242,.35);font-size:.85rem;font-weight:600}.infocard-studio__skipped{margin-bottom:.65rem;padding:.45rem .55rem;border-radius:4px;background:rgba(192,57,43,.1);border:1px solid rgba(192,57,43,.35);font-size:.78rem;line-height:1.4}.infocard-studio__skipped strong{display:block;margin-bottom:.25rem;font-size:.8rem}.infocard-studio__skipped ul{margin:0;padding-left:1.1rem}.infocard-studio__search-wrap{position:relative}.infocard-studio__search{width:100%;padding:.35rem .5rem;border:1px solid hsla(0,0%,100%,.15);border-radius:4px;background:rgba(0,0,0,.25);color:inherit;font:inherit;font-size:.85rem}.infocard-studio__search-results{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;margin:0;padding:.25rem 0;list-style:none;max-height:220px;overflow-y:auto;border-radius:6px;border:1px solid hsla(0,0%,100%,.12);background:#1a1a22;box-shadow:0 8px 24px rgba(0,0,0,.45)}.infocard-studio__search-hit{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.45rem .65rem;border:none;background:transparent;color:inherit;font:inherit;font-size:.85rem;text-align:left;cursor:pointer}.infocard-studio__search-hit:hover{background:rgba(88,101,242,.15)}.infocard-studio__search-hit-id{font-size:.72rem;color:var(--text-muted,#888);flex-shrink:0}.infocard-studio__search-muted{padding:.45rem .65rem;font-size:.8rem;color:var(--text-muted,#888)}.infocard-studio__panel-title:first-child{margin-top:0}.infocard-studio__fields{display:flex;flex-direction:column;gap:.55rem}.infocard-studio__field{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem}.infocard-studio__field span{color:var(--text-muted,#888)}.infocard-studio__field input{padding:.35rem .5rem}.infocard-studio__field input,.infocard-studio__select{border:1px solid hsla(0,0%,100%,.15);border-radius:4px;background-color:rgba(0,0,0,.25);color:inherit;font:inherit;font-size:.85rem;box-sizing:border-box}.infocard-studio__select{width:100%;padding:.35rem var(--select-padding-right) .35rem .5rem;background-image:var(--select-chevron-svg);background-repeat:no-repeat;background-position:right var(--select-arrow-inset) center;background-size:var(--select-arrow-size);appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.infocard-studio__select:hover{border-color:hsla(0,0%,100%,.22)}.infocard-studio__select:focus,.infocard-studio__select:hover{background-color:rgba(0,0,0,.35);background-image:var(--select-chevron-svg);background-repeat:no-repeat;background-position:right var(--select-arrow-inset) center;background-size:var(--select-arrow-size)}.infocard-studio__select:focus{outline:none;border-color:var(--accent,#5865f2);box-shadow:var(--input-well-focus-shadow,0 0 0 2px rgba(88,101,242,.35))}.infocard-studio__select option{background:var(--input-well-bg,#1a1a22);color:#f1f5f9}.infocard-studio__missions{margin:0;padding:0;border:none;font-size:.8rem}.infocard-studio__missions legend{color:var(--text-muted,#888);margin-bottom:.35rem}.infocard-studio__missions-row{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.35rem;gap:.35rem}.infocard-studio__missions-cell{display:flex;flex-direction:column;gap:.2rem}.infocard-studio__missions-cell span{color:var(--text-muted,#888);font-size:.75rem;text-align:center}.infocard-studio__missions-cell input{padding:.35rem .25rem;border:1px solid hsla(0,0%,100%,.15);border-radius:4px;background-color:rgba(0,0,0,.25);color:inherit;font:inherit;font-size:.85rem;text-align:center;width:100%;box-sizing:border-box}.infocard-studio__nature-picker{display:flex;flex-direction:column;gap:.45rem}.infocard-studio__nature-group{margin:0;padding:0;border:none}.infocard-studio__nature-group legend{font-size:.72rem;color:var(--text-muted,#888);margin-bottom:.3rem}.infocard-studio__nature-chips{display:flex;flex-wrap:wrap;gap:.35rem}.infocard-studio__nature-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .45rem;border-radius:999px;border:1px solid hsla(0,0%,100%,.18);background:rgba(0,0,0,.2);font-size:.75rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-color .12s,background .12s}.infocard-studio__nature-chip input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.infocard-studio__nature-chip--on{border-color:rgba(88,101,242,.75);background:rgba(88,101,242,.22)}.infocard-studio__nature-chip:hover{border-color:hsla(0,0%,100%,.35)}.infocard-studio__nature-chip--disabled{opacity:.45;cursor:not-allowed}.infocard-studio__nature-chip--disabled:hover{border-color:hsla(0,0%,100%,.18)}.infocard-studio__nature-icon{flex-shrink:0;object-fit:contain}.infocard-studio__nature-fallback{font-size:.7rem;opacity:.7}.infocard-studio__portrait-picker{margin-bottom:.65rem}.infocard-studio__team-picker{margin-bottom:.75rem}.infocard-studio__team-picker-slot+.infocard-studio__team-picker-slot{margin-top:.65rem}.infocard-studio__team-picker-slot-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;margin-bottom:.35rem;font-size:.78rem;font-weight:600}.infocard-studio__team-picker-slot-name{font-weight:400;color:var(--text-muted,#888);font-size:.72rem}.infocard-studio__portrait-grid--team .infocard-studio__portrait-thumb{aspect-ratio:1}.infocard-studio__portrait-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));grid-gap:.45rem;gap:.45rem}.infocard-studio__portrait-option{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;padding:.25rem;border:2px solid hsla(0,0%,100%,.12);border-radius:6px;background:rgba(0,0,0,.2);cursor:pointer;color:inherit;font:inherit;text-align:center}.infocard-studio__portrait-option:hover{border-color:hsla(0,0%,100%,.28)}.infocard-studio__portrait-option--selected{border-color:rgba(88,101,242,.85);background:rgba(88,101,242,.12)}.infocard-studio__portrait-thumb{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top center;border-radius:3px;background:#222}.infocard-studio__portrait-option-label{font-size:.65rem;line-height:1.2;color:var(--text-muted,#888);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.infocard-studio__preview-label{margin-bottom:.75rem;font-size:.85rem;font-weight:600;color:var(--text-muted,#888)}.infocard-studio__canvas-wrap{display:flex;justify-content:center;padding:1.5rem;border-radius:8px;background:repeating-conic-gradient(#2a2a2a 0 25%,#333 0 50%) 50% /16px 16px}.infocard-canvas{flex-shrink:0;overflow:visible}.infocard{width:440px;padding:14px 16px;background:#e8e5d0;border:6px solid #6b9e7d;font-family:Arial,Helvetica,sans-serif;color:#333;line-height:1.25}.infocard,.infocard *,.infocard :after,.infocard :before{box-sizing:border-box}.infocard img{max-width:none}.infocard__header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-column-gap:10px;column-gap:10px;margin-bottom:8px}.infocard__mark{justify-self:start;width:68px;height:56px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:visible}.infocard__mark-icon{display:block;width:76px;height:64px;max-width:76px;max-height:64px;object-fit:contain;object-position:center}.infocard__mark-icon--invert{filter:brightness(0)}.infocard__emblem{grid-column:2;justify-self:center;align-self:start;width:62px;height:62px;margin-top:-18px;border-radius:50%;border:2px solid #111;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;flex-shrink:0;position:relative;z-index:1}.infocard__title-block{grid-column:3;justify-self:end;text-align:right;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;gap:2px}.infocard__village{font-size:22px;font-weight:700;color:#111;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.infocard--ja .infocard__village{font-size:28px;letter-spacing:.12em}.infocard--ja .infocard__name-ja{font-size:12px;font-weight:700;color:#111;letter-spacing:.08em}.infocard--ja .infocard-radar__label,.infocard--ja .infocard__field-label,.infocard--ja .infocard__section-label{font-family:MS Gothic,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif}.infocard--ja .infocard-radar__label{font-size:13px;font-weight:700}.infocard__land-kanji{font-size:12px;letter-spacing:.08em;color:#666;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.infocard--ja .infocard__land-kanji{font-size:13px;letter-spacing:.1em}.infocard__name-block{flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-start}.infocard__name-ja{font-size:10px;letter-spacing:.15em;color:#666;margin-top:4px}.infocard__name,.infocard__name-ja{text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.infocard__name{font-size:13px;font-weight:700;color:#111}.infocard__upper{display:grid;grid-template-columns:1fr 130px;grid-gap:10px;gap:10px;margin-bottom:8px;align-items:start}.infocard__portrait-block{display:flex;flex-direction:column;align-items:stretch}.infocard__fields{display:flex;flex-direction:column;gap:4px}.infocard__field{display:flex;align-items:center;gap:6px;padding:3px 7px;background:#fff;border:1px solid #111;font-size:10px;min-height:22px}.infocard__field--wide{min-height:26px}.infocard__field-label{flex-shrink:0;font-weight:700;width:72px;line-height:1.1}.infocard__field-value{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.infocard__portrait{position:relative;display:flex;align-items:center;justify-content:center;background:#dcdcdc;border:1px solid #111;height:140px;overflow:hidden}.infocard__portrait--has-image{background:transparent;border:none}.infocard__portrait-img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:top center}.infocard__portrait-ph{font-size:52px;color:#bbb;line-height:1}.infocard__mid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:8px}.infocard__section-label{font-size:10px;font-weight:700;letter-spacing:.25em;margin-bottom:5px;color:#111;line-height:1.2}.infocard:not(.infocard--ja) .infocard__section-label{letter-spacing:.12em}.infocard__team-block{display:flex;flex-direction:column;align-items:center}.infocard__team-block .infocard__section-label{width:100%;text-align:center;margin-bottom:6px}.infocard__team{display:flex;justify-content:center;align-items:flex-start;gap:6px;width:100%}.infocard__team-slot{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1 1;min-width:0;max-width:84px}.infocard__team-img{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #111;box-shadow:2px 2px 0 rgba(0,0,0,.15);overflow:hidden}.infocard__team-img--has-photo{background:transparent;border:none;box-shadow:none}.infocard__team-ph{font-size:24px;color:#bbb;line-height:1}.infocard__team-img-photo{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center}.infocard__team-label{width:100%;font-size:8px;font-weight:700;text-align:center;line-height:1.2;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;color:#111;overflow:hidden}.infocard--ja .infocard__team-label{font-family:MS Gothic,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif;font-size:9px;letter-spacing:.04em}.infocard__natures{margin-top:6px;width:100%;flex-shrink:0}.infocard__natures-label{letter-spacing:.15em;margin-bottom:5px;text-align:center}.infocard__natures-row{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;justify-content:center}.infocard__clans{margin-top:4px;width:100%;flex-shrink:0;min-height:72px}.infocard__clans-label{letter-spacing:.15em;margin-bottom:4px;text-align:center}.infocard__clans-row{display:flex;flex-wrap:nowrap;gap:4px;align-items:flex-start;justify-content:center;height:52px;min-height:52px;max-height:52px;overflow:hidden}.infocard__clan-slot{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1 1;min-width:0;max-width:72px;height:52px;overflow:hidden}.infocard__clan-icon-wrap{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #111;box-shadow:1px 1px 0 rgba(0,0,0,.12)}.infocard__clan-icon{display:block;width:30px;height:30px;max-width:30px;max-height:30px;object-fit:contain;object-position:center;filter:brightness(0)}.infocard__clan-icon--color{filter:none}.infocard__clan-icon--invert{filter:brightness(0)}.infocard__clan-fallback{font-size:13px;color:#888;line-height:1}.infocard__clan-name{width:100%;font-size:7px;font-weight:700;text-align:center;line-height:1.15;color:#111;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;max-height:calc(1.15em * 2);flex-shrink:0}.infocard--ja .infocard__clan-name{font-family:MS Gothic,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif;font-size:8px;letter-spacing:.02em}.infocard__nature-icon-wrap{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #111;box-shadow:1px 1px 0 rgba(0,0,0,.12)}.infocard__nature-icon{display:block;width:36px;height:36px;max-width:36px;max-height:36px;object-fit:contain;object-position:center}.infocard__nature-fallback{font-size:13px;font-weight:700;color:#555}.infocard__side{display:flex;flex-direction:column;gap:6px}.infocard__tools-box{padding:5px 7px;background:#c5d1e0;border-bottom:1px solid #111;border-right:1px solid #111;border-color:#111 #3a5080 #3a5080 #111;border-style:solid;border-width:1px 3px 3px 1px;font-size:10px;min-height:28px}.infocard__missions-box{padding:4px 7px;background:#fff;border:1px solid #111;font-size:10px}.infocard__mission-row{display:flex;justify-content:space-between;line-height:1.55;font-weight:700}.infocard__lower{display:grid;grid-template-columns:126px 1fr;grid-gap:10px;gap:10px;align-items:end}.infocard__bars-wrap .infocard-bars{min-height:98px;height:auto}.infocard__radar-wrap{display:flex;justify-content:center}.infocard-radar__label{font-size:9px;font-weight:700;fill:#111;font-family:Arial,Helvetica,sans-serif}.infocard-bars{display:flex;flex-direction:column;padding:8px 10px 10px;border:1px solid #111}.infocard-bars__columns{display:flex;justify-content:center;align-items:flex-end;gap:4px}.infocard-bars__col{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;width:18px;min-width:18px;max-width:18px}.infocard-bars__plot{display:flex;align-items:flex-end;justify-content:center;width:100%}.infocard-bars__bar{border-radius:1px 1px 0 0}.infocard-bars__label{margin-top:5px;font-size:9px;font-weight:700;text-align:center;line-height:1.2;white-space:nowrap}.infocard-bars--wide-labels .infocard-bars__label{font-size:9px;letter-spacing:.02em}.infocard--ja .infocard-bars__label{font-family:MS Gothic,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif;font-size:11px}