:root{--iron-dark:#0f1114;--iron:#1a1d22;--iron-lt:#272b32;--marble:#cfc8bb;--parchment:#e8dfc8;--muted:#8e8a81;--oxblood:#7d2b23;--oxblood-lt:#a33d30;--bronze:#b98b3a;--bronze-lt:#e8c67e;--bronze-dim:#6f5324;--sans:"Barlow Condensed","Segoe UI",system-ui,sans-serif;--disp:"Cinzel","Trajan Pro",Georgia,serif;--serif:"Cormorant Garamond",Georgia,serif;--ease:cubic-bezier(.2,.7,.2,1)}.lg-screen{position:fixed;inset:0;z-index:100;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:safe center;background:#05070a;color:var(--marble);font-family:var(--sans);padding:24px 16px;box-sizing:border-box}.lg-sky{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(42% 22% at 58% 72%,#ffeec44d,#ffce841f,#ffaa5a00 68%),linear-gradient(180deg,#04060c,#080e1a 18%,#111826 32%,#241d2d 44%,#412f28 54%,#6b472e,#8a5c38 70%,#4a3226 82%,#140e10)}.lg-scrim{position:fixed;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#04060ae0,#04060a8c 24%,#04060a24 40%,#04060a00 55%),linear-gradient(0deg,#04060ad9,#04060a66 18%,#04060a14 32%,#04060a00 45%)}.lg-vig{position:fixed;inset:0;pointer-events:none;z-index:2;background:radial-gradient(124% 96% at 50% 52%,#0000 30%,#00000075 68%,#000000d1)}.lg-body{position:relative;z-index:3;width:100%;max-width:1060px;display:flex;flex-direction:column;align-items:center}.lg-crumb{font-size:12px;letter-spacing:.4em;text-transform:uppercase;color:var(--bronze-dim)}.lg-crumb b{color:var(--bronze);font-weight:500}.lg-title{font-family:var(--disp);font-weight:600;color:var(--parchment);letter-spacing:.06em;line-height:1;margin:8px 0 0;text-align:center;font-size:clamp(30px,7vw,54px)}.lg-sub{font-family:var(--serif);font-style:italic;color:var(--bronze-lt);letter-spacing:.04em;margin-top:6px;text-align:center;opacity:.92;font-size:clamp(16px,3.6vw,23px)}.lg-hd{font-size:12px;letter-spacing:.44em;text-transform:uppercase;color:var(--bronze);display:flex;align-items:center;gap:12px;width:100%;margin:22px 0 10px}.lg-hd:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#b98b3ab3,#b98b3a00)}.lg-card{position:relative;width:100%;max-width:640px;background:linear-gradient(180deg,#0e1014eb,#090b0ef5);border:1px solid rgba(185,139,58,.3);box-shadow:0 26px 70px #000000b8,inset 0 1px #ffe0aa17;padding:20px;box-sizing:border-box}.lg-card:before,.lg-card:after{content:"";position:absolute;width:16px;height:16px;border:1px solid var(--bronze);opacity:.85}.lg-card:before{left:-1px;top:-1px;border-right:0;border-bottom:0}.lg-card:after{right:-1px;bottom:-1px;border-left:0;border-top:0}.lg-btn{font-family:var(--sans);letter-spacing:.26em;text-transform:uppercase;cursor:pointer;border:1px solid rgba(185,139,58,.4);background:#0a0c10b8;color:var(--marble);padding:15px 26px 14px;font-size:14px;transition:all .22s var(--ease);min-height:44px;box-sizing:border-box;text-align:center}.lg-btn:hover{color:var(--parchment);background:#b98b3a24;border-color:var(--bronze)}.lg-btn.primary{border-color:#e8c67e;color:#1c1408;font-weight:600;font-size:16px;letter-spacing:.3em;background:linear-gradient(180deg,#e8c67e,#c99a45 55%,#b98b3a);box-shadow:0 10px 30px #b98b3a47,inset 0 1px #ffffff73}.lg-btn.primary:hover{background:linear-gradient(180deg,#f4d99a,#d8a951 55%,#c4933d);color:#1c1408}.lg-btn.danger{border-color:#a33d308c;color:#e0b0a4}.lg-btn.danger:hover{background:#7d2b2338;border-color:var(--oxblood-lt);color:#f0c9bd}.lg-btn:disabled{opacity:.38;cursor:not-allowed}.lg-btn-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}.lg-seg{display:flex;border:1px solid rgba(185,139,58,.26);width:100%}.lg-seg button{flex:1;font-family:var(--sans);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#9a958c;background:transparent;border:0;padding:12px 4px;cursor:pointer;min-height:44px;transition:color .22s var(--ease),background .22s var(--ease);white-space:nowrap}.lg-seg button+button{border-left:1px solid rgba(185,139,58,.2)}.lg-seg button:hover{color:var(--parchment);background:#b98b3a1a}.lg-seg button.on{color:#1c1408;background:linear-gradient(180deg,#e8c67e,#b98b3a);font-weight:600}.lg-chips{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}.lg-chip{font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:#c8bfae;border:1px solid rgba(207,200,187,.2);background:#ffffff09;padding:6px 12px 5px}.lg-chip b{color:var(--bronze-lt);font-weight:600}.lg-chip.warn{border-color:#a33d3099;color:#e8bcb0;background:#7d2b2333}.lg-chip.good{border-color:#8fa07a73;color:#bccaa8;background:#5a6e4629}.lg-row{position:relative;display:flex;align-items:center;gap:16px;padding:13px 16px 12px 18px;cursor:pointer;border-left:2px solid transparent;width:100%;box-sizing:border-box;transition:background .22s var(--ease),border-color .22s var(--ease)}.lg-row:hover{background:#b98b3a14}.lg-row.on{border-left-color:var(--bronze-lt);background:#b98b3a1a}.lg-row .nm{font-family:var(--disp);font-size:19px;color:var(--marble);letter-spacing:.02em;line-height:1.12}.lg-row.on .nm{color:var(--parchment)}.lg-row .la{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--bronze-dim);margin-top:1px}.lg-row.on .la{color:var(--bronze)}.lg-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:44px;border:1px solid rgba(185,139,58,.26);background:#0a0c1099;padding:10px 14px;width:100%;box-sizing:border-box;color:var(--marble);font-family:var(--sans);font-size:14px;letter-spacing:.12em;text-transform:uppercase}.lg-toggle .tk{margin-left:auto;width:46px;height:26px;flex:none;border:1px solid var(--bronze-dim);position:relative;background:#00000080;transition:background .2s}.lg-toggle .tk:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--muted);transition:left .2s,background .2s}.lg-toggle[aria-pressed=true] .tk{background:#b98b3a59;border-color:var(--bronze)}.lg-toggle[aria-pressed=true] .tk:after{left:22px;background:var(--bronze-lt)}.lg-slider{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--marble)}.lg-slider input[type=range]{flex:1;accent-color:var(--bronze);min-height:44px}.lg-progress{width:100%;max-width:520px;height:10px;border:1px solid rgba(185,139,58,.4);background:#0000008c;padding:2px;box-sizing:border-box}.lg-progress>div{height:100%;width:0%;background:linear-gradient(90deg,#b98b3a,#e8c67e);transition:width .3s var(--ease)}.lg-tip{font-family:var(--serif);font-style:italic;font-size:16px;color:#9c968b;text-align:center;max-width:560px;line-height:1.45;min-height:48px}.lg-prose{font-family:var(--serif);font-size:18px;line-height:1.5;color:#b0a99d}.lg-note{font-family:var(--serif);font-size:15px;line-height:1.45;color:#9c968b;text-align:center}.lg-label{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);text-align:center;margin:0 0 8px}.lg-factions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;width:100%}.lg-faction{width:300px;max-width:92vw;box-sizing:border-box;text-align:left;cursor:pointer;color:var(--marble);padding:18px;position:relative;background:linear-gradient(180deg,#0e1014eb,#090b0ef5);border:1px solid rgba(185,139,58,.3);box-shadow:0 26px 70px #000000b8;font-family:var(--sans);transition:border-color .22s,transform .22s}.lg-faction:hover{transform:translateY(-3px)}.lg-faction.on{border-color:var(--bronze-lt);box-shadow:0 0 0 1px var(--bronze-lt),0 26px 70px #000000b8}.lg-faction h3{font-family:var(--disp);font-size:22px;color:var(--parchment);margin:0 0 2px;letter-spacing:.04em}.lg-faction .la{font-family:var(--serif);font-style:italic;color:var(--bronze-lt);font-size:15px}.lg-faction p{font-size:14px;line-height:1.45;color:#b0a99d;margin:10px 0}.lg-faction .sig{display:flex;gap:8px;margin-top:8px}.lg-faction canvas{width:44px;height:44px;border-radius:50%;border:1px solid var(--bronze-dim)}.lg-nav{display:flex;flex-direction:column;gap:10px;width:min(420px,92vw);margin-top:26px}.lg-nav .lg-btn{width:100%}@keyframes lgFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.lg-anim{animation:lgFadeUp .8s var(--ease) both}.lg-d1{animation-delay:.12s}.lg-d2{animation-delay:.22s}.lg-d3{animation-delay:.32s}@media(max-width:560px){.lg-screen{padding:18px 10px;justify-content:flex-start}.lg-card{padding:16px 12px}.lg-faction{width:100%}.lg-btn{padding:13px 16px 12px;font-size:13px}}
