:root{--obsidian:#15110d;--obsidian-raised:#201a14;--obsidian-soft:#2a2118;--stone:#3a3228;--parchment:#e5d1a3;--parchment-light:#f0dfb8;--parchment-shadow:#a7824f;--bronze:#b47a33;--bronze-dark:#6f4523;--gold:#d6a34a;--red-primary:#9e4634;--red-primary-strong:#753126;--green-action:#2f6e46;--green-action-strong:#214e34;--health-red:#b53a2f;--energy-ochre:#c08a2e;--morale-green:#5d9a55;--night-overlay:#0b12218a;--bg:var(--obsidian);--surface:var(--parchment-light);--surface-muted:#ddc58f;--text:#2b2118;--text-muted:#6c5437;--border:#6f452385;--primary:var(--red-primary);--primary-strong:var(--red-primary-strong);--primary-soft:#efd0bc;--accent:#267062;--accent-soft:#dce8cc;--danger:var(--health-red);--shadow:0 14px 34px #0f0b0847;--font-display:Georgia, "Times New Roman", serif;--font-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--sans:var(--font-ui);--mono:var(--font-mono);color:var(--text);background:linear-gradient(90deg, #b47a331a, transparent 28%), linear-gradient(180deg, #9e463424, transparent 38%), repeating-linear-gradient(90deg, #f0dfb806 0 1px, transparent 1px 4px), var(--bg);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}h1,h2,h3,p,dl,ul,dd{margin:0}h1{color:var(--text);font-family:var(--font-display);letter-spacing:0;font-size:2.35rem;line-height:1.05}h2{color:var(--text);font-family:var(--font-display);letter-spacing:0;font-size:1.05rem}h3{color:var(--text);font-family:var(--font-display);letter-spacing:0;font-size:1rem}#root{min-height:100vh}.app-layout{width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:18px}.screen-shell{border:1px solid var(--border);max-width:760px;box-shadow:var(--shadow);background:#ffffffeb;border-radius:8px;flex-direction:column;gap:18px;margin:0 auto;padding:28px;display:flex}.screen-shell__heading{color:var(--primary);align-items:flex-start;gap:16px;display:flex}.screen-shell__heading p{color:var(--text-muted)}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:800}@media (width<=560px){.app-layout{padding:12px}.screen-shell{padding:18px}h1{font-size:1.75rem}.screen-shell__heading{flex-direction:column}}.app-layout--main-menu,.app-layout--game-shell{width:100%;max-width:none;min-height:100vh;padding:0}body{background:radial-gradient(circle at 50% -12%, #d6a34a29, transparent 32rem), linear-gradient(180deg, #241a13, var(--obsidian) 48%);overflow-x:hidden}.app-layout{background:repeating-linear-gradient(90deg, #f0dfb806 0 2px, transparent 2px 6px), radial-gradient(circle at 12% 8%, #9e463424, transparent 24rem), var(--obsidian)}.screen-shell{background:linear-gradient(180deg, #f0dfb8fa, #ddc58ffa), var(--parchment);border:2px solid #b47a3380;box-shadow:inset 0 0 0 2px #fff6de3d,0 24px 46px #0c090759}.eyebrow{color:var(--bronze);font-size:.74rem;font-weight:900}.save-card p,.empty-state{color:var(--text-muted)}.action-button{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text);letter-spacing:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:9px 14px;font-weight:750;text-decoration:none;display:inline-flex}.action-button--ghost{background:0 0}.language-switcher,.notice-row,.form-actions{align-items:center;display:flex}.language-switcher{color:var(--text-muted);gap:12px;display:grid}.language-switcher>p{color:#5f452f;text-transform:uppercase;font-weight:900}.language-switcher__choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.language-switcher__choices button{background:linear-gradient(180deg, #fff8e2f5, #e2c78bf5), var(--parchment-light);color:#3a2a1d;border:2px solid #6f45236b;border-radius:8px;place-items:center;gap:4px;min-height:82px;padding:12px;display:grid;box-shadow:inset 0 -3px #6f452324,0 5px 12px #251b1424}.language-switcher__choices button span{color:#7a6045;font-size:.78rem;font-weight:900}.language-switcher__choices button strong{font-size:1rem}.language-switcher__choices button.is-selected{border-color:color-mix(in srgb, var(--green-action), #f0dfb8 12%);background:linear-gradient(180deg, color-mix(in srgb, var(--green-action), #f0dfb8 18%), var(--green-action-strong)), var(--green-action);color:#fff9e7;box-shadow:inset 0 0 0 1px #fff8e238,inset 0 -4px #0a362357,0 7px 14px #0f4c3133}.language-switcher__choices button.is-selected span{color:#d9efc5}.segmented-control{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:repeat(2,minmax(92px,1fr));display:inline-grid;overflow:hidden}.segmented-control button{min-height:36px;color:var(--text-muted);background:0 0;border:0;font-weight:700}.notice-row{border:1px solid var(--border);background:var(--accent-soft);color:var(--text);border-radius:8px;gap:10px;padding:12px 14px}.notice-row--warning{background:#fff3d9;border-color:#ddb777}.load-game-content{gap:14px;display:grid}.load-game-tabs{width:min(100%,360px)}.form-panel,.settings-panel,.save-list,.panel{flex-direction:column;gap:14px;display:flex}.form-panel label{color:var(--text);gap:6px;font-weight:750;display:grid}.form-panel input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;color:var(--text);border-radius:8px;padding:8px 12px}.form-field-with-action{display:block;position:relative}.form-field-with-action input{padding-right:48px}.form-random-button{width:34px;height:34px;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.form-random-button:hover{color:var(--text);background:#b47a331f;border-color:#6f452352}.form-random-button:active{background:#b47a3333}.form-panel input:focus-visible,.action-button:focus-visible,.form-random-button:focus-visible,.segmented-control button:focus-visible{outline-offset:2px;outline:3px solid #1f6f664d}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.form-error{border:1px solid var(--danger);color:#7d231c;background:#f9dfdc;border-radius:8px;padding:10px 12px}.panel,.save-card{border:1px solid var(--border);background:#fffffff0;border-radius:8px;padding:16px}.save-card--demo>div{gap:6px;display:grid}.tag-list{flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.tag-list li{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 8px;font-size:.76rem;font-weight:850}.panel--summary{background:var(--surface)}.stat-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat-list div{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;min-height:72px;padding:10px}.stat-list dt{color:var(--text-muted);font-size:.82rem;font-weight:750}.stat-list dd{color:var(--text);margin-top:4px;font-size:1.2rem;font-weight:850}.save-card{justify-content:space-between;gap:14px;display:flex}.empty-state{border:1px dashed var(--border);background:#ebe7df73;border-radius:8px;padding:16px}@media (width<=900px){.form-actions{align-items:stretch}.form-actions,.save-card{flex-direction:column}.action-button{width:100%}.stat-list{grid-template-columns:1fr}}@media (width<=560px){.segmented-control{grid-template-columns:1fr}}.form-panel--modal{gap:14px;display:grid}.action-button,.segmented-control button{background:linear-gradient(180deg, #fff6defa, #e0c487fa), var(--parchment);color:#34251a;border:1px solid #6f45238f;border-radius:6px;font-weight:900;box-shadow:inset 0 -3px #6f452329,0 8px 18px #140e0a2e}.action-button--primary{border-color:color-mix(in srgb, var(--red-primary-strong), #1d130e 18%);background:linear-gradient(180deg, color-mix(in srgb, var(--red-primary), #f0dfb8 12%), var(--red-primary)), var(--red-primary);color:#fff6dc}.action-button--secondary:hover,.action-button--ghost:hover{border-color:var(--gold);background:linear-gradient(180deg, #fff8e2, #eacc8e), var(--parchment-light)}.action-button:focus-visible,.segmented-control button:focus-visible{outline-offset:2px;outline:3px solid #d6a34a70}.segmented-control{background:#201a141f;border:1px solid #6f452394;border-radius:6px}.segmented-control button.is-selected{background:linear-gradient(180deg, color-mix(in srgb, var(--green-action), #f0dfb8 8%), var(--green-action)), var(--green-action);color:#fff9e7}.notice-row,.empty-state{background:linear-gradient(180deg, #fff8e2e0, #e5d1a3e0), var(--parchment);border-color:#6f45237a;border-radius:6px}.notice-row--warning{border-color:var(--energy-ochre);color:#6b4a05;background:#fff1c7}.form-panel input{color:#2b2118;background:#fff8e2eb;border:1px solid #6f45238a;border-radius:6px}.save-card,.panel{background:linear-gradient(#fff8e2d6,#e5d1a3b3),#e5d1a3bd;border:1px solid #6f45236b;border-radius:6px}.main-menu-screen{--main-menu-background:url(/assets/pixel-art/homepage/homepage-background-day.svg);color:#fff2cf;isolation:isolate;background:#15110d;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(280px,430px) minmax(0,1fr);min-height:100dvh;padding:clamp(18px,3vw,42px);display:grid;position:relative;overflow:hidden}.main-menu-screen:before{z-index:-2;content:"";background:linear-gradient(90deg, #12100ee6 0 25%, #12100e80 38%, #12100e0f 58%, #12100e1f), linear-gradient(180deg, #15110d0f, #15110d29), var(--main-menu-background) center / cover no-repeat;filter:saturate(1.08)contrast(1.03);image-rendering:pixelated;position:absolute;inset:0}.main-menu-screen:after{z-index:-1;content:"";pointer-events:none;background:linear-gradient(90deg,#15110d5c,#0000 28% 76%,#15110d29),linear-gradient(#15110d38,#0000 20% 78%,#15110d4d);border:2px solid #d6a34ab8;border-radius:4px;position:absolute;inset:8px;box-shadow:inset 0 0 0 2px #382416c7,inset 0 0 42px #0e0a0847}.main-menu-screen__tip,.main-menu-screen__last-save{background:linear-gradient(180deg, #281f18eb, #1a1410f5), var(--obsidian-raised);border:2px solid #b47a33c2;border-radius:4px;box-shadow:inset 0 0 0 2px #0f0a0794,0 12px 28px #110c094d}.main-menu-screen__buttons button:hover,.main-menu-screen__last-save button:hover{filter:brightness(1.05);transform:translateY(-1px)}.main-menu-screen__content{z-index:2;grid-area:1/1/span 3;align-self:start;gap:clamp(18px,3vh,30px);width:min(420px,100%);margin-top:clamp(34px,5vh,66px);padding:clamp(18px,2vw,28px);display:grid;position:relative}.main-menu-screen__brand{text-shadow:0 4px #472d1ad9,0 8px 18px #0e0a0794;gap:4px;display:grid;position:relative}.main-menu-screen__title-row{align-items:center;gap:10px;width:fit-content;display:flex}.main-menu-screen__title-row img{object-fit:contain;width:40px;height:94px;image-rendering:pixelated}.main-menu-screen__brand h1{color:#e5b45c;letter-spacing:0;text-transform:uppercase;white-space:nowrap;font-size:clamp(4.4rem,9vw,7rem);line-height:.9}.main-menu-screen__buttons{gap:12px;width:min(330px,100%);display:grid}.main-menu-screen__buttons button{background:linear-gradient(180deg, #f6e1b2fa, #d3a966fa), var(--parchment);color:#2e2118;letter-spacing:0;text-align:left;text-transform:uppercase;border:2px solid #734b2acc;border-radius:4px;justify-content:flex-start;align-items:center;gap:16px;min-height:76px;padding:0 28px;font-size:1.04rem;font-weight:950;display:inline-flex;position:relative;box-shadow:inset 0 0 0 2px #fff4cf6b,inset 0 -5px #5d391f2e,0 10px 22px #160f0a47}.main-menu-screen__buttons button:before,.main-menu-screen__last-save:before{content:"";pointer-events:none;border:1px solid #6f45236b;border-radius:2px;position:absolute;inset:5px}.main-menu-screen__button--primary{background:linear-gradient(180deg, color-mix(in srgb, var(--red-primary), #f0dfb8 18%), #8f3d30), var(--red-primary);color:#fff6dc;border-color:#783428}.main-menu-screen__button--primary:before{border-color:#f6d38b61}.main-menu-screen__tip{color:#f4ddad;grid-template-columns:auto 1fr;gap:14px;width:min(330px,100%);padding:18px;display:grid}.main-menu-screen__tip svg{color:#d77f35;filter:drop-shadow(0 0 8px #e77f365c)}.main-menu-screen__tip strong,.main-menu-screen__card-title{color:#f3c968;text-transform:uppercase;font-size:.88rem;font-weight:950}.main-menu-screen__tip p{color:#f0dfb8;margin-top:3px;font-size:.9rem;line-height:1.38}.main-menu-screen__last-save{z-index:2;background:linear-gradient(180deg, #f0dfb8f5, #dab97bf5), var(--parchment);color:#2e2118;width:min(380px,100vw - 56px);padding:18px;position:absolute;bottom:clamp(28px,5vh,70px);right:clamp(28px,4vw,70px)}.main-menu-screen__card-title{color:#3f2c20}.main-menu-screen__last-save-body{z-index:1;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:14px;margin-top:10px;display:grid;position:relative}.main-menu-screen__last-save-thumbnail{aspect-ratio:1;object-fit:cover;width:112px;image-rendering:pixelated;background:#4a36232e;border:2px solid #6f45239e;border-radius:3px}.main-menu-screen__last-save-meta{gap:4px;display:grid}.main-menu-screen__last-save-meta h2{color:#3a281b;font-size:1rem}.main-menu-screen__last-save-meta p,.main-menu-screen__last-save-empty{color:#5d432e;font-size:.86rem;font-weight:720}.main-menu-screen__last-save button{z-index:1;background:linear-gradient(180deg, color-mix(in srgb, var(--red-primary), #f0dfb8 16%), #8f3d30), var(--red-primary);color:#fff6dc;text-transform:uppercase;border:2px solid #783428;border-radius:4px;width:100%;min-height:42px;margin-top:14px;font-weight:950;position:relative}@media (width<=960px){.main-menu-screen{min-height:100dvh;padding:18px;display:block;overflow:auto}.main-menu-screen:before{background:linear-gradient(180deg, #12100eb3, #12100e47 48%, #12100ec7), var(--main-menu-background) center / cover no-repeat}.main-menu-screen__last-save{position:relative;inset:auto}.main-menu-screen__content{width:min(420px,100%);margin-top:clamp(28px,8vh,72px);padding:0}.main-menu-screen__brand h1{font-size:clamp(3.6rem,19vw,5.2rem)}.main-menu-screen__buttons,.main-menu-screen__tip,.main-menu-screen__last-save{width:min(380px,100%)}.main-menu-screen__last-save{margin-top:22px}}@media (width<=560px){.main-menu-screen__title-row{grid-template-columns:30px minmax(0,auto) 30px;gap:6px}.main-menu-screen__title-row img{width:30px;height:72px}.main-menu-screen__buttons button{min-height:64px;padding:0 20px;font-size:.94rem}.main-menu-screen__last-save-body{grid-template-columns:80px minmax(0,1fr)}.main-menu-screen__last-save-thumbnail{width:80px}}.game-shell{--shell-top:86px;--shell-bottom:166px;background:linear-gradient(#263f52 0,#0000 28%),linear-gradient(135deg,#8f3f2c33,#4a684833),#7b8e61;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:76px minmax(0,1fr);width:100%;height:100vh;display:grid;position:relative;overflow:hidden}.left-navigation-rail{z-index:18;background:#5c402db8;border-right:2px solid #4833247a;flex-direction:column;grid-area:2/1;align-items:center;gap:10px;padding:14px 10px;display:flex;box-shadow:8px 0 18px #241b1429}.left-navigation-rail button{background:#e7c98a;place-items:center;width:54px;min-height:54px;padding:6px;display:grid;position:relative}.left-navigation-rail button span{color:#fff3cf;opacity:0;pointer-events:none;background:#2c1f17db;border-radius:8px;min-width:max-content;padding:5px 8px;font-size:.78rem;transition:opacity .12s,transform .12s;position:absolute;left:64px;transform:translate(-4px)}.left-navigation-rail button:hover span,.left-navigation-rail button:focus-visible span{opacity:1;transform:translate(0)}.left-navigation-rail button.is-selected{color:#fff7df;background:#b55339;border-color:#f0c26d}.game-shell__map-stage{grid-area:2/2;min-width:0;min-height:0;position:relative}@media (width<=760px){.game-shell{--shell-bottom:210px;grid-template-columns:1fr}.left-navigation-rail{right:10px;bottom:calc(var(--shell-bottom) + 12px);z-index:24;border:1px solid #f0c26d47;border-radius:8px;grid-area:auto;grid-auto-columns:52px;grid-auto-flow:column;justify-content:center;padding:8px;display:grid;position:absolute;left:10px}.left-navigation-rail button span{display:none}.game-shell__map-stage{grid-column:1}}.left-navigation-rail button:focus-visible{outline-offset:2px;outline:3px solid #d6a34a70}.game-shell{--shell-top:88px;--shell-bottom:186px;background:linear-gradient(#15110da3 0,#0000 22%),radial-gradient(circle at 58% 38%,#d6a34a14,#0000 28rem),linear-gradient(135deg,#536b45,#9d8b58 54%,#684c34)}.game-shell:before{z-index:0;content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#15110d2e 0 2px,#0000 2px 6px),repeating-linear-gradient(0deg,#f0dfb809 0 1px,#0000 1px 5px);position:absolute;inset:0}.left-navigation-rail{position:relative}.left-navigation-rail button{background:linear-gradient(180deg, #f0dfb8fa, #b58541fa), var(--parchment);color:#2e2118;border:1px solid #b47a339e;border-radius:6px;box-shadow:inset 0 -3px #462d1933,0 8px 16px #0b080638}.left-navigation-rail button:hover{border-color:var(--gold);filter:brightness(1.07)}.left-navigation-rail{background:linear-gradient(180deg, #2a2118e0, #15110deb), var(--obsidian-raised);border-right:2px solid #d6a34a61;box-shadow:inset -1px 0 #fff6de0d,9px 0 20px #08060447}.left-navigation-rail button{background:linear-gradient(180deg, #3a3228fa, #201a14fa), var(--obsidian-soft);color:#e9d39d;width:52px;min-height:52px}.left-navigation-rail button.is-selected{border-color:var(--gold);background:linear-gradient(180deg, color-mix(in srgb, var(--red-primary), #d6a34a 16%), var(--red-primary)), var(--red-primary);color:#fff6dc}.game-shell__map-stage{z-index:1}.game-shell{--shell-top:92px}@media (width<=1180px){.game-shell{--shell-top:142px}}@media (width<=760px){.game-shell{--shell-top:214px}}@media (width<=1120px){.game-shell{--shell-top:178px}}@media (width<=760px){.game-shell{--shell-top:206px}.left-navigation-rail{background:linear-gradient(180deg, #2a2118eb, #15110deb), var(--obsidian-raised);border:1px solid #d6a34a5c}}.top-hud{z-index:30;min-height:var(--shell-top);background:linear-gradient(#ffeec4f5,#ddbc80f5),#e7c98a;border-bottom:2px solid #4d3422b8;grid-column:1/-1;grid-template-columns:minmax(380px,auto) minmax(0,1fr) auto;grid-template-areas:"time speeds actions";align-items:center;gap:12px;padding:12px 18px;display:grid;box-shadow:0 12px 24px #2a1f163d}.top-hud__time{color:#6d5035;grid-area:time;min-width:0;min-height:38px;padding:7px 10px;font-weight:800}.top-hud__time,.top-hud__speeds,.top-hud__actions{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.top-hud__date-lines{flex:none;gap:1px;line-height:1.05;display:grid}.top-hud__date-lines>span:last-child{color:#8a6741;text-transform:uppercase;gap:6px;font-size:.72rem;display:flex}.day-cycle-gauge{color:currentColor;gap:4px;width:230px;min-width:170px;display:grid}.day-cycle-gauge--compact{width:150px;min-width:130px}.day-cycle-gauge__status{color:currentColor;text-transform:uppercase;align-items:center;gap:5px;min-width:0;font-size:.72rem;font-weight:900;line-height:1;display:flex}.day-cycle-gauge--compact .day-cycle-gauge__status{font-size:.64rem}.day-cycle-gauge__status span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.day-cycle-gauge__track{background:#1b1820;border:1px solid #2d21178a;border-radius:999px;width:100%;height:14px;display:flex;position:relative;box-shadow:inset 0 2px 3px #0000006b,0 1px #fff6de29}.day-cycle-gauge--compact .day-cycle-gauge__track{height:11px}.day-cycle-gauge__segment{border-right:1px solid #19120d47;min-width:0;height:100%}.day-cycle-gauge__segment--dawn{background:linear-gradient(#f2bd74,#b85d52);border-radius:999px 0 0 999px}.day-cycle-gauge__segment--day{background:linear-gradient(#ffe9a3,#7fb783)}.day-cycle-gauge__segment--dusk{background:linear-gradient(#d7825c,#74456b)}.day-cycle-gauge__segment--night{background:linear-gradient(#233f63,#111928);border-right:0;border-radius:0 999px 999px 0}.day-cycle-gauge__marker{color:#fff4c7;background:#34261c;border:2px solid #fff2c6;border-radius:999px;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #2c1d138f,0 3px 6px #00000057}.day-cycle-gauge--compact .day-cycle-gauge__marker{width:18px;height:18px}.day-cycle-gauge__marker--dawn{background:#b85d52}.day-cycle-gauge__marker--day{background:#d3a947}.day-cycle-gauge__marker--dusk{background:#74456b}.day-cycle-gauge__marker--night{background:#17283d}.top-hud__speeds button{width:38px;min-width:38px;min-height:34px;box-shadow:none;place-items:center;padding:5px;display:grid}.top-hud__speeds{grid-area:speeds}.top-hud__speeds button.is-selected{color:#fff9e7;background:#2d7c70;border-color:#24645d}.top-hud__actions{flex-wrap:wrap;grid-area:actions;justify-content:flex-end;min-width:0}.top-hud__actions>button{place-items:center;width:38px;min-width:38px;min-height:34px;padding:5px;display:grid}.top-hud__actions button:focus-visible,.top-hud__speeds button:focus-visible{outline-offset:2px;outline:3px solid #d6a34a70}.top-hud{z-index:30;background:linear-gradient(180deg, #2a2118fa, #15110dfa), repeating-linear-gradient(90deg, #f0dfb80a 0 1px, transparent 1px 5px), var(--obsidian-raised);color:#f6e7c2;border-bottom:2px solid #d6a34a94;grid-template-columns:minmax(380px,auto) minmax(0,1fr) auto;position:relative;box-shadow:inset 0 -1px #fff6de14,0 14px 26px #0806045c}.top-hud:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#d6a34ab8,#0000);height:1px;position:absolute;bottom:6px;left:18px;right:18px}.top-hud__time{color:#fff1c7}.top-hud__date-lines>span:last-child{color:#d6b77a}.top-hud__time{color:#f3dfaa;background:#0f0c0961;border:1px solid #d6a34a57;border-radius:6px}.top-hud__actions button,.top-hud__speeds button{background:linear-gradient(180deg, #f0dfb8fa, #b58541fa), var(--parchment);color:#2e2118;border:1px solid #b47a339e;border-radius:6px;box-shadow:inset 0 -3px #462d1933,0 8px 16px #0b080638}.top-hud__speeds button{color:#2e2118}.top-hud__speeds button.is-selected{border-color:color-mix(in srgb, var(--green-action), #fff 16%);background:linear-gradient(180deg, color-mix(in srgb, var(--green-action), #f0dfb8 10%), var(--green-action)), var(--green-action);color:#fff9e7}.top-hud__actions button:hover,.top-hud__speeds button:hover{border-color:var(--gold);filter:brightness(1.07)}@media (width<=1120px){.top-hud{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"time actions""speeds actions";align-items:start;padding-right:16px}.top-hud__speeds{flex-wrap:wrap;justify-content:flex-start}.top-hud__actions{align-self:start}.day-cycle-gauge{width:min(230px,46vw)}}@media (width<=760px){.top-hud{grid-template-columns:minmax(0,1fr);grid-template-areas:"actions""time""speeds"}.top-hud__actions,.top-hud__speeds{justify-content:flex-start;width:100%}.top-hud__time{flex-wrap:wrap;width:100%}.day-cycle-gauge{flex:170px;width:min(230px,100%)}}.top-hud{image-rendering:pixelated;background:linear-gradient(180deg, #2a2118f0, #100d0af5), var(--pixi-ui-bronze-frame-tile,none) center / 128px 128px repeat, var(--obsidian-raised);border-bottom:0;box-shadow:inset 0 -3px #d6a34a2e,0 16px 26px #08060466}.top-hud:before{background:var(--pixi-ui-roman-divider,linear-gradient(90deg, transparent, #d6a34ab8, transparent)) center / 240px 32px repeat-x;opacity:.88;height:20px;bottom:-10px;left:18px;right:18px}.top-hud{min-height:var(--shell-top);color:#f6e7c2;grid-template-columns:minmax(230px,330px) minmax(450px,1fr) minmax(300px,auto);grid-template-areas:"brand center actions";align-items:center;gap:14px;padding:9px 16px 11px;display:grid}.top-hud__brand,.top-hud__center,.top-hud__time,.top-hud__speeds,.top-hud__actions,.top-hud__resources,.top-hud__resource{align-items:center;display:flex}.top-hud__brand{background:linear-gradient(#0f0d0ab8,#0807068a),#0f0c0985;border:1px solid #d6a34a6b;border-radius:7px;grid-area:brand;gap:12px;min-width:0;min-height:62px;padding:5px 14px 5px 7px;box-shadow:inset 0 1px #fff6de14,inset 0 -2px #00000047}.top-hud__crest{object-fit:contain;filter:drop-shadow(0 5px 8px #00000061);flex:none;width:58px;height:58px}.top-hud__brand h1{color:#fff1c7;letter-spacing:0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.08rem;font-weight:800;line-height:1.05;overflow:hidden}.top-hud__center{grid-area:center;justify-content:center;gap:12px;min-width:0}.top-hud__time{color:#f3dfaa;background:linear-gradient(#2a2118c7,#0f0c09bd),#0f0c0975;border:1px solid #d6a34a61;border-radius:7px;grid-area:auto;gap:10px;min-width:246px;min-height:54px;padding:5px 12px 5px 6px;box-shadow:inset 0 1px #fff6de14,inset 0 -2px #00000042}.top-hud__phase-icon{object-fit:contain;filter:drop-shadow(0 4px 7px #00000057);flex:none;width:52px;height:44px}.top-hud__date-lines{gap:1px;min-width:0;line-height:1.05;display:grid}.top-hud__date-lines strong{color:#fff1c7;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.74rem;font-weight:900;overflow:hidden}.top-hud__date-lines>span{color:#e7c98a;text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;font-weight:800;overflow:hidden}.top-hud__date-lines>span:last-child{color:#d6b77a;gap:8px;font-size:.68rem;display:flex}.top-hud__speeds{background:linear-gradient(#14110dd6,#080706b8),#0f0c0980;border:1px solid #d6a34a57;border-radius:7px;flex:none;grid-area:auto;gap:4px;padding:4px;box-shadow:inset 0 1px #fff6de0f,inset 0 -2px #00000047}.top-hud__speeds button{background:#0f0c0994;border:1px solid #b47a336b;border-radius:5px;place-items:center;width:50px;min-width:50px;height:43px;min-height:43px;padding:0;display:grid;overflow:hidden;box-shadow:inset 0 1px #fff6de0f,0 5px 10px #00000038}.top-hud__speeds button img,.top-hud__edit-button img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.top-hud__speeds button:hover,.top-hud__edit-button:hover{filter:brightness(1.1);border-color:#ffdd8ec7}.top-hud__speeds button.is-selected{background:linear-gradient(#d6a34a52,#6c2b232e),#0f0c09c2;border-color:#ffd77a;box-shadow:0 0 0 1px #ffdd8e52,0 0 18px #d6a34a2e,inset 0 1px #fff6de1f}.top-hud__actions{flex-wrap:nowrap;grid-area:actions;justify-content:flex-end;gap:10px;min-width:0}.top-hud__resources{background:linear-gradient(#14110dd6,#080706b8),#0f0c0985;border:1px solid #d6a34a5c;border-radius:7px;gap:0;min-width:236px;min-height:50px;box-shadow:inset 0 1px #fff6de0f,inset 0 -2px #00000047}.top-hud__resource{color:#ffd77a;justify-content:center;gap:8px;min-width:118px;padding:8px 14px;font-size:.88rem;font-weight:900}.top-hud__resource+.top-hud__resource{border-left:1px solid #d6a34a3d}.top-hud__resource-icon{width:26px;height:26px;image-rendering:pixelated;background-image:url(/assets/pixel-art-production/ui/resource-icons.png);background-repeat:no-repeat;background-size:156px 26px;flex:none}.top-hud__resource-icon--treasury{background-position:0 0}.top-hud__resource-icon--reputation{background-position:-52px 0}.top-hud__edit-button{background:#0f0c0994;border:1px solid #d6a34a6b;border-radius:7px;place-items:center;width:54px;min-width:54px;height:54px;min-height:54px;padding:0;display:grid;overflow:hidden;box-shadow:inset 0 1px #fff6de14,0 7px 13px #00000042}.top-hud__speeds button:focus-visible,.top-hud__edit-button:focus-visible{outline-offset:2px;outline:2px solid #fff1c7}@media (width<=1180px){.top-hud{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions""center center";align-items:center}.top-hud__center{justify-content:flex-start}}@media (width<=760px){.top-hud{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand""center""actions";gap:8px;padding:8px 10px 12px}.top-hud__brand,.top-hud__time,.top-hud__resources{width:100%}.top-hud__center,.top-hud__actions{justify-content:flex-start;width:100%}.top-hud__center{flex-wrap:wrap}.top-hud__time{min-width:min(100%,246px)}.top-hud__speeds{flex-wrap:wrap;max-width:100%}.top-hud__actions{align-items:stretch}.top-hud__resources{flex:auto;min-width:0}.top-hud__resource{flex:1 1 0;min-width:0}}.pixi-scene-viewport canvas{cursor:grab;image-rendering:crisp-edges;image-rendering:pixelated;touch-action:none;display:block}.pixi-scene-viewport canvas:active{cursor:grabbing}.pixi-scene-viewport__host{width:100%;height:100%}.ludus-map{width:100%;height:100%;position:relative}.ludus-map__viewport{--map-sky-color:#91b9c8;--map-terrain-color:#c4ae71;--map-terrain-highlight-color:#e5c983;--map-overlay-color:#fff3c4;--map-overlay-opacity:.06;--map-light-color:#fff1bd;--map-shadow-color:#4f3a28;--map-sprite-brightness:1;background:radial-gradient(circle at 24% 72%, color-mix(in srgb, var(--map-terrain-highlight-color), #5f7b45 34%), transparent 24%), radial-gradient(circle at 72% 20%, color-mix(in srgb, var(--map-light-color), transparent 56%), transparent 26%), linear-gradient(180deg, color-mix(in srgb, var(--map-sky-color), transparent 62%) 0 18%, transparent 42%), var(--map-terrain-color);background-blend-mode:normal, normal, normal, normal;cursor:grab;isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.ludus-map__viewport:after{z-index:12;content:"";background:var(--map-overlay-color);mix-blend-mode:multiply;opacity:var(--map-overlay-opacity);pointer-events:none;transition:background .5s,opacity .5s;position:absolute;inset:0}.ludus-map__viewport--dawn:after,.ludus-map__viewport--day:after{mix-blend-mode:soft-light}.ludus-map__viewport--dusk:after,.ludus-map__viewport--night:after{mix-blend-mode:multiply}.ludus-map{background:#76663f}.ludus-map__viewport{box-shadow:inset 0 0 0 8px #15110d57,inset 0 0 0 12px #b47a333d}.gladiator-portrait--olive .gladiator-portrait__body{background:#5f7b45}.gladiator-portrait--bronze .gladiator-portrait__body{background:#9a6b38}.gladiator-portrait--indigo .gladiator-portrait__body{background:#374b76}.gladiator-portrait--sand .gladiator-portrait__body{background:#c19b57}.bottom-roster{z-index:22;height:var(--shell-bottom);background:linear-gradient(#5c402df5,#3e2d22f5),#5c402d;border-top:2px solid #4d3422b8;grid-area:3/1/auto/-1;grid-template-rows:minmax(0,1fr);min-height:0;padding:14px 16px;display:grid;overflow:hidden;box-shadow:0 -14px 28px #251b143d}.bottom-roster__empty{color:#f2dca8;font-weight:800}.bottom-roster__scroller{grid-template-columns:repeat(auto-fill, minmax(var(--roster-card-min,220px), 1fr));grid-auto-rows:minmax(0,1fr);gap:10px;min-height:0;display:grid;overflow:hidden}.bottom-roster__empty{border:1px dashed #f0c26d6b;border-radius:8px;place-items:center;min-height:92px;display:grid}.roster-card{color:#33251b;text-align:left;background:linear-gradient(#fff6defa,#e8c98bf5),#ead19a;border:1px solid #f0c26d52;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:8px;min-width:0;min-height:0;padding:8px;display:grid;box-shadow:0 10px 18px #22181233}.roster-card--critical{border-color:#b33a2e}.roster-card--warning{border-color:#d39942}.roster-card__body,.roster-card__meters,.roster-card__footer{display:grid}.roster-card__body{align-content:center;gap:4px;min-width:0}.roster-card__topline,.roster-card__footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.roster-card__topline strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.roster-card__topline span,.roster-card__objective,.roster-card__footer{color:#6d5035;font-size:.72rem;font-weight:800}.roster-card__meters{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.roster-meter{gap:2px;display:grid}.roster-meter__track{background:#593f2a2e;border-radius:999px;height:6px;overflow:hidden}.roster-meter__value{border-radius:inherit;background:linear-gradient(90deg,#2d7c70,#89a957);height:100%;display:block}.roster-meter__label{font-size:.64rem;font-weight:850}.roster-card__alert{color:#8c2f39;align-items:center;gap:3px;min-width:0;display:inline-flex}.gladiator-portrait{image-rendering:pixelated;background:linear-gradient(#e2c989 0 58%,#9d6d3d 59%),#e2c989;border:3px solid #5f452f;border-radius:8px;flex:none;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fff6de3d,0 8px 12px #2a1e162e}.gladiator-portrait--small{width:46px;height:46px}.gladiator-portrait--medium{width:62px;height:76px}.gladiator-portrait--large{width:112px;height:136px}.gladiator-portrait__head,.gladiator-portrait__hair,.gladiator-portrait__body,.gladiator-portrait__shine,.gladiator-portrait__asset{display:block;position:absolute}.gladiator-portrait__asset{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;inset:0}.gladiator-portrait__asset+.gladiator-portrait__head,.gladiator-portrait__asset~.gladiator-portrait__hair,.gladiator-portrait__asset~.gladiator-portrait__body,.gladiator-portrait__asset~.gladiator-portrait__shine{display:none}.gladiator-portrait__head{background:#c48a62;border:3px solid #4f3728;border-radius:40% 40% 46% 46%;width:36%;height:28%;top:18%;left:32%}.gladiator-portrait__hair{background:#3d2a22;border-radius:50% 50% 16% 16%;width:42%;height:17%;top:13%;left:29%}.gladiator-portrait__body{background:#b55339;border:3px solid #4f3728;border-bottom:0;border-radius:12px 12px 0 0;height:42%;bottom:0;left:22%;right:22%}.gladiator-portrait__shine{background:#fff7dd33;width:18%;height:70%;top:8%;right:8%}.gladiator-portrait[data-hair=shaved] .gladiator-portrait__hair{height:9%}.gladiator-portrait[data-hair=curly] .gladiator-portrait__hair{border-radius:45%;box-shadow:-8px 3px #3d2a22,8px 3px #3d2a22}.gladiator-portrait[data-armor=bronze] .gladiator-portrait__body{background:linear-gradient(90deg,#8b5d2f,#c59a4a,#8b5d2f)}.gladiator-portrait[data-armor=leather] .gladiator-portrait__body{background:#7b4e35}@media (width<=760px){.bottom-roster__scroller{grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr))}}.bottom-roster{position:relative}.bottom-roster:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#d6a34ab8,#0000);height:1px;position:absolute;top:6px;left:18px;right:18px}.bottom-roster{background:linear-gradient(180deg, #2a2118fa, #15110dfa), repeating-linear-gradient(90deg, #f0dfb80a 0 1px, transparent 1px 5px), var(--obsidian-raised);border-top:2px solid #d6a34a94}.roster-card{background:linear-gradient(180deg, #fff6defa, #ddbe7efa), var(--parchment);border-color:#b47a338f;border-radius:6px}.roster-card.is-selected{border-color:var(--gold);box-shadow:0 0 0 3px #d6a34a42,0 12px 20px #08060438}.roster-meter__track{background:#201a142e;border:1px solid #593f2a2e}.roster-meter__value{background:linear-gradient(90deg, var(--green-action), var(--gold))}.bottom-roster{image-rendering:pixelated}.bottom-roster:before{background:var(--pixi-ui-roman-divider,linear-gradient(90deg, transparent, #d6a34ab8, transparent)) center / 240px 32px repeat-x;opacity:.88;height:20px;left:18px;right:18px}.bottom-roster{background:linear-gradient(180deg, #2a2118f2, #100d0af7), var(--pixi-ui-bronze-frame-tile,none) center / 128px 128px repeat, var(--obsidian-raised);border-top:0;padding:12px 16px;box-shadow:inset 0 3px #d6a34a29,0 -16px 28px #0806045c}.bottom-roster:before{top:-10px}.roster-card{background:linear-gradient(180deg, #fff6def0, #ddbe7ee6), var(--parchment);border:2px solid #875324bd;border-radius:6px;height:100%;max-height:100%;padding:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #fff6de3d,0 11px 18px #08060442}.roster-card.is-selected{box-shadow:0 0 0 3px #d6a34a52,0 12px 20px #08060447}.roster-card--critical{box-shadow:inset 0 0 0 2px #b33a2ec7,0 11px 18px #08060442}.roster-card--warning{box-shadow:inset 0 0 0 2px #d39942c7,0 11px 18px #08060442}@media (width<=760px){.roster-card__meters{grid-template-columns:repeat(2,minmax(0,1fr))}}.planning-controls select:focus-visible,.planning-controls input:focus-visible,.combat-selector button:focus-visible{outline-offset:2px;outline:3px solid #1f6f664d}.alert-list{gap:8px;padding:0;list-style:none;display:grid}.alert-list__item{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;gap:2px;padding:10px 12px;display:grid}.alert-list__item strong{color:var(--text);font-size:.82rem}.alert-list__item span{color:var(--text-muted)}.alert-list__item--critical{border-color:var(--danger);background:#f9dfdc}.alert-list__item--warning{background:#fff3d9;border-color:#ddb777}.planning-card-grid{gap:12px;display:grid}.planning-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:12px;padding:14px;display:grid}.planning-card__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.planning-card__header p{color:var(--text-muted)}.planning-card__header strong{background:var(--accent-soft);color:var(--accent);border-radius:8px;flex-shrink:0;padding:4px 8px;font-size:.82rem}.planning-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.planning-controls label{color:var(--text-muted);gap:5px;font-size:.82rem;font-weight:750;display:grid}.planning-controls select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:38px;color:var(--text);border-radius:8px;padding:7px 10px}.compact-stat-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.compact-stat-list div{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;min-height:52px;padding:8px}.compact-stat-list dt{color:var(--text-muted);font-size:.76rem;font-weight:750}.compact-stat-list dd{color:var(--text);margin-top:2px;font-weight:850}.event-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.events-panel__section{gap:12px}.events-panel__list{gap:12px;display:grid}.events-panel__event{background:linear-gradient(#fff4d3e0,#efcd9194),#fff8e2b8;border:1px solid #85502a6b;border-radius:10px;gap:14px;padding:14px;display:grid}.events-panel__event-header{gap:10px;display:grid}.events-panel__event-header p{color:#3d2b1d;margin:0;font-size:1rem;font-weight:750;line-height:1.45}.events-panel__summary{gap:3px;display:grid}.events-panel__summary h3{color:#2e2118;margin:0;font-size:1.25rem;line-height:1.1}.events-panel__choice-heading{color:#6d5035;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.event-choice-grid .events-panel__choice{text-align:left;align-content:start;gap:5px;min-height:82px;padding:10px;display:grid}.events-panel__choice span{color:#4f3825;font-size:.82rem;font-weight:650;line-height:1.3}.arena-panel__header,.combat-log-panel__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.combat-selector{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.combat-selector button{border:1px solid var(--border);background:var(--surface);min-height:58px;color:var(--text);text-align:left;border-radius:8px;align-content:center;gap:3px;padding:9px 10px;display:grid}.combat-selector button.is-selected{border-color:var(--accent);background:var(--accent-soft)}.combat-selector span,.combat-log-panel__header span,.combat-log small{color:var(--text-muted)}.combat-selector strong{color:var(--primary);font-size:.82rem}.combat-selector .gladiator-class-line__name{color:var(--primary-strong)}.combat-log-panel{gap:10px;display:grid}.combat-log{gap:8px;max-height:360px;padding:0;list-style:none;display:grid;overflow:auto}.combat-log li{border:1px solid var(--border);background:#ebe7df73;border-radius:8px;gap:2px;padding:10px 12px;display:grid}.combat-log li>span{color:var(--accent);font-size:.78rem;font-weight:850}.combat-log p{color:var(--text)}.combat-log-panel__actions{justify-content:flex-end;display:flex}.gladiator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.gladiator-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex}.gladiator-card__header,.gladiator-card__actions{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.gladiator-card__header p{color:var(--text-muted)}.gladiator-card__header strong{color:#6b4a05;background:#fff3d2;border-radius:8px;flex-shrink:0;padding:4px 8px;font-size:.82rem}.gladiator-stat-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.gladiator-stat-list div{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;min-height:58px;padding:8px}.gladiator-stat-list dt{color:var(--text-muted);font-size:.78rem;font-weight:750}.gladiator-stat-list dd{color:var(--text);margin-top:2px;font-weight:850}.trait-list{flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.trait-list li{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 8px;font-size:.78rem;font-weight:850}.gladiator-card__warning{color:#6b4a05;background:#fff3d9;border:1px solid #ddb777;border-radius:8px;padding:9px 10px;font-weight:700}.gladiator-card__actions{justify-content:flex-end}@media (width<=900px){.combat-selector,.gladiator-grid{grid-template-columns:1fr}.arena-panel__header,.combat-log-panel__actions{align-items:stretch}.arena-panel__header{flex-direction:column}.gladiator-stat-list,.compact-stat-list,.event-choice-grid,.planning-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.compact-stat-list,.event-choice-grid{grid-template-columns:1fr}}.context-panel__actions,.context-panel__portrait-row{align-items:center;display:flex}.context-panel__description,.context-panel__muted,.context-panel__list article span,.context-panel__list article small{color:#6d5035}.context-panel__tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.context-panel__tabs button{color:#5f452f;background:#fff6de9e;border:1px solid #5f452c57;border-radius:8px;min-height:34px;font-size:.78rem;font-weight:850}.context-panel__tabs button.is-selected{color:#fff7df;background:#2d7c70;border-color:#2d7c70}.context-panel__section,.context-panel__list{gap:10px;display:grid}.context-panel__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.context-panel__stats div,.context-panel__list article,.section-card{background:#fff8e29e;border:1px solid #6f523657;border-radius:8px;padding:10px}.context-panel__stats dt{color:#7a6045;font-size:.75rem;font-weight:850}.context-panel__stats dd{color:#33251b;font-weight:900}.effect-list,.context-panel__list{margin:0;padding:0}.effect-list{padding-left:18px}.context-panel__actions{justify-content:flex-end}.context-panel__actions button,.context-panel__list button{min-height:36px;padding:7px 11px}.context-panel__list article,.section-card{gap:5px;display:grid}.context-panel__list article.is-selected,.section-card.is-selected{background:#dcefeab8;border-color:#2d7c70}.context-panel__portrait-row{gap:10px}.section-card.context-panel__portrait-row{align-items:center;display:flex}.notice-box{color:#4b3826;background:#fff8e2b8;border:1px solid #6f523657;border-radius:8px;padding:10px;font-weight:750}.notice-box--warning{color:#6b4a05;background:#fff1c7;border-color:#c58b35}.notice-box--danger{color:#7d2f1f;background:#ffe3dc;border-color:#a94f3a}.status-pill{color:#5f452f;background:#5f452c1f;border-radius:999px;align-items:center;width:fit-content;padding:3px 8px;font-size:.76rem;font-weight:850;display:inline-flex}.status-pill--success{color:#23695f;background:#2d7c7029}.status-pill--warning{color:#6b4a05;background:#fff1c7}.status-pill--danger{color:#7d2f1f;background:#ffe3dc}.gladiator-profile-card{background:linear-gradient(135deg, #2a2118f7, #4c321fed), var(--obsidian-raised);border:2px solid #6f45236b;border-radius:8px;grid-template-columns:minmax(128px,168px) minmax(0,1fr);align-items:stretch;gap:16px;padding:14px;display:grid;box-shadow:inset 0 0 0 2px #fff6de14,0 16px 26px #251b142e}.gladiator-profile-card__portrait{align-content:start;justify-items:center;gap:10px;min-width:0;display:grid}.gladiator-profile-card__portrait .gladiator-portrait--large{border-color:#f0c26db8;width:132px;height:156px;box-shadow:inset 0 0 0 3px #fff6de33,0 12px 24px #08060461}.trait-list--featured{justify-content:center}.trait-list--featured li,.gladiator-profile-card__empty-traits{color:#225f49;background:#dce8cceb;border:1px solid #d6a34a61;box-shadow:0 6px 12px #08060424}.gladiator-profile-card__empty-traits{border-radius:999px;padding:3px 8px;font-size:.78rem;font-weight:850;display:inline-flex}.gladiator-profile-card__main,.gladiator-profile-section,.gladiator-info-panel,.gladiator-info-panel dl{gap:10px;display:grid}.gladiator-profile-card__summary,.gladiator-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.gladiator-profile-section h2,.gladiator-info-panel h2{color:#fff1c7;font-family:var(--font-ui);text-transform:uppercase;align-items:center;gap:7px;font-size:.78rem;font-weight:950;display:flex}.gladiator-profile-section h2{color:#f6d486}.gladiator-stat-chip{background:linear-gradient(180deg, #fff6defa, #dec184f5), var(--parchment);color:#33251b;border:1px solid #d6a34a6b;border-radius:7px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 7px;min-height:58px;padding:8px;display:grid;box-shadow:inset 0 -3px #462d191f}.gladiator-stat-chip svg{color:#8c2f39;grid-row:1/span 2}.gladiator-stat-chip span{color:#6a4a2d;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.68rem;font-weight:900;overflow:hidden}.gladiator-stat-chip strong{color:#2f2118;font-size:1.1rem;line-height:1}.gladiator-stat-chip--skill{grid-template-rows:auto auto auto}.gladiator-skill-progress{background:#462d192e;border:1px solid #462d1942;border-radius:999px;grid-column:1/-1;height:7px;display:block;overflow:hidden}.gladiator-skill-progress__value{border-radius:inherit;background:linear-gradient(90deg,#8c2f39,#d6a34a);height:100%;display:block}.gladiator-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.gladiator-resource-meter{background:#fff6de1c;border:1px solid #d6a34a57;border-radius:7px;gap:6px;min-width:0;padding:8px;display:grid}.gladiator-resource-meter__label{color:#f6e7c2;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;font-size:.78rem;font-weight:900;display:grid}.gladiator-resource-meter__label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gladiator-resource-meter__label strong{color:#fff1c7;white-space:nowrap;font-size:.78rem}.gladiator-resource-meter__track{background:#08060461;border:1px solid #0806048a;border-radius:999px;height:10px;display:block;overflow:hidden}.gladiator-resource-meter__value{border-radius:inherit;height:100%;display:block}.gladiator-resource-meter--health .gladiator-resource-meter__value{background:linear-gradient(90deg,#8d2d31,#d85a4c)}.gladiator-resource-meter--energy .gladiator-resource-meter__value{background:linear-gradient(90deg,#9a681c,#e0b353)}.gladiator-resource-meter--morale .gladiator-resource-meter__value{background:linear-gradient(90deg,#2f7041,#70b864)}.gladiator-resource-meter--satiety .gladiator-resource-meter__value{background:linear-gradient(90deg,#267062,#7cc6b0)}.gladiator-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.gladiator-info-panel{background:linear-gradient(180deg, #fff8e2d6, #eccd8fd1), var(--parchment);border:1px solid #6f523657;border-radius:8px;padding:12px}.gladiator-info-panel--wide{grid-column:1/-1}.gladiator-info-panel h2{color:#5b341f}.gladiator-info-panel h2 svg{color:#9b392d}.gladiator-info-panel dl{margin:0}.gladiator-info-panel dl div{grid-template-columns:minmax(96px,.85fr) minmax(0,1fr);align-items:center;gap:8px;display:grid}.gladiator-info-panel dt{color:#765637;text-transform:uppercase;font-size:.74rem;font-weight:900}.gladiator-info-panel dd{color:#2d2118;align-items:center;gap:6px;min-width:0;margin:0;font-weight:900;display:inline-flex}@media (width<=760px){.gladiator-profile-card,.gladiator-info-grid{grid-template-columns:minmax(0,1fr)}.gladiator-profile-card__portrait .gladiator-portrait--large{width:112px;height:136px}.gladiator-profile-card__summary,.gladiator-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gladiator-resource-grid{grid-template-columns:minmax(0,1fr)}.gladiator-info-panel dl div{grid-template-columns:minmax(0,1fr);gap:2px}}.combat-selector button:focus-visible,.context-panel__actions button:focus-visible,.context-panel__list button:focus-visible,.event-choice-grid button:focus-visible{outline-offset:2px;outline:3px solid #d6a34a70}.notice-box{background:linear-gradient(180deg, #fff8e2e0, #e5d1a3e0), var(--parchment);border-color:#6f45237a;border-radius:6px}.notice-box--warning,.alert-list__item--warning{border-color:var(--energy-ochre);color:#6b4a05;background:#fff1c7}.planning-controls select{color:#2b2118;background:#fff8e2eb;border:1px solid #6f45238a;border-radius:6px}.context-panel__actions button,.context-panel__list button,.event-choice-grid button{background:linear-gradient(180deg, #f0dfb8fa, #b58541fa), var(--parchment);color:#2e2118;border:1px solid #b47a339e;border-radius:6px;box-shadow:inset 0 -3px #462d1933,0 8px 16px #0b080638}.context-panel__tabs button.is-selected{border-color:color-mix(in srgb, var(--green-action), #fff 16%);background:linear-gradient(180deg, color-mix(in srgb, var(--green-action), #f0dfb8 10%), var(--green-action)), var(--green-action);color:#fff9e7}.context-panel__actions button:hover,.context-panel__list button:hover,.event-choice-grid button:hover{border-color:var(--gold);filter:brightness(1.07)}.context-panel__tabs button,.context-panel__stats div,.context-panel__list article,.section-card,.planning-card,.gladiator-card{background:linear-gradient(#fff8e2d6,#e5d1a3b3),#e5d1a3bd;border:1px solid #6f45236b;border-radius:6px}.context-panel__list article.is-selected,.section-card.is-selected,.combat-selector button.is-selected{border-color:var(--gold);background:#dce8ccdb;box-shadow:0 0 0 3px #d6a34a2e}.context-panel__actions button:last-child,.event-choice-grid button{border-color:color-mix(in srgb, var(--green-action), #f0dfb8 18%);background:linear-gradient(180deg, color-mix(in srgb, var(--green-action), #f0dfb8 16%), var(--green-action)), var(--green-action);color:#fff9e7}.event-choice-grid .events-panel__choice span{color:#f6e6bd}@media (width<=760px){.context-panel__stats,.context-panel__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}.app-modal__back,.app-modal__close{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;gap:7px;font-weight:800;display:inline-flex}.app-modal__back,.app-modal__close{width:38px;padding:0}.app-modal-backdrop{z-index:20;z-index:80;background:#1d181475;place-items:start center;padding:0 18px;display:grid;position:fixed;inset:0;overflow:hidden}.app-modal{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);width:min(560px,100%);max-height:var(--app-modal-available-height,calc(100vh - 36px));border-radius:8px;gap:14px;padding:18px;display:grid;overflow:hidden}.app-modal__header,.app-modal__title{align-items:flex-start;gap:14px;display:flex}.app-modal__header{justify-content:space-between}.app-modal__title{color:var(--primary)}.app-modal__title h1{font-size:1.75rem;line-height:1.08}@media (width<=900px){.game-menu__actions{grid-template-columns:1fr}}.confirm-dialog,.game-menu{gap:14px;display:grid}.game-menu__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.app-modal__back,.app-modal__close{background:linear-gradient(180deg, #fff6defa, #e0c487fa), var(--parchment);color:#34251a;border:1px solid #6f45238f;border-radius:6px;font-weight:900;box-shadow:inset 0 -3px #6f452329,0 8px 18px #140e0a2e}.app-modal__back:hover,.app-modal__close:hover{border-color:var(--gold);background:linear-gradient(180deg, #fff8e2, #eacc8e), var(--parchment-light)}.app-modal__back:focus-visible,.app-modal__close:focus-visible{outline-offset:2px;outline:3px solid #d6a34a70}.app-modal{background:linear-gradient(180deg, #fff6defa, #e5cb91fa), repeating-linear-gradient(0deg, #6f45230a 0 1px, transparent 1px 5px), var(--parchment);border:2px solid #b47a33b8;border-radius:8px;box-shadow:inset 0 0 0 2px #fff6de38,0 28px 70px #0a070580}.app-modal__header{background:linear-gradient(180deg, #2a2118fa, #201a14fa), var(--obsidian-raised);border-bottom:2px solid #b47a3375;border-radius:6px 6px 0 0;margin:-18px -18px 0;padding:12px 14px}.app-modal__title,.app-modal__title h1,.app-modal__header .eyebrow{color:#fff1c7}.app-modal-backdrop{-webkit-backdrop-filter:blur(3px)saturate(.84);backdrop-filter:blur(3px)saturate(.84);background:radial-gradient(circle at 50% 34%,#d6a34a29,#0000 24rem),#090705b8}.app-modal{isolation:isolate;background:linear-gradient(180deg, #fceac2fc, #e1c289fc), repeating-linear-gradient(0deg, #6f452309 0 1px, transparent 1px 6px), var(--parchment);color:#38291d;border:4px solid #2f241bfa;border-radius:9px;grid-template-rows:auto minmax(0,1fr) auto;gap:0;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fff8e252,inset 0 0 0 7px #6f452338,inset 0 0 0 10px #d6a34a1a,0 34px 78px #0806049e}.app-modal--sm{width:min(420px,100%)}.app-modal--md{width:min(600px,100%)}.app-modal--sm,.app-modal--md{max-height:var(--app-modal-available-height,calc(100vh - 36px))}.app-modal--lg{width:min(860px,100%)}.app-modal--xl{width:min(1180px,100%)}.app-modal--lg,.app-modal--xl{max-height:var(--app-modal-available-height,calc(100vh - 36px))}.market-modal__subtitle{color:#4d3927;font-weight:750}.market-content{gap:14px;display:grid}.app-modal__header{background:linear-gradient(180deg, #2f271efc, #191511fc), var(--obsidian-raised);border-bottom:4px solid #5d3d26c2;border-radius:4px 4px 0 0;place-items:center;min-height:82px;margin:0;padding:18px 76px;display:grid;position:relative;box-shadow:inset 0 1px #fff1c714,inset 0 -2px #d6a34a3d}.app-modal__header:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#d6a34a85,#0000);height:2px;position:absolute;bottom:10px;left:30px;right:30px}.app-modal__body{overscroll-behavior:contain;background:linear-gradient(180deg, #fff6de66, #d6b27024), var(--parchment);scrollbar-color:#6f4523b8 #fff8e25c;scrollbar-width:thin;min-height:0;padding:28px 34px 20px;overflow-y:auto}.app-modal__body::-webkit-scrollbar{width:10px}.app-modal__body::-webkit-scrollbar-track{background:#fff8e26b;border:1px solid #6f452338;border-radius:999px}.app-modal__body::-webkit-scrollbar-thumb{background:linear-gradient(180deg, #b47a33f0, #6f4523f0), var(--bronze);border:2px solid #fff8e26b;border-radius:999px}.app-modal__body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, #d6a34afa, #82522afa), var(--gold)}.app-modal__footer{background:var(--parchment);padding:2px 34px 30px}.app-modal__footer .form-actions{justify-content:center}.app-modal__back,.app-modal__close{background:linear-gradient(180deg, #56412cf5, #31251bf5), var(--obsidian-raised);color:#fff1c7;border:2px solid #d6a34a61;border-radius:8px;width:44px;min-height:44px;padding:0;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #fff1c71a,0 4px #09070557}.app-modal__back{left:20px}.app-modal__close{right:20px}.app-modal__title{color:#fff1c7;text-align:center;justify-content:center;align-items:center;min-width:0;display:flex;position:absolute;top:50%;left:78px;right:78px;transform:translateY(-50%)}.modal-panel{color:#38291d;gap:14px;display:grid}.app-modal--sm .game-menu__actions{grid-template-columns:minmax(0,1fr)}.app-modal__title h1{color:#fff1c7;font-family:var(--font-ui);letter-spacing:0;text-align:center;text-shadow:0 2px #09070594,0 0 8px #d6a34a2e;text-transform:uppercase;font-size:1.42rem;font-weight:950;line-height:1.1}.confirm-dialog{color:#38291d}.confirm-dialog>p{color:#4d3927;padding:2px 2px 4px;font-weight:750}.confirm-dialog__actions{padding-top:0}.confirm-dialog__actions .action-button{min-width:150px}.app-modal .action-button{background:linear-gradient(180deg, #fff8e2fa, #dabe82fa), var(--parchment-light);color:#3a2a1d;border:2px solid #6f45238a;border-radius:6px;min-height:48px;font-weight:900;box-shadow:inset 0 0 0 1px #fff8e247,0 3px #6f452347}.app-modal .action-button--primary,.app-modal .context-panel__actions button:last-child,.app-modal .context-panel__list button,.confirm-dialog__actions .action-button--primary{border-color:color-mix(in srgb, var(--green-action), #f0dfb8 12%);background:linear-gradient(180deg, color-mix(in srgb, var(--green-action), #f0dfb8 14%), var(--green-action-strong)), var(--green-action);color:#fff9e7;box-shadow:inset 0 0 0 1px #fff8e22e,inset 0 -4px #0734215c,0 4px #083c2652}.app-modal .action-button:disabled{opacity:.62;filter:saturate(.52)}.app-modal .context-panel__actions button,.app-modal .context-panel__list button{border-radius:6px;min-height:44px;font-weight:900}.app-modal .context-panel__actions button:disabled,.app-modal .context-panel__list button:disabled{opacity:.62;filter:saturate(.52)}.building-action-modal{gap:24px;display:grid}.building-action-modal__summary{grid-template-columns:minmax(230px,.9fr) minmax(0,1.1fr);align-items:center;gap:30px;display:grid}.building-action-modal__art{min-height:210px;box-shadow:none;background:0 0;border:0;border-radius:0;position:relative;overflow:visible}.building-action-modal__asset{object-fit:contain;filter:drop-shadow(0 14px 10px #120e0a52);width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.building-action-modal__copy{gap:18px;min-width:0;display:grid}.building-action-modal__copy>strong{display:none}.building-action-modal__copy p{color:#5e462d;font-size:1.08rem;font-weight:750;line-height:1.55}.building-action-modal__levels{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;display:grid}.building-action-modal__levels>span{background:linear-gradient(#fff8e2a8,#e5ca917a),#fff8e270;border:2px solid #6f45234d;border-radius:8px;place-items:center;min-height:96px;padding:14px 16px;display:grid;box-shadow:inset 0 1px #fff8e270,0 2px #6f45231f}.building-action-modal__levels small,.building-action-modal__effect-label small{color:#755b3e;text-transform:uppercase;font-size:.72rem;font-weight:850}.building-action-modal__levels strong{color:#2d2117;font-family:var(--font-display);font-size:2.28rem;line-height:1}.building-action-modal__effects,.building-action-modal__cost{background:linear-gradient(#fff8e261,#e5ca9138),#fff8e233;border:2px solid #6f452347;border-radius:8px;gap:0;display:grid;overflow:hidden}.building-action-modal__effects h2,.building-action-modal__cost h2{color:#3c2b1c;font-family:var(--font-ui);letter-spacing:0;text-transform:uppercase;background:#b1804521;border-bottom:2px solid #6f452329;padding:14px 18px;font-size:.88rem;font-weight:900}.building-action-modal__effects ul{background:0 0;border:0;border-radius:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.building-action-modal__effects li{color:#3a2a1d;border-bottom:2px solid #6f452324;grid-template-columns:34px minmax(0,1fr) minmax(92px,auto) 22px minmax(92px,auto);align-items:center;gap:12px;min-height:62px;padding:12px 18px;font-weight:800;display:grid}.building-action-modal__effects li:last-child{border-bottom:0}.building-action-modal__effects li>svg{color:#3b3027}.building-action-modal__effect-label{gap:1px;min-width:0;display:grid}.building-action-modal__effects li>span:not(.building-action-modal__effect-label){color:#5f452f;text-align:right;white-space:nowrap}.building-action-modal__effects li>strong{color:var(--green-action-strong);text-align:right;white-space:nowrap}.building-action-modal__cost{background:linear-gradient(#b1804538,#e5ca9124),#fff8e242}.building-action-modal__resources{background:linear-gradient(180deg, #3a2b1ffc, #261d16fc), var(--obsidian-raised);border:2px solid #fff1c714;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:10px;min-height:60px;margin:16px 18px 18px;padding:10px 16px;display:grid;box-shadow:inset 0 0 0 1px #09070557}.building-action-modal__resource-chip,.building-action-modal__resource-slot{border:1px solid #d6a34a2e;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:34px;display:inline-flex}.building-action-modal__resource-chip{color:#fff1c7;background:#d6a34a14}.building-action-modal__resource-chip svg{color:var(--gold)}.building-action-modal__resource-slot{background:#fff1c70f}.app-modal:before{z-index:0;content:"";pointer-events:none;border:1px solid #d6a34a29;border-radius:5px;position:absolute;inset:8px;box-shadow:inset 0 0 0 1px #2f241b2e}.app-modal>*{z-index:1;position:relative}.app-modal .form-panel--modal{background:linear-gradient(180deg, #fff8e2bd, #d6b27038), var(--parchment);border:2px solid #6f452347;border-radius:8px;padding:16px}.app-modal .form-panel input{background:linear-gradient(180deg, #fff8e2f0, #e6ca8fe6), var(--parchment-light);border:2px solid #6f452394;border-radius:4px;box-shadow:inset 0 2px #fff8e280,inset 0 -2px #6f452329}@media (width<=760px){.app-modal{max-height:calc(100vh - 24px)}.app-modal__header{min-height:72px;padding:14px 62px}.app-modal__body{padding:20px 18px 16px}.app-modal__footer{padding:0 18px 22px}.app-modal__back,.app-modal__close{width:38px;min-height:38px}.app-modal__back{left:14px}.app-modal__close{right:14px}.app-modal__title{left:60px;right:60px}.app-modal__title h1{font-size:1rem}.confirm-dialog__actions .action-button{min-width:128px}.building-action-modal__summary{grid-template-columns:minmax(0,1fr)}.building-action-modal__art{min-height:148px}.building-action-modal__effects li{grid-template-columns:22px minmax(58px,1fr) minmax(56px,auto) 14px minmax(56px,auto);gap:6px;font-size:.86rem}.building-action-modal__effects li>span:not(.building-action-modal__effect-label),.building-action-modal__effects li>strong{text-align:right}.building-action-modal__resources{grid-template-columns:1fr}.building-action-modal__resource-slot{display:none}}.toast-alert-layer{top:calc(var(--shell-top) + 16px);z-index:34;max-width:min(360px,100vw - 140px);max-height:calc(100vh - var(--shell-top) - var(--shell-bottom) - 32px);pointer-events:none;gap:8px;display:grid;position:absolute;right:24px;overflow-y:auto}.toast-alert-layer--interactive{pointer-events:auto}.toast-alert{appearance:none;color:#3e2d22;text-align:left;background:#fff6def0;border:1px solid #5e402a59;border-radius:8px;align-items:center;gap:8px;width:100%;padding:9px 12px;font-weight:850;display:flex;box-shadow:0 12px 24px #251b142e}.toast-alert--action{pointer-events:auto}.toast-alert--action:hover{filter:brightness(1.07)}.toast-alert--action:focus-visible{outline-offset:2px;outline:3px solid #f4cf78eb}.toast-alert__icon{flex:none}.toast-alert__subject{align-items:center;gap:8px;min-width:0;display:flex}.toast-alert__subject .gladiator-portrait--small{border-width:2px;border-radius:6px;width:36px;height:36px}.toast-alert__copy{gap:2px;min-width:0;line-height:1.1;display:grid}.toast-alert__copy strong,.toast-alert__copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toast-alert__copy strong{font-size:.78rem}.toast-alert--error,.toast-alert--critical{background:#f7d9d4;border-color:#b33a2e}.toast-alert--warning{background:#fff1c7;border-color:#d39942}.toast-alert-layer{z-index:34}.toast-alert{background:linear-gradient(180deg, #2a2118f5, #201a14f5), var(--obsidian-raised);color:#fff1c7;border:1px solid #b47a3394;border-radius:6px;box-shadow:0 16px 32px #0806045c}.toast-alert--error,.toast-alert--critical{border-color:var(--health-red);background:linear-gradient(180deg, #5c231cfa, #3a1916fa), var(--health-red)}.toast-alert--warning{border-color:var(--energy-ochre);background:linear-gradient(180deg, #5f3f19fa, #3a2815fa), var(--energy-ochre)}.toast-alert--info{background:linear-gradient(#234f49fa,#183431fa),#23534d;border-color:#5b948a}.combat-screen{z-index:90;background:linear-gradient(180deg, #15110d3d, #15110da3), var(--obsidian);color:#fff1c7;isolation:isolate;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.combat-screen:before{z-index:-1;content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#f0dfb809 0 1px,#0000 1px 5px),radial-gradient(circle at 50% 40%,#d6a34a2e,#0000 34rem);position:absolute;inset:0}.combat-screen--empty{place-items:center;gap:16px;padding:24px}.combat-screen__hud{z-index:5;background:linear-gradient(180deg, #2a2118fa, #15110dfa), var(--obsidian-raised);border-bottom:2px solid #d6a34a94;grid-template-columns:minmax(240px,1fr) auto auto auto minmax(240px,auto);align-items:center;gap:12px;min-height:86px;padding:12px 18px;display:grid;position:relative;box-shadow:inset 0 -1px #fff6de14,0 14px 26px #0806045c}.combat-screen__hud:after{content:"";background:linear-gradient(90deg,#0000,#d6a34ab8,#0000);height:1px;position:absolute;bottom:6px;left:18px;right:18px}.combat-screen__identity{gap:2px;min-width:0;display:grid}.combat-screen__identity h1{color:#fff1c7;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:1.28rem;overflow:hidden}.combat-screen__identity .eyebrow{color:var(--gold)}.combat-screen__identity span,.combat-screen__time,.combat-screen__round,.combat-screen__resources span{color:#f3dfaa;font-weight:850}.combat-screen__time,.combat-screen__round,.combat-screen__speeds,.combat-screen__resources,.combat-screen__resources span{align-items:center;display:flex}.combat-screen__time,.combat-screen__round,.combat-screen__resources span{background:#0f0c0961;border:1px solid #d6a34a57;border-radius:6px;gap:8px;min-height:38px;padding:7px 10px}.combat-screen__speeds,.combat-screen__resources{gap:8px}.combat-screen__speeds button,.combat-screen__resources button,.combat-skill-bar__actions button,.combat-skill-bar__skills button,.combat-screen--empty button{background:linear-gradient(180deg, #f0dfb8fa, #b58541fa), var(--parchment);color:#2e2118;border:1px solid #b47a339e;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;font-weight:900;display:inline-flex;box-shadow:inset 0 -3px #462d1933,0 8px 16px #0b080638}.combat-screen__speeds button{min-width:42px;padding:5px 9px}.combat-screen__speeds button svg{display:none}.combat-screen__speeds button.is-selected{border-color:color-mix(in srgb, var(--green-action), #fff 16%);background:linear-gradient(180deg, color-mix(in srgb, var(--green-action), #f0dfb8 10%), var(--green-action)), var(--green-action);color:#fff9e7}.combat-screen__resources{justify-content:flex-end}.combat-screen__body{grid-template-rows:minmax(0,1fr) auto minmax(150px,20vh);grid-template-columns:minmax(220px,280px) minmax(360px,1fr) minmax(220px,280px);gap:14px;min-height:0;padding:14px 18px 18px;display:grid;position:relative}.combat-stage{background:linear-gradient(180deg, #15110d0a, #15110d42), var(--combat-background) center / cover no-repeat, #5b3d28;border:2px solid #b47a3394;border-radius:6px;grid-area:1/1/-1/-1;position:relative;overflow:hidden;box-shadow:inset 0 0 0 8px #15110d42,inset 0 0 0 11px #d6a34a29,0 22px 46px #08060457}.combat-stage:after{content:"";pointer-events:none;background:linear-gradient(90deg,#08060470,#0000 18% 82%,#08060470),linear-gradient(#0000 58%,#15110d52);position:absolute;inset:0}.combatant-panel,.combat-skill-bar,.combat-screen-log,.combat-screen__fatigue{z-index:2;background:linear-gradient(180deg, #201a14f5, #120e0af5), var(--obsidian-raised);color:#f6e7c2;border:2px solid #b47a3394;border-radius:6px;position:relative;box-shadow:inset 0 0 0 1px #fff6de14,0 14px 26px #0806045c}.combatant-panel{align-self:start;gap:12px;padding:14px;display:grid}.combatant-panel--player{grid-area:1/1}.combatant-panel--opponent{grid-area:1/3}.combatant-panel__identity{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;display:grid}.combatant-panel__identity img{width:72px;height:72px;image-rendering:pixelated;object-fit:contain;background:#fff1c70f;border:1px solid #d6a34a61;border-radius:4px}.combatant-panel__identity h2{overflow-wrap:anywhere;color:#fff1c7;font-size:1.05rem}.combatant-panel__identity span,.combatant-panel__effects span,.combat-skill-bar__strategy span,.combat-screen-log header span,.combat-screen__fatigue>span{color:#d7bd84;font-size:.78rem;font-weight:850}.combatant-panel__identity .combatant-panel__class{color:#f6d486;letter-spacing:.04em;text-transform:uppercase}.combatant-panel__meters,.combatant-panel__effects{gap:8px;display:grid}.combatant-meter{grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.combatant-meter>span{color:#f1c765;display:inline-flex}.combatant-meter--health>span{color:var(--health-red)}.combatant-meter--energy>span{color:var(--energy-ochre)}.combatant-meter--morale>span{color:var(--morale-green)}.combatant-meter__track,.combat-screen__fatigue div{background:#0504039e;border:1px solid #fff1c72e;border-radius:3px;height:12px;overflow:hidden}.combatant-meter__track span,.combat-screen__fatigue div span{height:100%;display:block}.combatant-meter--health .combatant-meter__track span{background:linear-gradient(90deg, var(--health-red), #d8634e)}.combatant-meter--energy .combatant-meter__track span,.combat-screen__fatigue div span{background:linear-gradient(90deg, var(--green-action), var(--energy-ochre))}.combatant-meter--morale .combatant-meter__track span{background:linear-gradient(90deg, #3e7f4d, var(--morale-green))}.combatant-meter strong{color:#fff1c7;white-space:nowrap;font-size:.74rem}.combatant-panel__effects{background:#fff1c70a;border:1px solid #d6a34a2e;border-radius:6px;min-height:74px;padding:10px}.combatant-panel__effects strong{color:#fff1c7;text-transform:uppercase;font-size:.78rem}.combatant-panel__effects span{align-items:center;gap:8px;display:flex}.combat-skill-bar{grid-area:2/2;grid-template-columns:minmax(132px,auto) minmax(0,1fr) auto;justify-self:center;align-items:center;gap:12px;width:min(620px,100%);padding:12px;display:grid}.combat-skill-bar__strategy,.combat-skill-bar__result{gap:3px;display:grid}.combat-skill-bar__strategy strong,.combat-skill-bar__result strong{color:#fff1c7}.combat-skill-bar__skills,.combat-skill-bar__actions,.combat-skill-bar__result{align-items:center;display:flex}.combat-skill-bar__skills{justify-content:center;gap:8px}.combat-skill-bar__skills button{width:56px;min-height:56px;padding:0}.combat-skill-bar__skills button span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.combat-skill-bar__result{background:#2f6e462e;border:1px solid #5d9a555c;border-radius:6px;grid-column:1/-1;gap:10px;padding:8px 10px}.combat-skill-bar__result svg{color:var(--gold)}.combat-skill-bar__result span{color:#dce8cc;font-size:.82rem;font-weight:800}.combat-skill-bar__actions{justify-content:flex-end;gap:8px}.combat-skill-bar__actions button:first-child{border-color:color-mix(in srgb, var(--green-action), #f0dfb8 18%);background:linear-gradient(180deg, color-mix(in srgb, var(--green-action), #f0dfb8 16%), var(--green-action)), var(--green-action);color:#fff9e7}.combat-screen-log{grid-area:3/2;grid-template-rows:auto minmax(0,1fr);place-self:stretch center;width:min(760px,100%);display:grid;overflow:hidden}.combat-screen-log header{border-bottom:1px solid #d6a34a42;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.combat-screen-log header strong{color:#fff1c7;text-transform:uppercase}.combat-screen-log ul{align-content:start;gap:8px;min-height:0;margin:0;padding:12px 14px;list-style:none;display:grid;overflow:auto}.combat-screen-log li{background:#fff1c70a;border:1px solid #d6a34a29;border-radius:6px;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;padding:8px 10px;display:grid}.combat-screen-log li.is-latest{border-color:var(--gold);background:#d6a34a1f}.combat-screen-log svg{color:var(--gold);margin-top:2px}.combat-screen-log li span{color:#d7bd84;text-transform:uppercase;font-size:.76rem;font-weight:900}.combat-screen-log p{color:#fff1c7}.combat-screen-log__result{border-color:#5d9a5561}.combat-screen__fatigue{grid-template-columns:minmax(80px,auto) minmax(92px,1fr) auto;align-items:center;gap:8px;width:min(300px,24vw);padding:10px 12px;display:grid;position:absolute;bottom:20px}.combat-screen__fatigue--player{left:28px}.combat-screen__fatigue--opponent{right:28px}.combat-screen__fatigue strong{color:#fff1c7;white-space:nowrap;font-size:.8rem}.combat-screen__speeds button:focus-visible,.combat-screen__resources button:focus-visible,.combat-skill-bar button:focus-visible,.combat-screen--empty button:focus-visible{outline-offset:2px;outline:3px solid #d6a34a4d}@media (width<=1120px){.combat-screen{overflow:auto}.combat-screen__hud{grid-template-columns:1fr auto}.combat-screen__time,.combat-screen__round,.combat-screen__speeds,.combat-screen__resources{flex-wrap:wrap}.combat-screen__body{grid-template-rows:minmax(420px,52vh) auto auto auto;grid-template-columns:repeat(2,minmax(0,1fr));min-height:900px}.combat-stage{grid-area:1/1/auto/-1}.combatant-panel--player,.combatant-panel--opponent{grid-row:2}.combatant-panel--player{grid-column:1}.combatant-panel--opponent{grid-column:2}.combat-skill-bar,.combat-screen-log{grid-column:1/-1}.combat-skill-bar{grid-row:3}.combat-screen-log{grid-row:4;min-height:220px}.combat-screen__fatigue{width:auto;position:relative;bottom:auto}.combat-screen__fatigue--player,.combat-screen__fatigue--opponent{left:auto;right:auto}}@media (width<=760px){.combat-screen__hud{grid-template-columns:1fr}.combat-screen__resources{justify-content:flex-start}.combat-screen__body{grid-template-rows:minmax(360px,48vh) auto auto auto auto auto;grid-template-columns:minmax(0,1fr);min-height:1040px;padding:10px}.combatant-panel--player,.combatant-panel--opponent,.combat-skill-bar,.combat-screen-log,.combat-screen__fatigue--player,.combat-screen__fatigue--opponent{grid-column:1}.combatant-panel--player{grid-row:2}.combatant-panel--opponent{grid-row:3}.combat-skill-bar{grid-row:4;grid-template-columns:minmax(0,1fr)}.combat-screen__fatigue--player{grid-row:5}.combat-screen__fatigue--opponent{grid-row:6}.combat-screen-log{grid-row:7}.combat-skill-bar__skills,.combat-skill-bar__actions{flex-wrap:wrap;justify-content:flex-start}.combat-screen__fatigue{grid-template-columns:minmax(0,1fr)}}