#hud{--u: clamp(14px, 1.62vmin, 26px);--r: calc(var(--u) * .62);--gold-hi: #fff3cd;--gold-1: #ffe190;--gold-2: #f3bf4f;--gold-3: #d1912b;--gold-4: #8a561a;--gold-5: #57320d;--ink-1: #241653;--ink-2: #170d38;--ink-3: #0c0722;--cream: #fff3dd;--cream-dim: #d9c6b4;--ruby-hi: #ff9aa6;--ruby: #ef3f57;--ruby-lo: #8c1226;--accent: #6be8ff;--accent-soft: rgba(107, 232, 255, .35);--panel: linear-gradient( 172deg, rgba(66, 40, 128, .94) 0%, rgba(38, 22, 84, .95) 46%, rgba(20, 11, 48, .96) 100% );--rim: linear-gradient(180deg, var(--gold-hi) 0%, var(--gold-2) 34%, var(--gold-4) 72%, var(--gold-1) 100%);--shadow-lo: 0 calc(var(--u) * .14) calc(var(--u) * .5) rgba(6, 3, 18, .55);--shadow-hi: 0 calc(var(--u) * .5) calc(var(--u) * 1.6) rgba(6, 3, 18, .62);position:fixed;inset:0;z-index:10;pointer-events:none;user-select:none;-webkit-user-select:none;overflow:hidden;color:var(--cream);font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;font-size:var(--u);line-height:1.25;font-variant-numeric:tabular-nums;text-rendering:optimizeLegibility}#hud .dr-defs{position:absolute;width:0;height:0;overflow:hidden}#hud svg{display:block;overflow:visible}#hud .dr-plate{background:var(--panel) padding-box,var(--rim) border-box;border:calc(var(--u) * .15) solid transparent;border-radius:var(--r);box-shadow:var(--shadow-lo),inset 0 calc(var(--u) * .08) 0 #ffffff38,inset 0 calc(var(--u) * -.12) calc(var(--u) * .4) #0006}#hud .dr-gold{background:linear-gradient(177deg,#fffaea 0%,var(--gold-1) 30%,var(--gold-2) 52%,var(--gold-3) 62%,#ffeab0 88%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 calc(var(--u) * .09) 0 var(--gold-5)) drop-shadow(0 calc(var(--u) * .34) calc(var(--u) * .5) rgba(0,0,0,.6))}#hud .dr-eyebrow{font-size:calc(var(--u) * .78);font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2);opacity:.9}#hud b,#hud strong{font-weight:900}#hud button{pointer-events:auto;cursor:pointer;font:inherit;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#4a2a06;padding:calc(var(--u) * .62) calc(var(--u) * 1.5);font-size:calc(var(--u) * 1.02);border:calc(var(--u) * .12) solid transparent;border-radius:calc(var(--u) * .5);background:linear-gradient(180deg,#fff2c6 0%,var(--gold-1) 34%,var(--gold-2) 62%,var(--gold-3) 100%) padding-box,linear-gradient(180deg,#fffdf2,var(--gold-4)) border-box;box-shadow:0 calc(var(--u) * .22) 0 var(--gold-5),0 calc(var(--u) * .42) calc(var(--u) * .8) #00000073,inset 0 calc(var(--u) * .1) 0 #ffffffbf;text-shadow:0 1px 0 rgba(255,255,255,.45);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}#hud button:hover{transform:translateY(calc(var(--u) * -.1));filter:saturate(1.12) brightness(1.05);box-shadow:0 calc(var(--u) * .32) 0 var(--gold-5),0 calc(var(--u) * .6) calc(var(--u) * 1.1) #00000080,inset 0 calc(var(--u) * .1) 0 #ffffffd9}#hud button:active{transform:translateY(calc(var(--u) * .14));box-shadow:0 calc(var(--u) * .06) 0 var(--gold-5),0 calc(var(--u) * .2) calc(var(--u) * .5) #00000073,inset 0 calc(var(--u) * .1) 0 #fff9}#hud button:focus-visible{outline:calc(var(--u) * .16) solid var(--accent);outline-offset:calc(var(--u) * .16)}#hud button.dr-btn-quiet{color:var(--cream);background:linear-gradient(180deg,#6042a8e6,#261654f2) padding-box,linear-gradient(180deg,#ffe396d9,#784c18e6) border-box;box-shadow:0 calc(var(--u) * .18) 0 #0c0622e6,0 calc(var(--u) * .4) calc(var(--u) * .7) #0006,inset 0 calc(var(--u) * .08) 0 #ffffff2e;text-shadow:0 calc(var(--u) * .08) 0 rgba(0,0,0,.6)}#hud .dr-key{display:inline-grid;place-items:center;min-width:calc(var(--u) * 1.85);height:calc(var(--u) * 1.65);padding:0 calc(var(--u) * .42);font-size:calc(var(--u) * .8);font-weight:900;letter-spacing:.06em;color:#efe3ff;background:linear-gradient(180deg,#7a60c4f2,#2d1c60fa);border-radius:calc(var(--u) * .32);border:1px solid rgba(255,226,156,.5);box-shadow:0 calc(var(--u) * .16) 0 #0a051ed9,inset 0 calc(var(--u) * .08) 0 #ffffff47;white-space:nowrap}#hud .dr-live{position:absolute;inset:0;opacity:1;transition:opacity .28s ease}#hud.is-screened .dr-live{opacity:0}#hud .dr-corner{position:absolute;top:calc(var(--u) * 1.15);display:flex;flex-direction:column;gap:calc(var(--u) * .6)}#hud .dr-corner--left{left:calc(var(--u) * 1.25);align-items:flex-start}#hud .dr-corner--right{right:calc(var(--u) * 1.25);align-items:flex-end}#hud .dr-vitals{display:flex;align-items:center;gap:calc(var(--u) * .75);padding:calc(var(--u) * .42) calc(var(--u) * .85)}#hud .dr-pips{display:flex;gap:calc(var(--u) * .28)}#hud .dr-pip{width:calc(var(--u) * 1.75);height:calc(var(--u) * 1.75);transform-origin:50% 55%;transition:transform .18s cubic-bezier(.3,1.6,.5,1)}#hud .dr-pip svg{width:100%;height:100%;filter:drop-shadow(0 calc(var(--u) * .12) calc(var(--u) * .14) rgba(0,0,0,.6))}#hud .dr-pip .fill{transition:opacity .25s ease,transform .25s ease;transform-origin:50% 50%}#hud .dr-pip.is-empty .fill{opacity:.1;transform:scale(.82)}#hud .dr-pip.is-empty .husk{opacity:1}#hud .dr-pip .husk{opacity:0;transition:opacity .25s ease}#hud .dr-pip.is-lost{animation:dr-pip-lost .55s cubic-bezier(.32,1.4,.5,1)}#hud .dr-pip.is-gained{animation:dr-pip-gain .5s cubic-bezier(.3,1.7,.5,1)}@keyframes dr-pip-lost{0%{transform:scale(1.5) rotate(-9deg);filter:brightness(2.4) saturate(1.6)}35%{transform:scale(.82) rotate(6deg)}70%{transform:scale(1.06) rotate(-2deg)}to{transform:scale(1)}}@keyframes dr-pip-gain{0%{transform:scale(.3)}60%{transform:scale(1.28);filter:brightness(1.7)}to{transform:scale(1)}}#hud .dr-lives{display:flex;align-items:center;gap:calc(var(--u) * .24);padding-left:calc(var(--u) * .7);border-left:1px solid rgba(255,224,150,.28)}#hud .dr-lives svg{width:calc(var(--u) * 1.75);height:calc(var(--u) * 1.75);filter:drop-shadow(0 calc(var(--u) * .1) calc(var(--u) * .12) rgba(0,0,0,.6))}#hud .dr-lives-n{font-size:calc(var(--u) * 1.15);font-weight:900;color:var(--gold-1);text-shadow:0 calc(var(--u) * .1) 0 rgba(0,0,0,.55)}#hud .dr-lives.is-hit{animation:dr-shake .5s ease}@keyframes dr-shake{0%,to{transform:translate(0)}20%{transform:translate(calc(var(--u) * -.35)) rotate(-2deg)}45%{transform:translate(calc(var(--u) * .3)) rotate(2deg)}70%{transform:translate(calc(var(--u) * -.16))}}#hud .dr-count{display:flex;align-items:center;gap:calc(var(--u) * .55);padding:calc(var(--u) * .32) calc(var(--u) * .9) calc(var(--u) * .32) calc(var(--u) * .42);transform-origin:100% 50%;transition:transform .16s cubic-bezier(.3,1.6,.5,1)}#hud .dr-count .dr-socket{display:grid;place-items:center;width:calc(var(--u) * 2.05);height:calc(var(--u) * 2.05);border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffffff38,#00000057 70%),linear-gradient(180deg,#0e0822e6,#1e1240e6);box-shadow:inset 0 0 0 1px #ffe29c73,inset 0 calc(var(--u) * .1) calc(var(--u) * .2) #0009}#hud .dr-count .dr-socket svg{width:calc(var(--u) * 1.5);height:calc(var(--u) * 1.5);filter:drop-shadow(0 0 calc(var(--u) * .3) rgba(255,255,255,.28))}#hud .dr-count .dr-readout{display:flex;align-items:baseline;gap:calc(var(--u) * .22)}#hud .dr-count .dr-num{font-size:calc(var(--u) * 1.95);font-weight:900;letter-spacing:-.01em;line-height:1;color:var(--gold-hi);text-shadow:0 calc(var(--u) * .1) 0 var(--gold-5),0 calc(var(--u) * .28) calc(var(--u) * .35) rgba(0,0,0,.65)}#hud .dr-count .dr-den{font-size:calc(var(--u) * 1.05);font-weight:800;color:var(--gold-2);opacity:.8}#hud .dr-count.is-bumped{transform:scale(1.13)}#hud .dr-count.is-bumped .dr-num{color:#fffdf3;text-shadow:0 0 calc(var(--u) * .9) var(--gold-1),0 calc(var(--u) * .1) 0 var(--gold-5)}#hud .dr-count .dr-socket.is-bumped{animation:dr-socket-pop .42s cubic-bezier(.3,1.6,.5,1)}@keyframes dr-socket-pop{0%{transform:scale(1)}40%{transform:scale(1.3) rotate(-8deg)}to{transform:scale(1) rotate(0)}}#hud .dr-floats{position:absolute;top:calc(var(--u) * 3.6);right:calc(var(--u) * 1.6);width:calc(var(--u) * 12);height:calc(var(--u) * 6);pointer-events:none}#hud .dr-float{position:absolute;right:0;top:0;font-size:calc(var(--u) * 1.15);font-weight:900;color:var(--gold-hi);text-shadow:0 calc(var(--u) * .1) 0 var(--gold-5),0 0 calc(var(--u) * .7) rgba(255,214,120,.8);animation:dr-float .95s ease-out forwards;white-space:nowrap}@keyframes dr-float{0%{opacity:0;transform:translate3d(0,calc(var(--u) * .6),0) scale(.7)}22%{opacity:1;transform:translateZ(0) scale(1.1)}to{opacity:0;transform:translate3d(0,calc(var(--u) * -2.6),0) scale(.95)}}#hud .dr-objective{position:absolute;top:calc(var(--u) * 1.15);left:50%;transform:translate(-50%);max-width:min(46vw,calc(var(--u) * 34));display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * .1);padding:calc(var(--u) * .42) calc(var(--u) * 1.5);text-align:center;transition:opacity .3s ease,transform .3s ease}#hud .dr-objective.is-hidden{opacity:0;transform:translate(-50%,calc(var(--u) * -.8))}#hud .dr-objective:before,#hud .dr-objective:after{content:"";position:absolute;top:50%;width:calc(var(--u) * .5);height:calc(var(--u) * .5);background:linear-gradient(135deg,var(--gold-1),var(--gold-3));box-shadow:0 0 calc(var(--u) * .3) #00000080;transform:translateY(-50%) rotate(45deg)}#hud .dr-objective:before{left:calc(var(--u) * .42)}#hud .dr-objective:after{right:calc(var(--u) * .42)}#hud .dr-obj-text{font-size:calc(var(--u) * 1.06);font-weight:800;color:var(--cream);text-shadow:0 calc(var(--u) * .1) calc(var(--u) * .2) rgba(0,0,0,.7)}#hud .dr-objective.is-changed{animation:dr-obj-flash .7s ease}@keyframes dr-obj-flash{0%{filter:brightness(2.2);transform:translate(-50%,calc(var(--u) * -.4)) scale(1.04)}to{filter:brightness(1);transform:translate(-50%) scale(1)}}#hud .dr-toasts{position:absolute;top:calc(var(--u) * 4.6);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * .45);width:max-content;max-width:60vw}#hud .dr-toast{display:flex;align-items:center;gap:calc(var(--u) * .6);padding:calc(var(--u) * .42) calc(var(--u) * 1.1) calc(var(--u) * .42) calc(var(--u) * .55);animation:dr-toast-in .42s cubic-bezier(.2,1.5,.45,1)}#hud .dr-toast.is-out{animation:dr-toast-out .36s ease forwards}#hud .dr-toast svg{width:calc(var(--u) * 1.5);height:calc(var(--u) * 1.5);flex:none;filter:drop-shadow(0 0 calc(var(--u) * .35) rgba(255,255,255,.3))}#hud .dr-toast-text{font-size:calc(var(--u) * 1);font-weight:800;color:var(--cream);text-shadow:0 calc(var(--u) * .08) calc(var(--u) * .2) rgba(0,0,0,.6);white-space:nowrap}@keyframes dr-toast-in{0%{opacity:0;transform:translate3d(0,calc(var(--u) * -1.4),0) scale(.9)}to{opacity:1;transform:none}}@keyframes dr-toast-out{0%{opacity:1;transform:none;max-height:calc(var(--u) * 4)}to{opacity:0;transform:translate3d(0,calc(var(--u) * -1),0) scale(.94);max-height:0}}#hud .dr-cards{position:absolute;left:0;right:0;top:58%;display:grid;place-items:center}#hud .dr-card{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * .15);animation:dr-card-in 4.6s cubic-bezier(.2,.9,.3,1) forwards}#hud .dr-card-rule{width:calc(var(--u) * 16);height:calc(var(--u) * .16);background:linear-gradient(90deg,transparent,var(--accent) 22%,#fff 50%,var(--accent) 78%,transparent);box-shadow:0 0 calc(var(--u) * .8) var(--accent-soft);transform-origin:50% 50%;animation:dr-rule-in .9s cubic-bezier(.2,1,.3,1)}#hud .dr-card-eyebrow{font-size:calc(var(--u) * .8);font-weight:800;letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 calc(var(--u) * .8) var(--accent-soft),0 calc(var(--u) * .1) calc(var(--u) * .2) rgba(0,0,0,.8)}#hud .dr-card-name{font-size:calc(var(--u) * 2.9);font-weight:900;letter-spacing:.01em;text-transform:uppercase}@keyframes dr-card-in{0%{opacity:0;transform:translateY(calc(var(--u) * .9)) scale(.97)}7%{opacity:1;transform:none}78%{opacity:1;transform:translateY(calc(var(--u) * -.2))}to{opacity:0;transform:translateY(calc(var(--u) * -1))}}@keyframes dr-rule-in{0%{transform:scaleX(.1);opacity:0}to{transform:scaleX(1);opacity:1}}#hud .dr-flash{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 38%,rgba(180,16,44,.85) 100%)}#hud .dr-flash.is-on{animation:dr-flash .62s ease-out}#hud .dr-flash.is-heal{background:radial-gradient(ellipse at center,transparent 42%,rgba(255,214,120,.7) 100%)}@keyframes dr-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}#hud .dr-compass{position:absolute;inset:0}#hud .dr-mark{position:absolute;left:0;top:0;width:calc(var(--u) * 2.6);height:calc(var(--u) * 2.6);margin-left:calc(var(--u) * -1.3);margin-top:calc(var(--u) * -1.3);will-change:transform,opacity}#hud .dr-mark-ring{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 26%,#ffffff42,#0c071ed1 72%);border:calc(var(--u) * .13) solid var(--mark-color, var(--gold-2));box-shadow:0 0 calc(var(--u) * .7) var(--mark-glow, rgba(243, 191, 79, .6)),0 calc(var(--u) * .16) calc(var(--u) * .4) #0000008c,inset 0 0 calc(var(--u) * .5) var(--mark-glow, rgba(243, 191, 79, .35))}#hud .dr-mark-ring svg{width:calc(var(--u) * 1.4);height:calc(var(--u) * 1.4)}#hud .dr-mark-arrow{position:absolute;inset:calc(var(--u) * -.95);transform-origin:50% 50%}#hud .dr-mark-arrow:before{content:"";position:absolute;left:50%;top:0;width:0;height:0;transform:translate(-50%);border-left:calc(var(--u) * .46) solid transparent;border-right:calc(var(--u) * .46) solid transparent;border-bottom:calc(var(--u) * .66) solid var(--mark-color, var(--gold-2));filter:drop-shadow(0 0 calc(var(--u) * .4) var(--mark-glow, rgba(243, 191, 79, .7)))}#hud .dr-mark-dist{position:absolute;top:calc(100% + var(--u) * .24);left:50%;transform:translate(-50%);font-size:calc(var(--u) * .76);font-weight:900;letter-spacing:.04em;color:var(--cream);text-shadow:0 calc(var(--u) * .08) calc(var(--u) * .22) rgba(0,0,0,.9);white-space:nowrap}#hud .dr-mark.is-onscreen{transform-origin:50% 50%}#hud .dr-mark.is-onscreen .dr-mark-arrow{opacity:0}#hud .dr-mark.is-onscreen .dr-mark-ring{background:radial-gradient(circle at 34% 26%,#fff3,#0c071e73 72%)}#hud .dr-mark-pulse{position:absolute;inset:0;border-radius:50%;border:calc(var(--u) * .1) solid var(--mark-color, var(--gold-2));opacity:0;animation:dr-mark-pulse 2.1s ease-out infinite}@keyframes dr-mark-pulse{0%{transform:scale(1);opacity:.55}70%{transform:scale(1.85);opacity:0}to{opacity:0}}#hud .dr-screens{position:absolute;inset:0;display:none;place-items:center}#hud .dr-screens.is-on{display:grid}#hud .dr-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,#1c0e3e6b,#070414e0 78%),linear-gradient(180deg,#0a051a8c,#060312cc);backdrop-filter:blur(calc(var(--u) * .45)) saturate(1.1);-webkit-backdrop-filter:blur(calc(var(--u) * .45)) saturate(1.1);animation:dr-fade .35s ease}#hud .dr-motes{position:absolute;inset:-10%;opacity:.5;background-image:radial-gradient(circle,rgba(255,226,156,.9) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(160,220,255,.75) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(255,255,255,.6) 0 1px,transparent 1.4px);background-size:calc(var(--u) * 11) calc(var(--u) * 11),calc(var(--u) * 17) calc(var(--u) * 17),calc(var(--u) * 7) calc(var(--u) * 7);background-position:0 0,calc(var(--u) * 4) calc(var(--u) * 6),calc(var(--u) * 2) calc(var(--u) * 3);animation:dr-motes 34s linear infinite}@keyframes dr-motes{0%{transform:translateZ(0)}to{transform:translate3d(calc(var(--u) * 6),calc(var(--u) * -22),0)}}@keyframes dr-fade{0%{opacity:0}to{opacity:1}}#hud .dr-panel{position:relative;z-index:1;width:min(88vw,calc(var(--u) * 46));padding:calc(var(--u) * 2.1) calc(var(--u) * 2.4) calc(var(--u) * 1.9);border-radius:calc(var(--u) * 1.1);background:linear-gradient(178deg,#4a2d8eed,#29185cf2 45%,#130b2ef7) padding-box,var(--rim) border-box;border:calc(var(--u) * .22) solid transparent;box-shadow:var(--shadow-hi),0 0 calc(var(--u) * 4) #7850c840,inset 0 calc(var(--u) * .1) 0 #ffffff38,inset 0 calc(var(--u) * -.3) calc(var(--u) * 1.2) #00000073;text-align:center;animation:dr-panel-in .42s cubic-bezier(.2,1.2,.35,1)}@keyframes dr-panel-in{0%{opacity:0;transform:translateY(calc(var(--u) * 1.1)) scale(.965)}to{opacity:1;transform:none}}#hud .dr-panel .dr-rivet{position:absolute;width:calc(var(--u) * .78);height:calc(var(--u) * .78);border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff8de,var(--gold-2) 55%,var(--gold-4) 100%);box-shadow:0 calc(var(--u) * .1) calc(var(--u) * .24) #0009,inset 0 0 0 1px #5a340c80}#hud .dr-panel .dr-rivet:nth-child(1){top:calc(var(--u) * .5);left:calc(var(--u) * .5)}#hud .dr-panel .dr-rivet:nth-child(2){top:calc(var(--u) * .5);right:calc(var(--u) * .5)}#hud .dr-panel .dr-rivet:nth-child(3){bottom:calc(var(--u) * .5);left:calc(var(--u) * .5)}#hud .dr-panel .dr-rivet:nth-child(4){bottom:calc(var(--u) * .5);right:calc(var(--u) * .5)}#hud .dr-panel--wide{width:min(94vw,calc(var(--u) * 62))}#hud .dr-h1{margin:0;font-size:calc(var(--u) * 3.5);font-weight:900;line-height:1.02;letter-spacing:.015em;text-transform:uppercase}#hud .dr-h1--hero{font-size:clamp(calc(var(--u) * 3.1),7.2vw,calc(var(--u) * 5.2));letter-spacing:.005em}#hud .dr-sub{margin:calc(var(--u) * .5) 0 0;font-size:calc(var(--u) * 1.02);font-weight:600;color:var(--cream-dim);letter-spacing:.02em}#hud .dr-hint{margin-top:calc(var(--u) * 1);font-size:calc(var(--u) * .82);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff3dd80}#hud .dr-divider{height:calc(var(--u) * .12);margin:calc(var(--u) * 1.2) 0;background:linear-gradient(90deg,transparent,rgba(255,226,156,.55) 20%,rgba(255,226,156,.55) 80%,transparent);position:relative}#hud .dr-divider:after{content:"";position:absolute;left:50%;top:50%;width:calc(var(--u) * .6);height:calc(var(--u) * .6);transform:translate(-50%,-50%) rotate(45deg);background:linear-gradient(135deg,var(--gold-1),var(--gold-3));box-shadow:0 0 calc(var(--u) * .4) #0009}#hud .dr-actions{display:flex;justify-content:center;gap:calc(var(--u) * .8);margin-top:calc(var(--u) * 1.4);flex-wrap:wrap}#hud .dr-crest{display:grid;place-items:center;margin:0 auto calc(var(--u) * .8);width:calc(var(--u) * 6.4);height:calc(var(--u) * 6.4);position:relative}#hud .dr-crest svg{width:100%;height:100%;filter:drop-shadow(0 calc(var(--u) * .3) calc(var(--u) * .6) rgba(0,0,0,.65))}#hud .dr-crest:before{content:"";position:absolute;inset:calc(var(--u) * -.9);border-radius:50%;background:radial-gradient(circle,rgba(255,205,110,.35) 0%,transparent 66%);animation:dr-breathe 3.4s ease-in-out infinite}@keyframes dr-breathe{0%,to{transform:scale(.94);opacity:.6}50%{transform:scale(1.08);opacity:1}}#hud .dr-chip{display:inline-flex;align-items:center;gap:calc(var(--u) * .4);padding:calc(var(--u) * .24) calc(var(--u) * .8);border-radius:99px;background:#09051a8c;border:1px solid rgba(255,226,156,.3);font-size:calc(var(--u) * .78);font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#fff3ddb8}#hud .dr-chip b{color:var(--gold-1);letter-spacing:.08em}#hud .dr-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--u) * .42) calc(var(--u) * 1.6);text-align:left;margin-top:calc(var(--u) * .2)}#hud .dr-legend-row{display:flex;align-items:center;gap:calc(var(--u) * .5);padding:calc(var(--u) * .24) calc(var(--u) * .4);border-radius:calc(var(--u) * .35);background:linear-gradient(90deg,rgba(255,255,255,.06),transparent 80%)}#hud .dr-legend-keys{display:flex;gap:calc(var(--u) * .18);flex:none}#hud .dr-legend-label{font-size:calc(var(--u) * .92);font-weight:700;color:#fff3ddeb}#hud .dr-legend-row.is-star{background:linear-gradient(90deg,rgba(255,205,110,.22),transparent 85%);box-shadow:inset 0 0 0 1px #ffe29c47}#hud .dr-legend-row.is-star .dr-legend-label{color:var(--gold-1)}#hud .dr-bar{position:relative;height:calc(var(--u) * .95);border-radius:99px;background:linear-gradient(180deg,#060312d9,#1e1240b3);box-shadow:inset 0 calc(var(--u) * .1) calc(var(--u) * .25) #000c,0 0 0 calc(var(--u) * .12) #ffe29c59,0 calc(var(--u) * .2) calc(var(--u) * .5) #00000080;overflow:hidden}#hud .dr-bar-fill{position:absolute;inset:calc(var(--u) * .1);right:auto;width:0%;min-width:calc(var(--u) * .75);border-radius:99px;background:linear-gradient(180deg,#fff2c6 0%,var(--gold-1) 40%,var(--gold-2) 70%,var(--gold-3) 100%);box-shadow:0 0 calc(var(--u) * .8) #ffcd6ecc;transition:width .32s cubic-bezier(.3,.9,.4,1)}#hud .dr-bar-fill:after{content:"";position:absolute;inset:0;border-radius:99px;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.85) 46%,transparent 72%);background-size:250% 100%;animation:dr-sheen 1.5s linear infinite}@keyframes dr-sheen{0%{background-position:140% 0}to{background-position:-60% 0}}#hud .dr-bar-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:calc(var(--u) * .55);font-size:calc(var(--u) * .86);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff3ddb8}#hud .dr-bar-pct{color:var(--gold-1);letter-spacing:.06em}#hud .dr-tip{margin-top:calc(var(--u) * 1.25);min-height:calc(var(--u) * 2.4);font-size:calc(var(--u) * .92);font-weight:600;color:#fff3dda8}#hud .dr-tip b{color:var(--gold-1)}#hud .dr-tip.is-swap{animation:dr-tip-swap .5s ease}@keyframes dr-tip-swap{0%{opacity:0;transform:translateY(calc(var(--u) * .35))}to{opacity:1;transform:none}}#hud .dr-stats{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:calc(var(--u) * .7);margin-top:calc(var(--u) * .2)}#hud .dr-stat{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * .1);padding:calc(var(--u) * .8) calc(var(--u) * .4);border-radius:calc(var(--u) * .55);background:linear-gradient(180deg,#ffffff17,#00000038);box-shadow:inset 0 0 0 1px #ffe29c42,0 calc(var(--u) * .16) calc(var(--u) * .4) #00000059}#hud .dr-stat svg{width:calc(var(--u) * 1.7);height:calc(var(--u) * 1.7);margin-bottom:calc(var(--u) * .18)}#hud .dr-stat-v{font-size:calc(var(--u) * 1.72);font-weight:900;line-height:1;color:var(--gold-hi);text-shadow:0 calc(var(--u) * .1) 0 var(--gold-5),0 calc(var(--u) * .28) calc(var(--u) * .35) rgba(0,0,0,.6)}#hud .dr-stat-k{font-size:calc(var(--u) * .72);font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#fff3dd99}#hud .dr-rays{position:absolute;left:50%;top:50%;width:190vmax;height:190vmax;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,rgba(255,214,130,.16) 0deg 7deg,transparent 7deg 20deg);mask-image:radial-gradient(circle,rgba(0,0,0,.95) 8%,transparent 55%);-webkit-mask-image:radial-gradient(circle,rgba(0,0,0,.95) 8%,transparent 55%);animation:dr-spin 64s linear infinite;opacity:0;transition:opacity .8s ease}#hud .dr-screens.is-win .dr-rays{opacity:1}@keyframes dr-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}#hud .dr-view{display:none}#hud .dr-view.is-on{display:block}#hud .dr-title-foot{margin-top:calc(var(--u) * 1.3);min-height:calc(var(--u) * 3.6);display:grid;place-items:center}@media(prefers-reduced-motion:reduce){#hud *{animation-duration:1ms!important;animation-iteration-count:1!important}}