.hxd-root{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100%}.hxd-root:active{cursor:grabbing}.hxd-root .ka-btn{cursor:pointer}.hxd-root>.ka-shell{max-width:max(300px, var(--hxd-w,640px))}.hxd-wrap{justify-content:center;width:100%;display:flex}.hxd-board{aspect-ratio:360/560;border-radius:var(--r-md);background:var(--paper);width:min(100%,360px);box-shadow:var(--hard);flex-shrink:0;position:relative;overflow:hidden}.hxd-board:after{content:"";border-radius:inherit;pointer-events:none;z-index:4;box-shadow:inset 0 0 0 3px var(--ink);position:absolute;inset:0}.hxd-canvas{width:100%;height:100%;display:block}.hxd-progress{z-index:3;pointer-events:none;align-items:center;gap:6px;width:min(78%,250px);display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.hxd-lvl{background:var(--c,var(--sun));border:var(--edge);width:30px;height:30px;box-shadow:var(--hard-sm);font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);border-radius:50%;flex-shrink:0;place-items:center;font-size:15px;font-weight:800;display:grid}.hxd-bar{background:var(--white);border:var(--edge);height:14px;box-shadow:var(--hard-sm);border-radius:999px;flex:1;position:relative;overflow:hidden}.hxd-fill{background:var(--c,var(--sun));border-right:2px solid var(--ink);transition:width .22s var(--ease-out);position:absolute;inset:0 auto 0 0}.hxd-fill[style*="width: 0%"]{border-right:0}.hxd-overlay{z-index:3;text-align:center;pointer-events:none;animation:hxd-fade .18s var(--ease-out);flex-direction:column;justify-content:flex-end;align-items:center;padding:0 18px 10%;display:flex;position:absolute;inset:0}.hxd-overlay--mid{justify-content:flex-start;padding:26% 18px 0}.hxd-overlay--pause{background:#fff7dd99;justify-content:center;padding-bottom:0}.hxd-card{background:var(--white);border:var(--edge);border-radius:var(--r-md);max-width:100%;box-shadow:var(--hard);animation:hxd-pop .32s var(--ease-spring);flex-direction:column;align-items:center;gap:4px;padding:12px 18px 13px;display:flex}.hxd-card--banner{background:var(--sun);animation:hxd-pop .32s var(--ease-spring), hxd-out .3s 1s ease-in forwards}.hxd-overlay--start .hxd-card{animation:hxd-pop .32s var(--ease-spring), hxd-bob 1.8s .32s ease-in-out infinite}.hxd-card-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:0;font-size:clamp(20px,5.5vw,26px);font-weight:800;line-height:1.05}.hxd-card-sub{color:var(--ink-2);text-wrap:balance;margin:0;font-size:14px;font-weight:650}@keyframes hxd-fade{0%{opacity:0}}@keyframes hxd-pop{0%{opacity:0;transform:translateY(10px)scale(.92)rotate(-2deg)}}@keyframes hxd-bob{50%{transform:translateY(-4px)}}@keyframes hxd-out{to{opacity:0;transform:translateY(-8px)scale(.96)}}.hxd-hint-touch{display:none}@media (pointer:coarse){.hxd-hint-keys{display:none}.hxd-hint-touch{display:inline}}.hxd-dialog-line{color:var(--ink-2);text-align:center;margin:0;font-weight:650}.hxd-dialog-line strong{color:var(--ink);font-weight:800}.hxd-dialog-hint{color:var(--ink-3);text-align:center;margin:0;font-size:13px;font-weight:600}@media (pointer:coarse){.hxd-dialog-hint{display:none}}@media (prefers-reduced-motion:reduce){.hxd-overlay,.hxd-card,.hxd-overlay--start .hxd-card,.hxd-card--banner{animation:none}.hxd-fill{transition:none}}