.lab-mates-shell{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:40px 0 80px}.lab-mates-hero{display:grid;gap:10px;margin-bottom:24px}.lab-mates-hero h1{margin:0;font-size:clamp(2rem,4vw,3.2rem)}.lab-mates-lead{margin:0;color:var(--fg-soft);line-height:1.8}.lab-section-kicker{margin:0 0 8px;color:var(--gold);font-size:.72rem;letter-spacing:.14em}.lab-auth-gate{padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--panel)}.lab-auth-gate h2{margin:0 0 10px;font-size:1.25rem}.lab-auth-gate__action{margin:18px 0 0}.lab-action-button,.lab-filter-reset,.lab-text-button{appearance:none;border:1px solid var(--border);background:var(--ink-soft);color:var(--fg);font:inherit;cursor:pointer}.lab-action-button{display:inline-flex;align-items:center;justify-content:center;padding:9px 15px;border-radius:999px;text-decoration:none}.lab-action-button:hover,.lab-action-button:focus-visible,.lab-filter-reset:hover,.lab-filter-reset:focus-visible,.lab-text-button:hover,.lab-text-button:focus-visible{border-color:var(--gold-soft);color:var(--gold)}.lab-audit-notice{margin:16px 0;padding:10px 14px;border:1px solid var(--stamp-border);border-radius:10px;color:var(--stamp-text);font-size:.82rem}.lab-tabs{display:flex;gap:8px;margin:24px 0;border-bottom:1px solid var(--border)}.lab-tab{appearance:none;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:12px 16px;font:inherit;cursor:pointer}.lab-tab.is-active{border-color:var(--gold);color:var(--fg)}.lab-tab:focus-visible{outline:2px solid var(--gold-soft);outline-offset:2px}.lab-activity{margin:20px 0 32px}.lab-activity-viewport{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.lab-activity-viewport::-webkit-scrollbar{display:none}.lab-activity-track{display:flex;gap:10px;min-width:max-content}.lab-activity-card{width:250px;min-height:64px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--ink-soft);text-decoration:none}.lab-activity-card:hover,.lab-activity-card:focus-visible{border-color:var(--border-strong)}.lab-activity-card__text{min-width:0;display:grid}.lab-activity-card__text strong,.lab-activity-card__text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-activity-card__text span{color:var(--fg-soft);font-size:.82rem}.lab-avatar{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border-strong);border-radius:50%;background:var(--panel);color:var(--gold);font-family:"Shippori Mincho",serif}.lab-avatar img{width:100%;height:100%;object-fit:cover}.lab-avatar--fallback{background:linear-gradient(145deg,var(--panel),var(--ink-soft));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.lab-avatar--large{width:76px;height:76px;font-size:1.4rem}.lab-panel-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:24px;align-items:end;margin:0 0 18px}.lab-panel-head h2{margin:0;font-size:1.25rem}.lab-panel-head>p{margin:0;color:var(--fg-soft);font-size:.84rem;line-height:1.8}.lab-filterbar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 8px}.lab-filterbar select{min-width:170px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--ink-soft);color:var(--fg)}.lab-filterbar select:focus-visible{outline:2px solid var(--gold-soft);outline-offset:1px}.lab-filter-reset{padding:9px 13px;border-radius:10px}.lab-filter-reset:disabled{opacity:.4;cursor:not-allowed}.lab-filter-help{margin:0 0 16px;color:var(--muted);font-size:.74rem;line-height:1.7}.lab-member-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 14px;color:var(--muted);font-size:.82rem}.lab-member-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.lab-member-card{appearance:none;min-height:96px;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--panel);color:var(--fg);text-align:left;font:inherit;cursor:pointer}.lab-member-card:hover,.lab-member-card:focus-visible{border-color:var(--gold-soft);background:var(--panel-hover)}.lab-member-card__body{min-width:0;display:grid;gap:6px;flex:1}.lab-member-card__name-row{min-width:0;display:flex;align-items:center;gap:8px}.lab-member-card__name-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-plan-badge{flex:0 0 auto;padding:2px 6px;border:1px solid var(--border);border-radius:999px;color:var(--gold);font-size:.62rem;line-height:1.3}.lab-member-card__summary{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.lab-stat-chip{display:inline-flex;align-items:baseline;gap:4px;padding:2px 7px;border:1px solid var(--border);border-radius:999px;font-size:.72rem;line-height:1.4;color:var(--fg-soft);max-width:100%;overflow:hidden}.lab-stat-chip__label{flex:0 0 auto;color:var(--muted);font-size:.64rem}.lab-stat-chip__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-stat-chip--empty{border-style:dashed;color:var(--muted)}.lab-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:24px 0}.lab-pagination button,.lab-pack-button{appearance:none;padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:var(--ink-soft);color:var(--fg);font:inherit;cursor:pointer}.lab-pagination button:disabled{opacity:.35;cursor:not-allowed}.lab-panel-handoff{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:30px 0 0;padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:var(--ink-soft)}.lab-panel-handoff>div{display:grid;gap:4px}.lab-panel-handoff span{color:var(--fg-soft);font-size:.78rem}.lab-ranking-packs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.lab-pack-button.is-active{border-color:var(--gold);color:var(--gold)}.lab-ranking-list{display:grid;gap:8px}.lab-ranking-row{display:grid;grid-template-columns:42px 40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.lab-ranking-row__rank{color:var(--gold);font-family:"Shippori Mincho",serif;font-size:1.1rem}.lab-ranking-row__score{font-weight:700}.lab-back-link{margin:20px 0 0}.lab-text-button{padding:0;border:0;background:none;color:var(--fg-soft);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:4px}.lab-dialog{width:min(620px,calc(100% - 32px));max-height:85vh;overflow:auto;border:1px solid var(--border-strong);border-radius:18px;background:var(--ink-raised);color:var(--fg);box-shadow:var(--shadow);padding:0}.lab-dialog::backdrop{background:rgba(0,0,0,.72)}.lab-dialog__inner{padding:24px}.lab-dialog__close{float:right;appearance:none;border:1px solid var(--border);border-radius:999px;background:none;color:var(--fg);width:36px;height:36px;cursor:pointer}.lab-profile__head{display:flex;align-items:center;gap:16px;margin:16px 0 22px}.lab-profile__head h2{margin:0}.lab-plan{margin:4px 0 0;color:var(--gold);font-size:.8rem}.lab-profile__results{display:grid;gap:12px}.lab-result-block{padding:14px;border:1px solid var(--border);border-radius:12px}.lab-result-block h3{margin:0 0 10px;font-size:.9rem;color:var(--fg-soft)}.lab-result-block .lab-text-button{margin-top:10px}.lab-result-line{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--border)}.lab-result-line:first-of-type{border-top:0}.lab-result-value{margin:0;font-weight:700}.lab-rarity{display:grid;justify-items:end;text-align:right}.lab-rarity__value{color:var(--gold);font-size:.84rem}.lab-rarity small{max-width:280px;color:var(--muted);font-size:.65rem;line-height:1.5}.lab-empty,.lab-error{color:var(--muted)}
@media(max-width:880px){.lab-member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-panel-head{grid-template-columns:1fr}.lab-panel-head>p{max-width:680px}}
@media(max-width:560px){.lab-mates-shell{width:min(100% - 24px,1120px);padding-top:24px}.lab-activity-card{width:calc(100vw - 48px)}.lab-member-grid{grid-template-columns:1fr}.lab-filterbar{display:grid}.lab-filterbar select,.lab-filter-reset{width:100%;min-width:0}.lab-result-line{display:grid}.lab-rarity{justify-items:start;text-align:left}.lab-ranking-row{grid-template-columns:32px 36px minmax(0,1fr) auto}.lab-ranking-row .lab-avatar{width:36px;height:36px}.lab-panel-handoff{align-items:flex-start;flex-direction:column}.lab-panel-handoff .lab-action-button{width:100%}.lab-member-card__name-row{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.lab-activity-viewport{scroll-behavior:auto!important}}
.lab-settings-entry{margin:0 0 8px}
@media(max-width:560px){.lab-settings-entry .lab-action-button{width:100%}}
.lab-ranking-pack-badge{display:inline-block;font-size:.78rem;color:var(--gold-soft);border:1px solid var(--border);border-radius:999px;padding:.15rem .7rem}
.lab-ranking-pack-badge.is-active{color:var(--ink);background:var(--gold);border-color:var(--gold)}
.lab-ranking-row__body{display:flex;flex-direction:column;gap:2px;min-width:0}
.lab-ranking-row__body strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lab-ranking-row__time{color:var(--muted);font-size:.74rem}
.lab-ranking-self{margin:0 0 16px;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:var(--ink-soft)}
.lab-self-best{margin:0;font-size:.86rem;color:var(--fg)}

/* 朋一覧カード：プロフィールカード化（2026-09-22） */
.lab-member-grid{--plan-pro:#D2AA4D;--plan-plus:#B8BDC7;--plan-free:#79C7D3;--gx-wood:#829d70;--gx-fire:#c8795d;--gx-earth:#ad9570;--gx-metal:#a5aab3;--gx-water:#7392ad}
.lab-member-card{position:relative;min-height:176px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:9px;padding:18px 16px 16px;transition:border-color .15s ease,background-color .15s ease}
.lab-member-card:hover,.lab-member-card:focus-visible{border-color:rgba(210,170,77,.42);background:var(--panel-hover)}
.lab-member-card__head{position:relative;min-height:64px;display:flex;align-items:flex-start;justify-content:center;gap:8px}
.lab-member-card .lab-avatar{width:62px;height:62px;font-size:1.35rem;border-width:2px;transition:border-color .15s ease,box-shadow .15s ease}
.lab-member-card--free .lab-avatar{border-color:var(--plan-free);box-shadow:0 0 0 3px rgba(121,199,211,.06)}
.lab-member-card--plus .lab-avatar{border-color:var(--plan-plus);box-shadow:0 0 0 3px rgba(184,189,199,.055)}
.lab-member-card--pro .lab-avatar{border-color:var(--plan-pro);box-shadow:0 0 0 3px rgba(210,170,77,.07)}
.lab-member-card__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%;font-size:1rem;font-weight:700;line-height:1.35;overflow-wrap:anywhere;color:var(--fg);text-align:center}
.lab-plan-mark{position:absolute;right:0;top:0;display:inline-flex;align-items:center;gap:4px;padding:2px 0;font-size:.72rem;font-weight:700;letter-spacing:.04em;line-height:1}
.lab-plan-mark svg{width:15px;height:15px;display:block}
.lab-plan-mark--pro{color:var(--plan-pro)}
.lab-plan-mark--plus{color:var(--plan-plus)}
.lab-plan-mark--free{color:var(--plan-free);opacity:.85}
.lab-member-card__meta{display:grid;gap:3px;min-width:0;margin-top:1px}
.lab-meta-line{display:flex;align-items:baseline;gap:10px;min-width:0;font-size:.82rem;line-height:1.35}
.lab-meta-line__label{flex:0 0 4.4em;white-space:nowrap;color:var(--muted);font-size:.62rem;letter-spacing:.08em}
.lab-meta-line__value{min-width:0;color:var(--fg-soft);font-weight:600;overflow-wrap:anywhere}
.lab-meta-line--empty{color:var(--muted);font-size:.78rem;text-align:center}
.lab-gogyo-values{display:inline-flex;flex-wrap:wrap;gap:10px}
.lab-gogyo-dot{display:inline-flex;align-items:center;gap:5px}
.lab-gogyo-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.lab-gogyo-dot--wood{color:var(--gx-wood)}.lab-gogyo-dot--fire{color:var(--gx-fire)}.lab-gogyo-dot--earth{color:var(--gx-earth)}.lab-gogyo-dot--metal{color:var(--gx-metal)}.lab-gogyo-dot--water{color:var(--gx-water)}
@media(max-width:560px){.lab-member-card{min-height:0;padding-top:16px}.lab-member-card__head{min-height:60px}.lab-member-card .lab-avatar{width:58px;height:58px}}
/* WEB-250 (2026-10-05): 朋の一覧をカード風に。重ねず整列し、触れたカードが少し持ち上がる（Owner：手札のように重ねなくてよい） */
.lab-member-grid.lab-hand-grid{--card-w:168px;display:grid;grid-template-columns:repeat(auto-fill,var(--card-w));justify-content:center;gap:22px 18px;padding:18px 0 8px}
.lab-hand-grid .lab-member-card{width:var(--card-w);aspect-ratio:5/7;min-height:0;margin:0;padding:0;gap:0;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;border:1px solid var(--card-edge,rgba(255,255,255,.14));border-radius:12px;background:radial-gradient(120% 70% at 50% 18%,color-mix(in srgb,var(--card-tint,#6b6872) 24%,transparent),transparent 62%),radial-gradient(120% 65% at 50% 100%,color-mix(in srgb,var(--card-tint2,var(--card-tint,#6b6872)) 30%,transparent),transparent 72%),linear-gradient(170deg,#1f1d24 0%,#141318 58%,#0e0d11 100%);box-shadow:0 10px 24px rgba(0,0,0,.55),inset 0 0 0 3px #0c0b0f,inset 0 0 0 4px color-mix(in srgb,var(--card-edge,#888) 55%,transparent);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease;text-align:center}
.lab-hand-grid .lab-member-card:hover,.lab-hand-grid .lab-member-card:focus-visible{z-index:50;transform:translateY(-6px);box-shadow:0 22px 40px rgba(0,0,0,.65),0 0 0 1px var(--card-edge),0 0 26px color-mix(in srgb,var(--card-edge,#888) 40%,transparent),inset 0 0 0 3px #0c0b0f;background:radial-gradient(120% 70% at 50% 18%,color-mix(in srgb,var(--card-tint,#6b6872) 36%,transparent),transparent 62%),radial-gradient(110% 60% at 50% 100%,color-mix(in srgb,var(--card-tint2,var(--card-tint,#6b6872)) 30%,transparent),transparent 70%),linear-gradient(170deg,#24222a 0%,#16151a 58%,#0e0d11 100%)}
.lab-hand-grid .lab-member-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.lab-member-card--pro{--card-edge:var(--plan-pro)}.lab-member-card--plus{--card-edge:var(--plan-plus)}.lab-member-card--free{--card-edge:var(--plan-free)}
.lab-hand-grid .lab-member-card__gem{position:absolute;left:7px;top:7px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.45),transparent 45%),linear-gradient(135deg,var(--card-tint) 0%,var(--card-tint) 45%,var(--card-tint2,var(--card-tint)) 100%);color:#141217;font-family:"Shippori Mincho",serif;font-size:.78rem;font-weight:700;box-shadow:0 0 0 2px #0c0b0f,0 0 0 3px color-mix(in srgb,var(--card-edge,#888) 70%,transparent),0 2px 6px rgba(0,0,0,.5);z-index:2}
.lab-hand-grid .lab-member-card__head{min-height:0;flex:0 0 52%;display:grid;place-items:center;margin:8px 8px 0;border-radius:8px 8px 4px 4px;background:radial-gradient(60% 60% at 50% 55%,color-mix(in srgb,var(--card-tint,#6b6872) 30%,transparent),transparent 70%),linear-gradient(150deg,color-mix(in srgb,var(--card-tint,#6b6872) 26%,transparent) 0%,transparent 48%,color-mix(in srgb,var(--card-tint2,var(--card-tint,#6b6872)) 38%,transparent) 100%),repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 6px,transparent 6px 12px);border:1px solid rgba(255,255,255,.06)}
.lab-hand-grid .lab-member-card .lab-avatar{width:calc(var(--card-w)*.46);height:calc(var(--card-w)*.46);font-size:calc(var(--card-w)*.16);border-width:2px;border-color:var(--card-edge)}
.lab-hand-grid .lab-plan-mark{right:6px;top:6px;padding:2px 6px;border-radius:999px;background:rgba(12,11,15,.82);font-size:.62rem}
.lab-hand-grid .lab-member-card__name{position:relative;width:auto;margin:-10px 6px 0;padding:5px 6px;font-size:max(11px,calc(var(--card-w)*.088));-webkit-line-clamp:1;border-radius:4px;background:linear-gradient(90deg,transparent,rgba(12,11,15,.92) 12%,rgba(12,11,15,.92) 88%,transparent);border-top:1px solid color-mix(in srgb,var(--card-edge,#888) 55%,transparent);border-bottom:1px solid color-mix(in srgb,var(--card-edge,#888) 55%,transparent)}
.lab-hand-grid .lab-member-card__meta{flex:1;align-content:center;gap:2px;margin:6px 10px 10px;padding:6px 4px 0;border-top:1px dashed rgba(255,255,255,.08)}
.lab-hand-grid .lab-meta-line{justify-content:center;gap:6px;font-size:max(10px,calc(var(--card-w)*.072))}
.lab-hand-grid .lab-meta-line__label{flex:0 0 auto;font-size:max(8.5px,calc(var(--card-w)*.05))}
.lab-hand-grid .lab-gogyo-values{gap:6px}
@keyframes lab-deal{from{opacity:0;transform:translateY(16px)}to{opacity:1}}
.lab-hand-grid .lab-member-card.is-dealt{animation:lab-deal .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0)*35ms)}
@media(max-width:880px){.lab-member-grid.lab-hand-grid{--card-w:150px}}
@media(max-width:560px){.lab-member-grid.lab-hand-grid{--card-w:min(168px,calc((100vw - 36px)/2));grid-template-columns:repeat(2,var(--card-w));gap:14px 12px}}
@media(prefers-reduced-motion:reduce){.lab-hand-grid .lab-member-card{transition:none}.lab-hand-grid .lab-member-card.is-dealt{animation:none}}