.challenge-board{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:linear-gradient(120deg,#213b3a,#192a40);border:1px solid #476357;padding:20px 24px;border-radius:14px;margin:0 0 24px}
.challenge-board strong{font-size:18px}.challenge-badge{display:inline-block;padding:5px 9px;margin-right:12px;color:#b9f4de;border:1px solid #688f7e;border-radius:6px;font-size:12px}.challenge-board p{font-size:12px;color:#bbccda;margin:9px 0 0}.challenge-board details{width:100%;border-top:1px solid #3b5462;padding-top:12px}.challenge-board summary{cursor:pointer;font-size:13px;color:#d8e8e1;padding:4px 0}.star-records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.star-records>div{padding:12px;background:#101f2cb0;border-radius:8px}.star-records strong,.star-records small{display:block}.star-records strong{font-size:12px}.star-records span{display:block;color:#ffd981;font-size:22px;letter-spacing:3px}.star-records small{font-size:10px;color:#aec0cf}.challenge-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.challenge-choice{padding:16px 12px;text-align:left;background:#172b3d;border:1px solid #3b5268;border-radius:10px;color:#e2edf5}.challenge-choice.selected{background:#244d40;border-color:#9aefcf}.challenge-choice strong{display:block;font-size:18px;margin-bottom:5px}.challenge-choice small{display:block;font-size:11px;line-height:1.6;color:#b5cad8}
#arcade-overlay:has(.intro-modal){align-items:start;padding:12px}.arcade-modal.intro-modal{width:min(860px,100%);max-width:860px;padding:18px 22px;max-height:100%;overflow:auto;margin:auto}.intro-modal h2{font-size:24px;margin-bottom:10px}.intro-modal .arcade-sticker{margin-bottom:8px}.intro-meta{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.intro-goals{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;color:#ffd981;font-size:12px;margin:12px 0}.intro-modal .challenge-rule{font-size:12px;line-height:1.7;color:#b8d4d4;margin:10px 0}.intro-confirm{position:sticky;bottom:-18px;background:#15283bf5;padding:10px 0 2px;margin-top:6px;border-top:1px solid #3b5268}.intro-confirm .btn{min-height:44px}.intro-confirm small{display:block;color:#abc2d2;font-size:10px;margin:4px}.arcade-challenge-status{padding:6px 16px;background:#1a3040;color:#d0e4ed;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;flex:none}.arcade-challenge-status[data-phase=warning]{background:#4b3c20;color:#ffe3a0}.arcade-challenge-status[data-phase=danger]{background:#572e3b;color:#ffbfcb}.arcade-challenge-status[data-low-time=true]{border-bottom:2px solid #ff8c9d}.arcade-stars{color:#ffda85;font-size:32px;letter-spacing:5px;margin:8px 0}.arcade-goal-list{text-align:left;display:grid;gap:6px;font-size:12px;color:#cbdfdf;margin:12px 0}.arcade-rating-note{font-size:11px!important;margin:8px 0!important;color:#ffe0a9!important}
#arcade-overlay:has(.intro-modal){position:fixed;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:16px;background:#071321f2;overflow:auto}
#arcade-overlay[hidden]{display:none!important}
@media(max-width:600px){.challenge-board{padding:16px;gap:12px}.challenge-board .btn{width:100%}.star-records{grid-template-columns:repeat(2,minmax(0,1fr))}.challenge-options{gap:6px}.challenge-choice{padding:12px 8px}.challenge-choice strong{font-size:16px}.challenge-choice small{font-size:10px}.arcade-modal.intro-modal{padding:12px;max-width:100%}.intro-modal h2{font-size:19px}.intro-goals{font-size:10px;gap:5px}.intro-confirm{bottom:-12px}.arcade-challenge-status{font-size:9px;padding:5px 8px}.intro-modal .challenge-rule{font-size:11px}.intro-modal .arcade-sticker{font-size:8px}}
@media(max-height:550px){#arcade-overlay:has(.intro-modal){position:fixed;inset:0;z-index:8;background:#071321f5;padding:8px}.arcade-modal.intro-modal{max-height:100%;margin:auto}.arcade-challenge-status{padding:3px 8px;font-size:9px}.arcade-goal-list{gap:3px}}