.kd-wrap img{-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none}.kd-wrap{position:relative;max-width:880px;margin:0 auto;padding:4px;background:#424657;border-radius:5px;overflow:hidden;--kd-col:300px;--kd-under:55px;--kd-fade:78%}.kd-overlay{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#424657}.kd-spin{width:36px;height:36px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:rgba(255,255,255,.7);animation:kdspin .8s infinite linear}@keyframes kdspin{to{transform:rotate(360deg)}}.kd-stage{display:flex;gap:16px;align-items:stretch;padding:10px}.kd-left{flex:0 0 auto;width:var(--kd-col);max-width:44%}.kd-photo{position:relative;width:100%;aspect-ratio:9/16;background:#20242c;border-radius:8px;overflow:hidden}.kd-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:opacity .25s ease}.kd-wrap.kd-wide{--kd-col:520px;--kd-tray:38px}.kd-wrap.kd-wide .kd-stage{display:block;height:auto;max-width:var(--kd-col);margin:0 auto;padding:12px;background:rgba(7,12,14,.55);border-radius:8px;overflow:hidden}.kd-wrap.kd-wide .kd-left{width:100%;max-width:none}.kd-wrap.kd-wide .kd-photo{aspect-ratio:4/3;max-height:none;background:#20242c;border-radius:8px}.kd-wrap.kd-wide .kd-photo img{object-position:center center;-webkit-mask-image:none;mask-image:none}.kd-wrap.kd-wide .kd-tray{position:relative;z-index:2;box-sizing:border-box;width:82%;height:var(--kd-tray);margin:calc(var(--kd-tray)/ -2) auto 0;padding:6px 12px;justify-content:center;background:#485369}.kd-wrap.kd-wide .kd-right{display:block;margin-top:24px}.kd-wrap.kd-wide .kd-panel{max-width:none}.kd-wrap.kd-wide .kd-board{aspect-ratio:8/7;height:auto;flex:0 0 auto}.kd-tray{margin-top:7px;padding:6px 9px;border-radius:7px;background:#485369;display:flex;flex-direction:column;gap:6px}.kd-tray-row{display:flex;align-items:center;justify-content:space-between;gap:10px;height:14px}.kd-name{font:800 12px Montserrat,sans-serif;line-height:1.15;color:#fff;letter-spacing:.3px}.kd-count{font:800 12px Montserrat,sans-serif;line-height:1.15;color:#dfe3ea}.kd-bar{position:relative;overflow:hidden;height:5px;border-radius:3px;background:rgba(0,0,0,.3)}.kd-bar span{display:block;width:0;height:100%;border-radius:3px;background:#f0b429;transition:width .45s ease}.kd-bar i{position:absolute;top:0;bottom:0;width:3px;margin-left:-1.5px;background:#485369}.kd-right{position:relative;flex:1 1 auto;min-width:0;display:flex}.kd-panel{flex:1 1 auto;min-width:0;width:100%;display:flex;flex-direction:column;gap:8px;transition:opacity .25s ease}.kd-board{position:relative;z-index:1;flex:1 1 auto;width:100%;min-height:0}.kd-board.kd-still .kd-card{transition:none}.kd-board.kd-clear .kd-card,.kd-board.kd-clear .kd-slot{opacity:0;pointer-events:none;transition:opacity .4s ease}.kd-slot{position:absolute;top:0;left:0;box-sizing:border-box;border:1px dashed rgba(255,255,255,.22);border-radius:5px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.28);-webkit-tap-highlight-color:transparent}.kd-slot svg{width:42%;height:auto;display:block;fill:currentColor}.kd-slot.kd-hot{border-color:#3db8e6;border-style:solid;background:rgba(61,184,230,.12)}.kd-slot.kd-red{color:rgba(255,150,150,.35)}.kd-slot.kd-cycle{cursor:pointer;color:rgba(255,255,255,.5)}.kd-slot.kd-cycle svg{width:38%;fill:none;stroke:currentColor}.kd-card{position:absolute;top:0;left:0;transition:transform .22s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;cursor:pointer;perspective:800px}.kd-card img{width:100%;height:100%;display:block;border-radius:5px;filter:drop-shadow(0 3px 7px rgba(0,0,0,.5))}.kd-card.kd-flat img{filter:none}.kd-card.kd-drag{transition:none;cursor:grabbing}.kd-card.kd-drag img{filter:drop-shadow(0 8px 14px rgba(0,0,0,.55))}.kd-card.kd-sel img{outline:2px solid #3db8e6;outline-offset:-2px}.kd-card.kd-hot img{outline:2px solid #22c55e;outline-offset:-2px}.kd-card.kd-flip img{animation:kdflip .18s ease-out}@keyframes kdflip{from{transform:rotateY(-90deg)}to{transform:rotateY(0)}}.kd-bottom{display:flex;align-items:flex-start;justify-content:flex-start;gap:10px;position:relative;cursor:pointer;user-select:none;margin:12px -12px -12px;padding:10px 14px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;line-height:135%;color:#b9bdc9}.kd-bottom input{position:absolute;opacity:0;width:0;height:0}.kd-bottom b{color:#fff}.kd-bottom em{font-style:normal}.kd-track{position:relative;flex:none;width:36px;height:20px;border-radius:10px;background:rgba(255,255,255,.22);margin-top:-1px}.kd-knob{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}.kd-bottom input:checked+.kd-track{background:#3db8e6}.kd-bottom input:checked+.kd-track .kd-knob{transform:translateX(16px)}.kd-bottom.kd-ready .kd-track{transition:background .2s ease}.kd-bottom.kd-ready .kd-knob{transition:transform .2s ease}.kd-bottom input:focus-visible+.kd-track{box-shadow:0 0 0 3px rgba(61,184,230,.45)}.kd-msg{font:600 13px Poppins,sans-serif;color:#dfe3ea;text-align:center;min-height:18px}.kd-msg b{color:#f0b429}.kd-end{position:absolute;inset:0;z-index:6;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:#fff;padding:20px;background:rgba(66,70,87,.94);opacity:0;transition:opacity .35s ease}.kd-end.kd-in{opacity:1}.kd-end.kd-won{background:0 0}.kd-end.kd-won .kd-end-sub,.kd-end.kd-won .kd-end-title{text-shadow:0 2px 10px rgba(0,0,0,.75)}.kd-end-icon{line-height:0}.kd-end-icon svg{display:block}.kd-end-title{font:800 26px Montserrat,sans-serif;letter-spacing:1px;text-transform:uppercase}.kd-end.kd-lost .kd-end-title{color:#ef8a8a}.kd-end-sub{font:400 13px Poppins,sans-serif;color:#dfe3ea}.kd-again{margin-top:8px;border:0;cursor:pointer;background:#22c55e;color:#fff;font-weight:700;font-size:15px;letter-spacing:.5px;padding:11px 26px;border-radius:8px;transition:background .15s,transform .05s}.kd-again:hover{background:#16a34a}.kd-again:active{transform:scale(.97)}@media (max-width:1000px){.kd-stage{display:flex;flex-direction:column;gap:8px;padding:6px;height:calc(100vh - var(--kd-under));box-sizing:border-box}.kd-left{flex:0 0 auto;width:auto;max-width:none}.kd-photo{width:100%;height:auto;aspect-ratio:4/5;max-height:50vh;background:0 0;border-radius:8px 8px 0 0}.kd-photo img{-webkit-mask-image:linear-gradient(#000 var(--kd-fade),rgba(0,0,0,0) 100%);mask-image:linear-gradient(#000 var(--kd-fade),rgba(0,0,0,0) 100%)}.kd-tray{margin-top:6px;padding:6px 10px}.kd-right{flex:1 1 auto;min-height:0}.kd-msg{font-size:12px;min-height:16px}.kd-end-title{font-size:22px}}@supports (height:100svh){@media (max-width:1000px){.kd-stage{height:calc(100svh - var(--kd-under))}.kd-photo{max-height:50svh}}}@media (max-width:560px){.kd-wrap.kd-wide{background:#262a35;padding:0}.kd-wrap.kd-wide .kd-stage{max-width:none;padding:6px;background:#424657}.kd-wrap.kd-wide .kd-right{margin-top:20px}.kd-wrap.kd-wide .kd-bottom{margin:10px -6px -6px;padding:9px 10px;font-size:12px}}