*{box-sizing:border-box;letter-spacing:0}
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#24292c;background:#f3f5f4;font-synthesis:none;line-height:1.5}
body{margin:0}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button,.button-link{border:0;background:#087f68;color:#fff;padding:12px 20px;border-radius:6px;font-weight:650;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}
button:hover,.button-link:hover{background:#096851}button:disabled{opacity:.5;cursor:not-allowed}a{color:#08705d;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e2a72c;outline-offset:3px}
input{min-width:0;width:100%;border:1px solid #aab8b2;border-radius:5px;background:#fff;padding:12px;color:#24292c}input[type=radio]{width:20px;height:20px;flex-shrink:0;accent-color:#087f68;margin:0}label{display:block}h1,h2,h3,h4,p{margin:0 0 16px}h1{font-size:38px;line-height:1.16;overflow-wrap:anywhere}h2{font-size:25px;line-height:1.2}h3{font-size:27px;line-height:1.25}h4{font-size:18px}small{font-size:13px}.hidden{display:none!important}.app-shell{max-width:1240px;margin:auto;padding:28px}.app-shell.compact{max-width:1050px}
.hero{min-height:640px;display:flex;align-items:center;position:relative;background:#202a27 url("../images/mission-map.svg") center/cover no-repeat;color:#fff;padding:64px 48px;margin:-28px -28px 0}
.hero-copy{max-width:620px;position:relative}.hero-copy>p:not(.eyebrow){max-width:540px;color:#dce8e2;font-size:18px;line-height:1.7}.hero h1{font-size:44px;max-width:600px;margin:20px 0 28px}.eyebrow{font-size:12px;font-weight:750;color:#087f68;text-transform:uppercase}.hero .eyebrow{color:#f5ca62}
.start-form{display:grid;gap:10px;max-width:600px;margin-top:28px}.input-row{display:flex;gap:10px}.input-row input{flex:1}.input-row button{flex-shrink:0;background:#f1c24d;color:#25312d}.welcome-footer{display:flex;justify-content:space-between;gap:16px;padding:24px 0;border-bottom:1px solid #ccd8d2;font-size:14px}.app-shell:has(#mission:not(.hidden)) .welcome-footer{display:none}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0 24px;border-bottom:1px solid #cfd9d3;margin-bottom:24px}.topbar h1{font-size:30px}.topbar h2,.topbar p{margin-bottom:6px}.topbar nav{display:flex;gap:18px;flex-shrink:0}.dashboard{display:grid;grid-template-columns:2fr 1fr 1fr;gap:22px;padding:14px 0 24px;border-bottom:1px solid #cfd9d3}.metric{min-width:0}.metric>span{display:block;color:#596b61;font-size:13px}.metric strong{font-size:26px;font-variant-numeric:tabular-nums}.metric.clues{grid-column:1/-1}.metric.clues strong{font-size:15px;font-weight:550}.progress{height:6px;background:#dce5df;border-radius:3px;overflow:hidden;margin-top:8px}.progress i{height:100%;background:#087f68;display:block;transition:width .4s}
.mission-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:32px 0;position:relative}.station{position:relative;background:#fff;color:#24292c;border:1px solid #c9d5cd;min-height:164px;padding:18px 10px;display:flex;flex-direction:column;text-align:center;border-radius:8px}.station:hover{background:#e9f4ee}.station .icon{font-size:27px;line-height:1.2}.station strong{font-size:14px;line-height:1.35}.station small{font-size:11px;margin-top:auto;color:#596b61}.station.active{border:2px solid #087f68;background:#e7f3ec}.station.done{border-top:4px solid #d3a223}.station.locked{background:#e8ece9}.station:not(:last-child):after{content:"";position:absolute;left:100%;width:18px;height:2px;top:50%;background:#bacac0}
.challenge-panel{background:#fff;padding:32px;border-top:3px solid #087f68;min-height:220px;outline:none}.challenge-panel:empty{display:none}.question-card{border:0;padding:0 0 28px;margin:24px 0;border-bottom:1px solid #e0e8e3;min-width:0}.question-card legend{font-size:17px;font-weight:650;padding:0 0 14px}.option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid #d7e0da;border-radius:5px;padding:14px 16px;margin:9px 0;cursor:pointer;background:#fff;color:#24292c;font-weight:400}.option:hover{background:#eef6f0}.option:has(input:checked){border-color:#087f68;background:#e6f4ed}.word-layout{display:grid;grid-template-columns:minmax(0,420px) minmax(180px,1fr);gap:32px;margin:24px 0}.word-search{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;width:100%;align-self:start}.cell{aspect-ratio:1;min-height:0;width:100%;padding:0;border-radius:3px;background:#eef2ef;color:#263e32;font-size:17px;font-weight:650}.cell:hover{background:#d1e5d9}.cell.selected{background:#f2c451;color:#252925}.cell.found{background:#087f68;color:#fff}.word-list{display:grid;gap:8px;margin-bottom:20px}.word-chip{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #dce6df;padding:8px 0;font-size:14px;font-weight:650}.word-chip span{color:#63756a;font-weight:400}.word-chip.found{color:#087f68}.secondary{background:#e4ece7;color:#274d3c}.secondary:hover{background:#d3e1d8}.order-exercise{margin:28px 0}.sortable-list{padding:0;list-style:none;display:grid;gap:8px}.sort-item{display:flex;align-items:center;gap:16px;border:1px solid #d9e3db;padding:10px 14px;min-height:64px;border-radius:5px}.sort-item>span:nth-child(2){flex:1;min-width:0}.position{color:#087f68;font-weight:750}.order-tools{display:flex;gap:6px;flex-shrink:0}.icon-button{height:40px;width:40px;min-height:40px;padding:6px;font-size:22px;background:#e7eee9;color:#244a38}.decision-heading{display:flex;justify-content:space-between;gap:12px;margin:24px 0}.timer{color:#a22c3b;font-size:24px;font-variant-numeric:tabular-nums;min-width:65px;text-align:right}.final-key{display:grid;gap:18px;max-width:580px;margin:28px 0}.final-key label{font-size:14px;font-weight:600}.final-key input{margin-top:7px;text-transform:uppercase}.celebration{text-align:center;padding:30px 0;max-width:650px;margin:auto;animation:reveal .5s ease-out}.seal,.treasure-icon{display:block;font-size:60px;color:#087f68;margin-bottom:18px}.award{font-size:32px;font-weight:750;color:#087f68}.result-name{font-weight:650}.error,#startError,#loginError{color:#b3283c;overflow-wrap:anywhere;display:block;min-height:20px}.hero #startError{color:#ffd6d9}.save-status{font-size:12px;color:#587061;text-align:right;margin:0 0 6px}.danger{background:#a32d42}.danger:hover{background:#802235}.admin-card{padding:20px 0}.admin-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid #d9e2dc;white-space:nowrap}th{background:#e3ece6;font-size:12px}#adminStatus,#rankingStatus{color:#627268;font-size:13px}.ranking-board{padding:16px 0}#rankingList{list-style:none;padding:0;margin:26px 0}#rankingList li{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:22px 12px;border-bottom:1px solid #cddad1}#rankingList li:first-child{background:#fff6d9;border-top:3px solid #d7ad39}.rank-number{font-size:27px;grid-row:span 2}.rank-score{font-weight:750;color:#087f68;font-size:22px}#rankingList li small{grid-column:2/4;color:#637366}.ranking-board strong{overflow-wrap:anywhere}
@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:760px){.app-shell{padding:18px}.hero{margin:-18px -18px 0;padding:40px 24px;min-height:620px;background-position:35% center}.hero h1{font-size:34px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-copy{max-width:550px}.input-row{flex-direction:column}.welcome-footer{flex-direction:column}.topbar{align-items:flex-start}.topbar nav{flex-direction:column;gap:7px}.topbar h1{font-size:25px}.mission-map{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:22px 0}.station{min-height:136px}.station:last-child{grid-column:1/-1;min-height:115px}.station:after{display:none}.dashboard{gap:18px;grid-template-columns:2fr 1fr 1fr}.metric strong{font-size:23px}.challenge-panel{padding:22px 16px}.word-layout{grid-template-columns:minmax(0,1fr);gap:22px}.word-search{max-width:440px;margin:auto}.cell{font-size:14px}.challenge-panel h3{font-size:24px}.sort-item{padding:10px;gap:10px;align-items:flex-start}.order-tools{flex-direction:column}.option{padding:12px}.word-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.word-chip{font-size:12px;flex-wrap:wrap}h2{font-size:21px}#rankingList li{grid-template-columns:40px minmax(0,1fr) auto;gap:8px;padding:18px 8px}.rank-score{font-size:18px}.final-key label{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.topbar>div{min-width:0}.topbar h2{overflow-wrap:anywhere}.icon-button svg{width:20px;height:20px;flex-shrink:0}