.dt{width:100%;position:relative}.dt .ka-shell{gap:10px;max-width:560px}.dt .ka-bar{flex-wrap:nowrap;gap:8px}.dt .ka-stats{flex-wrap:nowrap;gap:6px;min-width:0}.dt .ka-stat{min-width:0}.dt .ka-actions{flex-wrap:nowrap;flex:none;gap:6px}.dt .ka-status{min-height:0}.dt .ka-hint{text-wrap:balance;max-width:560px;margin-inline:auto;font-size:13px}@media (width<=560px){.dt .ka-stat{border-radius:11px;flex:auto;padding:4px 8px 5px}.dt .ka-stat dt{font-size:11px}.dt .ka-stat dd{white-space:nowrap;font-size:17px}.dt .ka-btn--icon{width:38px;height:38px}}.dt-status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.dt-status .ka-seg button{height:30px;padding:0 12px}.dt-rule{color:var(--ink-3);font-size:13px;font-weight:750}.dt-board{width:var(--dt-w);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:grab;position:relative}.dt-board:active{cursor:grabbing}.dt-canvas{touch-action:none;display:block}.dt-zone{height:var(--dt-zone);pointer-events:none;justify-content:space-between;align-items:center;padding:6px clamp(14px,5%,26px) 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.dt-side{flex-direction:column;gap:3px;min-width:0;max-width:38%;display:flex}.dt-side--right{text-align:right;align-items:flex-end}.dt-who{color:var(--ink-2);white-space:nowrap;font-size:13px;font-weight:800}.dt-who.is-you{color:var(--ink)}.dt-small{color:var(--ink-3);white-space:nowrap;font-size:11px;font-weight:750}.dt-route{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);white-space:nowrap;font-size:clamp(15px,4.4vw,19px);font-weight:800;line-height:1.1}.dt-slots{gap:4px;display:flex}.dt-slot{min-width:34px;height:24px;font:800 13px var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink-3);background:var(--white);border:2px solid var(--ink);border-radius:8px;place-items:center;padding:0 4px;display:grid}.dt-slot.is-set{color:var(--ink);background:var(--sun);box-shadow:var(--hard-sm);animation:dt-hop .22s var(--ease-spring)}@keyframes dt-hop{0%{transform:scale(.7)rotate(-6deg)}}.dt-note{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);background:var(--white);border:3px solid var(--ink);box-shadow:var(--hard);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 24px);animation:dt-note 1.5s var(--ease-spring) forwards;border-radius:14px;padding:5px 14px 7px;font-size:18px;font-weight:800;position:absolute;top:44%;left:50%;overflow:hidden;translate:-50% -50%}@keyframes dt-note{0%{opacity:0;transform:scale(.7)rotate(-5deg)}14%{opacity:1;transform:scale(1.06)rotate(-2deg)}24%{transform:scale(1)rotate(-2deg)}80%{opacity:1}to{opacity:0;transform:translateY(-12px)rotate(-2deg)}}.dt-overlay{animation:dt-fade .18s var(--ease-out);background:#fff7ddb3;border-radius:16px;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.dt-overlay--late{animation-duration:.42s}@keyframes dt-fade{0%{opacity:0}}.dt-card{text-align:center;background:var(--white);border:3px solid var(--ink);border-radius:var(--r-lg);max-width:100%;box-shadow:var(--hard-lg);animation:dt-pop .32s var(--ease-spring);flex-direction:column;align-items:center;gap:10px;padding:16px 18px 18px;display:flex}@keyframes dt-pop{0%{opacity:0;transform:translateY(10px)scale(.94)rotate(-1.5deg)}}.dt-card-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);margin:0;font-size:30px;font-weight:800;line-height:1}.dt-card-sub{color:var(--ink-2);text-wrap:balance;max-width:28ch;margin:0;font-size:14px;font-weight:700}.dt-card-hint{color:var(--ink-3);text-wrap:balance;max-width:30ch;margin:0;font-size:12px;font-weight:650}@media (prefers-reduced-motion:reduce){.dt-card,.dt-overlay,.dt-slot.is-set{animation:none}.dt-note{animation:1.5s linear forwards dt-note-still}}@keyframes dt-note-still{0%,80%{opacity:1}to{opacity:0}}