.chuntris-start-utils.has-multiplayer{grid-template-columns:repeat(4,minmax(0,1fr))}
.chuntris-start-utils.has-multiplayer button{min-width:0;padding-inline:3px;font-size:.5rem;white-space:nowrap}
.chuntris-start-utils.has-multiplayer .mp-open-button::after{display:none}
.mp-open-button{position:relative}.mp-open-button::after{content:"BETA";margin-left:5px;font-size:7px;letter-spacing:.08em;color:#ff8b47;vertical-align:top}
.mp-shell[hidden]{display:none!important}.mp-shell{position:fixed;z-index:300;inset:0;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.72);backdrop-filter:blur(7px)}
.mp-card{width:min(520px,96vw);max-height:min(760px,92svh);overflow:auto;border:1px solid #353535;border-radius:22px;background:linear-gradient(155deg,#171717,#0e0e0e);box-shadow:0 28px 90px #000b;color:#f5f1ec;padding:22px}
.mp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.mp-head small{display:block;color:#ff7a2f;font-size:9px;letter-spacing:.15em;font-weight:900}.mp-head h2{margin:5px 0 0;font-size:25px}.mp-close{width:38px;height:38px;border:1px solid #383838;border-radius:11px;background:#191919;color:#eee;font-size:22px;cursor:pointer}
.mp-intro{display:grid;gap:12px}.mp-field{display:grid;gap:6px}.mp-field span{font-size:10px;color:#aaa}.mp-field input{height:44px;border:1px solid #393939;border-radius:11px;background:#0b0b0b;color:#fff;padding:0 12px;font:inherit;text-transform:none}.mp-room-input{text-transform:uppercase!important;letter-spacing:.15em;font-weight:900}
.mp-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mp-btn{min-height:42px;border:1px solid #3a3a3a;border-radius:11px;background:#191919;color:#eee;font-weight:900;cursor:pointer}.mp-btn-primary{border-color:#ff6b18;background:#ff6b18;color:#120a05}.mp-btn:disabled{opacity:.45;cursor:not-allowed}
.mp-status{min-height:20px;margin:8px 0 0;color:#aaa;font-size:11px;line-height:1.5}.mp-status.is-error{color:#ff8176}
.mp-room{display:grid;gap:14px}.mp-codebox{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid #343434;border-radius:14px;background:#0c0c0c}.mp-codebox span{font-size:9px;letter-spacing:.12em;color:#888}.mp-codebox strong{font-size:24px;letter-spacing:.16em;color:#ff8a45}.mp-copy{border:0;border-radius:9px;background:#242424;color:#ddd;padding:8px 10px;cursor:pointer}
.mp-players{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mp-player{min-height:92px;padding:12px;border:1px solid #303030;border-radius:14px;background:#111}.mp-player.is-self{border-color:#ff6b1866}.mp-player.is-empty{display:grid;place-items:center;color:#666}.mp-player small{display:block;color:#777;font-size:8px;letter-spacing:.12em}.mp-player strong{display:block;margin:6px 0;font-size:15px}.mp-player b{font-size:11px;color:#aaa}.mp-player.is-ready b{color:#9bd46b}.mp-player.is-finished b{color:#ff9457}
.mp-room-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mp-countdown{padding:13px;border-radius:13px;background:#ff6b1815;border:1px solid #ff6b1838;text-align:center}.mp-countdown strong{font-size:25px;color:#ff7a2f}.mp-result{padding:14px;border:1px solid #393939;border-radius:14px;background:#101010;text-align:center}.mp-result strong{display:block;font-size:22px;color:#ff8a45;margin-bottom:4px}
.mp-hud{position:absolute;z-index:15;top:8px;left:50%;transform:translateX(-50%);width:min(94%,520px);display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;border:1px solid #343434;border-radius:12px;background:#090909df;backdrop-filter:blur(8px);pointer-events:none}.mp-hud[hidden]{display:none}.mp-hud span{font-size:9px;color:#999}.mp-hud strong{font-size:11px;color:#eee}.mp-hud .mp-vs{color:#ff7a2f;font-weight:1000}
@media(max-width:620px){.mp-card{padding:16px;border-radius:18px}.mp-actions,.mp-room-actions{grid-template-columns:1fr}.mp-players{grid-template-columns:1fr 1fr}.mp-codebox strong{font-size:19px}.mp-hud{top:5px;width:96%;padding:6px 8px}.mp-hud strong{font-size:9px}}

.chunbak-start-utils.has-multiplayer{grid-template-columns:repeat(4,minmax(0,1fr))}
.chunbak-start-utils.has-multiplayer button{min-width:0;padding-inline:3px;font-size:.5rem;white-space:nowrap}
.chunbak-start-utils.has-multiplayer .mp-open-button::after{display:none}
.cg-start-card [data-score-multiplayer]{margin-top:8px;width:100%}
.cg-start-card .mp-open-button::after{font-size:6px}
.mp-description{margin:0 0 2px;color:#aaa;font-size:11px;line-height:1.55}
.mp-score-hud{grid-template-columns:1fr auto 1fr;text-align:center}
.mp-score-hud>div:first-child{text-align:left}.mp-score-hud>div:last-child{text-align:right}
.mp-race-clock{padding:0 8px;border-left:1px solid #333;border-right:1px solid #333}
.mp-race-clock strong{color:#ff8a45!important;font-size:13px!important}
.mp-final-scores{display:grid;gap:5px;margin-top:10px}
.mp-final-scores em{display:flex;justify-content:space-between;gap:10px;padding:7px 9px;border-radius:9px;background:#191919;color:#aaa;font-style:normal;font-size:10px}
.mp-final-scores b{color:#eee}

.chuntris-start-card.has-multiplayer{padding:13px 12px}
.chuntris-start-card.has-multiplayer>p{font-size:.67rem;line-height:1.35}
.chuntris-start-card.has-multiplayer .chuntris-mode-cards{gap:4px;margin:6px 0 5px}
.chuntris-start-card.has-multiplayer .chuntris-mode-cards button{min-height:56px;padding:6px 8px}
.chuntris-start-card.has-multiplayer .chuntris-mode-cards button strong{font-size:.86rem}
.chuntris-start-card.has-multiplayer .chuntris-player-step .btn{min-height:38px}
.chuntris-start-card.has-multiplayer .chuntris-start-utils{margin-top:5px}
.chuntris-start-card.has-multiplayer .chuntris-start-utils button{min-height:32px}
@media(max-width:620px){
  .chuntris-start-card.has-multiplayer{padding:11px 10px}
  .chuntris-start-card.has-multiplayer .chuntris-mode-cards button{min-height:54px}
  .chuntris-start-card.has-multiplayer .chuntris-start-utils button{min-height:30px;font-size:.47rem}
}

.mp-mode-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0;padding:0;border:0}
.mp-mode-picker legend{grid-column:1/-1;margin-bottom:1px;color:#888;font-size:9px;letter-spacing:.1em}
.mp-mode-picker button{min-width:0;min-height:62px;padding:9px 6px;border:1px solid #343434;border-radius:12px;background:#111;color:#ddd;cursor:pointer}
.mp-mode-picker button strong{display:block;font-size:12px}.mp-mode-picker button small{display:block;margin-top:4px;color:#777;font-size:8px}
.mp-mode-picker button.is-active{border-color:#ff6b18;background:#ff6b1817;box-shadow:inset 0 0 0 1px #ff6b1833}.mp-mode-picker button.is-active strong{color:#ff914f}.mp-mode-picker button.is-active small{color:#c79273}
.mp-mode-description,.mp-room-rule,.mp-join-note{margin:0;color:#979797;font-size:10px;line-height:1.5}
.mp-room-rule{padding:8px 10px;border:1px solid #2d2d2d;border-radius:10px;background:#0c0c0c;color:#aaa}
.mp-codebox span b{color:#ff8a45;font-weight:900}
@media(max-width:420px){.mp-mode-picker{gap:5px}.mp-mode-picker button{min-height:56px;padding:7px 4px}.mp-mode-picker button strong{font-size:11px}.mp-mode-picker button small{font-size:7px}}

.mp-difficulty-picker button[data-mp-chuntris-difficulty="hard"].is-active{border-color:#ff5b4d;background:#ff5b4d17;box-shadow:inset 0 0 0 1px #ff5b4d33}.mp-difficulty-picker button[data-mp-chuntris-difficulty="hard"].is-active strong{color:#ff8278}
.mp-difficulty-picker button[data-mp-chuntris-difficulty="extreme"]{border-color:#3b3042}.mp-difficulty-picker button[data-mp-chuntris-difficulty="extreme"].is-active{border-color:#c453ff;background:#c453ff17;box-shadow:inset 0 0 0 1px #c453ff33}.mp-difficulty-picker button[data-mp-chuntris-difficulty="extreme"].is-active strong{color:#dc9cff}.mp-difficulty-picker button[data-mp-chuntris-difficulty="extreme"].is-active small{color:#b88bc7}


/* Standalone multiplayer entry buttons */
.chuntris-multiplayer-main,
.chunbak-multiplayer-main,
.ct-overlay-card [data-score-multiplayer]{
  width:100%;
  min-height:48px;
  border:1px solid rgba(255,107,24,.5);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(255,107,24,.22),#15100d);
  color:#fff2e9;
  font:inherit;
  font-size:.76rem;
  font-weight:950;
  letter-spacing:.01em;
  cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(255,139,73,.05),0 9px 24px rgba(0,0,0,.2);
  transition:border-color .16s,background .16s,transform .16s
}
.chuntris-multiplayer-main:hover,
.chunbak-multiplayer-main:hover,
.ct-overlay-card [data-score-multiplayer]:hover{
  border-color:#ff8a43;
  background:linear-gradient(135deg,rgba(255,107,24,.32),#18100c);
  transform:translateY(-1px)
}
.chuntris-multiplayer-main{margin:2px 0 4px}
.chunbak-multiplayer-main{margin-top:8px}
.ct-overlay-card [data-score-multiplayer]{margin-top:8px}
.chuntris-multiplayer-main.mp-open-button::after,
.chunbak-multiplayer-main.mp-open-button::after,
.ct-overlay-card [data-score-multiplayer].mp-open-button::after{font-size:.48rem}
.chuntris-start-utils,.chunbak-start-utils{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:620px){
  .chuntris-multiplayer-main,.chunbak-multiplayer-main,.ct-overlay-card [data-score-multiplayer]{min-height:44px;font-size:.7rem}
}
