:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eafff5;--muted:#86a89a;--dim:#466158;--mint:#73f5b8;--mint-2:#b9ffd9;--amber:#ffcd70;--danger:#ff6e77;--panel:#071813e6;--line:#97ffcf2e;--safe-top:max(18px, env(safe-area-inset-top));--safe-bottom:max(18px, env(safe-area-inset-bottom));font-family:Pretendard,Noto Sans KR,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:#06110e;width:100%;min-height:100%;margin:0;overflow:hidden}body{color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button,input{font:inherit}button{color:inherit}button:focus-visible{outline:2px solid var(--mint);outline-offset:4px}a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}#app{isolation:isolate;background:radial-gradient(circle at 68% 34%,#163c30 0,#071712 45%,#040a08 100%);width:100vw;height:100dvh;position:relative;overflow:clip}#lab-canvas{touch-action:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}#app:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#030a08ed 0%,#030a0899 31%,#0000 57%),linear-gradient(#0000 66%,#020806cc);position:absolute;top:0;bottom:0;left:0;right:0}.grain{z-index:2;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:7s steps(7,end) infinite grain;position:absolute;top:-60%;bottom:-60%;left:-60%;right:-60%}.topbar{z-index:12;height:94px;padding:var(--safe-top) clamp(22px, 4vw, 68px) 12px;background:linear-gradient(#06120fdd,#0000);border-bottom:1px solid #87ffc41a;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;bottom:auto;left:0;right:0}.wordmark{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:12px;text-decoration:none;display:flex}.wordmark>span:last-child{align-items:baseline;gap:8px;display:flex}.wordmark b{letter-spacing:.14em;font-size:17px}.wordmark small{color:var(--muted);letter-spacing:.12em;font:700 9px/1 monospace}.brand-mark{border:1px solid var(--mint);grid-template-columns:repeat(3,4px);place-content:center;gap:3px;width:34px;height:34px;display:grid;transform:rotate(45deg);box-shadow:0 0 22px #73f5b830}.brand-mark i{background:var(--mint);opacity:.35;height:13px}.brand-mark i:nth-child(2){opacity:1;height:22px;margin-top:-5px}.top-actions{align-items:center;gap:10px;display:flex}.system-status{color:var(--muted);letter-spacing:.14em;align-items:center;gap:8px;margin-right:10px;font:700 9px/1 monospace;display:flex}.system-status i,.run-status i{background:var(--mint);width:6px;height:6px;box-shadow:0 0 10px var(--mint);border-radius:50%}.icon-button,.hud-button,.back-button{border:1px solid var(--line);cursor:pointer;background:#071913a8}.icon-button{width:42px;height:42px;color:var(--mint-2);border-radius:50%}.screen{z-index:4;opacity:0;visibility:hidden;transition:opacity .45s,transform .45s;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateY(12px)}.screen.active{opacity:1;visibility:visible;transform:none}.menu-screen{grid-template-columns:minmax(400px,1fr) minmax(280px,420px);align-items:center;gap:5vw;padding:110px clamp(24px,7vw,124px) 48px;display:grid}.menu-copy{max-width:760px}.eyebrow{color:var(--muted);letter-spacing:.22em;text-transform:uppercase;margin:0 0 22px;font:700 10px/1.2 monospace}.eyebrow span{color:var(--mint)}.menu-copy h1{letter-spacing:-.09em;text-shadow:0 10px 60px #000;max-width:720px;margin:0;font-size:clamp(58px,8.5vw,132px);font-weight:900;line-height:.84}.menu-copy h1 span{color:#0000;-webkit-text-stroke:1px #cdffe785}.lead{color:#a6bfb5;max-width:600px;margin:30px 0 0;font-size:clamp(14px,1.2vw,18px);line-height:1.9}.menu-actions{align-items:center;gap:30px;margin-top:36px;display:flex}.primary-button{background:var(--mint);color:#062016;cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:40px;min-height:56px;padding:0 22px;font-weight:900;display:inline-flex;box-shadow:0 10px 50px #73f5b825}.primary-button:hover{background:var(--mint-2);transform:translateY(-1px)}.primary-button i{font-size:22px;font-style:normal}.text-button{color:#b8cec5;cursor:pointer;background:0 0;border:0;font-weight:700}.text-button i{color:var(--mint);margin-right:7px;font-style:normal}.chapter-row{border-top:1px solid var(--line);grid-template-columns:auto auto 1fr auto;align-items:center;gap:18px;width:min(590px,100%);margin-top:48px;padding-top:18px;display:grid}.chapter-no{color:var(--mint);font:800 36px/1 monospace}.chapter-row>span:nth-child(2){flex-direction:column;min-width:150px;display:flex}.chapter-row b{font-size:13px}.chapter-row small{color:var(--muted);margin-top:5px;font-size:10px}.chapter-progress{background:#29453b;height:2px}.chapter-progress i{background:var(--mint);width:8.3%;height:100%;box-shadow:0 0 10px var(--mint);display:block}.chapter-count{color:var(--muted);font:700 10px monospace}.legal-links{gap:18px;margin-top:18px;display:flex}.legal-links a{color:var(--dim);font-size:9px;text-decoration:none}.legal-links a:hover{color:var(--mint)}.menu-rail{border-top:1px solid var(--line);flex-direction:column;align-self:center;display:flex}.menu-rail button{text-align:left;color:var(--ink);border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;grid-template-columns:40px 1fr;gap:0 15px;padding:22px 8px;display:grid;position:relative}.menu-rail button:after{content:"→";color:var(--dim);transition:all .2s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.menu-rail button:hover{background:linear-gradient(90deg,#73f5b80d,#0000)}.menu-rail button:hover:after{color:var(--mint);right:2px}.menu-rail span{color:var(--dim);grid-row:1/3;font:700 10px monospace}.menu-rail b{font-size:16px}.menu-rail small{color:var(--muted);margin-top:6px;font-size:10px}.stage-screen{background:#030c09e0;padding:132px clamp(24px,7vw,110px) 70px;overflow:auto}.screen-heading{max-width:650px}.screen-heading .back-button{color:var(--muted);margin-bottom:32px;padding:10px 14px}.screen-heading h2{letter-spacing:-.07em;margin:0;font-size:clamp(42px,6vw,78px)}.screen-heading>p:last-child{color:var(--muted)}.stage-grid{grid-template-columns:repeat(4,minmax(190px,1fr));gap:14px;max-width:1240px;margin-top:40px;display:grid}.stage-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#071813db;flex-direction:column;justify-content:space-between;min-height:210px;padding:22px;display:flex}.stage-card:hover:not([disabled]){border-color:var(--mint);transform:translateY(-3px)}.stage-card[disabled]{opacity:.42;cursor:not-allowed}.stage-card .number{color:var(--mint);letter-spacing:.12em;font:800 12px monospace}.stage-card h3{margin:auto 0 7px;font-size:20px}.stage-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.stage-card footer{color:var(--dim);justify-content:space-between;margin-top:18px;font:700 9px monospace;display:flex}.game-screen{z-index:5;pointer-events:none}.game-screen button,.game-screen .object-dock,.game-screen .object-tools{pointer-events:auto}#app.game-mode:after{background:linear-gradient(#020907b3,#0000 20% 72%,#020806d9)}#app.game-mode .topbar{opacity:0;pointer-events:none}.game-hud.top{top:var(--safe-top);border:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#04100cc7;grid-template-columns:48px minmax(180px,1fr) minmax(220px,2fr) auto auto;align-items:center;gap:14px;padding:12px 16px;display:grid;position:absolute;left:clamp(16px,3vw,44px);right:clamp(16px,3vw,44px)}.hud-button{width:42px;height:42px;color:var(--mint)}.stage-id,.objective,.hud-stat{flex-direction:column;gap:4px;display:flex}.stage-id span,.objective small,.hud-stat small{color:var(--mint);letter-spacing:.15em;font:700 8px monospace}.stage-id b{font-size:13px}.objective{border-left:1px solid var(--line);padding-left:18px}.objective span{color:#afc6bc;font-size:11px}.hud-stat{text-align:right;min-width:66px}.hud-stat b{font:800 17px monospace}.mission-card{border-left:2px solid var(--mint);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04110dc2;width:min(280px,100vw - 32px);padding:16px 18px;position:absolute;top:112px;left:clamp(16px,3vw,44px)}.mission-card span{color:var(--mint);letter-spacing:.18em;font:700 8px monospace}.mission-card b{margin-top:7px;font-size:13px;display:block}.mission-card p{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.5}.mission-card.compact p{display:none}.run-status{color:var(--muted);letter-spacing:.1em;align-items:center;gap:8px;font:700 9px monospace;display:flex;position:absolute;top:112px;right:clamp(16px,3vw,44px)}.object-dock{left:50%;bottom:var(--safe-bottom);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04110ddb;gap:8px;padding:8px;display:flex;position:absolute;transform:translate(-50%)}.dock-item{text-align:left;cursor:grab;touch-action:none;background:#80ffc00a;border:1px solid #0000;grid-template-columns:42px 1fr;align-items:center;gap:8px;min-width:104px;height:72px;padding:8px;display:grid;position:relative}.dock-item:hover{border-color:var(--line)}.dock-item:active{cursor:grabbing}.dock-item .icon{border:1px solid var(--line);width:42px;height:42px;color:var(--mint);background:#0b2a20;place-items:center;font-size:22px;display:grid}.sprite-icon{border:1px solid var(--line);background-image:url(/kinetic-lab/assets/object-atlas.png);background-size:400% 200%;background-position:var(--sprite-position);background-repeat:no-repeat;width:54px;height:54px;display:block;box-shadow:inset 0 0 16px #00000047}.dock-item b{font-size:11px}.dock-item small{color:var(--muted);margin-top:4px;font:700 8px monospace;display:block}.dock-item .count{color:var(--mint);font:700 9px monospace;position:absolute;top:4px;right:5px}.dock-item:disabled{opacity:.36;cursor:not-allowed}.object-dock.locked{opacity:.4;pointer-events:none}.object-tools{right:clamp(16px,3vw,44px);bottom:calc(var(--safe-bottom) + 8px);background:var(--panel);border:1px solid var(--line);align-items:center;gap:5px;padding:7px;display:flex;position:absolute}.object-tools button{border:1px solid var(--line);cursor:pointer;background:#0b251d;width:42px;height:42px}.object-tools .danger{color:var(--danger)}.object-tools span{text-align:center;min-width:48px;font:700 10px monospace}.power-button{left:clamp(16px,3vw,44px);bottom:calc(var(--safe-bottom) + 8px);color:#6c897e;text-align:left;background:#0b2019;border:1px solid #386657;align-items:center;gap:14px;min-width:176px;height:72px;padding:0 20px;display:flex;position:absolute}.power-button:not(:disabled){cursor:pointer;color:var(--ink);border-color:var(--mint);box-shadow:0 0 28px #73f5b818}.power-button.ready{animation:1.2s ease-in-out infinite power-ready}.power-button i{border:2px solid;border-radius:50%;width:22px;height:22px;position:relative}.power-button i:before{content:"";background:currentColor;width:2px;height:11px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.power-button span{flex-direction:column;gap:4px;display:flex}.power-button small{letter-spacing:.1em;font:700 8px monospace}.power-button b{font-size:13px}.control-hint{bottom:calc(var(--safe-bottom) + 91px);color:#8ca99d;text-shadow:0 2px 8px #000;margin:0;font-size:10px;position:absolute;left:50%;transform:translate(-50%)}.panel-dialog,.message-dialog{color:var(--ink);border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#071813f2;box-shadow:0 30px 120px #000c}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010705bd}.panel-dialog{width:min(520px,100vw - 28px);padding:0}.panel-dialog form>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.panel-dialog header span{flex-direction:column;gap:4px;display:flex}.panel-dialog header small{color:var(--mint);letter-spacing:.15em;font:700 8px monospace}.panel-dialog header button{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:25px}.option-list{padding:8px 24px}.option-list label{cursor:pointer;border-bottom:1px solid #91ffc914;justify-content:space-between;align-items:center;min-height:68px;display:flex}.option-list label span{flex-direction:column;gap:5px;display:flex}.option-list label b{font-size:13px}.option-list label small{color:var(--muted);font-size:10px}.option-list input{opacity:0;position:absolute}.option-list label>i{background:#223d34;border-radius:20px;width:42px;height:23px;position:relative}.option-list label>i:after{content:"";background:#71877f;border-radius:50%;width:17px;height:17px;transition:all .2s;position:absolute;top:3px;left:3px}.option-list input:checked+i{background:#275e49}.option-list input:checked+i:after{background:var(--mint);box-shadow:0 0 12px var(--mint);left:22px}.panel-dialog footer{padding:18px 24px 24px}.panel-dialog footer .primary-button{justify-content:center;width:100%}.message-dialog{text-align:center;width:min(460px,100vw - 28px);padding:36px}.message-visual{border:1px solid var(--mint);border-radius:50%;width:94px;height:94px;margin:0 auto 24px;box-shadow:inset 0 0 35px #73f5b82e,0 0 35px #73f5b822}.message-visual:after{content:"✓";height:100%;color:var(--mint);place-items:center;font-size:42px;display:grid}.message-dialog h2{letter-spacing:-.06em;margin:0;font-size:36px}.message-dialog>p:not(.eyebrow){color:var(--muted);line-height:1.7}.result-stars{color:var(--amber);justify-content:center;gap:10px;margin:22px 0;font-size:28px;display:flex}.message-actions{justify-content:center;align-items:center;gap:20px;display:flex}.tutorial{z-index:30;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.tutorial-spotlight{border:2px solid var(--mint);width:150px;height:90px;box-shadow:0 0 0 9999px #010705b3, 0 0 30px var(--mint);position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.tutorial-spotlight.target-wire{width:190px;height:100px;bottom:9%;left:9%}.tutorial-spotlight.target-power{width:205px;height:92px;bottom:12px;left:clamp(84px,9%,140px)}.tutorial-card{border:1px solid var(--mint);pointer-events:auto;background:#071813;width:min(340px,100vw - 36px);padding:22px;position:absolute;top:22%;right:clamp(18px,6vw,90px);box-shadow:0 20px 80px #000c}.tutorial-card header{color:var(--mint);letter-spacing:.15em;justify-content:space-between;font:700 8px monospace;display:flex}.tutorial-card header button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:10px}.guide-icon{color:var(--mint);margin:24px 0 12px;font-size:34px}.tutorial-card h2{margin:0;font-size:22px}.tutorial-card p{color:var(--muted);font-size:12px;line-height:1.7}.tutorial-card .primary-button{justify-content:center;width:100%;margin-top:10px}@keyframes grain{0%,to{transform:translate(0)}25%{transform:translate(2%,-3%)}50%{transform:translate(-3%,2%)}75%{transform:translate(3%,4%)}}@keyframes pulse{50%{opacity:.35;transform:scale(.94)}}@keyframes power-ready{50%{box-shadow:0 0 42px #73f5b845}}@media (max-width:900px){.menu-screen{grid-template-columns:1fr;align-items:end;padding:110px 24px 36px}.menu-copy h1{font-size:clamp(56px,15vw,92px)}.lead br,.menu-rail{display:none}.stage-grid{grid-template-columns:repeat(2,1fr)}.game-hud.top{grid-template-columns:42px 1fr auto}.game-hud .objective,.hud-stat:last-child{display:none}.mission-card{top:102px}.dock-item{text-align:center;grid-template-columns:1fr;min-width:76px;height:67px}.dock-item .icon{display:none}.sprite-icon{width:42px;height:42px;margin:0 auto}.power-button{min-width:120px;height:67px;padding:0 13px}.power-button i{display:none}.object-tools{bottom:calc(var(--safe-bottom) + 84px)}.control-hint{display:none}}@media (max-width:560px){.topbar{height:76px;padding-inline-start:18px;padding-inline-end:18px}.system-status{display:none}.menu-screen{padding-top:84px}.menu-copy h1{font-size:clamp(52px,18vw,76px)}.lead{margin-top:20px;font-size:13px}.menu-actions{flex-direction:column;align-items:stretch;gap:18px;margin-top:24px}.chapter-row{grid-template-columns:auto 1fr auto;margin-top:30px}.legal-links{margin-top:14px}.chapter-progress{display:none}.stage-screen{padding:100px 16px 40px}.stage-grid{grid-template-columns:1fr}.stage-card{min-height:150px}.game-hud.top{padding:8px;left:10px;right:10px}.mission-card{width:220px;left:10px}.run-status{right:12px}.object-dock{justify-content:center;width:auto;left:8px;right:8px;overflow-x:auto;transform:none}.dock-item{flex:1;min-width:70px}.sprite-icon{display:none}.power-button{left:10px;bottom:calc(var(--safe-bottom) + 83px);height:55px}.object-tools{right:10px;bottom:calc(var(--safe-bottom) + 83px)}.tutorial-card{top:16%;right:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}