:root{--ink: #f4f1e8;--ink-dim: #b8b2a0;--gold: #e8c56a;--panel: #141320;--panel-edge: #2c2942;--bg: #0a0a12;--rare: #6f9bff;--epic: #e8c56a;--curse: #c74a4a}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100dvh;min-height:100dvh;background:var(--bg);overflow:hidden;overscroll-behavior:none;touch-action:none;font-family:ui-monospace,SF Mono,Menlo,monospace;color:var(--ink)}#app{position:fixed;inset:0}#kf-canvas{position:absolute;inset:0;display:block;touch-action:none;image-rendering:pixelated}#kf-ui{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom) + 12px) env(safe-area-inset-left);overflow:hidden;pointer-events:none}#kf-ui>*{pointer-events:auto}.kf-hidden{display:none!important}.kf-panel{background:#141320f0;border:2px solid var(--panel-edge);border-radius:14px;padding:14px;width:94vw;max-width:460px;max-height:calc(100dvh - env(safe-area-inset-bottom) - 20px);display:flex;flex-direction:column;gap:9px;overflow:hidden}.kf-title{font-size:40px;letter-spacing:3px;color:var(--gold);text-shadow:0 3px 0 #6b1f1f;text-align:center}.kf-sub{font-size:16px;color:var(--ink-dim);text-align:center}.kf-h{font-size:22px;color:var(--gold);text-align:center;letter-spacing:1px}.kf-btn{font:inherit;font-size:18px;color:var(--ink);background:linear-gradient(#2a2740,#191826);border:2px solid var(--panel-edge);border-radius:10px;padding:13px 14px;cursor:pointer;text-align:center}.kf-btn:active{transform:translateY(1px)}.kf-primary{background:linear-gradient(#7a3b2f,#5a2036);border-color:#8a4a3a;font-size:20px}.kf-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.kf-icon-btn{flex:1;min-width:70px;font-size:16px;padding:11px 6px}.kf-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border:2px solid var(--panel-edge);border-radius:10px;background:linear-gradient(#221f34,#17162340);will-change:transform}.kf-card-icon{font-size:30px;width:34px;text-align:center;color:var(--gold)}.kf-card-body{flex:1;display:flex;flex-direction:column;gap:2px}.kf-card-name{font-size:17px;color:var(--ink)}.kf-card-stat{font-size:16px;color:var(--gold)}.kf-card-detail{font-size:16px;color:var(--ink-dim);line-height:1.35}.kf-card-swipe{font-size:22px;color:var(--ink-dim)}.kf-rare{border-color:var(--rare)}.kf-epic{border-color:var(--epic)}.kf-curse{border-color:var(--curse);background:linear-gradient(#2a1620,#17162340)}.kf-curse .kf-card-icon,.kf-curse .kf-card-stat{color:var(--curse)}.kf-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.kf-cell{border:2px solid var(--panel-edge);border-radius:8px;padding:7px 8px;display:flex;flex-direction:column;gap:2px;background:#1b1a2b}.kf-cell-icon{font-size:20px;color:var(--gold)}.kf-cell-name{font-size:16px;color:var(--ink)}.kf-cell-row{font-size:19px;color:var(--gold);letter-spacing:2px}.kf-locked{opacity:.4}.kf-list{display:flex;flex-direction:column;gap:6px}.kf-item{font-size:16px;color:var(--ink-dim)}.kf-ghost-strip{display:flex;gap:8px;justify-content:center}.kf-ghost{position:relative;width:58px;height:58px;border:2px solid var(--panel-edge);border-radius:10px;background:#17162a;overflow:hidden}.kf-ghost-glyph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--gold)}.kf-ghost-dot{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#f4f1e8d9}.kf-g-tap .kf-ghost-dot{animation:kf-tap 1.1s ease-in-out infinite}.kf-g-hold .kf-ghost-dot{animation:kf-hold 1.6s ease-in-out infinite}.kf-g-swipe .kf-ghost-dot{animation:kf-swipe 1.4s ease-in-out infinite}.kf-g-two .kf-ghost-dot{animation:kf-tap 1.1s ease-in-out infinite;box-shadow:14px 0 #f4f1e8d9;margin-left:-15px}@keyframes kf-tap{0%,to{transform:scale(.5);opacity:.3}50%{transform:scale(1.1);opacity:.9}}@keyframes kf-hold{0%{transform:scale(.5);opacity:.4}70%,to{transform:scale(1.4);opacity:.9}}@keyframes kf-swipe{0%{transform:translate(14px);opacity:.2}50%{opacity:.9}to{transform:translate(-14px);opacity:.2}}#kf-tutor{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px}#kf-tutor .kf-ghost-dot{position:relative;left:0;top:0;margin:0;width:34px;height:34px;animation:kf-tap 1s ease-in-out infinite}#kf-tutor .kf-tutor-glyph{font-size:30px;color:var(--gold)}