@import"https://fonts.googleapis.com/css2?family=Instrument+Serif&family=DM+Sans:wght@400;500;700&display=swap";.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem 1.5rem;font-family:var(--font-body)}.hud button,.hud__abilities,.hud__gameover{pointer-events:auto}.hud__top{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap;max-width:calc(100vw - 22rem)}.hud__top>*{flex-shrink:0}.hud__hp-panel{position:fixed;top:1.25rem;right:1.5rem;display:flex;align-items:flex-start;gap:.6rem;pointer-events:auto}.hud__info-btn{flex-shrink:0;width:2rem;height:2rem;border-radius:999px;border:1px solid var(--col-border);background:#10121ae6;color:var(--col-text);font-weight:800;cursor:pointer}.hud__info-panel{position:fixed;top:4rem;left:1.5rem;width:min(22rem,calc(100vw - 3rem));padding:.9rem 1rem;background:#10121aeb;border:1px solid var(--col-border);border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.hud__info-title{margin-bottom:.55rem;color:var(--col-text);font-family:var(--font-display);font-size:.95rem}.hud__info-list{display:flex;flex-direction:column;gap:.45rem}.hud__info-item{color:var(--col-text-dim);font-size:.8rem;line-height:1.35}.hud__turn{font-family:var(--font-display);font-size:1.5rem;color:var(--col-text);letter-spacing:.02em}.hud__team{padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.hud__team[data-team=white]{background:#f0e6d3;color:#1a1a24}.hud__team[data-team=black]{background:#2a2a2a;color:#e2e0d8;border:1px solid var(--col-border)}.hud__phase{color:var(--col-text-dim);font-size:.85rem}.hud__check-status{padding:.32rem .7rem;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent}.hud__check-status[data-kind=check]{color:#24190b;background:#f5b642;border-color:#ffd37a;box-shadow:0 0 16px #f5b64242;animation:checkPulse 1.2s ease-in-out infinite}.hud__check-status[data-kind=checkmate]{color:#fff;background:#b91c1c;border-color:#ef4444;box-shadow:0 0 18px #ef444452}@keyframes checkPulse{0%,to{box-shadow:0 0 10px #f5b64233}50%{box-shadow:0 0 22px #f5b6428c}}.hud__center-control{padding:.32rem .7rem;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.04em;border:1px solid var(--col-border);background:#12161cdb;color:var(--col-text)}.hud__center-control[data-team=white]{border-color:#f0e6d3;color:#f0e6d3}.hud__center-control[data-team=black]{border-color:#7c8798;color:#d8dde7}.hud__center-control[data-team=contested]{color:var(--col-text-dim)}.hud__hp-bars{display:flex;flex-direction:column;gap:.45rem}.hud__player-hp{display:flex;flex-direction:column;gap:.2rem;padding:.35rem .55rem;border-radius:6px;border:1px solid transparent;transition:border-color .3s ease,box-shadow .3s ease}.hud__player-hp[data-active=true][data-team=white]{border-color:#f0e6d359;box-shadow:0 0 10px #f0e6d31f}.hud__player-hp[data-active=true][data-team=black]{border-color:#7c879866;box-shadow:0 0 10px #7c879824}.hud__player-hp-row{display:flex;align-items:center;gap:.5rem}.hud__player-hp-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;width:2.8rem}.hud__player-hp[data-team=white] .hud__player-hp-label{color:#f0e6d3}.hud__player-hp[data-team=black] .hud__player-hp-label{color:#aaa}.hud__player-hp-track{width:100px;height:7px;background:var(--col-surface);border-radius:4px;border:1px solid var(--col-border);overflow:hidden}.hud__player-hp-fill{height:100%;border-radius:4px;transition:width .3s ease,background .5s ease}.hud__player-hp-fill[data-tier=high]{background:#22c55e}.hud__player-hp-fill[data-tier=medium]{background:#f59e0b}.hud__player-hp-fill[data-tier=low]{background:#e05050}body[data-palette=colorblind] .hud__player-hp-fill[data-tier=high]{background:#56b4e9}body[data-palette=colorblind] .hud__player-hp-fill[data-tier=medium]{background:#f0e442}body[data-palette=colorblind] .hud__player-hp-fill[data-tier=low]{background:#cc79a7}body[data-palette=colorblind] .hud__check-status[data-kind=check]{color:#1a1a24;background:#f0e442;border-color:#fff7a8;box-shadow:0 0 16px #f0e44252}.hud__player-hp[data-damage-flash=true]{animation:hpDamagePulse .6s ease-out}@keyframes hpDamagePulse{0%{box-shadow:0 0 #ef444400;background:transparent}25%{box-shadow:0 0 14px 4px #ef44448c;background:#ef44442e}to{box-shadow:0 0 #ef444400;background:transparent}}body[data-palette=colorblind] .hud__check-status[data-kind=checkmate]{color:#fff;background:#cc79a7;border-color:#e6a3c5;box-shadow:0 0 18px #cc79a761}.hud__player-hp-text{font-size:.72rem;color:var(--col-text-dim);font-variant-numeric:tabular-nums;min-width:2.5rem}.hud__player-res-row{display:flex;align-items:center;gap:.4rem;padding-left:.1rem}.hud__player-res-icon{color:var(--col-accent);font-size:.75rem;width:2.8rem;text-align:left}.hud__player-res-track{width:100px;height:4px;background:var(--col-surface);border-radius:4px;border:1px solid var(--col-border);overflow:hidden}.hud__player-res-fill{height:100%;background:var(--col-accent);border-radius:4px;transition:width .3s ease}.hud__player-res-text{font-size:.68rem;color:var(--col-text-dim);font-variant-numeric:tabular-nums;min-width:3.5rem}.hud__regen{color:var(--col-text-dim);margin-left:.2rem}.hud__log{position:fixed;top:9rem;right:1.5rem;width:min(26rem,calc(100vw - 3rem));max-height:20rem;padding:.8rem .9rem;background:#10121ae0;border:1px solid var(--col-border);border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.hud__log-title{margin-bottom:.55rem;color:var(--col-text);font-family:var(--font-display);font-size:.95rem;letter-spacing:.03em}.hud__log-list{display:flex;flex-direction:column;gap:.45rem;max-height:16.5rem;overflow-y:auto}.hud__log-entry{--log-accent: var(--col-text-dim);display:grid;grid-template-columns:1.1rem .55rem 1fr;gap:.5rem;align-items:baseline;padding:.42rem .6rem .42rem .5rem;background:#ffffff06;border-left:3px solid var(--col-border);border-radius:5px;animation:logEntryEnter 1.1s ease-out both}@keyframes logEntryEnter{0%{opacity:0;transform:translate(6px);background:#c89b3c00;box-shadow:0 0 #c89b3c00}18%{opacity:1;transform:translate(0);background:#c89b3c29;box-shadow:0 0 18px 1px #c89b3c47}to{opacity:1;transform:translate(0);background:#ffffff06;box-shadow:0 0 #c89b3c00}}.hud__log-entry[data-team=white]{border-left-color:#f0e6d3}.hud__log-entry[data-team=black]{border-left-color:#7c8798}.hud__log-entry[data-kind=move]{--log-accent: #b9c0cb}.hud__log-entry[data-kind=capture]{--log-accent: #ef4444}.hud__log-entry[data-kind=castle],.hud__log-entry[data-kind=promotion]{--log-accent: #c89b3c}.hud__log-entry[data-kind=ability]{--log-accent: #3b82f6}.hud__log-entry[data-kind=check]{--log-accent: #f5b642}.hud__log-entry[data-kind=checkmate]{--log-accent: #b91c1c}.hud__log-entry[data-kind=stalemate]{--log-accent: #c4b5fd}.hud__log-entry[data-kind=kingCaptured],.hud__log-entry[data-kind=hpZero]{--log-accent: #b91c1c}.hud__log-entry[data-kind=hpDrain]{--log-accent: #ef4444}.hud__log-entry[data-kind=regen]{--log-accent: #22c55e}.hud__log-entry[data-kind=centerControl]{--log-accent: #c89b3c}.hud__log-entry[data-kind=turnEnd]{--log-accent: var(--col-text-dim)}.hud__log-entry-icon{color:var(--log-accent);font-size:.9rem;line-height:1.2;text-align:center;-webkit-user-select:none;user-select:none}.hud__log-entry-team-chip{width:.55rem;height:.55rem;border-radius:50%;align-self:center;flex-shrink:0}.hud__log-entry-team-chip[data-team=white]{background:#f0e6d3;box-shadow:0 0 0 1px #0000004d inset}.hud__log-entry-team-chip[data-team=black]{background:#2a2f3a;box-shadow:0 0 0 1px #7c8798 inset}.hud__log-entry-message{color:var(--col-text);font-size:.78rem;line-height:1.4;word-break:break-word}.hud__log-entry[data-gameover=true]{border:1px solid var(--log-accent);border-left-width:4px;background:#b91c1c14;padding-top:.55rem;padding-bottom:.55rem}.hud__log-entry[data-gameover=true] .hud__log-entry-message{color:var(--col-text);font-weight:700;letter-spacing:.01em}.hud__log-entry[data-kind=stalemate]{background:#c4b5fd14}.hud__log-divider{display:grid;grid-template-columns:1fr auto 1fr;gap:.6rem;align-items:center;padding:.15rem .1rem}.hud__log-divider:first-child{padding-top:0}.hud__log-divider-line{height:1px;background:linear-gradient(90deg,transparent,var(--col-border),transparent)}.hud__log-divider-label{font-family:var(--font-display);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--col-accent-dim)}.hud__log-empty{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.4rem .5rem;color:var(--col-text-dim);font-size:.78rem;text-align:center}.hud__log-empty-icon{font-size:1.6rem;color:var(--col-accent-dim);opacity:.7}body[data-palette=colorblind] .hud__log-entry[data-kind=capture],body[data-palette=colorblind] .hud__log-entry[data-kind=hpDrain],body[data-palette=colorblind] .hud__log-entry[data-kind=checkmate],body[data-palette=colorblind] .hud__log-entry[data-kind=kingCaptured],body[data-palette=colorblind] .hud__log-entry[data-kind=hpZero]{--log-accent: #cc79a7}body[data-palette=colorblind] .hud__log-entry[data-kind=regen]{--log-accent: #56b4e9}body[data-palette=colorblind] .hud__log-entry[data-kind=check]{--log-accent: #f0e442}body[data-palette=colorblind] .hud__log-entry[data-gameover=true]{background:#cc79a71a}.hud__promotion{position:fixed;left:50%;bottom:8rem;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:.75rem;min-width:min(30rem,calc(100vw - 3rem));padding:1rem 1.2rem;background:#10121af0;border:1px solid var(--col-accent);border-radius:12px;box-shadow:0 16px 40px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.hud__promotion-title{color:var(--col-text);font-family:var(--font-display);font-size:1.15rem;letter-spacing:.04em}.hud__promotion-subtitle{color:var(--col-text-dim);font-size:.82rem;text-transform:capitalize}.hud__promotion-list{display:grid;grid-template-columns:repeat(4,minmax(7rem,1fr));gap:.6rem;width:100%}.hud__promotion-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.85rem .5rem .7rem;background:var(--col-surface);border:1px solid var(--col-border);border-radius:8px;color:var(--col-text);font-family:var(--font-body);cursor:pointer;text-align:center;position:relative;transition:transform .15s ease,border-color .15s ease,background .15s ease}.hud__promotion-btn:hover,.hud__promotion-btn:focus-visible{transform:translateY(-2px);border-color:var(--col-accent);background:linear-gradient(180deg,rgba(200,155,60,.1),var(--col-surface))}.hud__promotion-btn-glyph{font-size:2.4rem;line-height:1;color:#f0e6d3;text-shadow:0 0 12px rgba(240,230,211,.2)}.hud__promotion-btn[data-team=black] .hud__promotion-btn-glyph{color:#b3bccb;text-shadow:0 0 12px rgba(124,135,152,.25)}.hud__promotion-btn-name{font-size:.78rem;font-weight:700;text-transform:capitalize;letter-spacing:.04em}.hud__promotion-btn-hint{font-size:.66rem;line-height:1.35;color:var(--col-text-dim);opacity:0;max-height:0;transition:opacity .18s ease,max-height .22s ease;overflow:hidden}.hud__promotion-btn:hover .hud__promotion-btn-hint,.hud__promotion-btn:focus-visible .hud__promotion-btn-hint{opacity:1;max-height:3.5rem}@media(max-width:700px){.hud__promotion-list{grid-template-columns:repeat(2,1fr)}}.hud__abilities{align-self:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.hud__abilities--player{align-self:flex-start;margin-bottom:1rem}.hud__targeting-hint{font-size:.75rem;color:var(--col-ability);font-family:var(--font-body);text-transform:none}.hud__abilities-label{font-family:var(--font-display);font-size:1rem;color:var(--col-text-dim);text-transform:capitalize;display:flex;align-items:center;gap:.75rem}.hud__ability-list{display:flex;gap:.5rem}.hud__ability-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem 1rem;background:var(--col-surface);border:1px solid var(--col-border);border-radius:6px;color:var(--col-text);font-family:var(--font-body);font-size:.8rem;cursor:pointer;transition:all .15s ease;position:relative}.hud__ability-btn:hover:not(:disabled){border-color:var(--col-ability);background:#1e2a40}.hud__ability-btn[data-selected=true]{border-color:var(--col-ability);background:#1e2a40;box-shadow:0 0 12px #3b82f64d}.hud__ability-btn:disabled{opacity:.35;cursor:not-allowed}.hud__ability-name{font-weight:700}.hud__ability-cost{color:var(--col-accent);font-size:.7rem}.hud__ability-cd{position:absolute;top:-6px;right:-6px;background:var(--col-danger);color:#fff;font-size:.65rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.hud__ability-btn--skip{color:var(--col-text-dim);border-style:dashed}.hud__ability-btn--skip:hover{border-color:var(--col-text-dim);color:var(--col-text)}.hud__surrender-btn{position:absolute;right:1rem;bottom:1rem;z-index:1000;padding:.55rem 1.1rem;background:#121218db;color:var(--col-text-dim);border:1px solid var(--col-border);border-radius:6px;cursor:pointer;font-family:var(--font-body);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;transition:color .15s ease,border-color .15s ease,background .15s ease}.hud__surrender-btn:hover,.hud__surrender-btn:focus-visible{color:var(--col-danger);border-color:#ef444473;background:#ef444414}.hud__gameover{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:#0e0e12d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud__gameover-title{font-family:var(--font-display);font-size:3rem;color:var(--col-accent)}.hud__gameover-reason{margin-top:-1rem;color:#fca5a5;font-family:var(--font-display);font-size:1.2rem;letter-spacing:.04em}.hud__gameover-actions{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.hud__gameover-btn{padding:.75rem 1.6rem;border-radius:6px;font-family:var(--font-body);font-size:.95rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.hud__gameover-btn--primary{background:var(--col-accent);color:#1a1a24;border:1px solid var(--col-accent);box-shadow:0 4px 18px #c89b3c40}.hud__gameover-btn--primary:hover,.hud__gameover-btn--primary:focus-visible{transform:translateY(-1px);box-shadow:0 6px 22px #c89b3c59}.hud__gameover-btn--secondary{background:transparent;color:var(--col-text-dim);border:1px solid var(--col-border)}.hud__gameover-btn--secondary:hover,.hud__gameover-btn--secondary:focus-visible{color:var(--col-text);border-color:var(--col-accent-dim);background:#c89b3c0d}.hud__gameover-stats{display:grid;grid-template-columns:1fr auto 1fr;gap:.4rem 1.6rem;font-family:var(--font-body);font-size:.95rem;color:var(--col-text);padding:1rem 1.4rem;border:1px solid var(--col-border);border-radius:6px;background:#00000040;min-width:18rem}.hud__gameover-stats__label{color:var(--col-text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;text-align:center;align-self:center}.hud__gameover-stats__value--white{text-align:right}.hud__gameover-stats__value--black{text-align:left}.hud__gameover-stats__heading{font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:var(--col-text-dim);text-align:center}.hud__gameover-stats__heading--white{text-align:right}.hud__gameover-stats__heading--black{text-align:left}.hud__gameover-stats__heading--center{text-align:center}.hud__gameover-stats__turns{grid-column:1 / -1;text-align:center;color:var(--col-accent-dim);letter-spacing:.1em;font-size:.85rem;margin-bottom:.3rem}@media(max-width:900px){.hud__top{max-width:100%;flex-wrap:wrap;gap:.5rem}.hud__hp-panel{top:auto;bottom:12rem;right:1rem}.hud__info-panel{top:4rem;left:1rem;right:1rem;width:auto}.hud__log{top:auto;bottom:8rem;right:1rem;left:1rem;width:auto;max-height:11rem}.hud__log-list{max-height:7.5rem}.hud__promotion{bottom:6.5rem}}@media(max-width:540px){.hud__top{top:.4rem;padding:0 .4rem;gap:.3rem}.hud__phase{font-size:.78rem;padding:.25rem .6rem}.hud__info-btn{width:2rem;height:2rem}.hud__hp-panel{bottom:11rem;right:.5rem;padding:.4rem .55rem}.hud__log{bottom:7.5rem;right:.5rem;left:.5rem;max-height:9rem;padding:.55rem .65rem}.hud__log-list{max-height:5.5rem;gap:.3rem}.hud__log-entry{padding:.35rem .5rem .35rem .45rem;font-size:.72rem}.hud__log-entry-message{font-size:.72rem}.hud__abilities{padding:.55rem .6rem;gap:.4rem}.hud__ability-btn{min-width:2.6rem;min-height:2.6rem;padding:.45rem .55rem}.hud__promotion{bottom:5.5rem;padding:.85rem .9rem;min-width:calc(100vw - 1.5rem)}.hud__promotion-btn-glyph{font-size:2rem}.hud__gameover-title{font-size:2.2rem}.hud__gameover-stats{min-width:0;width:100%;padding:.8rem 1rem;font-size:.85rem}.hud__surrender-btn{right:.5rem;bottom:.5rem;padding:.5rem .9rem;font-size:.78rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--col-bg: #0e0e12;--col-surface: #1a1a24;--col-border: #2a2a3a;--col-text: #e2e0d8;--col-text-dim: #8a8890;--col-accent: #c89b3c;--col-accent-dim: #9a7a2e;--col-ability: #3b82f6;--col-danger: #ef4444;--col-safe: #22c55e;--font-display: "Instrument Serif", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--col-bg);color:var(--col-text);font-family:var(--font-body)}canvas{touch-action:none}button,[role=button],a{touch-action:manipulation}:focus-visible{outline:2px solid var(--col-accent);outline-offset:2px;border-radius:3px}button:focus-visible,a:focus-visible,input:focus-visible{box-shadow:0 0 0 3px #c89b3c40}