:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#141b33;--navy:#1b2238;--ink:#fff3dc;--muted:#c3bfd4;--lamp:#ffb45a;--lamp-deep:#e0782a;--panel:#1c1830db;color:var(--ink);background:var(--night);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-weight:700;line-height:1.55}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(ellipse at 50% 20%, #26305a 0%, var(--night) 60%, #0d1124 100%)}#app{position:fixed;inset:0}h1,h2{word-break:keep-all;margin:0 0 .4em;font-weight:900;line-height:1.25}p{word-break:keep-all;margin:0 0 .6em}button{font:inherit;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1.5px solid #ffdcaa59;border-radius:999px;padding:.55em 1.4em;font-weight:800}button:hover{background:#ffffff24}button:focus-visible{outline-offset:2px;outline:3px solid #ffe08a}button.primary{color:#2a1606;background:linear-gradient(180deg, #ffd27a, var(--lamp) 55%, var(--lamp-deep));border-color:#ffe3a8;padding:.6em 2em;font-size:1.1em;box-shadow:0 0 22px #ffaa4673,inset 0 1px #fff9}button.primary:hover{filter:brightness(1.06)}.quiet,.muted{opacity:.65}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.col{flex-direction:column;align-items:stretch;gap:.6rem;display:flex}.panel{background:radial-gradient(ellipse at 50% 0%, #ffaa5038, transparent 60%), var(--panel);text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1.5px solid #ffc88273;border-radius:22px;max-height:calc(100dvh - 1.2rem);padding:clamp(1rem,3.2vmin,2rem) clamp(1.1rem,4vmin,2.4rem);position:relative;overflow:auto;box-shadow:0 0 0 1px #0000004d,0 0 50px #ff963c40,0 18px 50px #00000080}.lead{color:var(--muted)}.controls{margin:.4rem auto 1rem;font-size:.85em}.controls table{border-collapse:collapse;margin:0 auto}.controls caption{color:var(--lamp);margin-bottom:.2rem;font-size:.85em}.controls th{text-align:right;color:#ffe3b0;white-space:nowrap;padding:.1rem .8rem .1rem 0;font-weight:800}.controls td{text-align:left;color:var(--muted)}.touch-only{display:none}@media (pointer:coarse){.kbd-only{display:none}.touch-only{color:var(--muted);display:block}}.screen{padding:max(.6rem, env(safe-area-inset-top)) max(.6rem, env(safe-area-inset-right)) max(.6rem, env(safe-area-inset-bottom)) max(.6rem, env(safe-area-inset-left));background:var(--night) url(/art/title-bg.webp) center / cover no-repeat;place-items:center;display:grid;position:absolute;inset:0}.screen:before{content:"";background:linear-gradient(#0c0e2226,#0c0e228c);position:absolute;inset:0}.screen .panel{width:min(32rem,100%);animation:.6s ease-out both rise}.title .panel{width:min(30rem,100%);margin-left:auto;margin-right:4vw}.title h1{color:#ffe7b8;text-shadow:0 0 24px #ffaa4699,0 3px #3c140099;font-size:clamp(2rem,7vmin,3.2rem)}.stage{background:#ffb45a24;border:1px solid #ffb45a66;border-radius:12px;flex-direction:column;align-items:center;margin:0 0 .6rem;padding:.2rem .9rem;display:inline-flex}.stage b{color:var(--lamp);font-size:.9rem}.stage span{opacity:.75;font-size:.72rem}.result h1{color:var(--lamp);font-size:1.5rem}.verdict{font-size:1.6rem;font-weight:900}.new-best{color:#2a1606;background:#ffd27a;border-radius:999px;padding:.1rem .8rem;animation:.5s ease-out .3s both pop;display:inline-block}.rows{grid-template-columns:1fr 1fr;gap:.15rem 1.4rem;max-width:24rem;margin:.4rem auto .9rem;display:grid}.rows div{border-bottom:1px dashed #ffd29633;justify-content:space-between;padding:.15rem 0;display:flex}.rows dt{color:var(--muted);font-size:.9em}.rows dd{font-variant-numeric:tabular-nums;color:#ffe7b8;margin:0}.game{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0b0f20;position:absolute;inset:0;overflow:hidden}.frame{aspect-ratio:16/9;width:min(100vw,177.778dvh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);container-type:size}.frame canvas{width:100%;height:100%;display:block}.hud-buttons{gap:.8cqw;display:flex;position:absolute;top:1.2%;right:1%}.game[data-phase=opening] .hud-buttons,.game[data-phase=ending] .hud-buttons{display:none}button.icon{background:#0e10248c;border-color:#ffdcaa59;place-items:center;width:max(28px,4.4cqw);height:max(28px,4.4cqw);padding:0;display:grid}button.icon svg{width:60%;height:60%;fill:var(--ink);stroke:var(--ink)}button.icon svg rect,button.icon svg path:first-child{stroke:none}button.icon .mute,button.icon.muted .wave{display:none}button.icon.muted .mute{display:inline}.overlay{pointer-events:none;padding:max(.5rem, env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));place-items:center;display:grid;position:absolute;inset:0}.overlay>*{pointer-events:auto}.game[data-phase=opening] .overlay{background:#0a0c1e73}.panel.opening{width:min(36rem,100%);animation:.5s ease-out both rise}.opening h2{color:#ffe7b8;font-size:clamp(1.4rem,5vmin,2rem)}.tips{text-align:left;margin:.4rem 0 .6rem;padding:0;font-size:.9em;list-style:none}.tips li{margin-bottom:.25em;padding-left:1.3em;position:relative}.tips li:before{content:"";background:radial-gradient(circle, #ffe08a, var(--lamp-deep));border-radius:50%;width:.55em;height:.55em;position:absolute;top:.55em;left:.2em;box-shadow:0 0 8px #ffaa46cc}.pause{background:#0a0c1e8c;place-items:center;display:grid;position:absolute;inset:0}.panel.small{width:min(18rem,90vw)}.ending{padding:0 1rem max(1.2rem, env(safe-area-inset-bottom));isolation:isolate;place-items:end center;animation:1.2s ease-out both dawn;display:grid;position:absolute;inset:0}.ending:before{content:"";z-index:-1;background:#0b0f20 50%/cover no-repeat;position:absolute;inset:-4px}.ending.win:before{background-image:url(/art/ending-win.webp)}.ending.lose:before{background-image:url(/art/ending-lose.webp)}.ending .panel{width:min(32rem,100%);animation:.7s ease-out .6s both rise}.ending h2{color:#ffe7b8;font-size:clamp(1.2rem,4.4vmin,1.8rem)}.ending .kittens{filter:drop-shadow(0 0 10px #ffb45a80);height:clamp(36px,9vmin,64px);margin:-2.6rem auto .3rem;display:block}.touch{display:none}@media (pointer:coarse){.game[data-phase=play] .touch{display:block}}.game.paused .touch{display:none}.touch .pad{bottom:max(14px, env(safe-area-inset-bottom));touch-action:none;align-items:flex-end;gap:14px;display:flex;position:absolute}.touch .pad.left{left:max(14px, env(safe-area-inset-left))}.touch .pad.right{right:max(14px, env(safe-area-inset-right))}.touch button{width:var(--btn);height:var(--btn);color:#fff5e6eb;font-size:calc(var(--btn) * .22);touch-action:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff0dc29;border:2px solid #ffe6c873;border-radius:50%;padding:0}.touch .left button{font-size:calc(var(--btn) * .34)}.touch .right .tool{margin-bottom:calc(var(--btn) * .55)}.touch .tool[data-mode=steal]{border-color:#7fe0ff;box-shadow:0 0 14px #78dcff99}.touch .tool[data-mode=drop],.touch .tool[data-mode=grab]{border-color:#ffd27a}.touch button.on{background:#ffbe6e73;transform:scale(.94)}.rotate{display:none}.game.portrait .rotate{z-index:5;text-align:center;background:#0a0c1eeb;place-items:center;padding:2rem;font-size:1.2rem;display:grid;position:absolute;inset:0}.rotate p:before{content:"";border:3px solid var(--lamp);border-radius:9px;width:44px;height:72px;margin:0 auto 1rem;animation:1.6s ease-in-out infinite turn;display:block}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}}@keyframes dawn{0%{opacity:0;filter:brightness(.3)}}@keyframes turn{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (height<=460px){:root{font-size:14px}.tips{font-size:.82em}.title .panel{margin-right:auto}}