.status.info { background:#f0f4ff; border:1.5px solid #5b8dee; color:#2c4fa3; }
#mc-wrap{font-family:'Noto Sans JP','Hiragino Sans','Meiryo',sans-serif;font-size:15px;color:#222;background:#fff;max-width:560px;margin:0 auto 40px;line-height:1.6}
#mc-wrap *{box-sizing:border-box}
#mc-wrap .mc-card{background:#fff;border:1px solid #ddd;border-radius:6px;padding:20px;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,.08)}
#mc-wrap .mc-card-title{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#777;border-bottom:2px solid #e63333;border-top:0;border-left:0;border-right:0;padding:0 0 6px;margin:0 0 16px;display:flex;align-items:center;gap:6px;background:0 0}
#mc-wrap .mc-card-title i{color:#e63333;font-size:12px}
#mc-wrap .mc-row{display:flex;flex-direction:row;gap:12px;margin-bottom:12px}
#mc-wrap .mc-col{flex:1;min-width:0}
#mc-wrap .mc-label{display:block;font-size:12px;color:#777;margin-bottom:5px;font-weight:700}
#mc-wrap input[type=number],
#mc-wrap select{display:block;width:100%;background:#f7f7f7;border:1px solid #ddd;border-radius:6px;padding:9px 12px;color:#222;font-size:15px;font-family:inherit;outline:0;-webkit-appearance:none;appearance:none;margin:0;height:auto;line-height:1.5}
#mc-wrap input[type=number]:focus,
#mc-wrap select:focus{border-color:#e63333;background:#fff}
#mc-wrap .btn-start{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#e63333;color:#fff;border:none;border-radius:6px;padding:13px 20px;font-size:15px;font-weight:700;cursor:pointer;margin-top:4px;line-height:1;text-decoration:none}
#mc-wrap .btn-start:hover{background:#c0392b;color:#fff}
#mc-game{display:none}
#mc-wrap .seq-wrap{background:#f7f7f7;border-radius:6px;padding:14px;margin-bottom:14px;text-align:center}
#mc-wrap .seq-label{display:block;font-size:11px;color:#777;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;font-weight:700}
#mc-wrap .seq-nums{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;min-height:38px;align-items:center;padding:0;margin:0;list-style:none}
#mc-wrap .seq-n{width:34px;height:34px;border-radius:50%;border:2px solid #ddd;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#222;background:#fff;padding:0;margin:0;line-height:1}
#mc-wrap .seq-n.edge{border-color:#e63333;color:#e63333;background:#fff5f5}
#mc-wrap .seq-clear{color:#27ae60;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px}
#mc-wrap .bet-box{text-align:center;border:2px solid #e63333;border-radius:6px;padding:18px 14px;margin-bottom:16px;background:#fff5f5}
#mc-wrap .bet-label{display:block;font-size:11px;letter-spacing:2px;color:#777;text-transform:uppercase;font-weight:700;margin-bottom:4px}
#mc-wrap .bet-amt{display:block;font-size:2.6rem;font-weight:900;color:#e63333;line-height:1.1}
#mc-wrap .bet-note{display:block;font-size:12px;color:#777;margin-top:4px}
#mc-wrap .result-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
#mc-wrap .btn-win,
#mc-wrap .btn-lose{display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:6px;padding:16px 10px;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;line-height:1;width:100%;text-decoration:none}
#mc-wrap .btn-win{background:#27ae60;color:#fff}
#mc-wrap .btn-lose{background:#e63333;color:#fff}
#mc-wrap .btn-win:hover{background:#1e8449;color:#fff}
#mc-wrap .btn-lose:hover{background:#c0392b;color:#fff}
#mc-wrap .btn-reset{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;background:transparent;border:1px solid #ddd;color:#777;border-radius:6px;padding:10px;font-size:13px;cursor:pointer;font-family:inherit;line-height:1;text-decoration:none}
#mc-wrap .btn-reset:hover{border-color:#e63333;color:#e63333;background:transparent}
#mc-wrap .status{border-radius:6px;padding:14px 16px;margin-bottom:14px;font-weight:700;font-size:14px;line-height:1.6;gap:10px;display:none}
#mc-wrap .status.ok{background:#eafaf1;border:1px solid #27ae60;color:#1e8449;display:flex;align-items:flex-start}
#mc-wrap .status.ng{background:#fff5f5;border:1px solid #e63333;color:#c0392b;display:flex;align-items:flex-start}
#mc-wrap .status i{font-size:18px;flex-shrink:0;margin-top:2px;margin-right:8px}
#mc-wrap .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
#mc-wrap .stat{background:#f7f7f7;border-radius:6px;padding:12px 8px;text-align:center}
#mc-wrap .slabel{display:block;font-size:11px;color:#777;margin-bottom:4px;font-weight:700;letter-spacing:1px}
#mc-wrap .sval{display:block;font-size:1.15rem;font-weight:900;color:#222}
#mc-wrap .sval.p{color:#27ae60}
#mc-wrap .sval.n{color:#e63333}
#mc-wrap .plabel{font-size:11px;color:#777;margin-bottom:5px;display:flex;justify-content:space-between}
#mc-wrap .pbar-wrap{background:#efefef;border-radius:3px;height:6px;overflow:hidden}
#mc-wrap .pbar{height:100%;border-radius:3px;background:#27ae60;transition:width .4s,background .4s}
#mc-wrap .hist-list{max-height:220px;overflow-y:auto}
#mc-wrap .hist-empty{color:#777;font-size:13px;text-align:center;padding:16px}
#mc-wrap .hist-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:4px;margin-bottom:4px;font-size:13px;background:#f7f7f7}
#mc-wrap .hist-item:nth-child(even){background:#efefef}
#mc-wrap .hist-r{color:#777;font-size:11px;min-width:60px}
#mc-wrap .hist-b{font-weight:700;flex:1;text-align:center}
#mc-wrap .hist-res{font-weight:900;font-size:12px;letter-spacing:1px;display:flex;align-items:center;gap:4px;min-width:56px;justify-content:flex-end}
#mc-wrap .hist-res.w{color:#27ae60}
#mc-wrap .hist-res.l{color:#e63333}
@media(max-width:600px){
  #mc-wrap .mc-row{flex-direction:column}
  #mc-wrap .bet-amt{font-size:2rem}
  #mc-wrap .btn-win,#mc-wrap .btn-lose{padding:14px 8px;font-size:15px}
  #mc-wrap .stats{gap:6px}
  #mc-wrap .stat{padding:10px 4px}
  #mc-wrap .sval{font-size:.95rem}
  #mc-wrap .mc-card{padding:14px}
}