:root{--ink:#eef8ff;--muted:#8aa6d8;--panel:rgba(8,34,83,.76);--line:rgba(84,185,255,.27)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-rounded,"Arial Rounded MT Bold",Arial,system-ui,sans-serif;background:#031333;color:var(--ink)}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #8dffcf;outline-offset:3px}.kk-close{min-width:44px;min-height:44px}.kk-app{position:relative;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 38%,#10489c 0,#061e4d 42%,#020c24 85%);isolation:isolate}.kk-bg{position:absolute;inset:0;z-index:-1;opacity:.5;background-image:linear-gradient(rgba(23,127,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(23,127,255,.08) 1px,transparent 1px),radial-gradient(circle at 50% 45%,rgba(25,209,255,.27),transparent 33%);background-size:90px 90px,90px 90px,100% 100%;mask-image:linear-gradient(to bottom,#000,transparent 88%)}.kk-topbar{height:76px;padding:10px clamp(16px,4vw,58px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(1,13,42,.72);backdrop-filter:blur(18px);position:relative;z-index:5}.kk-brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none}.kk-brand img{width:50px;height:50px;object-fit:cover;border-radius:14px;border:2px solid #27c6ff}.kk-brand b{display:block;font-size:19px;letter-spacing:.6px}.kk-brand small{display:block;color:var(--muted);font-size:11px}.kk-nav{display:flex;gap:6px}.kk-nav button,.kk-footer button{border:0;color:#b9cdf3;background:transparent;padding:10px 13px;border-radius:10px}.kk-nav button:hover{background:rgba(49,154,255,.14);color:white}.kk-account{display:flex;align-items:center;gap:9px}.kk-avatar img{display:block;border-radius:50%;border:2px solid #36c7ff}.kk-account-name{font-size:14px;font-weight:800}.kk-icon-button{color:#b9cdf3;text-decoration:none;font-size:22px}.kk-login,.kk-primary{border:0;color:#062258;background:linear-gradient(180deg,color-mix(in srgb,var(--kk-accent,#ffd51f),white 22%),var(--kk-accent,#ffd51f));font-weight:900;border-radius:10px;padding:11px 18px;box-shadow:0 5px 0 #c66a00}.kk-stage{min-height:calc(100dvh - 116px);display:grid;grid-template-columns:minmax(190px,240px) minmax(410px,610px) minmax(190px,240px);align-items:center;justify-content:center;gap:clamp(14px,2.5vw,34px);padding:24px clamp(15px,3vw,46px)}.kk-card,.kk-game-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(11,47,105,.88),rgba(3,23,63,.88));box-shadow:0 30px 70px rgba(0,4,24,.46),inset 0 1px rgba(255,255,255,.08);border-radius:18px}.kk-card{padding:19px}.kk-card-label{font-size:11px;letter-spacing:1.6px;color:#66d8ff;font-weight:900;margin-bottom:18px}.kk-user{display:flex;align-items:center;gap:12px}.kk-user strong,.kk-user small{display:block}.kk-user small{color:var(--muted);font-size:12px}.kk-level{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#583a00;font-size:21px;font-weight:900;background:linear-gradient(145deg,color-mix(in srgb,var(--kk-accent,#ffd51f),white 25%),var(--kk-accent,#ffd51f));box-shadow:inset 0 2px #fff9ad,0 6px 16px rgba(255,174,0,.25)}.kk-xp{height:7px;background:#021532;border-radius:9px;margin:14px 0 20px;overflow:hidden}.kk-xp span{display:block;width:10%;height:100%;background:linear-gradient(90deg,#27d5ff,var(--kk-primary,#3187ff));border-radius:inherit}.kk-wallet{display:grid;gap:9px}.kk-wallet>div{display:flex;align-items:center;gap:10px;padding:10px;background:rgba(3,18,48,.65);border:1px solid rgba(255,255,255,.08);border-radius:12px}.kk-wallet i{font-style:normal;font-size:23px}.kk-wallet small,.kk-wallet b{display:block}.kk-wallet small{font-size:9px;color:var(--muted);letter-spacing:1px}.kk-secondary{width:100%;margin-top:16px;border:1px solid var(--kk-primary,#258ce7);background:color-mix(in srgb,var(--kk-primary,#258ce7) 18%,transparent);color:#dff6ff;border-radius:10px;padding:10px;font-weight:800}.kk-game-card{position:relative;padding:14px clamp(14px,2vw,24px) 16px;border-color:rgba(52,203,255,.43)}.kk-game-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;margin-bottom:6px}.kk-game-head>div:last-child{text-align:right}.kk-game-head>div:first-child{text-align:left}.kk-game-head small,.kk-game-head strong{display:block}.kk-game-head small{font-size:9px;color:#8fb4e7;letter-spacing:1.5px}.kk-game-head strong{font-size:25px;color:white}.kk-game-head button{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:#092a67;color:white}.kk-combo{height:28px;text-align:center;color:#ffdc28;font-size:13px;font-weight:900;letter-spacing:1.4px;opacity:.9}.kk-board{width:min(54vh,100%);aspect-ratio:1;margin:auto;display:grid;gap:5px;padding:8px;border-radius:15px;background:rgba(0,12,38,.75);box-shadow:inset 0 0 34px rgba(0,0,0,.38);touch-action:none}.kk-cell{border-radius:6px;background:linear-gradient(145deg,rgba(18,71,135,.76),rgba(5,32,83,.72));border:1px solid rgba(84,167,255,.2);box-shadow:inset 0 1px rgba(255,255,255,.06)}.kk-cell.filled{border-color:rgba(255,255,255,.5);box-shadow:inset 0 2px rgba(255,255,255,.42),0 0 11px var(--glow)}.kk-cell.preview{outline:2px solid #8dffcf;filter:brightness(1.25)}.kk-cell.bad{outline:2px solid #ff6072}.kk-tray{height:86px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:8px;margin-top:8px}.kk-piece{height:78px;display:grid;place-items:center;border:0;background:rgba(0,14,43,.25);border-radius:12px;touch-action:none}.kk-piece:hover,.kk-piece.selected{background:rgba(36,145,255,.14);outline:1px solid #37c3ff;transform:translateY(-2px)}.kk-piece-grid{display:grid;gap:4px}.kk-drag-ghost{position:fixed;z-index:9999;pointer-events:none;display:grid;place-items:center;transform:translate(-50%,-50%) scale(1.22);padding:12px;border:1px solid rgba(91,211,255,.7);border-radius:14px;background:rgba(4,25,67,.88);box-shadow:0 14px 38px rgba(0,0,0,.46),0 0 24px rgba(29,167,255,.3);opacity:.96}.kk-drag-ghost .kk-mini{width:22px;height:22px}.kk-mini{width:19px;height:19px;border-radius:5px;background:var(--c);border:1px solid rgba(255,255,255,.65);box-shadow:inset 0 2px rgba(255,255,255,.35),0 3px 8px var(--g)}.kk-game-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kk-power{border:1px solid rgba(75,172,255,.28);border-radius:10px;background:#072557;color:#b9d6ff;padding:8px;font-size:12px;font-weight:800}.kk-power b{font-size:9px;color:#ffd82b}.kk-daily{text-align:center}.kk-daily .kk-card-label{text-align:left}.kk-mission-icon{font-size:45px}.kk-daily h2{font-size:17px;margin:8px 0 3px}.kk-daily p{font-size:12px;color:var(--muted);margin:0 0 15px}.kk-progress{height:8px;border-radius:10px;background:#02142f;overflow:hidden}.kk-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#8b4dff,#da65ff)}.kk-progress-label{display:flex;justify-content:space-between;font-size:10px;color:#abc1e8;margin-top:6px}.kk-progress-label b{color:#ffd629}.kk-daily hr{border:0;border-top:1px solid var(--line);margin:18px 0}.kk-daily h3{font-size:13px;text-align:left}.kk-days{display:flex;gap:5px}.kk-days span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-size:9px;color:#6d8fc4;background:#062250;border:1px solid #173e78}.kk-days .done{color:#093d34;background:#5bf2ba;border-color:#90ffdd}.kk-footer{height:40px;padding:0 clamp(18px,4vw,58px);display:flex;justify-content:space-between;align-items:center;color:#5575a7;font-size:11px}.kk-footer button{padding:4px 8px;font-size:11px}.kk-modal{position:fixed;inset:0;z-index:50;display:none;place-items:center;padding:18px;background:rgba(0,6,24,.78);backdrop-filter:blur(9px)}.kk-modal.open{display:grid}.kk-modal-card{position:relative;width:min(560px,100%);max-height:85vh;overflow:auto;border-radius:18px;border:1px solid #2f8fdd;background:#061b47;padding:26px;box-shadow:0 30px 100px #000}.kk-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#adc8ef;font-size:28px}.kk-modal h2{margin-top:0}.kk-modal p{color:#9db5db}.kk-list{display:grid;gap:8px}.kk-list-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#071f4c}.kk-rank{font-weight:900;color:#ffd72d}.kk-list-row small{display:block;color:#7f9bc8}.kk-form{display:grid;gap:10px}.kk-form input,.kk-form textarea{width:100%;border:1px solid #285897;background:#031430;color:white;border-radius:9px;padding:12px}.kk-form textarea{min-height:80px}.kk-form button{border:0;border-radius:9px;padding:12px;font-weight:900;background:#2c94ff;color:white}.kk-toast{position:fixed;z-index:80;left:50%;bottom:25px;transform:translate(-50%,25px);opacity:0;pointer-events:none;background:#061b47;border:1px solid #2d97ef;border-radius:10px;color:white;padding:11px 16px;transition:.22s}.kk-toast.show{opacity:1;transform:translate(-50%,0)}.kk-overlay-title{text-align:center;font-size:42px;color:#ffdf22}.kk-site{min-height:100vh;background:#f7f9fc;color:#17233c;padding:60px 20px}.kk-content{max-width:760px;margin:auto;background:white;border:1px solid #e2e7ef;border-radius:14px;padding:32px}.kk-content a{color:#1577df}@media(max-width:1050px){.kk-stage{grid-template-columns:minmax(400px,620px)}.kk-profile,.kk-daily{display:none}.kk-nav span{display:none}}@media(max-width:620px){.kk-topbar{height:64px;padding:8px 12px}.kk-brand img{width:42px;height:42px}.kk-brand span,.kk-account-name{display:none}.kk-nav button{padding:9px}.kk-stage{display:block;min-height:calc(100dvh - 98px);padding:8px}.kk-game-card{padding:10px 10px 12px;border-radius:14px}.kk-board{width:min(92vw,58vh);gap:4px;padding:6px}.kk-tray{height:84px}.kk-mini{width:16px;height:16px}.kk-footer{height:34px;padding:0 12px}.kk-footer>span:first-child{display:none}.kk-footer{justify-content:center}.kk-game-actions{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}