html,body{width:100%;height:var(--app-height,100dvh);margin:0;overflow:hidden;background:#090814;overscroll-behavior:none;touch-action:none}body{position:fixed;inset:0}#kunitori-game{color-scheme:dark;--bg:#090814;--panel:#15182a;--ink:#f7f1d2;--muted:#8ea1b9;--cyan:#4ee5ff;--pink:#ff4f9f;--gold:#ffd166;--lime:#73ff8f;--shell-top:max(10px,env(safe-area-inset-top));--shell-bottom:max(34px,calc(env(safe-area-inset-bottom) + 24px));--shell-side:clamp(4px,1.8vw,12px);--hud-height:clamp(30px,8.6vw,38px);--hud-gap:6px;--board-width:min( 100%,calc((var(--app-height,100dvh) - var(--shell-top) - var(--shell-bottom) - var(--hud-height) - var(--hud-gap)) * 0.5625) );width:100%;height:var(--app-height,100dvh);margin:0;overflow:hidden;background:linear-gradient(180deg,rgba(255,79,159,0.1),transparent 30%),radial-gradient(circle at 50% 0%,#24203f 0,var(--bg) 42rem);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;line-height:1;overscroll-behavior:none;touch-action:none;isolation:isolate}#kunitori-game,#kunitori-game *{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#kunitori-game button{border:0;font:inherit;color:inherit;image-rendering:pixelated}#kunitori-game .test-clear-button{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:max(14px,calc(env(safe-area-inset-bottom) + 12px));z-index:30;min-width:54px;height:28px;padding:0 9px;border:2px solid #fff8d8;border-radius:0;background:linear-gradient(180deg,rgba(255,255,255,0.26) 0 28%,transparent 28% 100%),linear-gradient(180deg,#ff6fcb 0 48%,#9c52ff 48% 78%,#45dfff 78% 100%),#9c52ff;color:#fff8d8;font-size:10px;font-weight:900;letter-spacing:0;line-height:1;text-shadow:0 1px 0 #05050a,1px 0 0 #05050a,-1px 0 0 #05050a,0 -1px 0 #05050a,0 2px 0 rgba(42,21,61,0.82);clip-path:polygon(0 5px,5px 5px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px));box-shadow:0 0 0 2px #05050a,4px 4px 0 #2a153d,inset 0 -4px 0 rgba(5,5,10,0.28),inset 0 3px 0 rgba(255,248,216,0.18),0 0 14px rgba(255,111,203,0.34),0 0 10px rgba(69,223,255,0.16);cursor:pointer}#kunitori-game .test-clear-button:active{transform:translate(2px,2px);box-shadow:0 0 0 2px #05050a,2px 2px 0 #2a153d,inset 0 -2px 0 rgba(5,5,10,0.22),inset 0 2px 0 rgba(255,248,216,0.14)}#kunitori-game .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#kunitori-game.name-required .menu-actions{visibility:hidden;pointer-events:none}#kunitori-game.name-required .test-clear-button{display:none}#kunitori-game .player-name-overlay,#kunitori-game .ranking-overlay{position:fixed;inset:0;z-index:24;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 34%,rgba(255,79,159,0.2),transparent 38%),rgba(5,5,10,0.82)}#kunitori-game .player-name-overlay.hidden,#kunitori-game .ranking-overlay.hidden{display:none}#kunitori-game .player-name-form,#kunitori-game .ranking-panel{width:min(calc(100% - 28px),310px);display:grid;gap:10px;padding:18px 16px;border:1px solid rgba(255,248,216,0.78);border-radius:6px;background:linear-gradient(180deg,rgba(255,79,159,0.12),rgba(78,229,255,0.08)),rgba(9,8,20,0.96);box-shadow:0 0 0 2px rgba(5,5,10,0.94),0 0 0 3px rgba(255,79,159,0.5),inset 0 0 0 1px rgba(255,248,216,0.12),0 18px 48px rgba(0,0,0,0.55),0 0 24px rgba(255,79,159,0.22)}#kunitori-game .player-name-form strong,#kunitori-game .ranking-panel strong{color:#fff8d8;font-size:18px;font-weight:900;text-align:center;text-shadow:0 0 10px rgba(255,79,159,0.72),0 2px 0 #05050a}#kunitori-game .player-name-form input{width:100%;height:42px;border:1px solid rgba(115,255,143,0.62);border-radius:4px;background:rgba(5,5,10,0.9);color:#fff8d8;font:inherit;font-size:16px;font-weight:900;letter-spacing:0;text-align:center;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(255,248,216,0.08),0 0 14px rgba(78,229,255,0.14)}#kunitori-game .player-name-form input:focus{outline:2px solid rgba(78,229,255,0.76);outline-offset:2px}#kunitori-game .player-name-form button,#kunitori-game .ranking-panel button{min-height:42px;border:2px solid #fff8d8;border-radius:0;background:linear-gradient(180deg,rgba(255,255,255,0.26) 0 28%,transparent 28% 100%),linear-gradient(180deg,#ff6fcb 0 48%,#9c52ff 48% 78%,#45dfff 78% 100%);color:#fffdf9;font-size:13px;font-weight:900;letter-spacing:0;text-shadow:0 1px 0 #05050a,1px 0 0 #05050a,-1px 0 0 #05050a,0 -1px 0 #05050a,0 2px 0 rgba(42,21,61,0.82);clip-path:polygon(0 7px,7px 7px,7px 0,calc(100% - 7px) 0,calc(100% - 7px) 7px,100% 7px,100% calc(100% - 7px),calc(100% - 7px) calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,7px calc(100% - 7px),0 calc(100% - 7px));box-shadow:0 0 0 2px #05050a,0 6px 0 #2a153d,inset 0 -6px 0 rgba(5,5,10,0.28),inset 0 4px 0 rgba(255,248,216,0.16),0 0 16px rgba(255,111,203,0.24),0 0 10px rgba(69,223,255,0.14)}#kunitori-game .player-name-form button:active,#kunitori-game .ranking-panel button:active{transform:translateY(4px);box-shadow:0 0 0 2px #05050a,0 2px 0 #2a153d,inset 0 -3px 0 rgba(5,5,10,0.2),inset 0 2px 0 rgba(255,248,216,0.12),0 0 10px rgba(255,111,203,0.18)}#kunitori-game .player-name-error{min-height:13px;color:#ffd166;font-size:10px;font-weight:900;text-align:center}#kunitori-game .ranking-panel p{margin:0;padding:7px 8px;border:1px solid rgba(255,248,216,0.34);border-radius:4px;background:rgba(5,5,10,0.36);color:#fffdf9;font-size:clamp(13px,3.7vw,15px);font-weight:900;line-height:1.45;text-align:center;text-shadow:0 0 8px rgba(255,209,102,0.34),0 2px 0 #05050a}#kunitori-game .ranking-list{display:grid;gap:5px;min-height:104px;margin:0;padding:0;list-style:none}#kunitori-game .ranking-list li{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:7px;align-items:center;min-height:28px;padding:4px 6px;border:1px solid rgba(78,229,255,0.22);border-radius:4px;background:rgba(255,255,255,0.045);color:#fff8d8;font-size:12px;font-weight:900}#kunitori-game .ranking-list li.current-player{border-color:rgba(255,209,102,0.76);background:rgba(255,209,102,0.12);box-shadow:0 0 12px rgba(255,209,102,0.18)}#kunitori-game .ranking-list .ranking-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#kunitori-game .ranking-list .ranking-score{color:#73ff8f}#kunitori-game .ranking-pager{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}#kunitori-game .ranking-pager span{min-width:44px;color:#9fefff;font-size:11px;font-weight:900;text-align:center;text-shadow:0 0 7px rgba(78,229,255,0.36),0 1px 0 #05050a}#kunitori-game .ranking-pager button{min-height:32px;font-size:11px}#kunitori-game .ranking-pager button:disabled{cursor:default;opacity:0.42;transform:none;filter:grayscale(0.45)}#kunitori-game .noscript-content{width:min(calc(100% - 24px),440px);margin:16px auto;padding:14px 16px;border:1px solid var(--lime);border-radius:4px;background:rgba(21,24,42,0.95);color:var(--ink);line-height:1.5}#kunitori-game .noscript-content h2{margin:0 0 8px;font-size:18px}#kunitori-game .noscript-content p{margin:0;font-size:14px}#kunitori-game .shell{width:100%;height:var(--app-height,100dvh);display:grid;place-items:center;padding:var(--shell-top) var(--shell-side) var(--shell-bottom)}#kunitori-game .game-wrap{position:relative;width:var(--board-width);max-width:440px;min-height:0;display:grid;grid-template-rows:var(--hud-height) var(--hud-gap) auto;grid-template-columns:1fr}#kunitori-game canvas{-webkit-user-drag:none;grid-row:3;grid-column:1;width:100%;height:auto;aspect-ratio:9 / 16;border:2px solid #ff74d1;border-radius:0;background:#05050a;box-shadow:0 0 0 2px #05050a,0 0 0 4px #286d9f,4px 4px 0 #7c236a,inset 0 0 0 1px rgba(255,248,216,0.16),inset 0 0 0 3px rgba(78,229,255,0.12),0 0 18px rgba(255,79,159,0.28),0 0 28px rgba(78,229,255,0.16),0 16px 44px rgba(0,0,0,0.45);image-rendering:pixelated}#kunitori-game .loading-overlay{grid-row:3;grid-column:1;z-index:6;width:100%;height:auto;aspect-ratio:9 / 16;display:grid;align-content:center;justify-items:center;gap:10px;border:2px solid #ff74d1;border-radius:0;background:rgba(0,0,0,0.68);backdrop-filter:brightness(0.72);box-shadow:0 0 0 2px #05050a,0 0 0 4px #286d9f,4px 4px 0 #7c236a,inset 0 0 0 1px rgba(255,248,216,0.14),inset 0 0 0 3px rgba(78,229,255,0.12),0 0 18px rgba(255,79,159,0.28),0 0 28px rgba(78,229,255,0.16),0 16px 44px rgba(0,0,0,0.45);pointer-events:none;opacity:1;transition:opacity 180ms ease,visibility 180ms ease}#kunitori-game .loading-overlay.hidden{visibility:hidden;opacity:0}#kunitori-game .loading-bar{width:min(58%,210px);height:12px;padding:3px;border:1px solid rgba(255,248,216,0.82);border-radius:999px;background:rgba(5,5,10,0.88);box-shadow:0 0 0 1px rgba(78,229,255,0.24),0 0 16px rgba(78,229,255,0.16);overflow:hidden}#kunitori-game .loading-bar span{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#4ee5ff 0%,#fff8d8 48%,#73ff8f 100%);box-shadow:0 0 10px rgba(78,229,255,0.55);transition:width 180ms ease}#kunitori-game .loading-label{color:#fff8d8;font-size:10px;font-weight:900;letter-spacing:0;text-shadow:0 0 8px rgba(78,229,255,0.45),0 2px 0 #05050a}#kunitori-game .hud{position:relative;grid-row:1;grid-column:1;z-index:2;width:100%;height:var(--hud-height);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;pointer-events:none}#kunitori-game .hud div{min-width:0;height:100%;overflow:hidden;border:1px solid #ff74d1;border-radius:4px;background:linear-gradient(180deg,rgba(255,79,159,0.16),rgba(78,229,255,0.08) 46%,rgba(9,8,20,0.86) 100%),rgba(9,8,20,0.86);padding:4px 2px;box-shadow:0 0 0 1px #120617,0 0 0 2px rgba(78,229,255,0.28),inset 0 0 0 1px rgba(255,248,216,0.08),0 0 10px rgba(255,79,159,0.2),0 0 16px rgba(78,229,255,0.12);text-align:center}#kunitori-game .hud span{display:block;color:#9fefff;font-size:clamp(6px,1.9vw,8px);line-height:1}#kunitori-game .hud strong{display:block;margin-top:2px;color:#fff4fb;font-size:clamp(10px,3vw,15px);line-height:1;text-shadow:0 0 7px rgba(255,79,159,0.42),0 0 10px rgba(78,229,255,0.22)}#kunitori-game #timeLabel.time-warning{color:#ffd166;text-shadow:0 0 7px rgba(255,209,102,0.72),0 1px 0 #05050a}#kunitori-game #timeLabel.time-danger{color:#ff5f75;animation:timeDangerPulse 260ms steps(2,end) infinite;text-shadow:0 0 8px rgba(255,95,117,0.82),0 0 14px rgba(255,79,159,0.46),0 1px 0 #05050a}@keyframes timeDangerPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}#kunitori-game #scoreLabel{display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:1px;white-space:nowrap;font-variant-numeric:tabular-nums}#kunitori-game .hud #scoreLabel span{display:inline-block;color:inherit;font-size:inherit;line-height:inherit}#kunitori-game #scoreLabel .score-digit{width:0.64em;height:1em;overflow:hidden;vertical-align:bottom}#kunitori-game #scoreLabel .score-separator{width:0.32em;transform:translateY(0.02em)}#kunitori-game #scoreLabel .score-digit-strip{display:flex;flex-direction:column;transform:translate3d(0,calc(var(--score-final-digit,0) * -1em),0);transition:transform 170ms steps(4,end);will-change:transform}#kunitori-game #scoreLabel .score-digit-strip span{display:block;width:100%;height:1em;line-height:1;text-align:center}#kunitori-game #scoreLabel .score-digit.rolling .score-digit-strip{animation:scoreSlotSpin var(--score-slot-speed,280ms) steps(10,end) infinite}#kunitori-game #scoreLabel.score-rolling{color:#fff8d8;animation:scoreRollPulse 180ms steps(2,end) infinite;text-shadow:0 0 7px rgba(255,79,159,0.62),0 0 13px rgba(78,229,255,0.48),0 1px 0 #05050a}@keyframes scoreRollPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes scoreSlotSpin{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,-10em,0)}}#kunitori-game #lifeLabel{display:flex;min-height:14px;align-items:center;justify-content:center;gap:clamp(2px,1.1vw,6px)}#kunitori-game .pixel-heart{position:relative;display:inline-block;width:clamp(11px,3.7vw,16px);height:clamp(10px,3.2vw,14px);image-rendering:pixelated}#kunitori-game .pixel-heart::before{position:absolute;inset:0;content:"";background:#ff4f9f;clip-path:polygon( 12.5% 0,37.5% 0,37.5% 12.5%,50% 12.5%,62.5% 0,87.5% 0,87.5% 12.5%,100% 12.5%,100% 50%,87.5% 50%,87.5% 62.5%,75% 62.5%,75% 75%,62.5% 75%,62.5% 87.5%,50% 87.5%,50% 100%,37.5% 100%,37.5% 87.5%,25% 87.5%,25% 75%,12.5% 75%,12.5% 62.5%,0 62.5%,0 12.5%,12.5% 12.5% );filter:drop-shadow(0 0 4px rgba(255,79,159,0.6))}#kunitori-game .pixel-heart.half::before{background:linear-gradient(90deg,#ff4f9f 0 50%,rgba(255,79,159,0.2) 50% 100%);filter:drop-shadow(0 0 3px rgba(255,79,159,0.45))}#kunitori-game .pixel-heart.empty::before{background:rgba(255,79,159,0.18);filter:none}#kunitori-game .pixel-heart::after{position:absolute;top:2px;left:4px;width:3px;height:3px;content:"";background:#fff8d8}#kunitori-game .pixel-heart.empty::after{opacity:0}#kunitori-game .pixel-heart.half::after{opacity:0.85}#kunitori-game .menu-actions{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:min(68%,260px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 6px}#kunitori-game .start-button,#kunitori-game .kakao-share-button,#kunitori-game .ranking-view-button{position:relative;overflow:hidden;width:100%;border:2px solid #fff8d8;border-radius:0;font-weight:900;letter-spacing:0;clip-path:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px))}#kunitori-game .start-button{grid-column:1 / -1;min-height:44px;background:linear-gradient(180deg,rgba(255,255,255,0.3) 0 24%,transparent 24% 100%),linear-gradient(180deg,#ff6fcb 0 48%,#9c52ff 48% 78%,#45dfff 78% 100%);color:#fff8d8;font-size:14px;text-shadow:0 1px 0 #05050a,1px 0 0 #05050a,-1px 0 0 #05050a,0 -1px 0 #05050a,0 2px 0 rgba(42,21,61,0.84),0 0 7px rgba(255,248,216,0.28);box-shadow:0 0 0 2px #05050a,0 7px 0 #2a153d,inset 0 -8px 0 rgba(42,21,61,0.28),inset 0 5px 0 rgba(255,255,255,0.18),0 0 20px rgba(255,111,203,0.34),0 0 12px rgba(69,223,255,0.18)}#kunitori-game .start-button:active{transform:translateY(5px);box-shadow:0 0 0 2px #05050a,0 2px 0 #2a153d,inset 0 -3px 0 rgba(36,10,64,0.22),inset 0 3px 0 rgba(255,255,255,0.14),0 0 14px rgba(255,111,203,0.2)}#kunitori-game .menu-actions.hidden,#kunitori-game .start-button.hidden{display:none}#kunitori-game .kakao-share-button{min-height:40px;background:linear-gradient(180deg,rgba(255,255,255,0.26) 0 24%,transparent 24% 100%),linear-gradient(180deg,#ff6fcb 0 48%,#9c52ff 48% 78%,#45dfff 78% 100%);color:#fffdf9;font-size:13px;text-shadow:0 1px 0 #05050a,1px 0 0 #05050a,-1px 0 0 #05050a,0 -1px 0 #05050a,0 2px 0 rgba(42,21,61,0.82);box-shadow:0 0 0 2px #05050a,0 6px 0 #2a153d,inset 0 -7px 0 rgba(42,21,61,0.26),inset 0 4px 0 rgba(255,255,255,0.16),0 0 16px rgba(255,111,203,0.24),0 0 10px rgba(69,223,255,0.14)}#kunitori-game .kakao-share-button:active{transform:translateY(4px);box-shadow:0 0 0 2px #05050a,0 2px 0 #2a153d,inset 0 -3px 0 rgba(42,21,61,0.2),inset 0 2px 0 rgba(255,255,255,0.12),0 0 12px rgba(255,111,203,0.18)}#kunitori-game .ranking-view-button{min-height:40px;background:linear-gradient(180deg,rgba(255,255,255,0.26) 0 24%,transparent 24% 100%),linear-gradient(180deg,#ff6fcb 0 48%,#9c52ff 48% 78%,#45dfff 78% 100%);color:#fffdf9;font-size:13px;text-shadow:0 1px 0 #05050a,1px 0 0 #05050a,-1px 0 0 #05050a,0 -1px 0 #05050a,0 2px 0 rgba(42,21,61,0.82);box-shadow:0 0 0 2px #05050a,0 6px 0 #2a153d,inset 0 -7px 0 rgba(42,21,61,0.26),inset 0 4px 0 rgba(255,255,255,0.15),0 0 16px rgba(255,111,203,0.24),0 0 10px rgba(69,223,255,0.14)}#kunitori-game .ranking-view-button:active{transform:translateY(4px);box-shadow:0 0 0 2px #05050a,0 2px 0 #2a153d,inset 0 -3px 0 rgba(42,21,61,0.2),inset 0 2px 0 rgba(255,255,255,0.12),0 0 12px rgba(255,111,203,0.18)}#kunitori-game.bonus-clear-actions .start-button,#kunitori-game.bonus-clear-actions .kakao-share-button,#kunitori-game.bonus-clear-actions .ranking-view-button{background:transparent;background-color:transparent;background-image:none;border-color:rgba(255,248,216,0.86);color:#fffdf9;text-shadow:0 1px 0 #05050a,1px 0 0 #05050a,-1px 0 0 #05050a,0 -1px 0 #05050a,0 0 8px rgba(255,79,159,0.72),0 0 10px rgba(78,229,255,0.45);box-shadow:0 0 0 1px rgba(255,248,216,0.28),0 0 12px rgba(255,79,159,0.22),0 0 8px rgba(78,229,255,0.16)}#kunitori-game.bonus-clear-actions .start-button:active,#kunitori-game.bonus-clear-actions .kakao-share-button:active,#kunitori-game.bonus-clear-actions .ranking-view-button:active{transform:translateY(2px);box-shadow:0 0 0 1px rgba(255,248,216,0.22),0 0 8px rgba(255,79,159,0.18)}#kunitori-game .joystick{position:absolute;left:50%;bottom:max(26px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:4;width:84px;height:84px;border:2px solid rgba(255,255,255,0.34);border-radius:50%;background:rgba(255,255,255,0.06);box-shadow:inset 0 0 0 7px rgba(255,255,255,0.035),0 0 18px rgba(255,255,255,0.08);pointer-events:none;touch-action:none}#kunitori-game .joystick-thumb{position:absolute;top:50%;left:50%;width:34px;height:34px;border:2px solid rgba(255,255,255,0.48);border-radius:50%;background:rgba(255,255,255,0.18);box-shadow:inset 0 0 0 4px rgba(255,255,255,0.07),0 4px 14px rgba(0,0,0,0.28);transform:translate(-50%,-50%)}@media (min-width:720px){#kunitori-game .shell{width:420px;margin:0 auto}}