@font-face{font-family:Sora;src:url(../fonts/Sora-VF.subset.woff2)format("woff2");font-weight:100 800;font-display:swap}@font-face{font-family:Figtree;src:url(../fonts/Figtree-VF.subset.woff2)format("woff2");font-weight:300 900;font-display:swap}:root{--ivory:#f3ead7;--ivory-dim:#f3ead7b8;--amber:#f0b54a;--ember:#e0703a;--panel:#12100dc7;--panel-edge:#f0b54a47;--hp:#86d160;--hp-dark:#3f7a2c;--red:#b8433a;--stamina:#f2c84b;--danger:#ff5a3a;--good:#8fe07a;--display:"Sora", system-ui, sans-serif;--body:"Figtree", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ivory);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:none;background:#16140f;margin:0;overflow:hidden}#game{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:2;position:fixed;inset:0}#ui [hidden]{display:none!important}button,a.btn{font:inherit;color:inherit}kbd{min-width:1.7em;height:1.7em;font-family:var(--display);letter-spacing:.02em;color:var(--ivory);background:#f3ead71a;border:1px solid #f3ead78c;border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;padding:0 .45em;font-size:.72rem;font-weight:600;display:inline-flex}.screen{pointer-events:auto;justify-content:center;align-items:center;animation:.35s fadeIn;display:flex;position:absolute;inset:0}.screen-pause,.screen-settings,.screen-guide,.screen-results,.screen-confirm{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(#0a090773,#0a0907d1)}@keyframes fadeIn{0%{opacity:0}}.panel{border:1px solid var(--panel-edge);background:linear-gradient(#1e1a14eb,#100e0bf0);border-radius:14px;max-height:calc(100vh - 40px);padding:28px 30px;position:relative;overflow:auto;box-shadow:0 30px 80px #0000008c,inset 0 1px #fff0d20f}.panel:before{content:"";pointer-events:none;border:1px solid #f0b54a1a;border-radius:10px;position:absolute;inset:6px}.panel h2{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--ivory);margin:0 0 18px;font-size:1.5rem;font-weight:700}.panel h3{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin:18px 0 10px;font-size:.78rem}.menu{flex-direction:column;gap:10px;display:flex}.row{flex-wrap:wrap;gap:10px;display:flex}.btn{appearance:none;cursor:pointer;color:var(--ivory);font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;text-align:center;background:#f3ead70f;border:1px solid #f3ead740;border-radius:8px;flex:1;padding:11px 18px;font-size:.86rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,transform .1s}.btn:hover{background:#f3ead724;border-color:#f3ead780}.btn:active{transform:translateY(1px)}.btn.primary{color:#1c140a;background:linear-gradient(#f3be55,#d98e2c);border-color:#ffd382;box-shadow:0 6px 24px #f0a03c4d}.btn.primary:hover{background:linear-gradient(#ffcb66,#e59a36)}.btn.danger{color:#ffb4a0;border-color:#ff6e5073}.btn.big{letter-spacing:.16em;padding:15px 22px;font-size:1rem}.screen-title{background:linear-gradient(90deg,#0c0a08db 0%,#0c0a088c 34%,#0c0a0800 58%),linear-gradient(#0c0a0800 70%,#0c0a0880);justify-content:space-between;align-items:stretch}.title-left{flex-direction:column;gap:11px;width:min(470px,92vw);padding:clamp(18px,4vh,48px) clamp(22px,4vw,52px);display:flex;overflow:auto}.logo{padding-left:4px;position:relative}.logo-mark{border:2px solid var(--amber);width:22px;height:22px;margin:0 0 14px 6px;transform:rotate(45deg);box-shadow:0 0 18px #f0b54a8c}.logo h1{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 4px 30px #0009;margin:0;font-size:clamp(2.2rem,4.4vw,3.5rem);font-weight:800;line-height:.95}.logo-sub{font-family:var(--display);letter-spacing:.62em;text-transform:uppercase;color:var(--amber);margin-top:8px;font-size:1rem;font-weight:500}.tagline{color:var(--ivory-dim);margin:0 0 6px;font-size:1.02rem}.quarry-label{font-family:var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--ivory-dim);font-size:.72rem}.quarries{flex-direction:column;gap:8px;display:flex}.quarry{appearance:none;cursor:pointer;text-align:left;background:#14120e99;border:1px solid #f3ead724;border-radius:10px;gap:2px;padding:9px 14px 9px 16px;transition:border-color .2s,background .2s;display:grid;position:relative;overflow:hidden}.quarry:before{content:"";background:var(--glow);opacity:.35;width:3px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.quarry:hover{border-color:#f3ead759}.quarry.selected{border-color:color-mix(in srgb, var(--glow) 70%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--glow) 16%, transparent), #14120eb3)}.quarry.selected:before{opacity:1;box-shadow:0 0 14px var(--glow)}.q-name{font-family:var(--display);letter-spacing:.04em;font-size:1.02rem;font-weight:700}.q-title{color:var(--ivory-dim);font-size:.85rem}.q-meta{color:#f3ead799;justify-content:space-between;gap:10px;margin-top:4px;font-size:.75rem;display:flex}.stars{vertical-align:middle;gap:3px;margin-left:4px;display:inline-flex}.stars i{border:1px solid #f3ead766;width:7px;height:7px;transform:rotate(45deg)}.stars i.on{background:var(--glow);border-color:var(--glow)}.quarry-desc{color:var(--ivory-dim);margin:2px 0 4px;font-size:.88rem;line-height:1.5}.hint{color:#f3ead780;margin:4px 0 0;font-size:.78rem}.title-right{align-self:flex-end;padding:28px}.controls{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e0c0a9e;border:1px solid #f3ead71f;border-radius:12px;padding:14px 18px}.controls h3{font-family:var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--amber);margin:0 0 10px;font-size:.7rem}.controls dl{grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;margin:0;font-size:.82rem;display:grid}.controls dt{text-align:right}.controls dd{color:var(--ivory-dim);margin:0}.panel-pause{gap:18px;width:min(560px,94vw);display:grid}.panel-pause .controls{background:0 0;border:none;padding:0}.panel-pause .controls dl{grid-template-columns:auto 1fr auto 1fr}.panel-confirm{width:min(420px,92vw)}.panel-confirm p{margin:0 0 18px;font-size:1.05rem;line-height:1.5}.panel-settings{gap:12px;width:min(520px,94vw);display:grid}.set{grid-template-columns:1fr 180px 52px;align-items:center;gap:12px;font-size:.92rem;display:grid}.set output{text-align:right;font-family:var(--display);color:var(--amber);font-size:.8rem}.set input[type=range]{width:100%;accent-color:var(--amber)}.set.toggle{cursor:pointer;grid-template-columns:1fr auto}.set.toggle input{display:none}.set.toggle i{background:#f3ead729;border-radius:12px;width:42px;height:22px;transition:background .2s;position:relative}.set.toggle i:after{content:"";background:var(--ivory);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.set.toggle input:checked+i{background:var(--amber)}.set.toggle input:checked+i:after{background:#1c140a;transform:translate(20px)}.seg{border:1px solid #f3ead733;border-radius:8px;grid-column:span 2;display:flex;overflow:hidden}.seg button{appearance:none;cursor:pointer;background:0 0;border:none;flex:1;padding:7px 8px;font-size:.82rem}.seg button.on{background:var(--amber);color:#1c140a;font-weight:700}.panel-guide{width:min(980px,96vw)}.guide-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.guide-head .btn{flex:none}.guide-head h2{margin-bottom:4px}.guide-title{color:var(--glow);font-size:.9rem}.guide-desc{color:var(--ivory-dim);max-width:70ch;line-height:1.55}.guide-grid{grid-template-columns:1.4fr 1fr;gap:28px;display:grid}.guide-grid ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.abilities li{border-left:2px solid color-mix(in srgb, var(--glow) 60%, transparent);padding:4px 0 4px 12px}.ab-head{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.ab-head span{color:#f3ead78c;font-size:.75rem}.ab-desc{color:var(--ivory-dim);margin-top:3px;font-size:.86rem}.ab-counter{color:#cfe7b8;margin-top:3px;font-size:.82rem}.ab-counter em{color:var(--good);font-style:normal;font-weight:700}.vitals li{gap:2px;font-size:.88rem;display:grid}.vitals li b{color:var(--glow)}.vitals li span{color:var(--ivory-dim)}.parts li{grid-template-columns:60px 1fr 48px;align-items:center;gap:10px;font-size:.85rem;display:grid}.meter{background:#f3ead71f;border-radius:3px;height:5px;overflow:hidden}.meter i{background:var(--glow);height:100%;display:block}.parts b{text-align:right;font-family:var(--display);font-size:.78rem}.tactics li{color:var(--ivory-dim);padding-left:16px;font-size:.86rem;line-height:1.45;position:relative}.tactics li:before{content:"";background:var(--amber);width:6px;height:6px;position:absolute;top:.5em;left:2px;transform:rotate(45deg)}.panel-results{text-align:center;gap:14px;width:min(560px,94vw);display:grid}.res-kicker{font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;color:var(--amber);font-size:.72rem}.panel-results h2{margin:6px 0 0;font-size:2rem}.panel-results.lost h2{color:#ffb4a0}.res-reason{color:var(--ivory-dim)}.res-best{color:var(--good);font-weight:700}.res-prev{color:var(--ivory-dim);font-size:.85rem}.res-grid{text-align:left;grid-template-columns:1fr 1fr;gap:8px 22px;margin:6px 0 8px;display:grid}.res-row{border-bottom:1px solid #f3ead714;justify-content:space-between;padding:6px 0;font-size:.9rem;display:flex}.res-row span{color:var(--ivory-dim)}.res-row b{font-family:var(--display)}.hud{font-family:var(--body);text-shadow:0 1px 3px #000000b3;position:absolute;inset:0}.telegraph{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:#ffd2a8;opacity:0;margin-top:10px;padding:4px 12px 4px 26px;font-size:.8rem;font-weight:600;transition:opacity .15s,transform .15s;display:inline-block;position:relative;transform:translateY(-4px)}.telegraph:before{content:"";background:var(--danger);width:9px;height:9px;box-shadow:0 0 10px var(--danger);margin-top:-5px;position:absolute;top:50%;left:8px;transform:rotate(45deg)}.telegraph.show{opacity:1;transform:none}.combo{opacity:0;flex-direction:column;align-items:center;gap:6px;transition:opacity .2s;display:flex;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.combo.show{opacity:1}.combo-name{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--ivory);font-size:.82rem}.combo-steps{gap:6px;display:flex}.combo-steps i{background:#f3ead740;width:22px;height:3px}.combo-steps[data-step="1"] i:first-child,.combo-steps[data-step="2"] i:nth-child(-n+2),.combo-steps[data-step="3"] i,.combo-steps[data-step="4"] i{background:var(--amber);box-shadow:0 0 6px var(--amber)}.tip{border-left:3px solid var(--amber);opacity:0;background:linear-gradient(90deg,#14110dd1,#14110d80);border-radius:0 8px 8px 0;width:min(340px,40vw);padding:12px 16px 14px;transition:opacity .4s,transform .4s;position:absolute;top:clamp(150px,14vw,200px);left:26px;transform:translate(-12px)}.tip.show{opacity:1;transform:none}.tip-head{font-family:var(--display);letter-spacing:.26em;text-transform:uppercase;color:var(--amber);margin-bottom:5px;font-size:.64rem}.tip-text{font-size:.9rem;line-height:1.45}.mount{opacity:0;flex-direction:column;align-items:flex-end;gap:8px;transition:opacity .25s,transform .25s;display:flex;position:absolute;top:50%;right:30px;transform:translate(20px,-50%)}.mount.show{opacity:1;transform:translateY(-50%)}.mount-title{font-family:var(--display);letter-spacing:.26em;text-transform:uppercase;color:var(--amber);font-size:.7rem}.mount-chain{flex-direction:column;gap:4px;display:flex;position:relative}.link{color:#f3ead780;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:8px;font-size:.78rem;display:flex}.link i{border:1px solid #f3ead773;border-radius:50%;width:10px;height:10px}.link.vital i{border-color:var(--amber);border-radius:1px;transform:rotate(45deg)}.link.vital span{color:#ffd792}.link.broken span{color:#f3ead759;text-decoration:line-through}.link.ride span:after{content:" · Ride";color:#7fe8ff}.link.here{color:var(--ivory);font-weight:700}.link.here i{background:#7fe8ff;border-color:#7fe8ff;box-shadow:0 0 10px #7fe8ff}.mount-ride{background:#f3ead726;width:140px;height:5px;display:none;overflow:hidden}.mount-ride.show{display:block}.mount-ride-fill{transform-origin:0;background:#7fe8ff;height:100%}.brace{text-align:center;opacity:0;transition:opacity .12s,transform .12s;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)scale(.8)}.brace.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.brace-text{font-family:var(--display);letter-spacing:.2em;color:#ffdfb0;text-shadow:0 0 24px #ff6e32e6,0 2px 4px #000;font-size:2.6rem;font-weight:800}.brace.bucking .brace-text{color:#ff7a52;animation:.12s infinite shake}.brace.ok .brace-text{color:#bff3ff;text-shadow:0 0 24px #78dcffe6,0 2px 4px #000;animation:none}.brace-sub{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;font-size:.8rem}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.prompts{flex-wrap:wrap;justify-content:center;gap:18px;width:min(900px,94vw);display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.prompt{background:#0e0c0a80;border-radius:6px;align-items:center;gap:4px;padding:5px 10px 5px 6px;font-size:.86rem;animation:.2s fadeIn;display:inline-flex}.prompt span{margin-left:4px}.toasts{flex-direction:column-reverse;gap:6px;display:flex;position:absolute;bottom:110px;left:26px}.toast{border-left:2px solid var(--amber);background:#0e0c0ab8;border-radius:0 6px 6px 0;padding:7px 14px;font-size:.88rem;transition:opacity .5s,transform .5s;animation:.25s toastIn}.toast.out{opacity:0;transform:translate(-10px)}@keyframes toastIn{0%{opacity:0;transform:translate(-16px)}}.vignette{opacity:0;background:radial-gradient(#0000 55%,#96140a8c);transition:opacity .6s;animation:1.4s infinite pulse;position:absolute;inset:0}.hurt{opacity:0;background:radial-gradient(#ff3c1e00 40%,#ff281480);position:absolute;inset:0}#ui[data-mode=title] .vignette,#ui[data-mode=results] .vignette{opacity:0!important}.touch{display:none}body.has-touch #ui[data-mode=playing] .touch{display:block}.touch-stick{opacity:.4;border:2px solid #f3ead74d;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute;top:72%;left:18%}.touch-stick.is-active{opacity:.9}.touch-stick i{background:#f3ead766;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}.tbtn{pointer-events:auto;width:64px;height:64px;font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;background:#14110d8c;border:1px solid #f3ead773;border-radius:50%;font-size:.7rem;font-weight:700;position:absolute}.tbtn.is-down{background:#f0b54a99}.b-attack{width:78px;height:78px;bottom:110px;right:30px}.b-heavy{bottom:60px;right:118px}.b-dodge{bottom:24px;right:40px}.b-grapple{bottom:140px;right:118px}.b-sprint{bottom:40px;right:196px}.b-potion{width:52px;height:52px;bottom:200px;right:30px}.b-use{width:52px;height:52px;bottom:222px;right:96px}.b-lock{width:52px;height:52px;bottom:222px;right:162px}.b-pause{width:44px;height:44px;top:190px;right:30px}body.has-touch .prompts{width:50vw;bottom:12px}@media (max-width:1100px){.title-right{display:none}.guide-grid{grid-template-columns:1fr}}@media (max-width:820px){.hud-boss{width:80vw;top:180px}.map{width:110px;height:110px}.tip{top:120px}.bar{--w:220px!important}}@media (max-height:800px){.quarry-desc,.logo-mark{display:none}}@media (max-height:640px){.title-left{gap:8px}.quarry-desc,.hint{display:none}}.ui-fx{pointer-events:none;z-index:1000;width:100%;height:100%;position:fixed;inset:0}.screen-flash{pointer-events:none;opacity:0;z-index:40;position:fixed;inset:0}.screen-flash.on{animation:.55s ease-out flashOut}.screen-flash[data-kind=flow]{background:radial-gradient(#78dcff00 45%,#5ac8ff73 100%);animation-duration:1.1s}.screen-flash[data-kind=hurt]{background:radial-gradient(#ff281400 40%,#c8140a8c 100%)}.screen-flash[data-kind=vital]{background:radial-gradient(#ffd27829 0%,#ffb44600 55%);animation-duration:.3s}.screen-flash[data-kind=true]{background:radial-gradient(#fff0d26b 0%,#ffaa3c1f 50%,#0000 80%);animation-duration:.45s}.screen-flash[data-kind=roar]{background:radial-gradient(#0000 35%,#1e0e0080 100%);animation-duration:.9s}.screen-flash[data-kind=break]{background:radial-gradient(at 50% 12%,#ffd27859 0%,#0000 45%)}.screen-flash[data-kind=heal]{background:radial-gradient(at 20% 10%,#8cff7859 0%,#0000 45%);animation-duration:.8s}.screen-flash[data-kind=kill]{background:radial-gradient(#fff0c899 0%,#ffc86426 45%,#0000 80%);animation-duration:1.4s}@keyframes flashOut{0%{opacity:1}to{opacity:0}}.shake{animation:.38s cubic-bezier(.36,.07,.19,.97) hudShake}@keyframes hudShake{10%,90%{translate:-2px 1px}20%,80%{translate:4px -2px}30%,50%,70%{translate:-6px 2px}40%,60%{translate:6px -1px}}.slot{z-index:3;background:#080604d9;border-radius:3px;position:absolute;overflow:hidden;box-shadow:inset 0 1px 3px #000000e6}.slot .bar-fill,.slot .bar-red,.boss-fill,.boss-ghost{transform-origin:0;transition:transform .12s ease-out;position:absolute;inset:0}.bar-sheen{mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(#ffffff59 0%,#ffffff0d 45%,#00000040 100%);position:absolute;inset:0}.bar-sheen:after{content:"";background:linear-gradient(90deg,#fff0,#ffffff59,#fff0);width:18%;animation:4.5s ease-in-out infinite sheen;position:absolute;top:0;bottom:0;left:-20%}@keyframes sheen{0%,70%{left:-20%}to{left:110%}}.hud-vitals{width:clamp(290px,27vw,420px);position:absolute;top:clamp(8px,1.4vw,20px);left:clamp(10px,1.6vw,26px)}.pframe{aspect-ratio:1100/274;filter:drop-shadow(0 4px 10px #0000008c);width:100%;position:relative}.pframe-art{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.slot-hp{inset:36.1% 5.27% 51.8% 22.45%}.slot-st{inset:56.6% 24.36% 31.8% 22.45%}.slot-hp .bar-fill{background:linear-gradient(#9cf06a 0%,#4fbf3a 45%,#2a7d22 100%);box-shadow:inset 0 0 6px #c8ffa080}.slot-hp .bar-red{background:linear-gradient(#d0584a,#7a1f18);transition:transform .6s ease-out}.slot-hp.low .bar-fill{background:linear-gradient(#ff9a6a,#d8452a 50%,#8a1c10);animation:.9s ease-in-out infinite lowPulse}@keyframes lowPulse{50%{filter:brightness(1.45)}}.slot-hp.healed .bar-fill{animation:.9s ease-out healGlow}@keyframes healGlow{0%{filter:brightness(2.2)saturate(1.4)}}.slot-st .bar-fill{background:linear-gradient(#ffe47a 0%,#f2b52c 50%,#a8700e 100%)}.slot-st.exhausted .bar-fill{background:linear-gradient(#b0a488,#6d6450);animation:.5s ease-in-out infinite lowPulse}.hud-items{align-items:center;gap:10px;margin:2px 0 0 18%;display:flex}.item{background:radial-gradient(circle at 50% 40%,#3c2814d9,#0f0b08e6);border:1px solid #d6aa5ab3;border-radius:6px;place-items:center;width:46px;height:46px;display:grid;position:relative;transform:rotate(45deg);box-shadow:inset 0 0 0 2px #140e08e6,0 2px 8px #0009}.item img{filter:drop-shadow(0 2px 3px #000000b3);height:38px;transform:rotate(-45deg)}.item b{font-family:var(--display);color:#fff4dc;text-shadow:0 0 4px #000,0 1px 2px #000;font-size:.95rem;font-weight:800;position:absolute;bottom:-8px;right:-8px;transform:rotate(-45deg)}.faints{gap:5px;display:flex}.faints i{background:linear-gradient(135deg,#ffd27a,#b07a28);border:1px solid #281a0ae6;width:12px;height:12px;transform:rotate(45deg);box-shadow:0 0 6px #ffc86480}.faints i.used{box-shadow:none;opacity:.6;background:#281e16cc}.hud-boss{width:clamp(330px,34vw,560px);transition:opacity .6s,transform .6s;position:absolute;top:clamp(8px,1.2vw,18px);left:50%;translate:-50%}.hud-boss.hidden{opacity:0;transform:translateY(-20px)}.bframe{aspect-ratio:1500/365;filter:drop-shadow(0 4px 10px #0000008c);width:100%;position:relative}.bframe-art{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.b-portrait{aspect-ratio:1;z-index:3;background:radial-gradient(circle at 50% 40%,#3a2e1e,#0e0a06 75%);border-radius:50%;place-items:center;width:13.6%;display:grid;position:absolute;top:22%;left:3.2%;overflow:hidden}.b-portrait img{filter:drop-shadow(0 0 6px #ffb45080);width:72%}.hud-boss.enraged .b-portrait{background:radial-gradient(circle at 50% 40%,#7a2010,#1a0604 75%);animation:.8s ease-in-out infinite lowPulse}.boss-name{z-index:3;font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:#fff1d6;text-shadow:0 0 6px #000,0 2px 3px #000;font-size:clamp(.8rem,1.15vw,1.05rem);font-weight:700;position:absolute;top:14%;left:21%}.slot-boss{inset:45.2% 8.9% 42.5% 20.2%}.boss-fill{background:linear-gradient(#ff6a50 0%,#d42a1c 45%,#7a0e08 100%);box-shadow:inset 0 0 8px #ff967866}.boss-ghost{background:#ffe6becc;transition:transform .9s ease-in .25s}.hud-boss.enraged .boss-fill{background:linear-gradient(#ffa060 0%,#ff4a1c 40%,#9a1204 100%);animation:.7s ease-in-out infinite lowPulse}.boss-row{justify-content:space-between;align-items:center;gap:8px;margin:-2.2% 8.9% 0 20.2%;display:flex}.boss-tags{gap:6px;display:flex}.tag{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:#ffd98a;background:#1e1208cc;border:1px solid #f0b54ab3;border-radius:999px;padding:3px 10px;font-size:.64rem;font-weight:700;box-shadow:0 0 10px #f0b54a40}.tag-enraged{color:#ffb49a;border-color:#ff5a3ad9;box-shadow:0 0 12px #ff5a3a73}.boss-vitals{gap:6px;display:flex}.vit{letter-spacing:.06em;color:var(--ivory-dim);text-shadow:0 1px 2px #000;align-items:center;gap:4px;font-size:.62rem;display:flex}.vit i{background:conic-gradient(#ffb347 calc(var(--f) * 360deg), #281e14e6 0);border:1px solid #d6aa5acc;border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 3px #120c06f2}.vit.broken{color:#ffd98a}.vit.broken i{background:radial-gradient(circle,#fff1c9 20%,#ffb347 60%);box-shadow:0 0 10px #ffbe5acc}.vit em{font-style:normal}.hud-map{flex-direction:column;align-items:center;gap:4px;width:clamp(150px,14vw,196px);display:flex;position:absolute;top:clamp(8px,1.2vw,18px);right:clamp(10px,1.6vw,26px)}.map-wrap{aspect-ratio:1;filter:drop-shadow(0 4px 10px #0009);width:100%;position:relative}.map-wrap canvas{border-radius:50%;width:76%;height:76%;position:absolute;top:12%;left:12%}.map-bezel{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.objective{text-align:center;color:var(--ivory);text-shadow:0 1px 3px #000;flex-direction:column;align-items:center;font-size:.78rem;display:flex}.obj-text{font-family:var(--display);letter-spacing:.04em;font-weight:600}.obj-clock{font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--ivory-dim)}.obj-clock.warn{color:var(--danger);animation:1s infinite lowPulse}.reticle{pointer-events:none;width:150px;height:150px;position:absolute;top:50%;left:50%;translate:-50% -50%}.reticle.hidden{display:none}.ret-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ret-dot{fill:#fff4dc;filter:drop-shadow(0 0 2px #000)}.ret-ring{fill:none;stroke:#fff4dc80;stroke-width:1.2px;transition:r .15s,stroke .15s}.ret-brackets{fill:none;stroke:#6fe6ff;stroke-width:2.4px;stroke-linecap:round;opacity:0;transform-origin:50px 50px;filter:drop-shadow(0 0 4px #5adcffe6);transition:opacity .15s,transform .22s cubic-bezier(.2,1.4,.4,1);transform:scale(1.5)rotate(20deg)}.ret-diamond{stroke-width:1.6px}.reticle.target .ret-brackets{opacity:1;transform:scale(1)rotate(0)}.reticle.target .ret-ring{stroke:#6fe6ff}.reticle.target.vital .ret-brackets{stroke:#ffc56b;filter:drop-shadow(0 0 5px #ffbe5af2);animation:.7s ease-in-out infinite retPulse}@keyframes retPulse{50%{transform:scale(1.1)}}.cring{opacity:0;transition:opacity .2s,transform .25s cubic-bezier(.2,1.4,.4,1);position:absolute;inset:10px;transform:scale(.8)}.cring.show{opacity:1;transform:scale(1)}.cring img{opacity:.75;width:100%;height:100%;position:absolute;inset:0}.cring svg{width:100%;height:100%;position:absolute;inset:0}.cseg-bg{fill:none;stroke:#140e08bf;stroke-width:7px}.cseg{fill:none;stroke:#ffc24a;stroke-width:6px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;filter:drop-shadow(0 0 4px #ffb43cf2)}.reticle[data-level="3"] .cseg{stroke:#ff8a3a;animation:.35s ease-in-out infinite lowPulse}.cring.lvl-up{animation:.3s ease-out ringPop}@keyframes ringPop{0%{filter:brightness(2);transform:scale(1.25)}}.ret-label{white-space:nowrap;font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:#bff3ff;text-shadow:0 0 8px #5adcffcc,0 1px 2px #000;font-size:.72rem;position:absolute;top:100%;left:50%;translate:-50% -14px}.reticle.vital .ret-label{color:#ffd98a;text-shadow:0 0 8px #ffbe5acc,0 1px 2px #000}.ret-lock{letter-spacing:.24em;text-transform:uppercase;color:#ffb49a;opacity:0;font-size:.62rem;transition:opacity .2s;position:absolute;bottom:100%;left:50%;translate:-50% 14px}.reticle.locked .ret-lock{opacity:1}.grip{opacity:0;pointer-events:none;width:112px;height:112px;transition:opacity .25s,transform .3s cubic-bezier(.2,1.4,.4,1);position:absolute;top:50%;left:calc(50% - 250px);transform:scale(.7)}.grip.show{opacity:1;transform:scale(1)}.grip-ring,.grip svg{width:100%;height:100%;position:absolute;inset:0}.grip svg{transform:rotate(-90deg)}.grip-bg{fill:none;stroke:#0a141acc;stroke-width:7px}.grip-fill{fill:none;stroke:#56e0ff;stroke-width:6px;stroke-linecap:round;stroke-dasharray:100;filter:drop-shadow(0 0 5px #50dcfff2);transition:stroke-dashoffset .1s linear}.grip.low .grip-fill{stroke:#ff6a4a;filter:drop-shadow(0 0 5px #ff5a3cf2);animation:.4s infinite lowPulse}.grip.bracing .grip-fill{stroke:#d8f8ff}.grip-icon{filter:drop-shadow(0 0 6px #50dcff99);width:46%;position:absolute;top:50%;left:50%;translate:-50% -50%}.grip-label{font-family:var(--display);letter-spacing:.24em;text-transform:uppercase;color:#bff3ff;text-shadow:0 1px 2px #000;font-size:.66rem;position:absolute;top:100%;left:50%;translate:-50% 2px}.banner{aspect-ratio:1100/217;opacity:0;pointer-events:none;z-index:30;filter:drop-shadow(0 6px 16px #0009);width:min(580px,76vw);position:absolute;top:21%;left:50%;translate:-50%}.banner.show{animation:2.8s cubic-bezier(.2,.9,.3,1) forwards bannerIn}@keyframes bannerIn{0%{opacity:0;transform:scaleX(.3)scaleY(.6)}8%{opacity:1;transform:scaleX(1.06)scaleY(1.04)}13%{transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)translateY(-10px)}}.banner-bg{width:100%;height:100%;position:absolute;inset:0}.banner[data-tone=flow] .banner-bg{filter:hue-rotate(160deg)saturate(1.6)brightness(1.1)}.banner[data-tone=danger] .banner-bg{filter:hue-rotate(-28deg)saturate(1.8)brightness(.95)}.banner[data-tone=good] .banner-bg{filter:hue-rotate(55deg)saturate(1.1)}.banner-icon{filter:drop-shadow(0 0 6px #ffd278b3);height:46%;position:absolute;top:50%;left:13%;translate:-50% -50%}.banner-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:18% 7% 18% 23%}.banner-title{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:#fff1d6;text-shadow:0 0 14px #ffc86e8c,0 2px 3px #000;font-size:clamp(1rem,2.1vw,1.6rem);font-weight:800;line-height:1.05}.banner[data-tone=flow] .banner-title{color:#e6fbff;text-shadow:0 0 16px #64dcffe6,0 2px 3px #000}.banner[data-tone=danger] .banner-title{color:#ffd2c2;text-shadow:0 0 16px #ff5a3acc,0 2px 3px #000}.banner[data-tone=good] .banner-title{color:#e2ffd6}.banner-sub{letter-spacing:.08em;color:#fff1d6d9;text-shadow:0 1px 2px #000;margin-top:2px;font-size:clamp(.62rem,1vw,.8rem)}.dmg-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.dmg{will-change:transform, opacity;flex-direction:column;align-items:center;animation:.95s cubic-bezier(.2,.9,.3,1) forwards dmgPop;display:flex;position:absolute;translate:-50% -50%}.dmg b{font-family:var(--display);color:#f7f1e4;text-shadow:0 0 3px #000,0 2px #1a1208,0 0 10px #0009;font-size:1.25rem;font-style:italic;font-weight:800}.dmg small{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;text-shadow:0 1px 2px #000;margin-top:-2px;font-size:.58rem;font-weight:700}.dmg-weak b{color:#ffb05a;font-size:1.4rem}.dmg-weak small{color:#ffcf8a}.dmg-wound b{background:linear-gradient(#ffd08a,#ff5a2a);color:#0000;filter:drop-shadow(0 0 4px #ff5a28cc)drop-shadow(0 2px 1px #000);text-shadow:none;-webkit-background-clip:text;background-clip:text;font-size:1.5rem}.dmg-wound small{color:#ff9a6a}.dmg-vital b{background:linear-gradient(#fffbe6 0%,#ffd66b 45%,#d98a16 100%);color:#0000;filter:drop-shadow(0 0 8px #ffbe50e6)drop-shadow(0 2px 1px #000);text-shadow:none;-webkit-background-clip:text;background-clip:text;font-size:2rem}.dmg-vital small{color:#ffe08a}.dmg.big b{font-size:2.3rem}@keyframes dmgPop{0%{opacity:0;transform:scale(2.1)}12%{opacity:1;transform:scale(.92)}20%{transform:scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-46px)scale(.9)}}.rank{aspect-ratio:422/512;width:200px;margin:0 auto;animation:.55s cubic-bezier(.5,0,.75,0) both stampIn;position:relative}.rank img{filter:drop-shadow(0 8px 18px #0009);width:100%;height:100%;position:absolute;inset:0}.rank b{font-family:var(--display);background:linear-gradient(#fff6d6 0%,#ffd06a 45%,#b0700e 100%);color:#0000;filter:drop-shadow(0 0 12px #ffc85acc)drop-shadow(0 3px 2px #000c);-webkit-background-clip:text;background-clip:text;font-size:5.4rem;font-weight:800;line-height:1;position:absolute;top:56%;left:50%;translate:-50% -50%}.rank span{text-align:center;font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;color:var(--ivory-dim);font-size:.66rem;position:absolute;bottom:-18px;left:0;right:0}@keyframes stampIn{0%{opacity:0;transform:scale(3)rotate(-14deg)}90%{opacity:1;transform:scale(.94)rotate(2deg)}to{transform:scale(1)rotate(0)}}.btn.pressed,.quarry.pressed{animation:.28s cubic-bezier(.2,1.6,.4,1) btnPress}@keyframes btnPress{0%{filter:brightness(1.5);transform:scale(.94)}}@media (prefers-reduced-motion:reduce){.shake,.bar-sheen:after,.banner.show{animation-duration:10ms}}@media (max-width:760px){.grip{width:86px;height:86px;left:22%}.boss-vitals em{display:none}}