:root{--tex-lapis:url(../art/hud/v5/tex_lapis.webp);--tex-bronze:url(../art/hud/v5/tex_bronze.webp);--v5-btn-l:64px;--v5-btn-m:52px;--v5-btn-s:42px;--v5-cut:12px;--v5-rim:2.5px;--v5-med-l:40px;--v5-med-m:34px;--v5-med-s:28px;--v5-press:2px}:root[data-theme=contrast]{--tex-lapis:none;--tex-bronze:none}.v5-btn{--rim-hi:var(--color-mat-gold-rim-hi);--rim-lo:var(--color-mat-gold-rim-lo);--fill-top:var(--color-mat-gold-top);--fill-mid:var(--color-mat-gold-mid);--fill-bot:var(--color-mat-gold-bot);--ink:var(--color-mat-gold-ink);--tex:var(--tex-bronze);--h:var(--v5-btn-m);--med:var(--v5-med-m);isolation:isolate;justify-content:center;align-items:center;gap:var(--space-m);min-inline-size:var(--touch-min);min-block-size:var(--h);padding:0 var(--space-xl);color:var(--ink);font:700 var(--text-section) / 1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;filter:drop-shadow(2px 5px 4px var(--color-shade));transition:transform var(--dur-fast) var(--ease), filter var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:0;display:inline-flex;position:relative}.v5-btn[aria-disabled=true]{opacity:1}.v5-btn:after{content:"";inline-size:max(100%, var(--touch-min));block-size:max(100%, var(--touch-min));position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.v5-btn--l{--h:var(--v5-btn-l);--med:var(--v5-med-l);font-size:var(--text-panel);padding-inline:28px}.v5-btn--s{--h:var(--v5-btn-s);--med:var(--v5-med-s);padding-inline:var(--space-l);gap:var(--space-s);font-size:var(--text-body)}.v5-btn--porphyry{--rim-hi:var(--color-mat-porphyry-rim-hi);--rim-lo:var(--color-mat-porphyry-rim-lo);--fill-top:var(--color-mat-porphyry-top);--fill-mid:var(--color-mat-porphyry-mid);--fill-bot:var(--color-mat-porphyry-bot);--ink:var(--color-mat-porphyry-ink);--tex:var(--tex-lapis)}.v5-btn--patina{--rim-hi:var(--color-mat-patina-rim-hi);--rim-lo:var(--color-mat-patina-rim-lo);--fill-top:var(--color-mat-patina-top);--fill-mid:var(--color-mat-patina-mid);--fill-bot:var(--color-mat-patina-bot);--ink:var(--color-mat-patina-ink)}.v5-btn--lapis{--rim-hi:var(--color-mat-lapis-rim-hi);--rim-lo:var(--color-mat-lapis-rim-lo);--fill-top:var(--color-mat-lapis-top);--fill-mid:var(--color-mat-lapis-mid);--fill-bot:var(--color-mat-lapis-bot);--ink:var(--color-mat-lapis-ink);--tex:var(--tex-lapis)}.v5-btn--olive{--rim-hi:var(--color-mat-olive-rim-hi);--rim-lo:var(--color-mat-olive-rim-lo);--fill-top:var(--color-mat-olive-top);--fill-mid:var(--color-mat-olive-mid);--fill-bot:var(--color-mat-olive-bot);--ink:var(--color-mat-olive-ink)}.v5-btn--terracotta{--rim-hi:var(--color-mat-terracotta-rim-hi);--rim-lo:var(--color-mat-terracotta-rim-lo);--fill-top:var(--color-mat-terracotta-top);--fill-mid:var(--color-mat-terracotta-mid);--fill-bot:var(--color-mat-terracotta-bot);--ink:var(--color-mat-terracotta-ink);--tex:var(--tex-lapis)}.v5-btn.is-off{--rim-hi:var(--color-mat-stone-rim-hi);--rim-lo:var(--color-mat-stone-rim-lo);--fill-top:var(--color-mat-stone-top);--fill-mid:var(--color-mat-stone-mid);--fill-bot:var(--color-mat-stone-bot);--ink:var(--color-mat-stone-ink);--tex:var(--tex-lapis);cursor:not-allowed;opacity:1}.v5-btn__plate,.v5-btn__plate:before,.v5-btn__plate:after{pointer-events:none;position:absolute}.v5-btn__plate{z-index:-1;background:linear-gradient(180deg, var(--rim-hi), var(--rim-lo));clip-path:polygon(var(--v5-cut) 0, calc(100% - var(--v5-cut)) 0, 100% var(--v5-cut), 100% calc(100% - var(--v5-cut)), calc(100% - var(--v5-cut)) 100%, var(--v5-cut) 100%, 0 calc(100% - var(--v5-cut)), 0 var(--v5-cut));inset:0}.v5-btn__plate:before{--c:calc(var(--v5-cut) - var(--v5-rim));content:"";inset:var(--v5-rim);background:linear-gradient(180deg, var(--color-sheen), transparent 40%, transparent 60%, var(--color-shade)), var(--tex) 0 0 / 180px, linear-gradient(180deg, var(--fill-top), var(--fill-mid) 55%, var(--fill-bot));background-blend-mode:normal, soft-light, normal;clip-path:polygon(var(--c) 0, calc(100% - var(--c)) 0, 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, 0 calc(100% - var(--c)), 0 var(--c));transition:filter var(--dur-fast) var(--ease)}.v5-btn__plate:after{content:"";border-block-start:1px solid var(--color-sheen);box-shadow:inset 0 0 0 1px var(--color-sheen);inset:7px 9px}.v5-btn>:not(.v5-btn__plate){position:relative}.v5-btn:hover:not(.is-off) .v5-btn__plate:before{filter:brightness(1.12)saturate(1.08)}.v5-btn:active:not(.is-off){transform:translateY(var(--v5-press));filter:drop-shadow(1px 2px 2px var(--color-shade))}.v5-btn:active:not(.is-off) .v5-btn__plate:before{filter:brightness(.88)}.v5-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.v5-btn__med{inline-size:var(--med);block-size:var(--med);border-radius:var(--radius-pill);background:radial-gradient(circle at 40% 32%, var(--color-sheen), transparent 55%), radial-gradient(circle, var(--fill-bot), var(--color-shade));box-shadow:0 0 0 2px var(--rim-hi), 0 0 0 3.5px var(--rim-lo), inset 0 2px 4px var(--color-shade);flex:none;place-items:center;margin-inline-start:calc(var(--space-s) * -1);display:grid}.v5-btn__med .v5-icon{block-size:76%;inline-size:76%}.v5-btn.is-off .v5-btn__med .v5-icon{filter:grayscale()brightness(.75)}.v5-btn__lab{justify-items:center;gap:var(--space-xs);text-shadow:0 1px 1px var(--color-shade);display:grid}.v5-btn--gold:not(.is-off) .v5-btn__lab{text-shadow:0 1px 0 var(--color-sheen)}.v5-btn__lab small{font:500 var(--text-small) / 1 var(--font-text);font-variant-numeric:lining-nums tabular-nums;letter-spacing:0;text-transform:none;unicode-bidi:plaintext}.v5-btn__clock{font:700 var(--text-section) / 1 var(--font-text);font-variant-numeric:lining-nums tabular-nums;letter-spacing:.02em}.v5-btn__cost{align-items:center;gap:var(--space-xs);border-radius:var(--radius-pill);background:var(--color-shade);box-shadow:inset 0 0 0 1px var(--color-sheen);color:var(--color-text);font:700 var(--text-section) / 1 var(--font-text);font-variant-numeric:lining-nums tabular-nums;letter-spacing:0;text-shadow:none;padding:4px 10px 4px 6px;display:inline-flex}.v5-btn__cost img{object-fit:contain;block-size:24px;inline-size:14px}.v5-confirm{justify-items:center;gap:var(--space-s);display:grid}.v5-confirm__question{color:var(--color-text);font:500 var(--text-body) / var(--line-height-tight) var(--font-text);text-align:center;margin:0}.v5-confirm__actions{justify-content:center;align-items:center;gap:var(--gap-targets);flex-wrap:wrap;display:flex}.v5-reason{margin:var(--space-xs) 0 0;color:var(--color-mat-terracotta-rim-hi);font:500 var(--text-caption) / var(--line-height-tight) var(--font-text);text-align:center}.v5-reason.is-nudged--a{animation:v5-nudge-a var(--dur-base) var(--ease) 2}.v5-reason.is-nudged--b{animation:v5-nudge-b var(--dur-base) var(--ease) 2}@keyframes v5-nudge-a{50%{color:var(--color-gold-active-hi);transform:translate(3px)}}@keyframes v5-nudge-b{50%{color:var(--color-gold-active-hi);transform:translate(3px)}}:root[data-theme=contrast] .v5-btn{filter:none}:root[data-theme=contrast] .v5-btn__lab{text-shadow:none}:root[data-theme=contrast] .v5-reason{color:var(--color-text)}@media (prefers-reduced-motion:reduce){.v5-btn,.v5-btn__plate:before{transition:none}.v5-reason.is-nudged{text-decoration:underline;animation:none}}