:root{color-scheme:dark;--ink: #24180f;--paper: #d8c08d;--paper-light: #ead8a6;--paper-dark: #9b7644;--wood: #23150f;--wood-2: #43271b;--brass: #c69b43;--brass-light: #f0d58b;--green: #4b7b53;--green-dark: #253f33;--blue: #3e6078;--red: #934336;--maroon: #582a2d;--steel: #b9c0b8;--shadow: rgba(0, 0, 0, .46);--frame: 2px solid rgba(246, 213, 138, .62)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 16% 18%,rgba(88,122,103,.4),transparent 28rem),radial-gradient(circle at 78% 12%,rgba(94,58,45,.35),transparent 24rem),linear-gradient(135deg,#162923,#1b221e 42%,#301b17);color:#f4e6c0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}html,body,#root{min-height:100%}button,input,textarea{font:inherit}button{cursor:pointer}.eu-shell{min-height:100vh;padding:14px;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;display:flex;flex-direction:column;gap:14px}.eu-topbar,.eu-window{border:var(--frame);box-shadow:inset 0 0 0 1px #32190abf,0 18px 42px var(--shadow)}.eu-topbar{display:grid;grid-template-columns:minmax(260px,auto) auto minmax(260px,auto);gap:12px;align-items:center;justify-content:space-between;min-height:78px;padding:10px 12px;background:linear-gradient(180deg,#6f4624eb,#2c1811fa),repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(255,255,255,.04) 9px)}.eu-country-id{display:flex;gap:12px;align-items:center}.eu-country-id span,.eu-date span{display:block;color:#e2c575;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.eu-country-id strong{color:#fff0c4;font-family:Georgia,Times New Roman,serif;font-size:24px;line-height:1}.eu-crest{display:grid;place-items:center;width:50px;height:56px;background:linear-gradient(160deg,var(--maroon),#2f1720),radial-gradient(circle,rgba(255,235,168,.18),transparent 70%);border:2px solid rgba(240,213,139,.74);color:var(--brass-light);clip-path:polygon(50% 0,100% 18%,90% 76%,50% 100%,10% 76%,0 18%)}.eu-resource-strip{display:flex;gap:6px}.eu-resource{display:flex;align-items:center;justify-content:center;gap:6px;min-width:90px;height:38px;padding:0 12px;color:#fff3c4;background:linear-gradient(180deg,#2a1c13f5,#110c09f5),radial-gradient(circle at top,rgba(205,168,82,.28),transparent 70%);border:1px solid rgba(198,155,67,.62);box-shadow:inset 0 1px #ffffff14;font-size:16px;font-weight:800}.eu-resource svg{color:var(--brass)}.eu-date{display:flex;align-items:center;gap:10px;padding:6px 14px;background:linear-gradient(180deg,#361f14db,#180e0beb);border:1px solid rgba(239,205,128,.54)}.eu-date button{background:transparent;border:none;color:var(--brass-light);padding:4px}.eu-date button:hover{filter:brightness(1.2)}.eu-date strong{color:#fff1c3;font-family:Georgia,Times New Roman,serif;font-size:25px;line-height:1}.hud-stage{display:grid;grid-template-columns:320px minmax(0,1fr) 320px;gap:14px;flex:1}.eu-window{background:linear-gradient(180deg,#402618f7,#1f1410fa),repeating-linear-gradient(0deg,transparent,transparent 9px,rgba(255,255,255,.03) 10px);padding:14px;display:flex;flex-direction:column;gap:14px}.eu-window-title{display:flex;align-items:center;gap:8px;color:#f0d58b;font-size:14px;font-weight:800;text-transform:uppercase;border-bottom:1px solid rgba(198,155,67,.42);padding-bottom:8px}.hud-entry-point{text-align:center;padding:20px 10px;background:linear-gradient(180deg,rgba(238,215,166,.1),transparent);border:1px solid rgba(198,155,67,.3)}.hud-next-move-text{font-family:Georgia,Times New Roman,serif;font-size:18px;color:#fff;margin-bottom:20px;line-height:1.3}.btn-huge-action{width:100%;padding:20px;font-size:18px;font-weight:900;color:#1d140d;background:linear-gradient(180deg,#f2d988,#b88132);border:2px solid #fff;box-shadow:0 0 15px #f2d98866;text-transform:uppercase;transition:all .2s}.btn-huge-action:hover{transform:translateY(-2px);box-shadow:0 0 25px #f2d98899;filter:brightness(1.1)}.eu-divider{height:1px;background:#c69b436b;margin:10px 0}.eu-command-row{display:grid;gap:8px}.btn-command{display:flex;align-items:center;gap:10px;padding:12px;color:#f6e4b1;background:linear-gradient(180deg,#3b5c47fa,#192d24fa);border:1px solid rgba(239,205,128,.58);font-weight:700;font-size:14px}.btn-command:hover{filter:brightness(1.2)}.hud-center{padding:24px;gap:30px}.hud-north-star-panel{background:linear-gradient(90deg,#d8c08dfa,#ecd7a5f5);padding:20px;color:var(--ink);border:2px solid rgba(198,155,67,.8)}.eu-ruler-row{display:flex;align-items:center;gap:16px;margin-bottom:20px}.eu-shield{display:grid;place-items:center;width:60px;height:60px;background:var(--maroon);color:#fff;border:2px solid var(--brass);border-radius:50%}.eu-ruler-row span{display:block;font-size:12px;font-weight:800;text-transform:uppercase;color:#4b3320}.eu-ruler-row strong{font-family:Georgia,serif;font-size:28px;color:#111;line-height:1.1}.eu-question-panel{background:#ffffff4d;padding:16px;border-left:4px solid var(--maroon)}.eu-question-panel span{font-size:11px;text-transform:uppercase;font-weight:800;color:var(--maroon)}.eu-question-panel p{font-family:Georgia,serif;font-size:18px;font-weight:700;margin:6px 0 12px;color:#111}.btn-edit-mission{display:inline-flex;align-items:center;gap:6px;background:#0000001a;border:1px solid rgba(0,0,0,.2);padding:6px 12px;font-size:12px;font-weight:800;color:#111}.eu-mission-editor{display:grid;gap:10px}.eu-mission-editor label{display:flex;flex-direction:column;gap:4px}.eu-mission-editor span{font-size:11px;text-transform:uppercase;font-weight:800;color:#4b3320}.eu-mission-editor input{padding:10px;background:#fffc;border:1px solid var(--maroon);color:#111;font-weight:700}.eu-mission-editor button{padding:10px;background:var(--maroon);color:#fff;border:none;font-weight:700;margin-top:10px}.hud-weekly-loop{display:flex;flex-direction:column;gap:16px}.hud-loop-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.metric{background:#0003;padding:16px;border:1px solid rgba(255,255,255,.1)}.progress-label{display:flex;justify-content:space-between;margin-bottom:10px;font-size:13px;font-weight:800;text-transform:uppercase;color:#e2c575}.progress-label strong{color:#fff}.bar{height:12px;background:#00000080;border:1px solid rgba(198,155,67,.4);position:relative}.bar span{display:block;height:100%;background:linear-gradient(90deg,#395c46,#6fa466,#dec46b);transition:width .3s}.bar.complete span{background:linear-gradient(90deg,#c69b43,#f0d58b,#fff);box-shadow:0 0 10px #f0d58b80}.bar.inverse span{background:linear-gradient(90deg,#612520,#aa4b3d,#d89d66)}.hud-loop-note{font-size:13px;color:#ffffff80;text-align:center;margin-top:10px}.hud-log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.log-entry{font-size:13px;padding:10px;background:#0003;border-left:3px solid #555;margin:0;line-height:1.4}.log-entry.positive{border-left-color:#6fa466;background:#6fa4661a}.log-entry.neutral{border-left-color:#f0d58b}.log-entry.negative{border-left-color:#aa4b3d;background:#aa4b3d1a}.log-entry b{color:#e2c575;display:block;font-size:11px;text-transform:uppercase;margin-bottom:2px}.hud-bottom-actions{margin-top:auto}.eu-reset{width:100%;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#aaa;font-weight:700}.eu-reset:hover{background:#ffffff1a;color:#fff}