:root{--kk:#f59e0b;--kk-ok:#3ddc84;--kk-bad:#ff5a5f}.kk-root{background-color:var(--color-night-900);touch-action:manipulation;-webkit-user-select:none;user-select:none;background-image:radial-gradient(70% 50% at 50% 0,#c8232a47,#0000 70%),radial-gradient(60% 40% at 50% 100%,#f0b42924,#0000 70%),linear-gradient(#0b2147,#061328);background-position:50% 40%;background-size:cover;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.kk-shade{pointer-events:none;background:linear-gradient(#030a1873,#030a1826 35%,#030a1859 70%,#030a18d9);position:absolute;inset:0}.kk-title .kk-shade,.kk-result .kk-shade{background:linear-gradient(#030a188c,#030a1873 40%,#030a18e6)}.kk-hud{z-index:5;padding:max(8px, env(safe-area-inset-top)) 10px 4px;align-items:center;gap:8px;display:flex;position:relative}.kk-hud-mid{text-align:center;flex:1;min-width:0}.kk-hud-title{font-family:var(--font-display,"Unbounded", sans-serif);color:var(--color-gold,#f0b429);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.kk-hud-stats{color:#ffffffbf;white-space:nowrap;justify-content:center;gap:10px;font-size:13px;display:flex}.kk-hud-stats b{color:#fff;font-variant-numeric:tabular-nums}.kk-combo{color:#ffd45e;text-shadow:0 0 10px #ffd45e99;font-weight:800}.kk-tip{text-align:center;color:#ffffffd9;padding:0 8px;font-size:14px}.kk-gridbox{z-index:4;min-height:0;margin:0 12px max(12px, env(safe-area-inset-bottom));flex:1;justify-content:center;align-items:center;display:flex;position:relative}.kk-grid{perspective:900px;justify-content:center;display:grid}.kk-card{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:14px;padding:0;animation:.5s cubic-bezier(.2,.9,.3,1.2) both kk-deal;position:relative}.kk-card:focus-visible{outline-offset:3px;outline:3px solid #ffd45e}@keyframes kk-deal{0%{opacity:0;transform:translateY(40px)scale(.6)rotate(-6deg)}}.kk-inner{transform-style:preserve-3d;will-change:transform;transition:transform .42s cubic-bezier(.3,1.4,.5,1);position:absolute;inset:0}.kk-card.is-up .kk-inner{transform:rotateY(180deg)}.kk-card:active:not(.is-up) .kk-inner{transition-duration:.1s;transform:scale(.95)}.kk-back,.kk-front{backface-visibility:hidden;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.kk-back{background:radial-gradient(circle,#ffd45e38 0 22%,#0000 23%),repeating-linear-gradient(45deg,#ffd45e17 0 6px,#0000 6px 14px),linear-gradient(160deg,#e0383f,#a3151c);border:2px solid #f0b429;box-shadow:inset 0 0 0 4px #a3151c,inset 0 0 0 5px #ffd45e99,0 6px 14px #0006}.kk-back-mark{font-family:var(--font-kai,"KaiTi", serif);color:#ffd45e;opacity:.9;text-shadow:0 2px #7a0d12;font-size:1.6em}.kk-front{color:#081c3b;text-align:center;background:linear-gradient(170deg,#fffaf0,#f6e7c8);border:2px solid #f0b429;padding:6px;transform:rotateY(180deg);box-shadow:inset 0 0 0 4px #fffaf0,inset 0 0 0 5px #c8232a59,0 6px 14px #0006}.kk-hz{color:#081c3b;line-height:1.1}.kk-sub{color:#6b5a3a;margin-top:2px;font-size:12px}.kk-front .pinyin{text-shadow:none}.kk-py{word-break:break-word;font-weight:800;line-height:1.1}.kk-front .pinyin{filter:brightness(.62)saturate(1.6)}.kk-sub{font-weight:700}.kk-arti{color:#081c3b;font-family:Onest,sans-serif;font-weight:800;line-height:1.15}.kk-f-arti{background:linear-gradient(170deg,#f1fbff,#d8ecfa)}.kk-f-pinyin{background:linear-gradient(170deg,#fdf3ff,#efdcf7)}.kk-f-suara{background:linear-gradient(170deg,#fff4e0,#ffdca8)}.kk-spk{color:#c8232a}.kk-card.is-matched .kk-front{border-color:var(--kk-ok);box-shadow:inset 0 0 0 4px #fffaf0,0 0 0 3px #3ddc8480,0 0 22px #ffd45e8c}.kk-card.is-matched .kk-inner{animation:.5s cubic-bezier(.3,1.6,.5,1) both kk-pop}@keyframes kk-pop{40%{scale:1.1}}.kk-card.is-wrong .kk-front{border-color:var(--kk-bad);box-shadow:inset 0 0 0 4px #fff0f0,0 0 0 3px #ff5a5f8c}.kk-card.is-wrong .kk-inner{animation:.38s both kk-shake}@keyframes kk-shake{20%,60%{translate:-5px}40%,80%{translate:5px}}.kk-slot{z-index:6;justify-content:center;align-items:center;height:70px;margin:0 12px 8px;display:flex;position:relative}.kk-mini{background:#081c3bf0;border:1.5px solid #f0b429b3;border-radius:16px;align-items:center;gap:12px;width:min(100%,440px);height:100%;padding:6px 12px;display:flex;box-shadow:0 8px 24px #00000073,0 0 18px #f0b42933}.kk-mini-h{color:#fff;flex-shrink:0;font-size:38px;line-height:1}.kk-mini-body{flex-direction:column;min-width:0;line-height:1.25;display:flex}.kk-mini-ex{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.kk-deco-card{aspect-ratio:.72;width:34%;transform:rotate(var(--r));opacity:.85;background:linear-gradient(160deg,#e0383f,#a3151c);border:2px solid #f0b429;border-radius:10px;justify-content:center;align-items:center;font-size:22px;animation:3.2s ease-in-out infinite kk-float;display:flex;position:absolute;top:6%;box-shadow:0 8px 18px #00000073}@keyframes kk-float{50%{transform:rotate(var(--r)) translateY(-10px) rotateY(25deg)}}.kk-mode,.kk-deck{text-align:left;background:#ffffff0d;border:1.5px solid #ffffff1f;border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;transition:transform .15s,border-color .15s,background .15s;display:flex}.kk-mode:disabled{opacity:.5;cursor:not-allowed}.kk-mode.is-on{background:#f0b42924;border-color:#f0b429}.kk-mode:focus-visible,.kk-deck:focus-visible{outline-offset:2px;outline:3px solid #ffd45e}.kk-deck{flex-direction:row;align-items:center;gap:10px}.kk-deck:hover,.kk-mode:not(:disabled):hover{border-color:var(--kk-accent,#f0b429);transform:translateY(-2px)}.kk-deck-icon{color:#081c3b;background:var(--kk-accent,#f0b429);border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}@media (prefers-reduced-motion:reduce){.kk-card,.kk-card .kk-inner,.kk-deco-card{animation:none}.kk-inner{transition-duration:.2s}}