.dgn-gate{isolation:isolate;cursor:pointer;color:#f2e4c2;background: linear-gradient(to bottom, #ffebc817, #ffebc805 34%, transparent 55%),  radial-gradient(34% 78% at 0% 52%, rgb(var(--energy-ember-rgb) / .2), transparent 72%), radial-gradient(34% 78% at 100% 52%, rgb(var(--energy-ember-rgb) / .2), transparent 72%),  radial-gradient(70% 46% at 50% 108%, rgb(var(--energy-gold-rgb) / .28), transparent 62%),  linear-gradient(#00000080, #00000080) 0 33% / 100% 1px no-repeat, linear-gradient(#00000073, #00000073) 0 66% / 100% 1px no-repeat, linear-gradient(90deg, #0006, #0006) 22% 0 / 1px 33% no-repeat, linear-gradient(90deg, #0006, #0006) 64% 66% / 1px 34% no-repeat, linear-gradient(90deg, #00000059, #00000059) 78% 33% / 1px 33% no-repeat,  radial-gradient(1px 1px at 16% 28%, #ffebc812, transparent 100%), radial-gradient(1px 1px at 71% 74%, #ffebc80f, transparent 100%), radial-gradient(1px 1px at 88% 22%, #ffebc80d, transparent 100%),  linear-gradient(to bottom, #3a332b, #2a241e 55%, #1d1915);box-shadow: 0 0 0 1px #7e6c5280 inset, 0 0 0 3px #181410e6 inset, 0 0 0 4px #5e503c47 inset,  0 1px 0 #ffe6b424 inset, 0 -12px 22px -14px #000000bf inset,  0 4px 0 #0c0906, 0 4px 0 1px #7e6c524d, 0 9px 18px -7px #000000b3, 0 0 26px -12px rgb(var(--energy-ember-rgb) / .5);border:1px solid #14100c;border-radius:9px 9px 3px 3px;transition:filter .16s,box-shadow .2s,transform .13s;position:relative;overflow:hidden}.dgn-gate:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(2.5px 2.5px at 9px 9px,#dcc8a099,#3c3228e6 60%,#0000 75%),radial-gradient(2.5px 2.5px at calc(100% - 9px) 9px,#dcc8a08c,#3c3228e6 60%,#0000 75%),radial-gradient(2.5px 2.5px at 9px calc(100% - 9px),#dcc8a080,#3c3228e6 60%,#0000 75%),radial-gradient(2.5px 2.5px at calc(100% - 9px) calc(100% - 9px),#dcc8a080,#3c3228e6 60%,#0000 75%),linear-gradient(135deg,#463c2ed9 14px,#0000 14px) 0 0/26px 26px no-repeat,linear-gradient(225deg,#463c2ecc 14px,#0000 14px) 100% 0/26px 26px no-repeat,linear-gradient(45deg,#463c2ebf 14px,#0000 14px) 0 100%/26px 26px no-repeat,linear-gradient(315deg,#463c2ebf 14px,#0000 14px) 100% 100%/26px 26px no-repeat;position:absolute;inset:0}.dgn-gate:after{content:"";z-index:1;pointer-events:none;opacity:.5;background:radial-gradient(42% 90% at 8% 50%, rgb(var(--energy-ember-rgb) / .16), transparent 70%), radial-gradient(42% 90% at 92% 50%, rgb(var(--energy-ember-rgb) / .16), transparent 70%);transition:opacity .2s;animation:3.4s ease-in-out infinite dgn-gate-torch;position:absolute;inset:0}@keyframes dgn-gate-torch{0%,to{opacity:.42}38%{opacity:.62}62%{opacity:.5}}.dgn-gate__label{z-index:3;color:#f6e7c4;text-shadow:0 -1px 0 #000000d9, 0 1px 0 #ffe29e38, 0 0 14px rgb(var(--energy-gold-rgb) / .24);align-items:center;gap:.55em;transition:text-shadow .2s,color .2s;display:inline-flex;position:relative}.dgn-gate__rune:before{content:attr(data-runes)}.dgn-gate__rune{z-index:3;font-family:var(--font-display,serif);letter-spacing:.4em;color:#d6b27680;text-shadow:0 -1px #000c;-webkit-user-select:none;user-select:none;font-size:.52em;line-height:1;transition:color .22s,text-shadow .22s,opacity .22s;position:relative}.dgn-gate__ember{bottom:-4px;left:var(--ex,50%);z-index:2;pointer-events:none;background:rgb(var(--energy-ember-rgb) / .85);width:3px;height:3px;box-shadow:0 0 6px 1px rgb(var(--energy-ember-rgb) / .45);opacity:0;animation:4.6s linear infinite dgn-gate-ember;animation-delay:var(--edelay,0s);border-radius:50%;position:absolute}@keyframes dgn-gate-ember{0%{opacity:0;transform:translateY(0)scale(1)}12%{opacity:.85}70%{opacity:.4}to{opacity:0;transform:translateY(-64px)scale(.5)}}.dgn-gate:hover:not(:disabled):not([data-loading=true]){filter:brightness(1.09);box-shadow:0 0 0 1px #a0886499 inset, 0 0 0 3px #181410e6 inset, 0 0 0 4px #7a664a5c inset, 0 1px 0 #ffe6b42e inset, 0 -12px 22px -14px #000000b3 inset, 0 6px 0 #0c0906, 0 6px 0 1px #a0886459, 0 12px 22px -7px #000000a6, 0 0 34px -10px rgb(var(--energy-ember-rgb) / .65);transform:translateY(-2px)}.dgn-gate:hover:not(:disabled):not([data-loading=true]):after{opacity:.85}.dgn-gate:hover:not(:disabled):not([data-loading=true]) .dgn-gate__rune,.dgn-gate:focus-visible .dgn-gate__rune{color:rgb(var(--energy-ember-rgb) / .95);text-shadow:0 -1px 0 #000c, 0 0 10px rgb(var(--energy-ember-rgb) / .6)}.dgn-gate:hover:not(:disabled):not([data-loading=true]) .dgn-gate__label{color:#fdf3d8;text-shadow:0 -1px 0 #000000d9, 0 1px 0 #ffe29e4d, 0 0 20px rgb(var(--energy-gold-rgb) / .4)}.dgn-gate:active:not(:disabled):not([data-loading=true]){filter:brightness(.9);transition-duration:60ms;transform:translateY(3px);box-shadow:inset 0 0 0 1px #7e6c5273,inset 0 0 0 3px #181410e6,inset 0 0 0 4px #5e503c3d,inset 0 2px 4px #0006,inset 0 -12px 22px -14px #000c,0 1px #0c0906,0 2px 6px -4px #0009}.dgn-gate:focus-visible{outline:2px solid rgb(var(--energy-gold-rgb) / .9);outline-offset:2px}.dgn-gate[data-loading=true]{cursor:progress;pointer-events:none}.dgn-gate[data-loading=true] .dgn-gate__label{opacity:.75}.dgn-gate[data-loading=true] .dgn-gate__rune{color:rgb(var(--energy-ember-rgb) / .9);animation:1.1s ease-in-out infinite dgn-gate-rune-cycle}.dgn-gate[data-loading=true] .dgn-gate__rune--r{animation-delay:.55s}@keyframes dgn-gate-rune-cycle{0%,to{opacity:.35}50%{opacity:1}}.dgn-gate:disabled,.dgn-gate[aria-disabled=true]{cursor:not-allowed;color:#97907f;filter:none;background:linear-gradient(#322e28,#221f1b 60%,#191613);transform:none;box-shadow:inset 0 0 0 1px #5a524466,inset 0 0 0 3px #14120fe6,inset 0 1px #ffffff0d,0 2px #00000073}.dgn-gate:disabled:after,.dgn-gate[aria-disabled=true]:after,.dgn-gate:disabled .dgn-gate__ember,.dgn-gate[aria-disabled=true] .dgn-gate__ember{display:none}.dgn-gate:disabled .dgn-gate__label,.dgn-gate[aria-disabled=true] .dgn-gate__label{color:#97907f;text-shadow:0 -1px #000000b3}.dgn-gate:disabled .dgn-gate__rune,.dgn-gate[aria-disabled=true] .dgn-gate__rune{color:#786c5a59;text-shadow:none;animation:none}.dgn-gate--minor{border-radius:6px 6px 3px 3px}.dgn-gate--minor:before{background:radial-gradient(2px 2px at 6px 6px,#dcc8a099,#3c3228e6 60%,#0000 75%),radial-gradient(2px 2px at calc(100% - 6px) 6px,#dcc8a08c,#3c3228e6 60%,#0000 75%),radial-gradient(2px 2px at 6px calc(100% - 6px),#dcc8a080,#3c3228e6 60%,#0000 75%),radial-gradient(2px 2px at calc(100% - 6px) calc(100% - 6px),#dcc8a080,#3c3228e6 60%,#0000 75%),linear-gradient(135deg,#463c2ed9 10px,#0000 10px) 0 0/18px 18px no-repeat,linear-gradient(225deg,#463c2ecc 10px,#0000 10px) 100% 0/18px 18px no-repeat,linear-gradient(45deg,#463c2ebf 10px,#0000 10px) 0 100%/18px 18px no-repeat,linear-gradient(315deg,#463c2ebf 10px,#0000 10px) 100% 100%/18px 18px no-repeat}.dgn-gate--minor .dgn-gate__rune{letter-spacing:.28em;font-size:.72em}.dgn-gate--minor{box-shadow:0 0 0 1px #7e6c5280 inset, 0 0 0 2px #181410e6 inset, 0 0 0 3px #5e503c47 inset, 0 1px 0 #ffe6b424 inset, 0 -8px 16px -10px #000000bf inset, 0 3px 0 #0c0906, 0 3px 0 1px #7e6c524d, 0 7px 14px -6px #000000b3, 0 0 20px -10px rgb(var(--energy-ember-rgb) / .4)}.dgn-gate--minor:hover:not(:disabled):not([data-loading=true]){box-shadow:0 0 0 1px #a0886499 inset, 0 0 0 2px #181410e6 inset, 0 0 0 3px #7a664a5c inset, 0 1px 0 #ffe6b42e inset, 0 -8px 16px -10px #000000b3 inset, 0 4px 0 #0c0906, 0 4px 0 1px #a0886459, 0 9px 16px -6px #000000a6, 0 0 26px -9px rgb(var(--energy-ember-rgb) / .55);transform:translateY(-1px)}.dgn-gate--minor:active:not(:disabled):not([data-loading=true]){transform:translateY(2px);box-shadow:inset 0 0 0 1px #7e6c5273,inset 0 0 0 2px #181410e6,inset 0 0 0 3px #5e503c3d,inset 0 2px 4px #0006,inset 0 -8px 16px -10px #000c,0 1px #0c0906,0 2px 5px -3px #0009}html[data-anim=off] .dgn-gate:after{opacity:.5;animation:none}html[data-anim=off] .dgn-gate__ember{display:none}html[data-perf=low] .dgn-gate:after{opacity:.4;animation:none}html[data-perf=low] .dgn-gate__ember{display:none}