@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#e8f5f1;background:#071f2c;font-size:16px}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}a{color:#83e8d5}a:hover{color:#fff}.app{min-height:100vh;background:radial-gradient(circle at 5% 0%,#134858 0,transparent 36%),radial-gradient(circle at 100% 80%,#123c47 0,transparent 45%),#071f2c}.shell{max-width:1440px;margin:0 auto;padding:22px clamp(18px,3vw,42px) 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.brand{font-family:Fraunces,Georgia,serif;font-size:1.5rem;letter-spacing:-.04em;color:#fff;display:flex;align-items:center;gap:11px}.mark{width:30px;height:30px;border:2px solid #51d6be;border-radius:50%;display:grid;place-items:center;color:#51d6be;font-family:system-ui;font-size:1.4rem;line-height:1}.top-actions{display:flex;gap:9px;align-items:center}.text-button{border:1px solid #3d6570;border-radius:9px;background:#102f3b;color:#d7ede9;padding:9px 12px;min-height:42px}.text-button:hover{background:#1a4854}.eyebrow{text-transform:uppercase;color:#71d5c4;font-size:.76rem;letter-spacing:.16em;font-weight:700}.intro{max-width:1000px;display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;padding:clamp(20px,4vw,58px) 0 24px}.intro h1{font-family:Fraunces,Georgia,serif;font-size:clamp(2.8rem,6vw,5.4rem);line-height:1.04;letter-spacing:-.055em;margin:12px 0 18px}.lead{color:#b8d3d2;font-size:1.1rem;line-height:1.6;max-width:620px}.intro-card,.panel{background:#103340;border:1px solid #3c6470;border-radius:18px;box-shadow:0 20px 50px #00101833}.intro-card{padding:25px}.intro-card h2{font:600 1.6rem Fraunces,Georgia,serif;margin:0 0 16px}.intro-card p{color:#bfd8d5;line-height:1.5}.segmented{display:flex;gap:8px;margin:19px 0}.segmented button{flex:1;background:#0c2834;border:1px solid #4e7780;color:#dcebe9;border-radius:10px;padding:13px 8px;min-height:48px}.segmented button[aria-pressed="true"]{background:#51d6be;color:#07242c;border-color:#51d6be;font-weight:700}.primary{border:0;border-radius:10px;padding:13px 18px;min-height:48px;background:#51d6be;color:#06262d;font-weight:700;box-shadow:0 6px 0 #248674}.primary:hover{background:#7be9d3}.primary:active{transform:translateY(3px);box-shadow:0 3px 0 #248674}.primary:disabled{background:#8aaba8;color:#23444b;box-shadow:none}.intro-card .primary{width:100%;margin:4px 0 14px}.small{font-size:.86rem;color:#a9c5c3;line-height:1.5}.preview-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.preview-strip span{padding:10px 12px;border:1px solid #45717a;border-radius:999px;color:#d0e7e1;font-size:.86rem}.game-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.game-heading h1{font:700 clamp(1.8rem,3.3vw,3.2rem)/1.12 Fraunces,Georgia,serif;letter-spacing:-.045em;margin:5px 0}.game-heading p{color:#b9d3d0;margin:0}.round-pill{border:1px solid #65d5be;border-radius:100px;padding:10px 14px;color:#84e6d1;white-space:nowrap;font-weight:700}.game-grid{display:grid;grid-template-columns:minmax(310px,.86fr) minmax(0,1.45fr);gap:18px;align-items:start}.left-stack,.right-stack{display:grid;gap:16px}.panel{padding:20px}.panel h2{font:600 1.3rem Fraunces,Georgia,serif;margin:0 0 14px}.meters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.meter{background:#092936;border:1px solid #355a67;border-radius:12px;padding:12px}.meter-head{display:flex;justify-content:space-between;gap:8px;font-weight:700}.meter-head strong{font-size:1.25rem;color:#fff}.meter-track{height:8px;background:#264855;border-radius:9px;overflow:hidden;margin:10px 0 7px}.meter-track i{display:block;height:100%;background:var(--meter-color);border-radius:9px;transition:width .35s}.meter small{font-size:.78rem;color:#a9c9c6}.meter.low{border-color:#e5a569}.meter.low .meter-head strong{color:#ffc183}.resources{display:flex;gap:10px;margin-top:13px}.resource{flex:1;display:flex;align-items:center;justify-content:space-between;background:#1a4551;border-radius:10px;padding:11px 13px;color:#cce1df}.resource strong{color:#fff;font-size:1.15rem}.forecast{background:#174450;border:1px solid #55918e;border-radius:14px;padding:17px}.forecast strong{color:#a4f2df}.forecast p{margin:8px 0 0;line-height:1.45;color:#edf8f3}.turn-card{background:#dbeee8;color:#153a40;border-radius:14px;padding:17px}.turn-card .eyebrow{color:#387c75}.turn-card h2{margin:5px 0 6px}.turn-card p{margin:0 0 12px;line-height:1.45}.turn-card button{background:#184b51;border:0;border-radius:9px;color:#e9fcf5;padding:11px 13px;min-height:44px;font-weight:700}.turn-card button:disabled{background:#9bb6b2;color:#35595b}.actions-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.actions-heading p{margin:5px 0 0;color:#b9d3d0}.action-dots{color:#69ddc5;font-weight:700;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{position:relative;min-height:218px;background:#edf2e7;color:#13353b;border:2px solid #d3e4dc;border-radius:15px;padding:16px;display:flex;flex-direction:column;box-shadow:0 8px 0 #052332}.card:before{content:"";height:6px;position:absolute;inset:0 0 auto;background:var(--accent);border-radius:13px 13px 0 0}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.type{color:#336a6d;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.cost{background:#dde6de;border-radius:99px;color:#1a4448;padding:6px 8px;font-size:.78rem;font-weight:700;white-space:nowrap}.card h3{font:700 1.45rem/1.16 Fraunces,Georgia,serif;margin:0 0 9px;letter-spacing:-.03em}.card p{margin:0;color:#37585a;line-height:1.42;font-size:.9rem}.card-effect{margin-top:auto!important;padding:13px 0 10px;color:#0c5657!important;font-weight:700}.card button{width:100%;border:0;background:#123e47;color:white;border-radius:8px;padding:10px;min-height:42px;font-weight:700}.card button:hover{background:#17616a}.card button:disabled{background:#b4c4bf;color:#466162}.end-row{display:flex;gap:13px;align-items:center;justify-content:space-between;padding-top:3px}.end-row p{margin:0;color:#b8d3d0;font-size:.9rem}.log{display:grid;gap:8px;max-height:230px;overflow:auto}.log-entry{border-left:3px solid #64cdb8;padding:4px 0 4px 11px;color:#c5dcd8;line-height:1.45;font-size:.87rem}.log-entry strong{color:#fff}.footer{border-top:1px solid #325562;margin-top:32px;padding-top:17px;color:#96b6b6;font-size:.82rem;line-height:1.55}.footer a{margin-left:4px}.overlay{position:fixed;inset:0;z-index:10;background:#001820c9;display:grid;place-items:center;padding:14px;overflow:auto}.modal{background:#eaf1e8;color:#173941;border-radius:19px;width:min(620px,100%);max-height:min(92vh,900px);overflow:auto;box-shadow:0 30px 90px #0009;padding:clamp(20px,4vw,32px)}.modal .eyebrow{color:#267a75}.modal h2{font:700 clamp(1.8rem,4vw,2.5rem)/1.1 Fraunces,Georgia,serif;letter-spacing:-.04em;margin:9px 0 11px}.modal p,.modal li{line-height:1.55}.modal .primary{margin-top:12px}.event-impact{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:20px 0}.impact{background:#d6e5dd;border-radius:9px;padding:11px 13px;font-weight:700}.impact.bad{color:#995038}.impact.good{color:#117466}.impact.neutral{color:#4c7777}.note{background:#d7e7df;border-left:4px solid #34a99a;border-radius:0 8px 8px 0;padding:14px;margin:16px 0;color:#2b5050}.modal-actions{display:flex;gap:10px;flex-wrap:wrap}.modal-actions .primary{flex:1}.rules-list{padding-left:22px}.rules-list li{margin:9px 0}.sources{font-size:.9rem}.sources li{margin:10px 0}.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.outcome-grid div{background:#d6e5dd;border-radius:9px;padding:12px;text-align:center}.outcome-grid strong{display:block;font-size:1.4rem}.outcome-grid span{font-size:.8rem}.result-title{font-size:1.65rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid #ffcf80;outline-offset:3px}@media(max-width:900px){.game-grid{grid-template-columns:1fr}.left-stack{grid-template-columns:1fr 1fr}.left-stack .panel:first-child{grid-column:1/-1}.intro{grid-template-columns:1fr;max-width:700px}.intro-card{max-width:500px}}@media(max-width:600px){.shell{padding:16px 14px 32px}.topbar{margin-bottom:15px}.brand{font-size:1.2rem}.top-actions .text-button{font-size:.8rem;padding:8px}.left-stack{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.card{min-height:190px}.game-heading{align-items:start}.round-pill{font-size:.8rem;padding:8px}.end-row{align-items:stretch;flex-direction:column}.end-row .primary{width:100%}.intro{padding:10px 0 20px}.intro h1{font-size:2.9rem}.outcome-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}