.helper-intro .eyebrow{font-size:10px;letter-spacing:.15em;color:#80dff1}.helper-intro h2{font-size:24px;margin:8px 0}.helper-intro p,.helper-rules p{line-height:1.6}
.helper-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.helper-choice{margin:0!important;display:flex;flex-direction:column;position:relative;padding:20px!important;border-color:#557caa!important;background:linear-gradient(140deg,#233c60,#152137)!important}
.helper-granite{border-color:#439886!important;background:linear-gradient(140deg,#234b49,#152537)!important}.helper-spark{border-color:#ad7753!important;background:linear-gradient(140deg,#584034,#241f38)!important}
.helper-choice h3{font-size:22px;margin:12px 0 6px}.helper-choice strong{color:#b9dbf4;font-size:12px}.helper-choice p{font-size:13px;line-height:1.6;flex:1}.helper-icon{font-size:40px;margin:8px 0}.helper-tag{display:inline-block;border:1px solid #5a8baa;border-radius:8px;padding:4px 8px;font-size:10px;font-weight:700;color:#a8e8fc;background:#122237}
.helper-choice .helper-tag{position:absolute;right:15px;top:18px}.helper-choice .primary{min-height:44px;border:1px solid #64c2ef;color:#062436;background:linear-gradient(100deg,#7bddec,#51b3f0);border-radius:10px;font-weight:800}.helper-granite .primary{background:linear-gradient(100deg,#83e5c1,#4fc0ac)}.helper-spark .primary{background:linear-gradient(100deg,#ffcd83,#ff9d64)}.helper-choice .primary:disabled{opacity:.65}
.helper-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.helper-stat-grid>div{background:#102738;border:1px solid #335c71;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px}.helper-stat-grid b{font-size:30px;color:#8cf1dc}.helper-stat-grid small,.helper-stat-grid span{font-size:11px;color:#abc4d8}
.helper-activity{border-left:3px solid #66d5d2;padding:10px 12px;background:#163148;border-radius:0 10px 10px 0}.helper-control{display:block;min-height:44px;margin-top:16px;width:100%;background:#253d58;border:1px solid #5f87a8!important;border-radius:10px;color:#f0f8ff}.helper-notice{color:#ffda98}.player-helper-name{color:#9ee6da}
@media(max-width:580px){.helper-choices{grid-template-columns:1fr}.helper-choice{padding:18px!important}.helper-icon{font-size:32px;margin:0}.helper-choice h3{margin-top:8px}.helper-choice p{margin:10px 0 16px}}
.helper-current .section-head,.helper-journal .section-head{gap:10px;flex-wrap:wrap}.helper-current h3{margin:0}.helper-status{color:#b7eced;line-height:1.5}.helper-target{padding:16px;background:#102b3a;border:1px solid #398895;border-radius:14px}.helper-target .section-head span,.helper-journal .section-head span{font-size:12px;color:#acc9dc}.helper-target progress,.helper-stat-grid progress{display:block;width:100%;height:7px;border:0;border-radius:6px;overflow:hidden;background:#243a52;accent-color:#65e0ce}.helper-target progress{margin:12px 0}.helper-target progress::-webkit-progress-bar,.helper-stat-grid progress::-webkit-progress-bar{background:#243a52}.helper-target progress::-webkit-progress-value,.helper-stat-grid progress::-webkit-progress-value{background:#65e0ce}.helper-target progress::-moz-progress-bar,.helper-stat-grid progress::-moz-progress-bar{background:#65e0ce}.helper-next{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.helper-next>div{display:flex;flex-direction:column;gap:6px}.helper-next small{color:#abc4d8}.helper-next>div>span{font-size:13px;color:#8ce6d5}.helper-next>b{font-size:14px;color:#8ce6d5}.helper-special strong{color:#ffce82}.helper-journal ul{list-style:none;margin:8px 0 0;padding:0}.helper-journal li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid #2e4661}.helper-journal li>div{min-width:0;display:flex;flex-direction:column;gap:5px}.helper-journal li strong{overflow-wrap:anywhere}.helper-journal li small{color:#abc4d8;font-size:11px}.helper-journal li>b{color:#7de4d1;white-space:nowrap;font-size:14px}.helper-activity{overflow-wrap:anywhere}.helper-control:disabled{opacity:.5}.helper-intro h2{font-size:clamp(19px,5vw,24px)}
@media(max-width:380px){.helper-stat-grid{grid-template-columns:1fr}.helper-current,.helper-journal{padding:16px!important}.helper-target{padding:12px}.helper-journal li{gap:8px}}
