@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#fcf8ff;background:#171629}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 75% 20%,#382b62 0,#171629 58%);min-height:100vh}button{font:inherit;cursor:pointer}button:focus-visible,#arena:focus-visible{outline:3px solid #f2f891;outline-offset:3px}header{height:75px;max-width:1370px;margin:auto;padding:0 36px;display:flex;justify-content:space-between;align-items:center}.brand{font:700 23px 'Space Grotesk',sans-serif;letter-spacing:-.06em;display:flex;align-items:center;gap:7px}.brand>span{color:#ebf494;font-size:30px}.brand small{font:800 10px 'DM Sans',sans-serif;letter-spacing:.15em;color:#ada7c9;margin-left:11px}.local{font-size:10px;letter-spacing:.12em;color:#b3f3a4;font-weight:800;display:flex;gap:16px;align-items:center}.local button{width:35px;height:35px;border-radius:100%;border:1px solid #ffffff35;background:#ffffff10;color:#fff;font-size:16px}main{max-width:1370px;padding:25px 36px 56px;margin:auto}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:800;color:#d8cfee}.top{max-width:1100px}h1{font:700 clamp(60px,8vw,110px)/1 'Space Grotesk',sans-serif;letter-spacing:-.08em;margin:17px 0 13px}h1 em{font-style:normal;color:#ffc5e2}p{margin:0;color:#c6c0dc}.top p{font-size:16px;max-width:590px;line-height:1.45}.mission-list{display:flex;gap:11px;margin:24px 0 35px}.mission{display:flex;align-items:center;gap:12px;text-align:left;background:#ffffff10;border:1px solid #ffffff2c;border-radius:18px;color:white;padding:10px 13px;flex:1;min-width:0;min-height:70px;transition:transform .15s,background .15s,border-color .15s}.mission:hover{transform:translateY(-3px);background:#ffffff20}.mission.chosen{border-color:#e8f58d;background:#ffffff1b}.mission span:nth-child(2){min-width:0}.mission strong,.mission small{display:block;white-space:nowrap}.mission strong{font-size:14px}.mission small{font-size:11px;color:#c2bad9;margin-top:3px}.mission b{margin-left:auto;color:#d8d0f0}.icon{min-width:46px;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:26px;color:#292744}.bridge-icon{background:#e8f58d}.planet-icon{background:#ffc1ae}.night-icon{background:#a3d8ff}.workspace-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}.workspace-head h2{font:700 26px 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:2px 0 0}.progress{font:700 18px 'Space Grotesk',sans-serif;background:#ffffff18;border:1px solid #ffffff25;border-radius:40px;padding:7px 17px;display:flex;gap:8px;align-items:center}.progress b{color:#edf69b}.progress span{color:#bdb7cd}#arena{height:400px;border-radius:25px;border:2px solid #ffffff32;position:relative;overflow:hidden;background:radial-gradient(circle at center,#534477,#30274f 80%);cursor:crosshair;touch-action:none;box-shadow:0 24px 70px #08071780}#scene{display:block;width:100%;height:100%}.scene-badge{position:absolute;top:18px;right:18px;padding:9px 11px;border-radius:30px;background:#171629b9;border:1px solid #ffffff25;font-size:9px;font-weight:800;letter-spacing:.13em}.callout{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:30px;padding:9px 16px;background:#1c1932d9;border:1px solid #ffffff35;font-size:12px;font-weight:700;pointer-events:none;transition:opacity .3s}.action-bar{min-height:64px;display:flex;align-items:center;gap:15px;justify-content:space-between;color:#d5cee4;font-size:13px}.action-bar>span{flex:1}.actions{display:flex;gap:8px}.actions button,#restart{border:1px solid #ffffff36;background:#ffffff0f;color:#fff;border-radius:40px;min-height:37px;padding:7px 13px;font-size:12px;font-weight:700}.actions button:hover,.actions button.selected{background:#f1f5a1;color:#27243e}.actions button:disabled{opacity:.5;cursor:not-allowed}#restart{white-space:nowrap}.team{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-top:1px solid #ffffff1b;padding:16px 0 14px;color:#c3bed5;font-size:12px}.team strong{color:#fff}.team-face{font-size:19px;margin-left:10px;line-height:0}.team-face:first-child{margin-left:0}.scout{color:#f0f69d}.mover{color:#ffc1d6}.builder{color:#aadffc}.honesty{color:#aaa4c0;font-size:11px;border-top:1px solid #ffffff1b;padding-top:14px}.honesty:first-letter{color:#e8f39b}#win{position:fixed;inset:0;background:#100e21d9;backdrop-filter:blur(12px);display:grid;place-items:center;z-index:10;padding:20px}#win[hidden]{display:none}.win-card{max-width:440px;width:100%;background:linear-gradient(135deg,#564078,#28233f);border:1px solid #ffffff55;border-radius:28px;box-shadow:0 30px 80px #05030f;padding:32px;text-align:center}.win-emoji{font-size:85px;color:#eef69c}.win-card h2{font:700 40px/1.08 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:13px 0}.win-card p{font-size:14px;margin:0 0 23px}.win-card button{width:100%;height:48px;border:0;border-radius:12px;font-weight:800}.again{background:#edf59a;color:#28253f;margin-bottom:9px}.replay{background:#ffffff1e;color:#fff}@media(max-width:900px){.mission-list{flex-wrap:wrap}.mission{min-width:230px}}@media(max-width:600px){header{height:53px;padding:0 17px}.brand{font-size:20px}.brand small{font-size:8px;margin-left:4px}.local{font-size:8px;gap:7px}.local button{width:31px;height:31px}main{padding:14px 17px 30px}.eyebrow{font-size:9px}h1{font-size:clamp(48px,12vw,67px);line-height:.95;margin:10px 0}.top p{font-size:12px;max-width:320px}.mission-list{gap:5px;margin:15px 0 19px}.mission{min-width:100%;min-height:48px;padding:5px 8px;border-radius:13px;gap:10px}.mission strong{font-size:12px}.mission small{font-size:9px;margin-top:1px}.icon{min-width:36px;width:36px;height:36px;border-radius:10px;font-size:21px}.workspace-head h2{font-size:19px}.progress{font-size:14px;padding:5px 10px}.workspace-head{margin-bottom:7px}#arena{height:295px;border-radius:19px}.scene-badge{top:11px;right:11px;font-size:8px}.callout{font-size:10px;padding:7px 10px;bottom:10px}.action-bar{font-size:10px;flex-wrap:wrap;gap:7px;padding:9px 0}.action-bar>span{min-width:100%;font-size:10px}.actions{flex:1}.actions button,#restart{min-height:32px;font-size:10px;padding:5px 8px}.team{font-size:10px;gap:4px;padding:9px 0}.team-face{font-size:14px;margin-left:3px}.honesty{font-size:9px;padding-top:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.discovery{background:#eaf49b;color:#28243f;border-radius:13px;padding:11px 17px;font-weight:800;font-size:13px;margin:3px 0 12px;animation:pop .4s ease-out}.discovery[hidden]{display:none}@keyframes pop{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.mission.chosen{box-shadow:0 0 0 1px #edf69977}@media(max-width:600px){.discovery{font-size:11px;padding:8px 11px}}
/* Keep the prompt clear of the town's progress caption and its windows. */
.callout{top:12px;bottom:auto;left:12px;transform:none}