#kz-game{--kz-ink:#213f37;--kz-green:#228572;--kz-coral:#dc6249;color:var(--kz-ink);background:#f7f6f1;border:1px solid #e1e5dc;border-radius:24px;overflow:hidden;margin:0 auto;text-align:left;box-shadow:0 12px 36px #233e3610;font-family:inherit}
#kz-game *{box-sizing:border-box}#kz-game [hidden]{display:none!important}#kz-game button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#kz-game button:focus-visible{outline:3px solid #bf7d15;outline-offset:3px}#kz-game button:disabled{opacity:.4;cursor:default}
.kz-top{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e1e5dc;gap:8px}.kz-brand{font-size:17px;font-weight:850;display:flex;align-items:center;gap:9px;white-space:nowrap}.kz-brand i{font-style:normal;color:var(--kz-green);font-size:27px}.kz-brand small{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#607269;margin-left:6px}.kz-tools{display:flex;gap:7px}.kz-tools button{background:#fff;border:1px solid #dce2d8;border-radius:10px;min-height:40px;padding:0 12px;font-size:12px;color:var(--kz-ink)}.kz-tools #kz-pause{width:40px}
.kz-hud{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 24px 14px;gap:8px}.kz-hud>div{display:flex;align-items:baseline;gap:12px;border-right:1px solid #dce2d8;padding-left:14px}.kz-hud>div:first-child{padding-left:0}.kz-hud>div:last-child{border:0}.kz-hud small{font-size:12px;color:#617268;white-space:nowrap}.kz-hud b{font-size:25px;letter-spacing:-1px;font-variant-numeric:tabular-nums;white-space:nowrap}.kz-hud em{font-style:normal;font-size:13px;font-weight:500;color:#617268;margin-left:3px}.kz-hud #kz-time.kz-urgent{color:#c34c34}
.kz-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:20px;padding:4px 22px 22px}.kz-play{min-width:0}#kz-board{position:relative;aspect-ratio:1;min-height:370px;background-color:#fffefa;background-image:radial-gradient(#bfcabb70 .8px,transparent .8px);background-size:22px 22px;border:1px solid #dde3d8;border-radius:20px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}
#kz-lines,#kz-nodes{position:absolute;inset:0;width:100%;height:100%}#kz-lines{pointer-events:none}#kz-lines line{stroke:#228572;stroke-width:4;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke .12s}#kz-lines line.kz-tangled{stroke:#e6755b;stroke-dasharray:9 4}
#kz-nodes{pointer-events:none}#kz-game .kz-node{position:absolute;transform:translate(-50%,-50%);width:48px;height:48px;display:grid;place-items:center;background:transparent;border:0;padding:0;pointer-events:auto;touch-action:none;border-radius:50%;z-index:2;color:#26443a}#kz-game .kz-node span{display:grid;place-items:center;width:34px;height:34px;border:2px solid #517663;border-radius:50%;background:linear-gradient(150deg,#fff,#f2f3e8);font-size:12px;font-weight:800;box-shadow:0 3px 5px #203b3520;transition:background .12s,box-shadow .12s}#kz-game .kz-node.kz-selected{z-index:4}#kz-game .kz-node.kz-selected span{background:#e0f4e9;box-shadow:0 0 0 6px #29897625,0 4px 12px #203b3525;border-color:#228572}#kz-game .kz-node.kz-overlap span{border-color:#d46a43;background:#fff0d8}
.kz-under{min-height:62px;display:flex;align-items:center;gap:12px;padding:12px 0 0;justify-content:space-between}.kz-under>span{font-size:12px;line-height:1.6;color:#607064}.kz-under button{flex-shrink:0;background:#fff;border:1px solid #dce2d8;border-radius:10px;padding:10px 13px;font-size:12px;color:#344f40;min-height:42px}.kz-side{display:flex;flex-direction:column;gap:18px}.kz-cross-card{border-radius:18px;background:#244d40;color:#fff;padding:23px;display:flex;justify-content:space-between;gap:4px;overflow:hidden}.kz-cross-card span{display:block;font-size:13px;color:#d1e5d5}.kz-cross-card b{display:block;font-size:64px;font-weight:700;line-height:1.25;font-variant-numeric:tabular-nums;letter-spacing:-3px}.kz-cross-card small{display:block;color:#d1e5d5;font-size:11px;line-height:1.6}.kz-cross-card i{font-size:54px;font-style:normal;color:#b6d5b6;align-self:center;opacity:.8}.kz-progress{display:flex;gap:6px}.kz-progress span{width:calc(100% / 6);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:1px solid #d9e1d5;font-size:10px;color:#6e8074;background:#fdfcf8}.kz-progress .kz-done{background:#228572;border-color:#228572;color:white}.kz-progress .kz-current{border:2px solid #228572;color:#205d49;font-weight:800}.kz-side-copy{padding:0 4px}.kz-side-copy h3{font-size:19px;letter-spacing:-.7px;margin:0 0 12px!important;color:#294a3b}.kz-side-copy p{color:#637568;font-size:13px;line-height:1.85;margin:0 0 14px}.kz-legend{display:flex;gap:15px;font-size:11px;color:#5d7262}.kz-legend span{display:flex;align-items:center;gap:5px}.kz-legend i{display:inline-block;width:16px;border-top:3px dashed #e6755b}.kz-legend span+span i{border-top:3px solid #228572}.kz-personal{margin-top:auto;padding-top:15px;border-top:1px solid #dce2d8;display:grid;gap:8px;color:#657568;font-size:12px}.kz-personal span{display:flex;justify-content:space-between;gap:12px}.kz-personal b{color:#244d40;font-variant-numeric:tabular-nums}
.kz-cover{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:#faf9f1ed;padding:20px;overflow:auto;overscroll-behavior:contain}.kz-panel{width:100%;max-width:340px;text-align:center;margin:auto}.kz-eyebrow{font-size:9px;font-weight:750;letter-spacing:1.5px;color:#677e6c}.kz-panel h2{font-size:30px!important;line-height:1.35;letter-spacing:-1.3px;margin:13px 0 12px!important;color:#263f34!important;font-weight:750!important}.kz-panel h2 strong{color:#228572}.kz-panel p{font-size:13px;line-height:1.8;color:#637165;margin:10px 0 14px;word-break:keep-all}.kz-demo{height:95px;width:260px;max-width:100%;margin:4px auto}.kz-pills{display:flex;justify-content:center;gap:6px;margin:0 0 18px}.kz-pills span{font-size:10px;color:#5b7660;padding:4px 10px;background:#eaf0e4;border-radius:20px}#kz-game .kz-primary{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:15px 20px;border:0;border-radius:13px;background:#234e3d;color:white;font-size:15px;font-weight:750;min-height:50px;box-shadow:0 5px 0 #183c2d13}#kz-game .kz-primary:hover{background:#2c634d}.kz-primary span{font-size:20px;font-weight:400}#kz-game .kz-text-btn{border:0;background:transparent;color:#637967;font-size:12px;min-height:42px;padding:10px 8px;margin-top:4px}#kz-game .kz-secondary{border:1px solid #cfdccb;background:#f7faf3;color:#315841;border-radius:12px;font-size:13px;padding:11px;width:100%;min-height:44px;margin-top:10px}
.kz-flash{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f5fff1d9;pointer-events:none}.kz-flash span{font-size:70px;letter-spacing:-4px;font-weight:900;color:#228572}.kz-flash b{font-size:15px;color:#305744}.kz-result-number{color:#244d40;margin:6px 0;line-height:1.1}.kz-result-number b{font-size:64px;letter-spacing:-3px}.kz-result-number>span{font-size:16px;margin-left:7px}.kz-detail{display:flex;justify-content:center;gap:15px;padding:12px 4px;margin:12px 0 16px;border-top:1px solid #dce3d5;border-bottom:1px solid #dce3d5;font-size:12px;color:#566d5b}.kz-detail b{color:#244d40}#kz-game .kz-newbest{font-size:12px;color:#287345;font-weight:700}#kz-share-status{display:block;min-height:17px;color:#58725e;font-size:11px;margin-top:8px}.kz-guide.answer_shadow{text-align:left;line-height:1.8;margin-top:18px;padding:20px}.kz-guide h3{font-size:16px;margin:0 0 9px}.kz-guide p{font-size:13px;margin:0 0 8px}.kz-guide small{font-size:11px;color:#777;line-height:1.8}
@media(max-width:760px){#kz-game{border-radius:18px}.kz-top{padding:11px 14px}.kz-brand{font-size:15px;gap:6px}.kz-brand small{font-size:8px;letter-spacing:1px;margin-left:0}.kz-tools button{min-height:36px;padding:0 9px;font-size:10px}.kz-tools #kz-pause{width:36px}.kz-hud{padding:12px 15px 10px}.kz-hud>div{display:block;padding-left:16px}.kz-hud small{display:block;font-size:10px;margin-bottom:3px}.kz-hud b{font-size:24px}.kz-layout{display:flex;flex-direction:column;gap:10px;padding:0 12px 12px}.kz-side{order:-1;display:grid;grid-template-columns:1fr auto;gap:5px 10px}.kz-cross-card{padding:7px 12px;border-radius:10px;display:block}.kz-cross-card>div{display:flex;align-items:center;gap:10px}.kz-cross-card span{font-size:10px}.kz-cross-card b{font-size:24px;letter-spacing:-1px}.kz-cross-card small{font-size:10px;margin-left:auto}.kz-cross-card i,.kz-side-copy,.kz-personal{display:none}.kz-progress{gap:3px;align-items:center}.kz-progress span{width:21px;height:21px;font-size:8px}.kz-cross-card{grid-column:1 / -1}.kz-progress{grid-column:1 / -1;justify-content:center}.kz-progress span{width:18px;height:18px}#kz-board{min-height:350px;border-radius:14px}.kz-cover{padding:20px 18px}.kz-panel h2{font-size:25px!important;margin:8px 0!important}.kz-eyebrow{font-size:8px;letter-spacing:1px}.kz-demo{height:70px;margin:2px auto}.kz-panel p{font-size:12px;line-height:1.7;margin:7px 0 12px}.kz-pills{margin-bottom:13px}.kz-under{min-height:51px;gap:8px;padding-top:7px}.kz-under>span{font-size:10px}.kz-under button{font-size:10px;padding:8px;min-height:38px}#kz-game .kz-node span{width:30px;height:30px;font-size:11px}#kz-lines line{stroke-width:3}.kz-result-number b{font-size:52px}.kz-detail{margin:8px 0 12px;font-size:11px;padding:10px 0}.kz-guide.answer_shadow{padding:17px}}
@media(max-width:360px){.kz-brand small{display:none}.kz-cover{padding:16px 13px}.kz-panel h2{font-size:23px!important}.kz-cross-card small{font-size:9px}.kz-guide p{font-size:12px}.kz-hud em{font-size:11px}}
@media(prefers-reduced-motion:reduce){#kz-game *{transition:none!important}}
/* 명시적 폭으로 작은 화면에서 aspect-ratio와 최소 높이가 판을 가로로 늘리지 않게 한다. */
#kz-board{width:100%}
@media(max-width:760px){#kz-game.kz-active #kz-board{aspect-ratio:auto;min-height:260px;height:calc(100vh - 280px);height:calc(100svh - 280px);max-height:440px}}
@media(min-width:600px) and (max-height:500px){.kz-top{padding:7px 14px}.kz-hud{padding:7px 15px}.kz-hud b{font-size:21px}.kz-layout{grid-template-columns:minmax(0,1fr) 200px;gap:14px;padding:0 14px 12px}#kz-board{aspect-ratio:auto;min-height:230px;height:calc(100vh - 145px);height:calc(100svh - 145px)}.kz-side-copy,.kz-personal{display:none}.kz-cross-card{padding:15px}.kz-cross-card b{font-size:46px}.kz-side{gap:10px}.kz-under{padding-top:6px;min-height:44px}.kz-cover{padding:12px}.kz-panel h2{font-size:23px!important}.kz-demo{height:50px}.kz-panel p{font-size:12px;margin:6px 0}.kz-pills{margin-bottom:9px}}