*{box-sizing:border-box}
:root{color-scheme:dark;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}
html,body{margin:0;width:100%;height:100%;min-height:100%;overflow:hidden}
body{font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;background:#080b18;color:#fff;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
button{font:inherit;-webkit-tap-highlight-color:transparent}
.kc-root{width:100%;height:100%;height:100dvh;min-height:100%;display:block;overflow:hidden;outline:0;background:radial-gradient(circle at 10% 5%,rgba(255,216,107,.22),transparent 29%),radial-gradient(circle at 90% 0,rgba(71,244,218,.2),transparent 33%),linear-gradient(145deg,#080b18,#151b39 58%,#26142f)}
.kc-shell{position:relative;isolation:isolate;width:100%;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(5px,1vh,10px);padding:max(7px,var(--safe-t)) max(7px,var(--safe-r)) max(7px,var(--safe-b)) max(7px,var(--safe-l));overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))}
.kc-shell:before{content:"";position:absolute;z-index:-1;right:-120px;top:-170px;width:360px;height:360px;border-radius:50%;background:rgba(255,216,107,.1);pointer-events:none}
.kc-top{position:relative;z-index:20;display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(58px,.72fr);gap:clamp(4px,.8vw,8px);width:min(100%,980px);margin-inline:auto}
.kc-stat,.kc-small,.kc-tool,.kc-pill{border:1px solid rgba(255,255,255,.12);background:rgba(6,12,31,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.kc-stat{min-width:0;border-radius:clamp(11px,2vw,17px);padding:clamp(6px,1vh,9px) 5px;text-align:center;overflow:hidden}
.kc-stat span{position:relative;z-index:1;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(9px,1.7vw,11px);font-weight:900;color:#aeb9df;line-height:1.15}
.kc-stat strong{position:relative;z-index:1;display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(13px,2.6vw,18px);font-weight:1000;color:#fff;line-height:1.05}
.kc-score strong{color:#7dffe6}.kc-combo strong{color:#ffd86b}
.kc-small{min-width:0;border-radius:clamp(11px,2vw,17px);color:#eef3ff;font-weight:1000;font-size:clamp(10px,1.8vw,12px);padding:5px 8px;cursor:pointer;touch-action:manipulation}
.kc-small:disabled,.kc-tool:disabled{opacity:.42;cursor:not-allowed}.kc-small.is-paused{background:linear-gradient(135deg,#ffd86b,#ff9a5a);color:#061024}
.kc-stage{position:relative;z-index:10;min-width:0;min-height:0;width:min(100%,980px);margin-inline:auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(5px,1vh,9px)}
.kc-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 3px;min-width:0}
.kc-head>div{min-width:0;display:flex;align-items:center;gap:9px}.kc-head h1{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(16px,2.8vw,22px);font-weight:1000;letter-spacing:-.04em}
.kc-head p{margin:0;max-width:480px;text-align:left;direction:rtl;color:#bdc8ea;font-size:clamp(10px,1.8vw,12px);line-height:1.55}
.kc-badge{display:inline-flex;flex:none;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;background:linear-gradient(135deg,rgba(49,220,210,.22),rgba(255,216,107,.15));border:1px solid rgba(255,255,255,.15);color:#9fffee;font-size:11px;font-weight:1000;white-space:nowrap}
.kc-board-wrap{position:relative;z-index:1;min-height:0;display:flex;align-items:stretch;justify-content:center;border:1px solid rgba(255,255,255,.1);border-radius:clamp(16px,3vw,26px);padding:clamp(5px,1vw,10px);background:radial-gradient(circle at 50% 4%,rgba(255,255,255,.08),transparent 43%),linear-gradient(180deg,rgba(7,13,36,.68),rgba(6,11,28,.87));box-shadow:inset 0 8px 36px rgba(0,0,0,.22);overflow:hidden}
.kc-board{position:relative;isolation:isolate;width:min(100%,690px);height:100%;min-height:210px;margin:auto;border-radius:clamp(13px,2.5vw,21px);overflow:hidden;touch-action:none;overscroll-behavior:none}
.kc-board:before{content:"";position:absolute;z-index:0;inset:4px;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);pointer-events:none}
.kc-tile{position:absolute;width:13.2%;height:16%;min-width:36px;min-height:36px;max-width:72px;max-height:68px;border:0;background:transparent;padding:0;border-radius:15px;cursor:pointer;outline:0;touch-action:none;overscroll-behavior:none;transform:translate3d(calc(var(--lift,0px)),calc(var(--lift,0px) * -1),0);transition:transform .14s ease,filter .14s ease}
.kc-tile:focus-visible{filter:drop-shadow(0 0 0.4rem rgba(125,255,230,.7))}
.kc-inner{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:inherit;border:1px solid rgba(255,255,255,.36);background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.88),rgba(255,255,255,.25) 22%,transparent 23%),linear-gradient(145deg,var(--light),var(--main) 55%,var(--dark));box-shadow:0 7px 0 var(--edge),0 11px 17px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.46),inset -7px -8px 13px rgba(0,0,0,.12);overflow:hidden}
.kc-symbol{font-size:clamp(15px,4.8vmin,22px);font-weight:1000;line-height:1;color:#061024;text-shadow:0 1px 0 rgba(255,255,255,.28)}
.kc-label{max-width:92%;overflow:hidden;text-overflow:ellipsis;font-size:clamp(7px,1.9vmin,9px);font-weight:1000;color:rgba(8,12,28,.84);line-height:1.1;white-space:nowrap}
@media(hover:hover) and (pointer:fine){.kc-tile.free:hover{transform:translate3d(calc(var(--lift,0px)),calc(var(--lift,0px) * -1 - 5px),0)}}
.kc-tile.hint{transform:translate3d(calc(var(--lift,0px)),calc(var(--lift,0px) * -1 - 5px),0)}
.kc-tile.free .kc-inner{box-shadow:0 7px 0 var(--edge),0 13px 20px rgba(0,0,0,.27),0 0 0 2px rgba(126,255,230,.09),inset 0 1px 0 rgba(255,255,255,.48)}
.kc-tile.hint .kc-inner{box-shadow:0 7px 0 var(--edge),0 0 0 4px rgba(255,216,107,.3),0 0 28px rgba(255,216,107,.25),0 12px 20px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.5)}
.kc-tile.locked{filter:saturate(.65) brightness(.58)}.kc-tile.shake{animation:kcShake .24s linear}
.kc-tray-card{position:relative;z-index:5;border:1px solid rgba(255,255,255,.1);border-radius:clamp(14px,2.7vw,21px);padding:clamp(5px,1vw,8px);background:linear-gradient(180deg,rgba(7,13,36,.74),rgba(8,12,31,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.kc-tray-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;padding:0 2px;color:#c7d2f1;font-size:10px;font-weight:950}.kc-tray{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(3px,.8vw,6px);direction:ltr}
.kc-slot,.kc-tray-tile{height:clamp(38px,7.2vh,53px);border-radius:clamp(9px,2vw,14px);min-width:0}.kc-slot{border:1px dashed rgba(255,255,255,.13);background:rgba(255,255,255,.035)}
.kc-tray-tile{display:flex;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:1px;border:1px solid rgba(255,255,255,.27);background:linear-gradient(145deg,var(--light),var(--main) 60%,var(--dark));box-shadow:0 4px 0 var(--edge),0 7px 12px rgba(0,0,0,.21),inset 0 1px 0 rgba(255,255,255,.35);direction:rtl;overflow:hidden}.kc-tray-tile .kc-symbol{font-size:clamp(14px,4vmin,19px)}.kc-tray-tile .kc-label{font-size:clamp(6px,1.7vmin,8px)}.kc-tray.danger{animation:kcPulse .55s ease 2}
.kc-bottom{position:relative;z-index:20;width:min(100%,980px);margin-inline:auto;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}
.kc-help{display:flex;justify-content:center;align-items:center;gap:6px;min-width:0;color:#bdc8ea;font-size:clamp(10px,1.6vw,12px);line-height:1.4;white-space:nowrap}.kc-help span{overflow:hidden;text-overflow:ellipsis}.kc-help strong{color:#fff;flex:none}
.kc-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:clamp(4px,.7vw,7px);min-width:0}
.kc-tool,.kc-pill{min-width:0;min-height:36px;border-radius:clamp(10px,1.8vw,14px);color:#eef4ff;font-size:clamp(9px,1.6vw,12px);font-weight:950;padding:6px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kc-tool{cursor:pointer;touch-action:manipulation}.kc-pill{display:flex;align-items:center;justify-content:center;color:#cbd7ff}.kc-seed{color:#9fffee}
.kc-toast{position:absolute;z-index:150;left:50%;top:50%;width:max-content;max-width:min(88%,460px);transform:translate(-50%,-42%) scale(.96);opacity:0;visibility:hidden;pointer-events:none;padding:11px 15px;border-radius:17px;background:rgba(4,8,22,.96);border:1px solid rgba(255,255,255,.2);box-shadow:0 18px 48px rgba(0,0,0,.5),0 0 0 1px rgba(125,255,230,.08);font-size:clamp(11px,2.3vw,14px);line-height:1.65;text-align:center;font-weight:900;color:#fff;transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;overflow-wrap:anywhere}
.kc-toast.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);transition-delay:0s}
.kc-overlay{position:absolute;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:max(14px,var(--safe-t)) max(14px,var(--safe-r)) max(14px,var(--safe-b)) max(14px,var(--safe-l));background:radial-gradient(circle at 50% 40%,rgba(34,244,210,.17),transparent 35%),rgba(4,7,18,.78);backdrop-filter:blur(9px)}.kc-overlay.hide{display:none}
.kc-card{position:relative;z-index:1;width:min(92%,390px);max-height:92%;overflow:auto;border:1px solid rgba(255,255,255,.16);border-radius:26px;padding:22px 18px;text-align:center;background:linear-gradient(180deg,rgba(22,30,65,.98),rgba(12,17,42,.98));box-shadow:0 30px 80px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.12)}.kc-card h2{margin:12px 0 8px;font-size:clamp(23px,6vw,30px);font-weight:1000;letter-spacing:-.05em}.kc-card p{margin:0 auto 16px;color:#c8d3f2;line-height:1.85;font-size:clamp(12px,3vw,14px)}
.kc-main{min-height:44px;border:0;border-radius:16px;padding:11px 18px;color:#061024;background:linear-gradient(135deg,#7dffe6,#ffd86b);font-weight:1000;font-size:14px;box-shadow:0 12px 30px rgba(125,255,230,.18);cursor:pointer;touch-action:manipulation}
.kc-paused .kc-board-wrap,.kc-paused .kc-tray-card{filter:saturate(.75) brightness(.82)}
@keyframes kcShake{0%,100%{transform:translateX(0)}25%{transform:translateX(4px)}50%{transform:translateX(-4px)}75%{transform:translateX(2px)}}@keyframes kcPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.018);box-shadow:0 0 0 3px rgba(255,79,117,.18)}}
@media(max-width:680px){.kc-shell{gap:5px;padding:max(5px,var(--safe-t)) max(5px,var(--safe-r)) max(5px,var(--safe-b)) max(5px,var(--safe-l))}.kc-top{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.kc-stat{padding:5px 2px;border-radius:10px}.kc-stat span{font-size:8px}.kc-stat strong{font-size:13px;margin-top:2px}.kc-small{border-radius:10px;font-size:9px;padding:3px}.kc-stage{gap:5px}.kc-head{padding:0 1px;gap:7px}.kc-head>div{gap:6px}.kc-badge{font-size:9px;padding:3px 7px}.kc-head h1{font-size:15px}.kc-head p{display:none}.kc-board-wrap{padding:4px;border-radius:15px}.kc-board{min-height:180px;border-radius:12px}.kc-tile{width:13.7%;height:15.8%;min-width:32px;min-height:32px;max-width:58px;max-height:56px;border-radius:11px}.kc-inner{box-shadow:0 5px 0 var(--edge),0 8px 12px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.42)}.kc-tray-card{padding:4px 5px;border-radius:13px}.kc-tray-head{margin-bottom:3px;font-size:9px}.kc-slot,.kc-tray-tile{height:38px;border-radius:8px}.kc-bottom{display:block}.kc-help{display:none}.kc-actions{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.kc-tool,.kc-pill{min-height:32px;border-radius:9px;font-size:8.5px;padding:4px 2px}.kc-toast{max-width:90%;padding:9px 12px;border-radius:14px;font-size:11px}.kc-card{border-radius:21px;padding:19px 15px}}
@media(max-height:590px) and (min-width:600px){.kc-shell{grid-template-rows:auto minmax(0,1fr) auto;padding:5px 7px}.kc-top{max-width:none}.kc-stage{max-width:none;grid-template-columns:minmax(0,1fr) 210px;grid-template-rows:minmax(0,1fr);gap:7px}.kc-head{display:none}.kc-board-wrap{grid-column:1;grid-row:1}.kc-board{min-height:180px;max-width:620px}.kc-tray-card{grid-column:2;grid-row:1;align-self:stretch;display:flex;flex-direction:column}.kc-tray{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(38px,1fr);align-content:center}.kc-slot,.kc-tray-tile{height:auto;min-height:38px}.kc-bottom{max-width:none;display:block}.kc-help{display:none}.kc-actions{grid-template-columns:repeat(6,minmax(0,1fr))}.kc-tool,.kc-pill{min-height:30px;padding:4px 6px}}
@media(max-height:470px){.kc-stat{padding:4px 3px}.kc-stat span{font-size:8px}.kc-stat strong{font-size:12px}.kc-tool,.kc-pill{min-height:28px}.kc-tray-head{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}