@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#e7eee7;--muted:#a0bab6;--gold:#eacb86;--mint:#8ae1c1;--bg:#071d26;--line:rgba(168,205,189,.16);--serif:"Cormorant Garamond",Georgia,serif;--sans:Manrope,system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:13px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}a{color:inherit;text-decoration:none}.skip{position:fixed;top:-70px;padding:15px;background:var(--gold);color:#102923;z-index:100}.skip:focus{top:0}
.topbar{height:79px;display:flex;align-items:center;justify-content:space-between;padding:0 3.3%;border-bottom:1px solid var(--line);background:#071b24;position:relative;z-index:3}.back{font-size:11px;letter-spacing:.05em;color:var(--muted)}.back span{font-size:21px;margin-right:12px}.wordmark{position:relative;font-size:22px;letter-spacing:.3em;font-family:var(--serif);text-align:center;margin-left:18px}.brand-diamond{color:var(--gold);font-size:31px;position:absolute;left:-38px;top:2px}.wordmark small{display:block;font:8px var(--sans);letter-spacing:.22em;margin-top:4px;color:var(--muted)}.tools{display:flex;gap:8px}.tools button{background:none;border:1px solid var(--line);border-radius:50%;width:32px;height:32px;color:var(--muted)}.tools button:first-child{border-radius:20px;width:85px;font-size:12px}.tools button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}
.game-world{height:clamp(410px,49vw,640px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 53% 55%,#22544e,#0c2d36 55%,#081e29);isolation:isolate}#world{position:absolute;width:100%;height:100%;inset:0}.sky-title{position:absolute;top:36px;left:4%;pointer-events:none;z-index:1}.eyebrow{font-size:9px;letter-spacing:.22em;font-weight:700;color:var(--gold);margin:0 0 12px}.sky-title h1{font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.65vw,58px);line-height:1.04;margin:0 0 14px;color:#f2efdc;letter-spacing:-.03em}.sky-title h1 em{color:var(--gold);font-weight:400}.sky-title p{font-size:10px;color:var(--muted);max-width:180px;line-height:1.7}.day-pill{position:absolute;right:4%;top:34px;display:flex;gap:12px;align-items:center}.sun-symbol{font-size:38px;color:var(--gold);font-family:Georgia}.day-pill small{font-size:8px;letter-spacing:.2em;color:var(--muted)}.day-pill strong{font-family:var(--serif);font-size:28px;font-weight:400;display:block}.day-pill strong span{color:var(--muted);font-size:16px}
.map-controls{position:absolute;inset:0;pointer-events:none}.island-pin{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;pointer-events:auto;text-align:center;padding:9px 16px;min-width:105px;min-height:75px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:3px}.island-pin .pin-name{background:#092b2ade;padding:5px 9px;border:1px solid #5c958255;border-radius:3px;letter-spacing:.04em;font-size:9px;color:#ceddd4;white-space:nowrap;transition:all .2s}.island-pin:hover .pin-name,.island-pin[aria-pressed=true] .pin-name{color:#fff0c3;border-color:var(--gold);background:#143934}.island-pin .pin-level{font-size:9px;letter-spacing:3px;color:var(--gold);text-shadow:0 1px 4px #000}.island-pin.locked .pin-level{color:#80a29b}.world-bottom{position:absolute;bottom:17px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px;gap:15px}.live-dot{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin-right:6px}.world-bottom button{border:1px solid var(--line);border-radius:20px;background:#09282cbf;padding:8px 14px;color:#d8e4d8;font-size:10px}.world-bottom button span{color:var(--gold);margin-left:8px}
.control-deck{padding:0 4% 30px;background:linear-gradient(#102c2e,#0a2129);border-top:1px solid #8fb69733}.resources{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line);padding:18px 0;gap:20px}.resource{display:flex;align-items:center;justify-content:center;gap:11px}.res-icon{color:var(--gold);font-size:23px;font-family:Georgia}.resource:nth-child(2) .res-icon,.resource:nth-child(4) .res-icon{color:var(--mint)}.resource small{display:block;color:var(--muted);font-size:8px;letter-spacing:.13em;text-transform:uppercase}.resource strong{font-family:var(--serif);font-size:25px;font-weight:500}.resource .res-detail{font-family:var(--sans);font-size:9px;color:var(--muted);margin-left:7px}.deck-grid{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:35px;padding-top:26px}.deck-grid>div,.deck-grid>aside{min-width:0}.deck-grid>div{border-left:1px solid var(--line);padding-left:35px}h2{font:400 28px/1.05 var(--serif);margin:0 0 14px}.mission h2{font-size:27px}.objective{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:10px;color:var(--muted)}.objective strong{margin-left:auto;color:var(--ink);font-size:10px}.objective.complete{color:var(--mint)}.objective .check{font-size:13px;width:15px}.light-track{height:3px;background:#63857729;margin-top:15px;border-radius:10px}.light-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mint),var(--gold));box-shadow:0 0 10px #eacb8655;transition:width 1s}#light-label{font-size:9px;color:var(--gold)}.quiet{padding:0;border:0;background:none;color:var(--muted);font-size:9px;margin-top:4px;text-decoration:underline;text-underline-offset:3px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.level-tag{font-size:7px;letter-spacing:.1em;border:1px solid var(--line);color:var(--muted);padding:6px 8px;white-space:nowrap;margin-top:2px}#island-description{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 12px;min-height:57px}.island-effect{font-size:10px;color:var(--mint);line-height:1.6;min-height:35px;margin-bottom:12px}.gold-button{background:linear-gradient(115deg,#f0dca5,#caab69);color:#16332e;border:1px solid #fae2a9;border-radius:3px;padding:12px 16px;font-weight:800;font-size:11px;width:100%;box-shadow:0 4px 24px #dfba6420;transition:filter .2s,transform .2s}.gold-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.action-note{font-size:9px;color:var(--muted);line-height:1.6;margin:8px 0 0;text-align:center}.action-pips{white-space:nowrap;letter-spacing:4px;font-size:12px;color:var(--gold)}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.action-button{border:1px solid #47665b80;background:#1739366b;padding:10px 5px 8px;border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:63px}.action-button:hover:not(:disabled){border-color:#97b79b;background:#254c40}.action-button b{font-size:10px;font-weight:500}.action-button .action-symbol{font-family:Georgia;font-size:19px;color:var(--gold)}.action-button small{color:var(--muted);font-size:8px}.dawn-button{width:100%;border:1px solid #75948477;color:#e8e2c7;background:#173e37;padding:12px;margin-top:12px;border-radius:3px;font-size:10px}.dawn-button span{float:right;color:var(--gold);font-size:15px}.dawn-button.ready{border-color:var(--gold);box-shadow:0 0 20px #eacb8622}
.notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%,25px);opacity:0;pointer-events:none;background:#e7d6a9;color:#11342d;padding:13px 20px;border-radius:6px;max-width:min(540px,92vw);width:max-content;font-size:12px;line-height:1.6;box-shadow:0 8px 35px #0006;z-index:8;transition:.3s}.notification.show{opacity:1;transform:translate(-50%,0)}
dialog{border:1px solid #6d927466;background:linear-gradient(145deg,#173d3b,#0a222c);color:var(--ink);border-radius:9px;padding:0;max-width:min(640px,94vw);width:640px;max-height:88dvh;box-shadow:0 30px 120px #000a}dialog::backdrop{background:#03151ec9;backdrop-filter:blur(8px)}#modal-content{padding:34px 38px;position:relative}.modal-close{position:absolute;right:14px;top:12px;background:none;border:0;color:var(--muted);font-size:24px;width:36px;height:36px}.modal-emblem{text-align:center;font-size:55px;color:var(--gold);line-height:1.2;font-family:var(--serif)}dialog h2{font-size:42px;margin:12px 0 15px}dialog .lead{font:400 21px/1.5 var(--serif);color:#d3dfcd}dialog p{line-height:1.8;color:var(--muted);font-size:12px}.center{text-align:center}.welcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.welcome-grid div{border-top:1px solid var(--line);padding-top:13px}.welcome-grid b{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--gold);display:block}.welcome-grid span{font-size:10px;color:var(--muted);line-height:1.6;display:block}.choices{display:grid;gap:10px;margin:22px 0 15px}.choice{border:1px solid #4e7c6f;background:#163d3866;text-align:left;border-radius:4px;padding:15px;line-height:1.5}.choice:hover:not(:disabled){border-color:var(--gold);background:#274a3c}.choice strong{display:block;color:#f1e6c9;font-size:13px}.choice span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.choice small{display:block;font-size:10px;color:var(--gold);margin-top:6px}.journal-entry{padding:14px 0;border-bottom:1px solid var(--line)}.journal-entry h3{font:400 22px var(--serif);margin:0 0 5px}.journal-entry p{margin:0}.journal-entry small{font-size:9px;color:var(--gold)}.modal-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.modal-buttons>button{flex:1;min-width:140px}.secondary{background:transparent;border:1px solid #779f84;color:var(--ink);padding:12px 16px;border-radius:3px}.tutorial-tip{padding:13px 16px;background:#e4c77d12;border-left:2px solid var(--gold);color:#e8ddbc;font-size:11px;line-height:1.7;margin:18px 0}.end-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center;margin:25px 0}.end-stats strong{display:block;font:36px var(--serif);color:var(--gold)}.end-stats small{font-size:10px;color:var(--muted)}.noscript{padding:20px;text-align:center;background:#eacb86;color:#123}.save-warning{color:#f1c083!important}
@media(min-width:1001px){.game-world{height:clamp(360px,48vh,560px)}.sky-title{top:26px}.deck-grid{padding-top:20px}}
@media(min-width:1500px){.control-deck{padding-left:max(4%,calc((100vw - 1450px)/2));padding-right:max(4%,calc((100vw - 1450px)/2))}.sky-title{left:6%}.deck-grid{gap:50px}}
@media(max-width:1000px){.deck-grid{grid-template-columns:.9fr 1.1fr;gap:25px}.deck-grid>div{padding-left:25px}.actions-panel{grid-column:1/-1;border-left:0!important;padding-left:0!important;border-top:1px solid var(--line);padding-top:20px}.actions{grid-template-columns:repeat(6,1fr)}.game-world{height:510px}.sky-title h1{font-size:40px}.sky-title{top:25px}.resource{gap:8px}.resources{gap:8px}.resource .res-detail{display:block;margin:0}}
@media(max-width:600px){.topbar{height:65px;padding:0 16px}.back{font-size:0}.back span{font-size:24px;margin:0}.wordmark{font-size:20px;margin:0}.wordmark small{font-size:6px;letter-spacing:.15em}.brand-diamond{left:-24px;font-size:23px}.tools{gap:4px}.tools button{width:29px;height:29px}.tools button:first-child{width:29px}.tools button span{display:none}.game-world{height:470px}.sky-title{top:24px;left:20px}.sky-title h1{font-size:32px}.sky-title p{font-size:9px;max-width:135px}.sky-title .eyebrow{font-size:7px}.day-pill{top:25px;right:20px;gap:8px}.sun-symbol{font-size:28px}.day-pill strong{font-size:23px}.day-pill small{font-size:7px}.island-pin{min-width:65px;min-height:58px;padding:5px 3px}.island-pin .pin-name{font-size:8px;padding:4px 6px}.island-pin .pin-level{font-size:8px}.world-bottom{font-size:8px;bottom:13px;left:18px;right:18px}.world-bottom>span{max-width:130px;line-height:1.6}.world-bottom button{font-size:9px;padding:8px 10px}.control-deck{padding:0 19px 24px}.resources{gap:5px;padding:15px 0}.resource{display:block;text-align:center}.res-icon{font-size:18px}.resource small{font-size:7px;letter-spacing:.03em;margin-top:4px}.resource strong{font-size:24px}.resource .res-detail{display:none}.deck-grid{grid-template-columns:1fr;gap:20px;padding-top:22px}.mission{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.mission>.eyebrow{grid-column:1/-1}.mission h2{font-size:25px;grid-column:1;grid-row:2}.mission #objectives{grid-column:2;grid-row:2/4}.mission .light-track,.mission #light-label{grid-column:1}.mission .quiet{display:none}.objective{font-size:9px}.deck-grid>div{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:20px}#island-description{min-height:0}.island-effect{min-height:0}.actions{grid-template-columns:repeat(3,1fr)}.action-button{min-height:70px}.actions-panel{grid-column:auto}.panel-heading h2{font-size:29px}#modal-content{padding:28px 23px}dialog h2{font-size:35px}.welcome-grid{gap:10px}.welcome-grid b{font-size:22px}.welcome-grid span{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}