.kd-wrap{max-width:980px;margin:0 auto;padding:8px 4px 24px}.kd-title{text-align:center;margin:6px 0 4px;font-size:26px}.kd-sub{text-align:center;color:var(--muted);margin:0 0 14px;font-size:14px}.kd-hud{flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-bottom:10px;display:flex}.kd-stat{font-size:15px;font-weight:600}.kd-best{color:var(--muted);font-weight:400}.kd-board-wrap{max-width:960px;margin:0 auto;position:relative}.kd-board{border:1px solid var(--border);touch-action:manipulation;cursor:pointer;background:#10182b;border-radius:10px;width:100%;height:auto;display:block}.kd-banner{color:#ffd75e;pointer-events:none;white-space:nowrap;background:#0a0e18d9;border-radius:999px;padding:7px 18px;font-size:15px;font-weight:600;position:absolute;top:12px;left:50%;transform:translate(-50%)}.kd-overlay{text-align:center;background:#080b14c7;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.kd-overlay-title{font-size:26px;font-weight:700}.kd-overlay p{color:var(--muted);margin:0}.kd-overlay-btns{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.kd-shop{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 10px;display:flex}.kd-card{cursor:pointer;background:var(--card);border:1px solid var(--border);width:96px;color:var(--text);border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:9px 4px 7px;display:flex;position:relative}.kd-card:hover:not(:disabled){border-color:var(--accent)}.kd-card.active{border-color:#ffd75e;box-shadow:inset 0 0 0 1.5px #ffd75e}.kd-card:disabled{opacity:.42;cursor:not-allowed}.kd-card-icon{font-size:27px;line-height:1.15}.kd-card-name{font-size:13px;font-weight:600}.kd-card-cost{color:var(--muted);font-size:12px}.kd-card-key{color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:0 3px;font-size:10px;position:absolute;top:4px;right:7px}.kd-panel{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:960px;min-height:40px;margin:0 auto 10px;padding:6px 10px;display:flex}.kd-panel-name{font-weight:700}.kd-panel-desc,.kd-hint{color:var(--muted);font-size:13px}.kd-hint{text-align:center;justify-content:center}.kd-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.kd-controls-note{color:var(--muted);font-size:14px}.kd-btn{cursor:pointer;background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 16px;font-size:14px}.kd-btn:hover:not(:disabled){border-color:var(--accent)}.kd-btn:disabled{opacity:.45;cursor:not-allowed}.kd-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.kd-howto{max-width:960px;color:var(--muted);margin:22px auto 0;font-size:14px;line-height:1.8}.kd-howto h3{color:var(--text);margin:0 0 6px;font-size:16px}.kd-howto p{text-align:justify;margin:0}@media (width<=560px){.kd-card{width:76px}.kd-card-icon{font-size:23px}.kd-title{font-size:21px}}