/* ARENA SCRIM 参加者ページ */
.mb-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:999px;padding:6px;margin-bottom:22px}
.mb-bar a{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;color:var(--ink)}
.mb-bar a.is-on{background:var(--ink);color:#fff}
.mb-bar .mb-me{margin-left:auto}
.mb-bar .mb-me img{border-radius:50%}
.mb-bar .mb-out{color:var(--sub);font-weight:500}
.mb-card{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:clamp(20px,3vw,32px)}
.mb-alert{background:#fff4e5;border:1px solid #ffcc80;color:#6d4200;border-radius:14px;padding:12px 16px;font-size:14px}
.btn-discord{background:#5865f2;color:#fff}
.btn-discord:hover{background:#4752c4}
.mb-cols{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start}
@media (max-width:900px){.mb-cols{grid-template-columns:1fr}}
.mb-who{display:inline-flex!important;align-items:center;gap:10px}
.mb-who img{border-radius:50%}
.board tr.is-me td{background:#fff8e1}
.chip.is-on{background:var(--ink);color:#fff}
.mb-profile{display:flex;gap:18px;align-items:center}
.mb-profile img{border-radius:50%;border:4px solid var(--sky-soft,#dff1ff)}
.mb-epic{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mb-epic input{font:inherit;font-size:16px;padding:11px 16px;border:1px solid var(--line);border-radius:999px;min-width:260px}
.mb-msg{font-size:14px;font-weight:700;color:var(--sub)}
.mb-drop{display:grid;gap:6px;place-items:center;text-align:center;border:3px dashed #9fd6ff;border-radius:20px;padding:34px 20px;cursor:pointer;background:#f5fbff;transition:background .2s}
.mb-drop b{font-size:18px}
.mb-drop.is-over,.mb-drop:hover{background:#e3f3ff}
.mb-help summary{cursor:pointer;font-weight:700;font-size:14px}
.mb-help code{background:var(--paper-2);padding:2px 6px;border-radius:6px;word-break:break-all}
.mb-share{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}
.mb-share input{width:18px;height:18px}
.mb-del{font:inherit;font-size:12px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 10px;cursor:pointer;color:var(--sub)}
.mb-badge{display:inline-block;font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px;background:var(--paper-2)}
.mb-badge.on{background:#e8f5e9;color:#1b5e20}
.mb-place{font-family:var(--latin);color:var(--pink);margin-left:6px}
.mb-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.mb-stats div{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:2px}
.mb-stats b{font-family:var(--latin);font-size:24px;font-weight:400}
.mb-stats span{font-size:12px;color:var(--sub);font-weight:700}
@media (max-width:760px){.mb-stats{grid-template-columns:repeat(2,1fr)}}
.mb-mapwrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}
@media (max-width:900px){.mb-mapwrap{grid-template-columns:1fr}}
.mb-map canvas{width:100%;height:auto;border-radius:20px;display:block;background:#0b3a74}
.mb-layers{display:grid;gap:6px;font-weight:700;font-size:14px}
.mb-layers input{width:17px;height:17px;vertical-align:-3px}
.mb-time{display:grid;grid-template-columns:auto 1fr;gap:8px 10px;align-items:center;font-size:14px;font-weight:700}
.mb-time input{width:100%}
.mb-time output{grid-column:1/-1;font-family:var(--latin);color:var(--sub)}
.mb-time .btn{grid-column:1/-1;justify-self:start}
.mb-legend{list-style:none;padding:0;margin:0;display:grid;gap:6px;color:var(--sub)}
.mb-legend i{display:inline-block;width:18px;height:10px;margin-right:6px;vertical-align:1px;border-radius:3px}
.lg-bus{background:#0d0f14}.lg-zone{border:3px solid #e91e63;border-radius:50%!important;height:14px!important;width:14px!important;vertical-align:-2px!important}
.lg-route{background:linear-gradient(90deg,#4fc3f7,#1a237e)}.lg-land{background:#ffd400;border-radius:50%!important;width:14px!important;height:14px!important;border:2px solid #0d0f14}
.lg-dead,.lg-hit{background:#d30000;clip-path:polygon(20% 0,50% 30%,80% 0,100% 20%,70% 50%,100% 80%,80% 100%,50% 70%,20% 100%,0 80%,30% 50%,0 20%);height:14px!important;width:14px!important}
.lg-kill{background:#1976d2;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);height:14px!important;width:14px!important}
.mb-elims{margin:6px 0 0;padding-left:0;list-style:none;display:grid;gap:4px}
.mb-elims li{padding:6px 10px;border-radius:10px;background:#e3f2fd}
.mb-elims li.onme{background:#ffebee}
.mb-elims .num{font-family:var(--latin);color:var(--sub);margin-right:4px}
@media (max-width:620px){.mb-bar{border-radius:20px}.mb-bar a{font-size:13px;padding:8px 10px;white-space:nowrap}.mb-bar .mb-home,.mb-bar .mb-results{flex:1 1 45%;justify-content:center}.mb-bar .mb-me{margin-left:0}}
/* はじめての人へ（使いかた） */
.gd{line-height:1.9}
.gd-box{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:clamp(20px,3vw,32px)}
.gd-can{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gd-can>div{display:grid;gap:4px;align-content:start;background:var(--paper-2);border-radius:16px;padding:16px 18px;font-size:14px;line-height:1.7}
.gd-can b{font-size:17px}
.gd-tag{font-family:var(--latin);font-size:11px;letter-spacing:.14em;color:#5865f2}
@media (max-width:760px){.gd-can{grid-template-columns:1fr}}
.gd-step{display:grid;grid-template-columns:64px 1fr;gap:18px;background:var(--white);border:1px solid var(--line);border-radius:24px;padding:clamp(18px,3vw,28px)}
.gd-step h3{font-size:19px;line-height:1.5}
.gd-no{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#5865f2;color:#fff;font-family:var(--latin);font-size:28px}
.gd-note{background:#f5fbff;border-radius:12px;padding:10px 14px;font-size:15px}
.gd-warn{background:#fff4e5;border:2px solid #ffcc80;border-radius:16px;padding:14px 18px}
.gd-warn p{margin-top:4px;font-size:15px}
.gd-list{padding-left:1.4em;display:grid;gap:8px}
.gd code{background:var(--paper-2);padding:2px 8px;border-radius:6px;font-size:14px;word-break:break-all}
.gd-legend{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.gd-legend li{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center}
.gd-legend i{display:inline-block;width:22px;height:12px;border-radius:3px}
.gd-promise{background:#f3fff5;border-color:#b7e4c0}
@media (max-width:560px){.gd-step{grid-template-columns:1fr}.gd-no{width:44px;height:44px;font-size:22px}}
.gd .h-sec{font-size:clamp(22px,3vw,28px);line-height:1.5}

/* 参加者ページの画面の例（スクリムのトップ・使い方） */
.mb-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:36px;align-items:center;margin-bottom:28px}
.mb-intro .sec-head{margin-bottom:0}
.mb-shot{margin:0;display:grid;gap:8px}
.mb-shot img{width:100%;height:auto;border-radius:18px;border:1px solid var(--line);box-shadow:0 14px 40px rgba(13,15,20,.12);background:#fff}
.mb-shot figcaption{font-size:13px;color:var(--sub);text-align:center}
@media (max-width:900px){.mb-intro{grid-template-columns:1fr;gap:20px}}