.hud-root{--paper: #f4ebd9;--ink: #3b2a1e;--edge: #5a3b26;--gold: #dfa348;font:700 12px var(--locale-font, "Pretendard Variable"),"Pretendard Variable","Pretendard JP Variable",Pretendard,sans-serif;color:var(--ink)}.hud-root button{font:inherit;color:inherit;cursor:pointer}.hud-root,.hud-tip{--f-ui: var(--locale-font, "Pretendard Variable"), "Pretendard Variable", "Pretendard JP Variable", Pretendard, sans-serif;--paper: #f4ebd9;--ink: #3b2a1e;--paper-2: #ecdfc4;--ink-2: #6a5140;--ink-3: #9a806a;--wood: #4f3524;--wood-2: #74513a;--moss: #556e32;--sky-2: #5c8fcb;--sky-l: #dcebf8;--sky-ink: #2f5f96;--berry: #c4544a;--berry-d: #a3423a;--on-moss: #fbf6e9;--el-fire-ink: #b34a1f;--el-water-ink: #2c6ea6;--el-wind-ink: #3a7a53;--leather: #6a3b28;--grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .36 0 0 0 0 .25 0 0 0 0 .14 0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.38'/></svg>");--f-display: "Fraunces", var(--locale-font, "Pretendard Variable"), "Pretendard Variable", "Pretendard JP Variable", Pretendard, serif}.hud-root .ic{width:1em;height:1em;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.hud-root [data-icon]{display:inline-grid;place-items:center;line-height:0}.hud-tl{position:absolute;z-index:5;left:18px;top:16px;width:360px;display:grid;grid-template-columns:78px 1fr;column-gap:8px;pointer-events:none}.hud-tl .medal{position:relative;width:78px;height:78px;border-radius:50%;padding:5px;background:radial-gradient(circle at 35% 30%,#a67c56,var(--wood-2) 60%,var(--wood));box-shadow:0 3px #28180c59,inset 0 0 0 1.5px #3b2618}.hud-tl .medal-img{width:100%;height:100%;border-radius:50%;background:var(--asset-hud-ciel-ref) 49.5% 12.2% / 300% auto no-repeat,var(--sky-l);box-shadow:inset 0 0 0 2px var(--paper),inset 0 0 10px #3c230f59}.hud-tl .bars{display:flex;flex-direction:column;gap:5px;padding-top:2px}.hud-tl .name-tag span{display:inline-block;padding:1px 12px 2px 10px;font-size:13px;font-weight:700;color:var(--ink);background:var(--paper);border:1.4px solid var(--ink-2);border-radius:3px 10px 3px 3px}.hud-tl .bar{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:6px}.hud-tl .bar-ic{font-size:15px;width:22px;height:22px;border-radius:50%;background:var(--paper);border:1.4px solid var(--ink-2);padding:2px}.hud-tl .bar.hp .bar-ic{color:var(--berry-d)}.hud-tl .bar.mp .bar-ic{color:var(--sky-ink)}.hud-tl .bar-track{position:relative;height:14px;background:#f4ebd9eb;border:1.6px solid var(--ink);border-radius:8px 9px 7px 10px/7px 8px 9px;overflow:hidden}.hud-tl .bar-track i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--v) * 100%);border-radius:inherit;background:repeating-linear-gradient(-60deg,rgba(255,255,255,.18) 0 2px,transparent 2px 6px),var(--c1);box-shadow:inset 0 -3px #0000001f,inset 0 2px #ffffff59;transition:width .25s ease-out}.hud-tl .bar.hp{--c1: linear-gradient(#e07a68, var(--berry))}.hud-tl .bar.mp{--c1: linear-gradient(#8cc2ef, var(--sky-2))}.hud-tl .bar small{font:700 12px var(--f-display);color:var(--ink);background:#f4ebd9d9;padding:0 5px;border-radius:4px}.hud-tl .bar small span{font-weight:400;color:var(--ink-2)}.hud-tl .bar.mp.spend .bar-track i{animation:mpSpend .45s ease-out}@keyframes mpSpend{0%{filter:brightness(2.2) saturate(.4)}to{filter:none}}.hud-tl .status-rows{grid-column:1 / -1;display:grid;gap:6px;margin-top:52px}.hud-tl .buffs{display:flex;gap:6px;padding-bottom:23px}.hud-tl .buffs:empty{display:none}.hud-tl .buff{pointer-events:auto;color:var(--buff-color);position:relative;width:32px;height:32px;display:grid;place-items:center;font-size:17px;border-radius:50%;background:var(--paper);border:1.6px solid currentColor;box-shadow:1px 2px #3b2a1e40}.hud-tl .buff small{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);font:700 9.5px var(--f-display);color:var(--ink);background:var(--paper);padding:0 3px;border-radius:3px;border:1px solid var(--ink-3)}.hud-tl .buff .buff-absorb{bottom:-23px}.hud-tl .buff small[hidden]{display:none}.hud-tl .buff.expiring{animation:buffExpire 1s ease-in-out infinite}@keyframes buffExpire{0%,to{opacity:1}50%{opacity:.3}}.hud-tl .buff.atk,.hud-hb [data-active-buff=atk]{--buff-color: var(--el-fire-ink)}.hud-tl .buff.def,.hud-hb [data-active-buff=def]{--buff-color: var(--wood-2)}.hud-tl .buff.etc,.hud-hb [data-active-buff=etc]{--buff-color: var(--el-wind-ink)}.hud-tl .buff.rain,.hud-hb [data-active-buff=rain]{--buff-color: var(--el-water-ink)}.hud-tl .buff.heal,.hud-hb [data-active-buff=heal]{--buff-color: var(--moss)}.hud-tl .buff.debuff,.hud-hb [data-active-buff=debuff]{--buff-color: var(--berry-d)}.hud-tl .buff.guard,.hud-hb [data-active-buff=guard]{--buff-color: #82592a}.hud-tl .buff.guard{box-shadow:1px 2px #3b2a1e40,0 0 0 2px #e2b866}.hud-tl .buff.shield,.hud-hb [data-active-buff=shield]{--buff-color: #6e4a1f}.hud-tl .buff.shield{background:#f3e3bd;box-shadow:1px 2px #3b2a1e40,0 0 0 2px #c99a45}.hud-bl{position:absolute;z-index:5;left:18px;bottom:18px}.hud-bl .toggles{display:flex;gap:5px;padding:13px 7px 7px;background:#f4ebd9e0;border:1.6px solid var(--ink-2);border-radius:10px 14px 9px 12px;box-shadow:3px 4px #3b2a1e38}.hud-bl .tg{position:relative;width:36px;height:36px;display:grid;place-items:center;font-size:20px;color:var(--ink-2);border:1.6px dashed var(--ink-2);border-radius:8px;background:var(--paper);padding:0}.hud-bl .tg:after{content:"";position:absolute;right:-4px;top:-4px;z-index:3;width:11px;height:11px;border-radius:50%;background:linear-gradient(-45deg,transparent 44%,var(--berry-d) 44% 58%,transparent 58%),var(--paper);box-shadow:inset 0 0 0 1.6px var(--berry-d)}.hud-bl .tg.on{color:#45592a;background:#dfe6c6;border:1.6px solid var(--moss)}.hud-bl .tg.on:after{right:-3px;top:-3px;width:9px;height:9px;border-radius:50%;background:#9ccb4e;box-shadow:0 0 0 1.5px var(--paper),0 0 6px #b8e06a}.hud-bl .tg.cut{color:var(--wood-2);border:1.6px solid #a27b55;background:#f1e2c6}.hud-bl .tg.cut:after{display:none}.hud-bl .pips{position:absolute;bottom:2px;left:50%;transform:translate(-50%);display:flex;gap:2px}.hud-bl .pips i{width:5px;height:3px;border-radius:2px;background:#e1cfac}.hud-bl .tg.cut[data-level="0"] .pips i:nth-child(-n+3),.hud-bl .tg.cut[data-level="1"] .pips i:nth-child(-n+2),.hud-bl .tg.cut[data-level="2"] .pips i:nth-child(-n+1){background:var(--wood-2)}.hud-bl .tg.cut [data-icon]{margin-top:-4px}.hud-bl .tg kbd{position:absolute;left:50%;top:-10px;transform:translate(-50%);min-width:19px;height:14px;padding:0 3px;display:grid;place-items:center;font-size:9.5px;line-height:1;color:var(--ink);background:var(--paper);border:1px solid var(--ink-2);border-radius:3px;z-index:2;font-family:var(--f-display);font-weight:600}.hud-bl .tg.on kbd{border-color:var(--moss);color:#45592a}.hud-bl .tg.pulse{animation:tgPulse .28s ease-out}@keyframes tgPulse{40%{transform:scale(.88)}to{transform:scale(1)}}.hud-root .rail{position:absolute;z-index:5;right:0;top:210px;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.hud-root .rail button{width:34px;height:38px;display:grid;place-items:center;font-size:18px;color:var(--paper);background:var(--wood-2);border:0;padding:0;border-radius:7px 0 0 7px;box-shadow:inset -3px 0 #0000002e,-2px 2px #1e120a40;transition:width .15s}.hud-root .rail button.off{opacity:.45;filter:grayscale(.6)}.hud-root .rail button:first-child:not(.touch-interact){background:var(--sky-2)}.hud-root .rail button:hover{width:40px}#hud .hud-root{transition:opacity .6s}#hud.recall .hud-root,#hud.cg .hud-root{opacity:0}#hud .hud-tr,#hud .hud-recall,#hud .rail,#hud .hud-bl,#hud .hud-hb,#hud .hud-tl .status-rows{transition:opacity .2s}#hud.in-dialogue .hud-tr,#hud.in-dialogue .hud-recall,#hud.in-dialogue .rail,#hud.in-dialogue .hud-bl,#hud.in-dialogue .hud-hb,#hud.in-dialogue .hud-tl .status-rows{opacity:0;pointer-events:none}#hud.in-dialogue .hud-tl .buff{pointer-events:none}.hud-hb{position:absolute;z-index:5;left:50%;bottom:10px;transform:translate(-50%)}.hud-hb .hb-row{position:relative;display:flex;align-items:center;gap:6px;padding:14px 12px 9px;background:var(--grain),radial-gradient(120% 140% at 30% 0%,#8a553b,var(--leather) 55%,#45230f);border-radius:10px 14px 12px 9px;box-shadow:inset 0 0 0 2px #3a1f12,inset 0 0 0 5px #f4e2be00,0 5px #1e0f0873,0 10px 22px #1e0f0859;outline:1.5px dashed rgba(244,226,190,.5);outline-offset:-6px}.g-stars{display:flex;gap:1px;line-height:0;filter:drop-shadow(0 1px 0 rgba(30,15,8,.55))}.g-stars svg{fill:#f2c14e;stroke:#6b4423;stroke-width:7;stroke-linejoin:round;paint-order:stroke}.sp-n{padding:2px 4px;font:700 11px/1 "Fraunces",var( --f-display, var(--locale-font, "Pretendard Variable"), "Pretendard Variable", "Pretendard JP Variable" ),serif;color:#3b2a1e;background:#f4ebd9;border-radius:3px;box-shadow:0 0 0 1px #5a3b26}.hud-hb .hb-group{display:flex;gap:5px}.hud-hb .hb-slot,.hud-hb .hb-item{position:relative;display:grid;place-items:center;padding:0;cursor:pointer;border:0}.hud-hb .hb-face{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden}.hud-hb .hb-face svg{width:100%;height:100%;display:block;pointer-events:none;transition:filter .15s}.hud-hb .hb-cd,.hud-hb .hb-cast{position:absolute;pointer-events:none}.hud-hb .hb-cdn{position:absolute;z-index:4;pointer-events:none;font:800 15px/1 var(--f-display);color:#fff7e4;text-shadow:0 0 2px #1e130b,0 1px 0 #1e130b,1px 0 0 #1e130b,-1px 0 0 #1e130b,0 -1px 0 #1e130b}.hud-hb .hb-cdn:empty{display:none}.hud-hb .hb-key,.hud-hb .g-stars{position:absolute;z-index:5;pointer-events:none}.hud-hb .g-stars:empty,.hud-hb .hb-n:empty{display:none}.hud-hb .hb-slot.denied,.hud-hb .hb-item.denied,.hud-hb .hb-set.denied{animation:hbDeny .3s}@keyframes hbDeny{25%{translate:-3px 0}75%{translate:3px 0}}.hud-hb .hb-n{position:absolute;z-index:5;pointer-events:none}.hud-hb .hb-set{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;padding:0}.hud-hb .hb-set kbd,.hud-recall kbd{font:600 10px/1 var(--f-display)}.hud-hb .hb-pages{display:flex;gap:2px}.hud-hb .hb-pages i{font:700 10px/1 var(--f-display);font-style:normal}.hud-hb .hb-slot{width:49px;height:58px;border-radius:3px 5px 4px 6px;background:var(--grain),linear-gradient(170deg,#fbf4e2,#eadbbb);box-shadow:0 0 0 1.4px #5a3b26,2px 3px #140a0473}.hud-hb .hb-slot:nth-child(odd){rotate:-1.6deg}.hud-hb .hb-slot:nth-child(2n){rotate:1.2deg}.hud-hb .hb-slot .hb-face{padding:4px 3px 9px}.hud-hb .hb-slot .hb-key{top:-16px;left:50%;transform:translate(-50%);width:20px;height:22px;padding-top:2px;display:grid;place-items:start center;font:700 12px/1 var(--f-display);color:#fff8ea;background:#8fb86b;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}.hud-hb .hb-slot.fire .hb-key{background:#9e3f1c}.hud-hb .hb-slot.water .hb-key{background:#2a5f92}.hud-hb .hb-slot.earth .hb-key{background:#82592a}.hud-hb .hb-slot.wind .hb-key{background:#7cc7a0}.hud-hb .g-stars{top:8px;right:2px}.hud-hb .g-stars svg{width:9px;height:9px}.hud-hb .hb-cd{left:0;right:0;top:0;height:calc(var(--cd) * 100%);z-index:2;background:linear-gradient(#2e1c10c7,#2e1c1099 85%,#2e1c1000);border-radius:inherit}.hud-hb .hb-cast{left:4px;right:4px;bottom:3px;height:4px;z-index:3;border-radius:2px;background:linear-gradient(90deg,#dfa348 calc(var(--p) * 100%),#5a3b2640 0);opacity:0}.hud-hb .hb-slot.casting{translate:0 -6px;box-shadow:0 0 0 1.6px #dfa348,0 0 12px #dfa348bf,2px 5px #140a0466}.hud-hb .hb-slot.casting .hb-cast{opacity:1}.hud-hb .hb-active{display:none}.hud-hb .hb-slot[data-active-buff] .hb-active{display:block;position:absolute;inset:-2px;z-index:6;border:3px solid var(--buff-color);border-radius:inherit;box-shadow:0 0 0 1px #2a1f16,inset 0 0 0 1px #fff6dc,0 0 8px 2px var(--buff-color);pointer-events:none}.hud-hb .hb-slot[data-active-buff]:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--buff-color);pointer-events:none;animation:hbBuffBackground 2.4s ease-in-out infinite}.hud-hb .hb-slot[data-active-buff].buff-expiring:before{animation-duration:.6s}@keyframes hbBuffBackground{0%,to{opacity:.42}50%{opacity:.15}}.hud-hb .hb-cdn{top:18px;left:50%;transform:translate(-50%)}.hud-hb .hb-slot.pressed,.touch-interact.pressed{translate:0 2px}.hud-hb .hb-set{width:34px;height:58px;margin:0 1px;color:#f4e2be;background:linear-gradient(#c99a55,#8c6431);border-radius:6px;box-shadow:inset 0 0 0 1.5px #5a3b26,inset 0 2px #fff0c873,0 2px #00000059}.hud-hb .hb-set kbd,.hud-recall kbd{color:#3b2a1e;background:#f4ebd9;padding:1px 4px;border-radius:3px}.hud-hb .hb-pages{flex-direction:column;gap:2px}.hud-hb .hb-pages i{cursor:pointer;width:22px;padding:1px 0;text-align:center;color:#3b2a1e;background:#f4ebd98c;border-radius:2px}.hud-hb .hb-pages i.on{background:#f4ebd9;box-shadow:inset 3px 0 #2a5f92}.hud-hb .hb-item{width:42px;height:54px;background:none}.hud-hb .hb-item .hb-face{overflow:visible;filter:drop-shadow(1px 3px 0 rgba(20,10,4,.45))}.hud-hb .hb-item .hb-key{top:-12px;left:50%;transform:translate(-50%);font:700 11px/1 var(--f-display);color:#3b2a1e;background:#f4ebd9;padding:2px 5px;border-radius:3px;box-shadow:0 0 0 1px #5a3b26}.hud-hb .hb-n{right:-2px;bottom:0}.hud-hb .hb-slot.nomp .hb-face svg{filter:saturate(.55) brightness(.92)}.hud-hb .hb-slot.nomp .hb-face:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 60%,#78beff1a,#2f5faa8c);mix-blend-mode:multiply}.hud-hb .hb-slot.nomp .hb-face:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 0 2px #6eb4f5e6,inset 0 0 12px #6eb4f5cc;border-radius:inherit}.hud-hb .hb-slot.nomp:after{content:"MP";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;font:800 11px/1 var(--f-ui);color:#fff;background:#2f5f96;padding:3px 5px;border-radius:3px;box-shadow:0 0 0 1.5px #fff}.hud-hb .hb-slot.cooling .hb-cd{background:#1e120ab8;border-bottom:2px solid rgba(244,226,190,.7)}.hud-hb .hb-slot.cooling.nomp:after{display:none}.hud-hb .hb-slot.cooling .hb-cdn{top:50%;transform:translate(-50%,-50%);font-size:17px}.hud-hb .hb-slot.empty{background:#f4ebd940;box-shadow:inset 0 0 1.5px #f4e2be73;box-shadow:inset 0 0 0 1.5px #f4e2be73}.hud-hb .hb-slot.empty .hb-key{background:#6e5a47}.hud-hb .hb-item.full .hb-face{opacity:.45;filter:grayscale(.6)}.hud-toast,.hud-bark{position:absolute;padding:5px 12px;border-radius:14px;background:var(--paper);box-shadow:0 0 0 1.5px var(--edge),2px 3px #1e0f084d;font-size:13px;opacity:0;transition:opacity .15s;pointer-events:none}.hud-toast{left:50%;bottom:138px;transform:translate(-50%)}.hud-bark{left:16px;top:108px}.hud-toast.on,.hud-bark.on{opacity:1}.hud-tip{position:absolute;z-index:20;display:flex;flex-direction:column;gap:2px;max-width:220px;padding:6px 10px;border-radius:6px;background:var(--ink, #3b2a1e);color:#f4ebd9;font:500 12px/1.4 var(--locale-font, "Pretendard Variable"),"Pretendard Variable","Pretendard JP Variable",sans-serif;pointer-events:none}.hud-tip[hidden]{display:none}.hud-tip b{font-weight:800;font-size:13px}.hud-tip.demo{max-width:300px;display:block;padding:7px 11px 8px;font-size:13px;line-height:1.45;font-weight:500;color:var(--ink);background:#fff9ec;border:1.5px solid var(--ink-2);border-radius:4px 7px 5px 8px;box-shadow:3px 4px #4a301c40;word-break:keep-all}.hud-tip.demo:before{content:"";position:absolute;left:var(--pin, 50%);top:-5px;width:9px;height:9px;margin-left:-4px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f08a74,var(--berry) 60%,#7e2c24);box-shadow:0 1px 1px #0000004d}.hud-tip.demo kbd{display:inline-block;padding:0 5px;margin-left:4px;font-size:11px;border:1px solid var(--ink-3);border-radius:3px;background:var(--paper)}.hud-tip.demo b{font-size:14px;color:var(--wood)}.hud-tip.demo .tip-st{display:block;margin-top:1px;font-size:12px;font-weight:600;color:#45592a}.hud-tip.demo .tip-meta{display:block;margin-top:1px;font-size:12px;color:var(--ink-2);font-weight:600}.tip-was{opacity:.5;text-decoration:line-through}.hud-tip.demo p{margin:4px 0 0;font-size:12.5px}.hud-tip.demo dl{display:grid;grid-template-columns:auto 1fr;gap:1px 8px;margin:5px 0 0;font-size:12.5px}.hud-tip.demo dt{font-weight:700;color:var(--ink-2)}.hud-tip.demo dd{margin:0;font-family:var(--f-display);font-weight:700}.hud-tip.demo dd small{font-family:var(--f-ui);font-weight:500;color:var(--ink-2)}.hud-tip.demo .tip-warn{display:inline-block;margin-top:5px;padding:1px 6px;font-size:11.5px;font-weight:700;color:#fff7e4;background:var(--ink);border-radius:3px}.hud-tip.demo .tip-warn.mp{background:#2f5f96}.hud-root .hud-tr{position:absolute;z-index:5;right:44px;top:14px;width:200px;display:flex;flex-direction:column;align-items:center;pointer-events:none}.hud-root .minimap{box-sizing:border-box;position:relative;width:150px;height:150px;border-radius:50%;padding:6px;background:radial-gradient(circle at 35% 30%,#a67c56,var(--wood-2) 60%,var(--wood));box-shadow:0 4px #28180c59,inset 0 0 0 1.5px #3b2618}.hud-root .minimap canvas{width:138px;height:138px;border-radius:50%;display:block}.hud-root .compass{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:22px;height:22px;display:grid;place-items:center;font:700 11px var(--f-display);color:var(--on-moss);background:var(--berry-d);border:2px solid var(--paper);border-radius:50%}.hud-root .region{margin-top:-10px;position:relative;z-index:1;display:flex;align-items:center;gap:4px;padding:3px 18px 4px;font-size:12.5px;font-weight:700;color:var(--on-moss);background:var(--moss);clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%)}.hud-root .region [data-icon]{font-size:13px}.hud-root .memo{box-sizing:border-box;width:190px;margin-top:20px;padding:10px 12px 8px;background:#fcf6e6;border:1px solid rgba(106,81,64,.35);box-shadow:2px 3px #3b2a1e2e;transform:rotate(-1.4deg);position:relative;font-size:12.5px;font-weight:500}.hud-root .memo[hidden]{display:none}.hud-root .memo:before{content:"";position:absolute;top:-8px;left:50%;width:54px;height:16px;margin-left:-27px;background:#a9cff2b3;transform:rotate(2deg)}.hud-root .memo b{display:block;font-size:13px;color:var(--wood);margin-bottom:4px}.hud-root .memo p{margin:3px 0;display:flex;align-items:center;gap:6px}.hud-root .memo em{margin-left:auto;font:700 12px var(--f-display);color:var(--el-fire-ink);font-style:normal}.hud-root .chk{width:12px;height:12px;border:1.5px solid var(--ink-2);border-radius:2px;flex:none;position:relative}.hud-root .chk.done:after{content:"";position:absolute;left:2px;top:-3px;width:5px;height:9px;border:solid var(--moss);border-width:0 2px 2px 0;transform:rotate(40deg)}#hud>.fade-veil{pointer-events:none}.fade-veil{position:absolute;inset:0;z-index:40;background:#f4ebd9;opacity:0;transition:opacity .3s}.fade-veil.on{opacity:1}.hud-root .memo .hint{display:block;margin:6px 0 0 auto;padding:2px 10px;font:700 11.5px var(--f-display);color:var(--wood);background:#fff3c9;border:1px solid rgba(106,81,64,.45);border-radius:10px;cursor:pointer;pointer-events:auto}.hud-root .memo .hint:hover{background:#ffe9a3}.hud-root .memo .mats{margin:4px 0 0;padding:0;list-style:none}.hud-root .memo .mats li{display:flex;align-items:center;gap:6px;margin:2px 0}.hud-root .memo .mats .mi svg{display:block;width:24px;height:24px}.hud-root .memo .mats li.ok em{color:var(--moss)}.hud-root .memo em{flex:none;white-space:nowrap}.hud-root .memo p>span:not(.chk){min-width:0}.hud-bl.guide .toggles{animation:tgGuide 1.2s ease-in-out infinite}@keyframes tgGuide{0%,to{box-shadow:3px 4px #3b2a1e38,0 0 6px 2px #ffd25a59}50%{box-shadow:3px 4px #3b2a1e38,0 0 0 3px #ffc43cf2,0 0 22px 8px #ffd25af2}}.hud-hb .hb-slot.quest{animation:slotQuest 1.2s ease-in-out infinite}.hud-hb .hb-set.quest{animation:btnQuest 1.2s ease-in-out infinite}.hud-root .rail button.quest{animation:railQuest 1.2s ease-in-out infinite}.hud-hb .hb-slot.quest:before{content:"";position:absolute;left:50%;top:-34px;width:26px;height:22px;margin-left:-13px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-15 -3 30 25'%3E%3Cpath d='M-12 0H12L0 19Z' fill='%23e0653a' stroke='%233b2a1e' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;pointer-events:none;animation:slotArrow .6s ease-in-out infinite}@keyframes slotQuest{0%,to{box-shadow:0 0 0 1.4px #5a3b26,2px 3px #140a0473,0 0 6px 2px #ffd25a59}50%{box-shadow:0 0 0 3px #ffc43cf2,2px 3px #140a0473,0 0 22px 8px #ffd25af2}}@keyframes btnQuest{0%,to{box-shadow:inset -3px 0 #0000002e,-2px 2px #1e120a40,0 0 6px 2px #ffd25a59}50%{box-shadow:inset -3px 0 #0000002e,0 0 0 3px #ffc43cf2,0 0 22px 8px #ffd25af2}}@keyframes railQuest{0%,to{box-shadow:inset 0 0 6px 1px #ffd25a73,-2px 2px #1e120a40}50%{box-shadow:inset 0 0 0 3px #ffc43cf2,inset 0 0 12px 5px #ffd25ae6,-2px 2px #1e120a40}}@keyframes slotArrow{50%{translate:0 6px}}.hud-root .tut-glow,.tut-glow{animation:btnQuest 1.2s ease-in-out infinite}.hud-root .rail button.tut-glow{animation:railQuest 1.2s ease-in-out infinite}.hud-root .rail [data-rail=inquiries]{position:relative}.hud-root .rail .new-tag{position:absolute;right:26px;top:0;padding:2px 5px;color:var(--ink);background:var(--gold);border:1px solid var(--ink);border-radius:3px;font-size:10px;font-weight:800}.phone-stage #pixi,.phone-stage .hud-root{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}.touch-controls{position:absolute;inset:0;pointer-events:none;z-index:31}.touch-controls[hidden],.touch-controls [hidden]{display:none}.hud-root .touch-stick{position:absolute;width:112px;height:112px;padding:0}.hud-root .touch-nub{width:44px;height:44px;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-controls .touch-zone{box-sizing:border-box;position:absolute;left:20px;top:170px;width:540px;height:450px;margin:0;padding:0;transform:none;opacity:.14;border-color:var(--ink-2);pointer-events:none}.touch-controls .touch-actions{inset:643px auto auto 1128px}.hud-root .touch-controls .rail button.touch-interact{width:72px;height:72px;grid-template-rows:auto;align-content:center;pointer-events:auto}.touch-controls .touch-set-wrap{left:1044px;top:643px;bottom:auto;transform:none}.touch-controls .touch-set{width:72px;height:72px;margin:0;pointer-events:auto}.hud-root .hud-recall{z-index:5;inset:24px auto auto 1008px;align-items:center;flex-direction:column;gap:3px;pointer-events:auto}.hud-recall button{position:relative}.hud-recall kbd{pointer-events:none}.hud-root .hud-tr .minimap{pointer-events:auto;cursor:pointer}.phone-stage .hud-recall button:before{content:"";position:absolute;width:60px;height:60px;left:50%;top:50%;transform:translate(-50%,-50%)}.hud-hb .hb-slot.starlight .hb-key{background:#3b4a8a}.hud-tl .buff.blessing,.hud-hb [data-active-buff=blessing]{--buff-color: #3b4a8a}.update-banner.hud-toast{position:fixed;z-index:11000;top:max(8px,env(safe-area-inset-top));bottom:auto;left:50%;display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 24px);box-sizing:border-box;color:#3b2a1e;background:#f4ebd9;border:1px solid #5a3b26;font:700 13px var(--locale-font, "Pretendard Variable"),sans-serif;line-height:1.5;pointer-events:auto}.update-banner button{flex-shrink:0;border:1px solid #5a3b26;border-radius:9px;padding:6px 10px;color:inherit;background:#ecdfc4;font:inherit;cursor:pointer}@media(max-width:480px){.update-banner.hud-toast{flex-wrap:wrap;gap:4px;justify-content:center}}.hud-root .memo .ex2-replay{position:relative;box-sizing:border-box;width:calc(100% - 8px);min-height:44px;margin:14px auto 6px;padding:12px 9px 9px;border:1px solid rgba(126,95,43,.3);border-radius:1px 2px 1px 0;background:#f6dfa0;color:var(--wood);box-shadow:1px 3px 5px #4f352438,inset 0 1px #ffffff80;font:600 12px/1.45 var(--f-ui);letter-spacing:.015em;text-align:center;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;transform:rotate(2deg);transition:transform .16s ease}.hud-root .memo .ex2-replay:before{content:"";position:absolute;top:-6px;left:50%;width:36px;height:11px;border-block:1px solid rgba(255,255,255,.45);background:#a9cff2bf;transform:translate(-50%) rotate(-5deg);pointer-events:none}.hud-root .memo .ex2-replay:enabled:hover{background:#fae9b1;box-shadow:1px 5px 7px #4f35243d;transform:translateY(-2px) rotate(0)}.hud-root .memo .ex2-replay:enabled:active{background:#efd38f;box-shadow:0 1px 2px #4f352433;transform:translateY(1px) rotate(1deg)}.hud-root .memo .ex2-replay:focus-visible{outline:2px solid var(--wood);outline-offset:3px}.hud-root .memo .ex2-replay[hidden]{display:none}.hud-root .memo .ex2-replay:disabled{opacity:1;background:#e8dfc9;color:#7a6b55;box-shadow:0 1px 2px #4f35241f;cursor:default}.hud-root .memo .ex2-replay:disabled:before{opacity:.55}@media(prefers-reduced-motion:reduce){.hud-root .memo .ex2-replay{transition:none}}