:root{--arc-outer:#0a0908;--arc-inner:#111010;--arc-surface:#141210;--arc-border-dark:#1a1714;--arc-border-mid:#2e2820;--arc-border-glow:#3a3020;--arc-border-light:#4a3f2a;--arc-line:#fff0c80f;--arc-line-strong:#fff0c81c;--arc-corner-size:7px;--arc-corner-color:#5a4a28;--arc-glow-mana:#5a8cdc14;--arc-glow-corrupt:#a03cc812;--arc-glow-neutral:#b496500f;--arc-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}.arcane-panel{background-color:var(--arc-surface);border:1px solid var(--arc-border-light);outline:1px solid var(--arc-border-dark);outline-offset:2px;background-image:var(--arc-noise), linear-gradient(180deg, #fff5c806 0%, transparent 30%, transparent 70%, #00000026 100%);box-shadow:0 0 0 3px var(--arc-outer), 0 2px 8px #000000b3, inset 0 1px 0 #fff5c80d, inset 0 -1px 0 #0006, inset 1px 0 0 #fff5c808, inset -1px 0 0 #0000004d;position:relative}.arcane-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--arc-line-strong) 20%, var(--arc-line-strong) 80%, transparent);pointer-events:none;z-index:1;height:1px;position:absolute;top:0;left:8px;right:8px}.arcane-panel:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#00000080 20% 80%,#0000);height:1px;position:absolute;bottom:0;left:8px;right:8px}.arc-corner{width:var(--arc-corner-size);height:var(--arc-corner-size);pointer-events:none;z-index:2;position:absolute}.arc-corner:before,.arc-corner:after{content:"";background-color:var(--arc-corner-color);position:absolute}.arc-corner-tl{top:-1px;left:-1px}.arc-corner-tl:before{width:var(--arc-corner-size);height:1px;top:0;left:0}.arc-corner-tl:after{width:1px;height:var(--arc-corner-size);top:0;left:0}.arc-corner-tr{top:-1px;right:-1px}.arc-corner-tr:before{width:var(--arc-corner-size);height:1px;top:0;right:0}.arc-corner-tr:after{width:1px;height:var(--arc-corner-size);top:0;right:0}.arc-corner-bl{bottom:-1px;left:-1px}.arc-corner-bl:before{width:var(--arc-corner-size);height:1px;bottom:0;left:0}.arc-corner-bl:after{width:1px;height:var(--arc-corner-size);bottom:0;left:0}.arc-corner-br{bottom:-1px;right:-1px}.arc-corner-br:before{width:var(--arc-corner-size);height:1px;bottom:0;right:0}.arc-corner-br:after{width:1px;height:var(--arc-corner-size);bottom:0;right:0}.arcane-panel-header{font-family:var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:#c8b478d9;border-bottom:1px solid var(--arc-border-mid);box-shadow:0 1px 0 var(--arc-border-dark), inset 0 -1px 0 #0000004d;background:linear-gradient(#fff5c80a 0%,#fff5c803 100%);padding:5px 10px;font-size:.65rem;font-weight:600;position:relative}.arcane-panel-header:before{content:"◆";color:#b48c3cb3;vertical-align:middle;margin-right:5px;font-size:.5rem}.arcane-panel-header:after{content:"";background:linear-gradient(90deg, var(--arc-border-light), transparent);width:20px;height:1px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.arcane-divider{background:linear-gradient(90deg, transparent, var(--arc-border-mid) 15%, var(--arc-line-strong) 50%, var(--arc-border-mid) 85%, transparent);height:1px;margin:6px 0;position:relative}.arcane-divider:before{content:"·";color:var(--arc-border-light);background:var(--arc-surface);padding:0 3px;font-size:.6rem;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arcane-panel--side{border-color:var(--arc-border-mid);box-shadow:0 0 0 3px var(--arc-outer), 0 2px 6px #000c, inset 0 1px 0 #fff5c80a, inset 0 -1px 0 #00000080, inset 2px 0 12px #0003;background-color:#100f0d}.arcane-panel--scene{border-color:var(--arc-border-light);box-shadow:0 0 0 4px var(--arc-outer), 0 0 0 5px var(--arc-border-mid), 0 4px 16px #000000e6, inset 0 0 30px #0006, inset 0 1px 0 #fff5c812;filter:drop-shadow(0 0 6px #3c64b41f);background-color:#0c0b09;border-width:2px}.arcane-panel--actions{border-color:var(--arc-border-mid);box-shadow:0 0 0 3px var(--arc-outer), 0 2px 8px #000000b3, inset 0 1px 0 #fff5c80a, inset 0 0 20px #0000004d;background-color:#0e0d0b}.arcane-panel--log{border-color:var(--arc-border-mid);box-shadow:0 0 0 3px var(--arc-outer), 0 -2px 8px #0009, inset 0 1px 0 #fff5c80a, inset 0 0 40px #00000080, inset 0 0 0 1px #fff5c806;background-color:#080807;background-image:var(--arc-noise), repeating-linear-gradient(180deg, transparent, transparent 2px, #0000000a 2px, #0000000a 4px), linear-gradient(180deg, #fff5c805 0%, transparent 100%)}.arcane-panel--objectives{border-color:var(--arc-border-mid);box-shadow:0 0 0 3px var(--arc-outer), 0 2px 8px #000000b3, inset 0 1px 0 #fff5c80a, inset 0 0 20px #0006;background-color:#0f0e0c;flex-direction:column;display:flex;overflow:hidden}.arcane-action-btn{border:1px solid var(--arc-border-mid);outline:1px solid var(--arc-outer);outline-offset:1px;cursor:pointer;font-family:var(--font-mono,monospace);letter-spacing:.06em;text-transform:uppercase;color:#c8b478bf;background-color:#141210;background-image:linear-gradient(#fff5c80a 0%,#0000 50%,#0003 100%);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 6px;font-size:.6rem;transition:background-color 80ms,border-color 80ms,box-shadow 80ms,transform 60ms;display:flex;position:relative;box-shadow:0 2px 4px #0009,inset 0 1px #fff5c80d,inset 0 -1px #0006}.arcane-action-btn:before{content:"";pointer-events:none;border:1px solid #0000;transition:border-color 80ms;position:absolute;inset:0}.arcane-action-btn:hover:not(:disabled){border-color:var(--arc-border-light);color:#dcc88cf2;background-color:#1c1916;transform:translateY(-1px);box-shadow:0 2px 6px #000000b3,0 0 8px #b48c3c14,inset 0 1px #fff5c817,inset 0 -1px #0006}.arcane-action-btn:hover:not(:disabled):before{border-color:#b48c3c1f}.arcane-action-btn:active:not(:disabled){border-color:var(--arc-border-mid);background-color:#100f0d;transform:translateY(1px);box-shadow:0 1px 2px #000c,inset 0 1px 4px #00000080,inset 0 -1px #0003}.arcane-action-btn:disabled{opacity:.35;cursor:not-allowed;filter:saturate(.3)}.arcane-action-btn .action-icon{filter:drop-shadow(0 1px 2px #0009);font-size:1.1rem;line-height:1;transition:filter 80ms}.arcane-action-btn:hover:not(:disabled) .action-icon{filter:drop-shadow(0 0 4px #b48c3c4d)drop-shadow(0 1px 2px #0009)}.arcane-item-slot{aspect-ratio:1;border:1px solid var(--arc-border-mid);box-shadow:inset 0 1px 3px #0009, inset 0 0 8px #0000004d, 0 1px 0 var(--arc-border-dark);cursor:pointer;background-color:#0c0b09;background-image:linear-gradient(135deg,#fff5c806 0%,#0000 60%);justify-content:center;align-items:center;transition:border-color 80ms,box-shadow 80ms;display:flex;position:relative}.arcane-item-slot--empty{border-color:var(--arc-border-dark);background-color:#0a0908}.arcane-item-slot--empty:after{content:"";pointer-events:none;border:1px dashed #fff5c80a;position:absolute;inset:3px}.arcane-item-slot--filled{border-color:var(--arc-border-light);box-shadow:inset 0 1px 3px #00000080, 0 0 4px #b48c3c12, 0 1px 0 var(--arc-border-dark)}.arcane-item-slot:hover{border-color:#a0823c80;box-shadow:inset 0 1px 3px #00000080,0 0 6px #b48c3c1a}.arcane-bar-track{border:1px solid var(--arc-border-dark);background-color:#080807;height:7px;position:relative;overflow:visible;box-shadow:inset 0 1px 3px #000000b3,inset 0 -1px #ffffff05,0 1px #ffffff08}.arcane-bar-fill{height:100%;transition:width .4s;position:absolute;top:0;left:0;box-shadow:inset 0 1px #ffffff26}.arcane-bar-track:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(90deg,#0000,#0000 calc(25% - 1px),#00000059 calc(25% - 1px) 25%);position:absolute;inset:0}.arcane-objective-item{background-color:#0003;border-left:2px solid #0000;margin-bottom:3px;padding:5px 8px 5px 14px;transition:background-color 80ms,border-color 80ms;position:relative}.arcane-objective-item:before{content:"";width:2px;position:absolute;top:0;bottom:0;left:0}.arcane-objective-item--active{background-color:#3c783c12;border-left-color:#50a05099}.arcane-objective-item--completed{opacity:.7;background-color:#6450140f;border-left-color:#b48c3c66}.arcane-objective-item--failed{opacity:.55;background-color:#78282812;border-left-color:#b43c3c80}.arcane-header{border-bottom:1px solid var(--arc-border-light);box-shadow:0 1px 0 var(--arc-border-dark), 0 2px 0 #00000080, 0 4px 12px #0009, inset 0 1px 0 #fff5c80a;background-color:#0d0c0a;background-image:linear-gradient(#fff5c808 0%,#0000 100%);position:relative}.arcane-header:after{content:"";background:linear-gradient(90deg, transparent, var(--arc-border-mid) 10%, var(--arc-border-mid) 90%, transparent);height:1px;position:absolute;bottom:-4px;left:0;right:0}.arcane-section-label{font-family:var(--font-mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:#b49650b3;align-items:center;gap:6px;margin-bottom:5px;font-size:.6rem;font-weight:600;display:flex}.arcane-section-label:before{content:"";background:linear-gradient(90deg,#0000,#b4965066);flex:0 0 12px;height:1px}.arcane-section-label:after{content:"";background:linear-gradient(90deg,#b4965040,#0000);flex:1;height:1px}.arcane-bg{background-color:#080706;background-image:var(--arc-noise), radial-gradient(ellipse at 50% 0%, #281e0f66 0%, transparent 60%), radial-gradient(ellipse at 50% 100%, #00000080 0%, transparent 70%)}.arc-text-mana{color:#78aaf0e6;text-shadow:0 0 8px #5082dc4d}.arc-text-corrupt{color:#be64f0d9;text-shadow:0 0 8px #a03cc840}.arc-text-gold{color:#d2af5ae6;text-shadow:0 0 6px #b48c3233}.arc-text-danger{color:#dc5050e6;text-shadow:0 0 6px #c83c3c33}.arc-scroll{scrollbar-width:thin;scrollbar-color:var(--arc-border-mid) var(--arc-outer);overflow-y:auto}.arc-scroll::-webkit-scrollbar{width:4px}.arc-scroll::-webkit-scrollbar-track{background:var(--arc-outer);border-left:1px solid var(--arc-border-dark)}.arc-scroll::-webkit-scrollbar-thumb{background:var(--arc-border-mid);border-radius:0}.arc-scroll::-webkit-scrollbar-thumb:hover{background:var(--arc-border-light)}@keyframes arcane-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.92}94%{opacity:1}97%{opacity:.95}98%{opacity:1}}@keyframes arcane-glow-pulse{0%,to{box-shadow:0 0 0 3px var(--arc-outer), 0 2px 8px #000000b3, inset 0 1px 0 #fff5c80d}50%{box-shadow:0 0 0 3px var(--arc-outer), 0 2px 8px #000000b3, inset 0 1px 0 #fff5c80d, 0 0 12px #5a8cdc1a}}.arcane-panel--alive{animation:8s ease-in-out infinite arcane-flicker}.arcane-panel--scene{animation:6s ease-in-out infinite arcane-glow-pulse}.arcane-scrollbar{scrollbar-width:thin;scrollbar-color:#5a4832 #120f0c}.arcane-scrollbar::-webkit-scrollbar{width:7px}.arcane-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(#4f3f2c,#6e5638,#4a3928);border:1px solid #7a5f3b;box-shadow:inset 0 0 2px #ffdc8c26,0 0 4px #00000059}.arcane-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(#6e5638,#9a7a4a,#5c452c);box-shadow:inset 0 0 3px #ffe6a033,0 0 6px #b48c4633}.arcane-scrollbar::-webkit-scrollbar-corner{background:#120f0c}.arcane-scrollbar::-webkit-scrollbar-track{background:repeating-linear-gradient(#ffffff04 0 1px,#0000 1px 3px),linear-gradient(#120f0cf2,#0a0806f2);border-left:1px solid #5a483226}.arcane-scrollbar::-webkit-scrollbar-thumb{position:relative}.arcane-scrollbar::-webkit-scrollbar-thumb:vertical{min-height:40px}