/* D4Maker field-lab materials. Cosmetic only; layout and battle controls stay separate. */
:root{--lab-ink:#edf2e2;--lab-muted:#bccbbd;--lab-dark:#0c2027;--lab-raised:#173438;--lab-cure:#c7e897;--lab-brass:#d4b87b;--lab-brass-dim:#806d49;--lab-button-ink:#142529;--lab-edge:#607768;--lab-shadow:0 18px 45px #0007,0 3px 8px #0006}
body{background:radial-gradient(ellipse at 16% 0,#304d4180,transparent 55%),radial-gradient(ellipse at 93% 95%,#4f402d60,transparent 48%),#08151c;color:var(--lab-ink)}
#overlay{backdrop-filter:none;-webkit-backdrop-filter:none}
.field-panel{position:relative;isolation:isolate;color:var(--lab-ink);border:1px solid var(--lab-brass-dim);border-top-color:var(--lab-brass);border-radius:14px;background:radial-gradient(ellipse at 0 0,#45654838,transparent 48%),linear-gradient(145deg,#142e33f5,#0b1d25f7);box-shadow:var(--lab-shadow),inset 0 1px #edf6ca24,inset 0 0 0 3px #07151d80}
.field-panel::before{content:"";position:absolute;inset:0 18px auto;height:2px;background:linear-gradient(90deg,transparent,#dccb96b3 22%,#b9d89180 62%,transparent);border-radius:2px;pointer-events:none}
.field-panel :is(h2,h3){color:#e7d49c}
.field-panel :is(.small,.eyebrow){color:var(--lab-muted)}
.field-panel .eyebrow{letter-spacing:.13em}
.field-panel .titleTagline{color:var(--lab-cure)}
.field-panel :is(.card,.labSheet,.controlsCard,.titleChapters>div,.journalCast article){border-color:#536d5c;border-radius:11px;background:radial-gradient(ellipse at 12% 0,#78965a1f,transparent 68%),linear-gradient(155deg,#1a353a,#10272d);box-shadow:0 5px 14px #0004,inset 0 1px #effacb17}
.field-panel .card.unavailable{background:linear-gradient(155deg,#192b30,#11232a);border-color:#40534c}
.field-panel .card.unavailable :is(h3,p,.tag){opacity:1;color:var(--lab-muted)}
.field-panel .card .tag{background:#071a216b;border:1px solid #4e6355;color:#d9e4cf;border-radius:5px}
.field-panel .equipmentArt{background:radial-gradient(ellipse,#b8d4761c,transparent 70%);border-radius:7px}
.field-panel :is(.storyPortrait,.crewIdentity img,.journalCast img){border-color:#869469;background:radial-gradient(ellipse at 50% 30%,#52765255,#10272c)}
.field-panel .missionBrief{border-color:#81996d;background:linear-gradient(100deg,#264137,#10292e);box-shadow:inset 3px 0 var(--lab-cure),0 3px 10px #0003;border-radius:8px}
.field-panel .missionBrief.bossBrief{border-color:#b69b68;background:linear-gradient(100deg,#44392b,#1c2b2b);box-shadow:inset 3px 0 #e1bd7e,0 3px 10px #0003}
.field-panel .missionBrief p{color:var(--lab-ink)}
.field-panel :is(.credits,.bankNote strong,.readiness b){color:var(--lab-cure)}
.field-panel :is(.xpTrack,.labTrack){background:#081c22;border:1px solid #4c6353;border-radius:5px}
.field-panel .xpTrack>div{background:linear-gradient(90deg,#87b97c,#d0ea9a);border-radius:4px}
.field-panel button{position:relative;isolation:isolate;overflow:hidden;color:var(--lab-ink);background:var(--lab-raised);border:1px solid #687e69;border-radius:8px;box-shadow:inset 0 1px #eef7ce1c,0 3px 6px #0004;transition:background-color .16s,border-color .16s,box-shadow .16s}
.field-panel button::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f4ebbb66,#d7edaa33);transform:translateX(-102%);transition:transform .22s ease-out}
/* The base changes at once, so inverted text is readable before the fill arrives. */
@media(hover:hover){.field-panel button:not(:disabled):hover{background:var(--lab-cure);border-color:#dcedb3;color:var(--lab-button-ink);box-shadow:inset 0 1px #ffffd766,0 4px 10px #0005}.field-panel button:not(:disabled):hover::before{transform:translateX(0)}}
.field-panel button.primary{color:var(--lab-button-ink);background:var(--lab-brass);border-color:#ecd99f;box-shadow:inset 0 1px #fff3c77a,0 4px 10px #0005}
.field-panel button:is(.selected,[aria-current="page"]){color:var(--lab-button-ink);background:var(--lab-cure);border-color:#e0eeb4;box-shadow:inset 0 -3px #647a4e}
.field-panel button:not(:disabled):active{color:var(--lab-button-ink);background:#c7ddb0;border-color:#e9edcb;box-shadow:inset 0 2px 5px #11251d55}
.field-panel button:not(:disabled):active::before{transform:translateX(0)}
.field-panel button:disabled{opacity:1;color:var(--lab-muted);background:#1b3035;border-color:#3f534d;box-shadow:inset 0 1px #c1d0ab0d;cursor:default}
.field-panel :is(button,input,select,textarea):focus-visible{outline:3px solid #e1f0ad;outline-offset:3px;box-shadow:0 0 0 2px #07191f}
.field-panel :is(select,input[type="range"],input[type="file"]){accent-color:var(--lab-cure)}
.field-panel select{color:var(--lab-ink);background:#10282f;border:1px solid #81916e;border-radius:6px}
.field-panel .field-dialog,.field-panel .utilityMenu{color:var(--lab-ink);border:1px solid var(--lab-brass);border-radius:12px;background:radial-gradient(ellipse at 0 0,#47604744,transparent 60%),#10272dfc;box-shadow:var(--lab-shadow)}
.field-panel .dialog-body{color:var(--lab-ink);line-height:1.5}
.field-panel .dialog-actions{border-top:1px solid #76835b66}
.field-panel .stickyActions{border-top:1px solid #9b956344}
html:not(.compact-ui) .field-shop #shopActions{background:#10272df5}
/* Asymmetry is decorative: no stagger or motion on launch, category or combat controls. */
.field-title .titleCast{position:relative}
.field-title .titleCast::after{content:"";position:absolute;right:9px;top:12px;width:12px;height:12px;border:2px solid #bfa46b;border-radius:50%;background:#243b36;box-shadow:0 0 0 4px #081b2190,0 2px 7px #0008;pointer-events:none}
.field-title .titleChapters>div:nth-child(2){box-shadow:5px 7px 0 #07171d70,inset 0 1px #effacb17}
@supports(backdrop-filter:blur(6px)){html:not([data-gfx="low"]) .field-panel{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}
html[data-gfx="low"] :is(#overlay,.field-panel,.field-dialog,.utilityMenu){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-gfx="low"] .field-panel{background:#10272d;box-shadow:0 5px 12px #0007,inset 0 1px #edf6ca24}
html[data-gfx="low"] .field-panel :is(.card,.labSheet,.controlsCard,.journalCast article){box-shadow:inset 0 1px #effacb17}
@media(prefers-reduced-motion:reduce){.field-panel button,.field-panel button::before{transition:none}.field-panel button::before{transform:none;background:none}.field-title .titleChapters>div:nth-child(2){box-shadow:inset 0 1px #effacb17}}
@media(forced-colors:active){.field-panel,.field-panel :is(.card,.field-dialog,.utilityMenu){background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none;backdrop-filter:none}.field-panel button{background:ButtonFace;color:ButtonText;border:1px solid ButtonText;box-shadow:none}.field-panel button::before,.field-panel::before,.field-title .titleCast::after{display:none}.field-panel button:disabled{color:GrayText}.field-panel button:is(.selected,[aria-current="page"]){outline:2px solid Highlight}.field-panel :is(button,input,select,textarea):focus-visible{outline-color:Highlight}}