/* Action games and the mission screen. */
.arcade-left{min-width:0}
.arcade-meter{display:grid;grid-template-columns:auto minmax(60px,1fr) auto;align-items:center;gap:6px;font:600 11px/1 Arial,sans-serif;color:#b3cbc7;min-width:150px}
.arcade-meter i{display:block;height:10px;border-radius:9px;background:#24393e;overflow:hidden}
.arcade-meter b{display:block;height:100%;background:linear-gradient(90deg,#e7c46f,#e0763f);transition:width .2s}
.arcade-meter.hot b{background:linear-gradient(90deg,#e0763f,#d63a2f);animation:arcadeHot .6s infinite alternate}
.arcade-meter.good b{background:linear-gradient(90deg,#9ccf5a,#e7c46f)}
.arcade-meter.done b{background:#7fd36a}
.arcade-meter small{font:700 13px/1 Arial,sans-serif;color:#fff;font-variant-numeric:tabular-nums}
@keyframes arcadeHot{to{filter:brightness(1.35)}}
.arcade-outbreak .pirate-stage canvas{cursor:pointer}
.arcade-harvest .pirate-stage canvas{cursor:pointer}

.arcade-pick{display:grid;gap:14px;color:#eef3ee}
.arcade-pick h2{margin:2px 0 6px;font:700 clamp(22px,4.6vw,30px)/1.1 RepublicDisplay,Georgia,serif;color:#fff}
.arcade-pick p{margin:0;font:15px/1.45 Arial,sans-serif;color:#d6e2de}
.arcade-pick .nation-kicker{font:700 11px/1 Arial,sans-serif;letter-spacing:.14em;color:#e7c46f;margin:0}
.arcade-feature,.arcade-war{display:grid;grid-template-columns:auto 1fr;gap:14px 16px;align-items:start;padding:18px;border-radius:18px;background:linear-gradient(160deg,#173a40,#0f2529);border:1px solid #2b5a60}
.arcade-feature>button,.arcade-war>button{grid-column:1/-1;min-height:56px;font-size:18px}
.arcade-feature small{display:block;margin-top:8px;font:600 13px/1.3 Arial,sans-serif;color:#f0a58a}
.arcade-feature-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;background:#0b1c1f;font-size:36px;box-shadow:inset 0 0 0 1px #2b5a60}
.arcade-war{background:linear-gradient(160deg,#3a1518,#1d0c0e);border-color:#7a2a2f;box-shadow:0 0 0 3px rgba(214,58,47,.15)}
.arcade-war .nation-kicker{color:#ff8a76}
.arcade-war>button.primary{background:#c8392d;border-color:#c8392d;color:#fff}
.arcade-war-flag{display:grid;grid-template-rows:1fr 1fr;width:64px;height:44px;border-radius:6px;overflow:hidden;box-shadow:0 0 0 2px #00000055;margin-top:4px}
.arcade-war-flag i:first-child{background:var(--foe-a)}.arcade-war-flag i:last-child{background:var(--foe-b)}
.arcade-swap{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.arcade-swap button{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:9px 12px;border-radius:999px;background:#10272b;border:1px solid #2b5a60;color:#cfe0dc;font:600 13px/1 Arial,sans-serif;cursor:pointer}
.arcade-swap button span{font-size:17px}
.arcade-swap button.on{background:#e7c46f;border-color:#e7c46f;color:#1b1b14}
.arcade-swap button:disabled{opacity:.4;cursor:not-allowed}

.hud-play{display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:0 12px;border-radius:999px;border:0;background:#e7c46f;color:#1b1b14;font:700 13px/1 Arial,sans-serif;cursor:pointer;animation:hudPlayPulse 1.8s ease-in-out infinite}
.hud-play[hidden]{display:none}
.hud-play.war{background:#c8392d;color:#fff}
@keyframes hudPlayPulse{50%{box-shadow:0 0 0 6px rgba(231,196,111,.18)}}
@media(max-width:520px){.hud-play span{display:none}.arcade-feature,.arcade-war{grid-template-columns:1fr}.arcade-feature-icon{width:52px;height:52px;font-size:30px}}
@media(prefers-reduced-motion:reduce){.hud-play,.arcade-meter.hot b{animation:none}}

/* Alert banner for new messages (wars, trades, emergencies). */
.nation-alert{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 70px);z-index:60;width:min(560px,calc(100vw - 24px));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 12px 12px 14px;border-radius:16px;background:#10272b;border:1px solid #2b5a60;border-left:5px solid #e7c46f;color:#eef3ee;box-shadow:0 14px 40px rgba(0,0,0,.45);transform:translate(-50%,-140%);opacity:0;transition:transform .35s cubic-bezier(.2,.9,.3,1.2),opacity .25s}
.nation-alert.in{transform:translate(-50%,0);opacity:1}
.nation-alert-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#0b1c1f;font-size:22px}
.nation-alert-body{min-width:0}
.nation-alert-body p{margin:0;display:flex;gap:8px;align-items:center;font:700 10px/1 Arial,sans-serif;letter-spacing:.14em;color:#e7c46f}
.nation-alert-body p span{letter-spacing:0;font-weight:600;color:#9fb8b3}
.nation-alert-body h4{margin:4px 0 2px;font:700 16px/1.2 RepublicDisplay,Georgia,serif;color:#fff}
.nation-alert-body small{display:block;font:13px/1.35 Arial,sans-serif;color:#c9d8d4}
.nation-alert-actions{display:flex;gap:6px;align-items:center}
.nation-alert-go{min-height:38px;padding:0 14px;border-radius:999px;border:0;background:#e7c46f;color:#1b1b14;font:700 13px/1 Arial,sans-serif;cursor:pointer;white-space:nowrap}
.nation-alert-close{width:34px;height:34px;border-radius:50%;border:1px solid #2b5a60;background:transparent;color:#cfe0dc;font-size:14px;cursor:pointer}
.nation-alert.war,.nation-alert.emergency{background:#2a1214;border-color:#7a2a2f;border-left-color:#e0473a;animation:alertThrob 1.6s ease-in-out 2}
.nation-alert.war .nation-alert-body p,.nation-alert.emergency .nation-alert-body p{color:#ff8a76}
.nation-alert.war .nation-alert-go,.nation-alert.emergency .nation-alert-go{background:#e0473a;color:#fff}
.nation-alert.trade,.nation-alert.alliance{border-left-color:#5fa8d8}.nation-alert.trade .nation-alert-body p,.nation-alert.alliance .nation-alert-body p{color:#8cc7ee}
.nation-alert.gift,.nation-alert.victory{border-left-color:#7fd36a}.nation-alert.gift .nation-alert-body p,.nation-alert.victory .nation-alert-body p{color:#a6e693}
.nation-alert.constitution,.nation-alert.trial{border-left-color:#a593e0}.nation-alert.constitution .nation-alert-body p,.nation-alert.trial .nation-alert-body p{color:#c3b6f0}
@keyframes alertThrob{50%{box-shadow:0 14px 40px rgba(0,0,0,.45),0 0 0 6px rgba(224,71,58,.25)}}
@media(max-width:520px){.nation-alert{grid-template-columns:auto 1fr;top:calc(env(safe-area-inset-top,0px) + 64px)}.nation-alert-actions{grid-column:1/-1;justify-content:flex-end}.nation-alert-icon{width:36px;height:36px;font-size:19px}}
@media(prefers-reduced-motion:reduce){.nation-alert{transition:opacity .2s;transform:translate(-50%,0)}.nation-alert.war,.nation-alert.emergency{animation:none}}

/* Catastrophe video overlay. */
.disaster-video{position:fixed;inset:0;z-index:80;display:grid;align-content:center;justify-items:center;gap:18px;padding:16px;background:#000;opacity:0;transition:opacity .3s}
.disaster-video.in{opacity:1}.disaster-video.out{opacity:0}
.disaster-frame{position:relative;width:min(100%,calc((100vh - 230px)*16/9),1100px);aspect-ratio:16/9;border-radius:10px;overflow:hidden;box-shadow:0 0 60px rgba(200,57,45,.25)}
.disaster-frame video{display:block;width:100%;height:100%;object-fit:cover;background:#000}
.disaster-skip{position:absolute;top:10px;right:10px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.55);color:#fff;font:700 13px/1 Arial,sans-serif;cursor:pointer}
.disaster-caption{width:min(100%,720px);text-align:center;color:#eef3ee;opacity:0;transform:translateY(10px);transition:opacity .4s .3s,transform .4s .3s}
.disaster-video.in .disaster-caption{opacity:1;transform:none}
.disaster-caption p{margin:0;font:700 11px/1 Arial,sans-serif;letter-spacing:.18em;color:#ff8a76}
.disaster-caption h3{margin:8px 0 6px;font:700 clamp(22px,5vw,32px)/1.15 RepublicDisplay,Georgia,serif;color:#fff}
.disaster-caption span{display:block;font:15px/1.45 Arial,sans-serif;color:#d6e2de}
.disaster-continue{margin-top:14px;min-height:50px;padding:0 22px}
.disaster-video:not(.ended) .disaster-continue{opacity:.75}
.disaster-sound{position:absolute;left:10px;top:10px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.55);color:#fff;font:700 13px/1 Arial,sans-serif;cursor:pointer}
html body .disaster-continue{background:#e7c46f;border-color:#e7c46f;color:#1b1b14}