.duel-hud{--hud-bg:#14100e;--hud-panel:#241d19;--hud-panel-2:#322822;--hud-line:#55473d;--hud-text:#fff6e0;--hud-dim:#c9b9a0;--hud-gold:#f7b93e;--hud-gold-deep:#b97a12;--hud-go:#35b36b;--hud-go-deep:#1f7a46;--hud-stop:#e5484d;--hud-stop-deep:#9d2327;--kind-attack:#ef4f4f;--kind-attack-deep:#9c2424;--kind-defend:#3f8cff;--kind-defend-deep:#1f4fa8;--kind-heal:#35c46f;--kind-heal-deep:#1b7a41;--kind-ability:#b36bff;--kind-ability-deep:#6a2fb3;--kind-luck:#f7b93e;--kind-luck-deep:#b97a12;--rarity-common:#9aa3ad;--rarity-rare:#3f8cff;--rarity-epic:#b36bff;--rarity-legendary:#f7b93e;--you:#3f8cff;--foe:#ef4f4f;--ink-line:#15100d;--sumi:var(--ink-line);--sumi-2:var(--hud-dim);--washi:var(--hud-text);--washi-2:var(--hud-dim);--vermilion:var(--hud-stop);--vermilion-ink:#ff8a8d;--indigo:var(--kind-defend);--gold:var(--hud-gold);--gold-deep:var(--hud-gold-deep);--matcha:var(--kind-heal);--plum:var(--kind-ability);--ash:var(--rarity-common);--surface:var(--hud-panel);--surface-2:var(--hud-panel-2);--ink:var(--hud-text);--ink-2:var(--hud-dim);--line:var(--hud-line);--accent:var(--hud-stop);--accent-strong:var(--hud-stop);--accent-deep:var(--hud-stop-deep);--accent-text:#ff8a8d;--accent-soft:#3a1f1c;--on-accent:#fff;--button-secondary:var(--hud-panel-2);--button-secondary-edge:#15100d;--danger:var(--hud-stop);--danger-strong:var(--hud-stop);--danger-deep:var(--hud-stop-deep);--danger-text:#ff8a8d;--skeleton:#fff6e01a;--shadow-lift:0 4px 0 #00000073;--scrim:#0a0705b3;--font-fredoka:var(--font-duel-display);--font-nunito:var(--font-duel-body);--font-game-display:var(--font-duel-display);font-family:var(--font-duel-body), ui-rounded, system-ui, sans-serif;color:var(--hud-text);-webkit-tap-highlight-color:transparent}.duel-hud .kind-attack{--kind:var(--kind-attack);--kind-deep:var(--kind-attack-deep)}.duel-hud .kind-defend{--kind:var(--kind-defend);--kind-deep:var(--kind-defend-deep)}.duel-hud .kind-heal{--kind:var(--kind-heal);--kind-deep:var(--kind-heal-deep)}.duel-hud .kind-ability{--kind:var(--kind-ability);--kind-deep:var(--kind-ability-deep)}.duel-hud .kind-luck{--kind:var(--kind-luck);--kind-deep:var(--kind-luck-deep)}.duel-hud .dh-display,.duel-hud .hud-num{font-family:var(--font-duel-display), var(--font-duel-body), system-ui, sans-serif;letter-spacing:.01em;font-weight:400}.duel-hud .hud-num{font-variant-numeric:tabular-nums;line-height:1}.duel-hud .hud-panel,.duel-hud .dh-paper{background:var(--hud-panel);color:var(--hud-text);border:2px solid var(--hud-line);border-radius:18px;box-shadow:0 4px #00000073}.duel-hud .hud-label{letter-spacing:.06em;text-transform:uppercase;color:var(--hud-dim);font-weight:600}.duel-hud .hud-btn{--btn:var(--hud-panel-2);--btn-deep:#15100d;background:var(--btn);min-height:56px;color:var(--hud-text);box-shadow:0 5px 0 var(--btn-deep);touch-action:manipulation;-webkit-user-select:none;user-select:none;border:2px solid #ffffff29;border-radius:16px;justify-content:center;align-items:center;gap:.5em;padding:0 1.2em;font-size:18px;font-weight:700;transition:transform 80ms,box-shadow 80ms,filter .12s;display:inline-flex}.duel-hud .hud-btn:active:not(:disabled){box-shadow:0 1px 0 var(--btn-deep);transform:translateY(4px)}.duel-hud .hud-btn:disabled,.duel-hud .hud-btn[aria-disabled=true]{filter:grayscale(.85)brightness(.7);box-shadow:0 2px 0 var(--btn-deep)}.duel-hud .hud-btn-go{--btn:var(--hud-go);--btn-deep:var(--hud-go-deep)}.duel-hud .hud-btn-stop{--btn:var(--hud-stop);--btn-deep:var(--hud-stop-deep)}.duel-hud .hud-btn-gold{--btn:var(--hud-gold);--btn-deep:var(--hud-gold-deep);color:#2a1a00}.duel-hud .hud-btn-kind{--btn:var(--kind);--btn-deep:var(--kind-deep)}.duel-hud .dh-pill{color:var(--hud-text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14100edb;border:2px solid #fff6e029}@keyframes dh-stamp{0%{opacity:0;transform:rotate(-8deg)scale(1.9)}60%{opacity:1;transform:rotate(-8deg)scale(.94)}to{opacity:1;transform:rotate(-8deg)scale(1)}}.duel-hud .dh-stamp{animation:.34s cubic-bezier(.3,1.4,.5,1) both dh-stamp;transform:rotate(-8deg)}@keyframes dh-float{0%{opacity:0;transform:translate(-50%,8px)scale(.7)}20%{opacity:1;transform:translate(-50%)scale(1.15)}to{opacity:1;transform:translate(-50%,-30px)scale(1)}}.duel-hud .dh-float{animation:.9s ease-out both dh-float;transform:translate(-50%,-30px)}@keyframes dh-flip{0%{transform:perspective(600px)rotateY(90deg)}to{transform:perspective(600px)rotateY(0)}}.duel-hud .dh-flip{animation:.26s cubic-bezier(.22,.8,.32,1) both dh-flip}@keyframes dh-caption{0%{opacity:0;transform:translateY(6px)}}.duel-hud .dh-caption{animation:.18s ease-out both dh-caption}@keyframes dh-rise{0%{opacity:0;transform:translateY(10px)}}.duel-hud .dh-rise{animation:.22s ease-out both dh-rise}@keyframes dh-turn{0%,20%{transform:rotate(0)}55%,85%{transform:rotate(90deg)}to{transform:rotate(0)}}.duel-hud .dh-turn{animation:2.4s ease-in-out infinite dh-turn}@keyframes dh-turn-up{0%,20%{transform:rotate(90deg)}55%,85%{transform:rotate(0)}to{transform:rotate(90deg)}}.duel-hud .dh-turn-up{animation-name:dh-turn-up}.duel-hud.gk-calm .dh-turn{animation:none}
