:root{--bg-dark: #0f0f1a;--bg-card: #1a1a2e;--accent: #6c5ce7;--accent-light: #a29bfe;--ghost: #00cec9;--player: #fd79a8;--success: #00b894;--text: #dfe6e9;--text-muted: #636e72;--border: #2d3436}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans KR,sans-serif;background:var(--bg-dark);color:var(--text);min-height:100vh;overflow-x:hidden}.hidden{display:none!important}.landing{max-width:720px;margin:0 auto;padding:1rem 1.5rem 3rem;position:relative;min-height:calc(100vh - 120px)}.landing__bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,rgba(108,92,231,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(0,206,201,.1) 0%,transparent 50%),var(--bg-dark);z-index:-1}.landing__header{text-align:center;margin-bottom:2rem}.landing__badge{display:inline-block;font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--accent-light);background:#6c5ce726;border:1px solid rgba(108,92,231,.3);padding:.25rem .75rem;border-radius:999px;margin-bottom:1rem}.landing__title{font-family:JetBrains Mono,monospace;font-size:3rem;font-weight:700;letter-spacing:-.02em}.landing__title-accent{color:var(--accent-light)}.landing__tagline{color:var(--text-muted);font-size:.95rem;margin-top:.5rem;line-height:1.5}.landing__desc{color:var(--text-muted);font-size:.88rem;line-height:1.7;margin-top:1rem;text-align:center}.landing__how{margin-bottom:1.5rem}.landing__how h2,.landing__controls h2,.landing__leaderboard h2,.landing__stages h2{font-size:1rem;margin-bottom:.75rem;color:var(--text)}.how-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.how-step{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:.75rem}.how-step__num{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--accent-light)}.how-step h3{font-size:.9rem;margin:.25rem 0}.how-step p{font-size:.78rem;color:var(--text-muted)}.controls-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.landing__hero{margin-bottom:1.5rem}.landing__preview{position:relative;width:200px;height:200px;margin:0 auto;background:var(--bg-card);border-radius:12px;border:1px solid var(--border);overflow:hidden}.preview-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);width:100%;height:100%;gap:2px;padding:8px}.preview-cell{background:#252540;border-radius:3px}.preview-cell--wall{background:#3d3d5c}.preview-cell--switch{background:#2d4a3e}.preview-cell--exit{background:#00b8944d}.preview-ghost,.preview-player{position:absolute;width:28px;height:28px;border-radius:50%;transition:all .8s ease}.preview-ghost{background:#00cec980;border:2px solid var(--ghost);top:50%;left:30%;animation:ghostPulse 2s ease-in-out infinite}.preview-player{background:var(--player);border:2px solid #fff;top:50%;left:60%;box-shadow:0 0 12px #fd79a880}@keyframes ghostPulse{0%,to{opacity:.5}50%{opacity:1}}.landing__controls{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.control-card{display:flex;align-items:center;gap:.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.6rem 1rem;font-size:.85rem}.control-card kbd{font-family:JetBrains Mono,monospace;background:var(--bg-dark);border:1px solid var(--border);border-radius:4px;padding:.2rem .5rem;font-size:.75rem;color:var(--accent-light);min-width:2.5rem;text-align:center}.landing__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1.5rem}.stat{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.75rem;text-align:center}.stat__value{display:block;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:700;color:var(--accent-light)}.stat__label{font-size:.7rem;color:var(--text-muted)}.landing__play-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;font-size:1.1rem;font-weight:700;font-family:Noto Sans KR,sans-serif;color:#fff;background:linear-gradient(135deg,var(--accent),#5f4dd0);border:none;border-radius:12px;cursor:pointer;transition:transform .15s,box-shadow .15s;margin-bottom:2rem}.landing__play-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6c5ce766}.landing__play-btn:active{transform:translateY(0)}.landing__leaderboard h2{font-size:.9rem;color:var(--text-muted);margin-bottom:.75rem}.leaderboard-list{display:flex;flex-direction:column;gap:.4rem}.leaderboard-item{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;font-size:.8rem}.leaderboard-item__stage{font-family:JetBrains Mono,monospace;color:var(--accent-light)}.leaderboard-item__stats{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.75rem}.leaderboard-empty{text-align:center;color:var(--text-muted);font-size:.85rem;padding:1rem}.landing__footer{text-align:center;margin-top:2rem;font-size:.75rem;color:var(--text-muted)}.landing__links{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1.5rem 0}.info-link{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem .85rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--accent-light);text-decoration:none;font-size:.85rem}.info-link:hover{border-color:var(--accent)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.icon-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;width:36px;height:36px;cursor:pointer;color:var(--text);font-size:1rem}.stage-select{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;margin-bottom:1.25rem}.stage-card{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.75rem;background:var(--bg-card);border:2px solid var(--border);border-radius:10px;cursor:pointer;color:var(--text);text-align:left;font-family:inherit;transition:border-color .15s,transform .15s}.stage-card:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.stage-card--selected{border-color:var(--accent-light);background:#6c5ce71a}.stage-card--locked{opacity:.45;cursor:not-allowed}.stage-card__num{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--accent-light)}.stage-card__name{font-size:.85rem;font-weight:600}.stage-card__meta{font-size:.7rem;color:var(--text-muted)}.stage-card__star{position:absolute;top:.5rem;right:.5rem;font-size:.75rem}.stage-card{position:relative}.game-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-dark)}#phaser-game{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-height:calc(100vh - 160px)}#phaser-game canvas{border-radius:8px;border:1px solid var(--border)}.back-btn{position:fixed;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:#1a1a2ee6;border:1px solid var(--border);color:var(--text);font-size:1rem;cursor:pointer;z-index:100;transition:background .15s}.back-btn:hover{background:var(--bg-card)}.mobile-controls{width:100%;max-width:400px;padding:.75rem 1rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}.mobile-controls__row{display:flex;gap:.5rem;justify-content:center}.mobile-controls__dpad{display:flex;flex-direction:column;align-items:center;gap:.25rem}.mobile-controls__middle{display:flex;gap:.25rem;align-items:center}.mobile-btn{font-family:JetBrains Mono,monospace;font-size:.85rem;background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.75rem;min-width:52px;min-height:52px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-btn:active{background:var(--accent);border-color:var(--accent-light)}.mobile-btn--action{flex:1;font-size:.8rem;color:var(--accent-light)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.modal__content{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;max-width:420px;width:100%;text-align:center}.modal__content--wide{max-width:480px;text-align:left}.modal__content h2{margin-bottom:1rem;color:var(--success)}.modal__actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.btn{font-family:Noto Sans KR,sans-serif;padding:.65rem 1.1rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-dark);color:var(--text);cursor:pointer;font-size:.85rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--ghost:hover,.btn--primary:hover{opacity:.9}.btn--danger{color:#ff6b6b;border-color:#ff6b6b4d}.setting-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;cursor:pointer}.setting-actions{display:flex;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.tutorial-steps{margin:1rem 0 1rem 1.25rem;line-height:1.8}.tutorial-steps kbd{font-family:JetBrains Mono,monospace;background:var(--bg-dark);border:1px solid var(--border);border-radius:4px;padding:.1rem .4rem;font-size:.8rem}.game-hud{position:fixed;top:1rem;left:1rem;display:flex;gap:.5rem;z-index:100}.hud-btn{width:40px;height:40px;border-radius:50%;background:#1a1a2ee6;border:1px solid var(--border);color:var(--text);cursor:pointer;font-size:1rem}.site-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#0f0f1af2;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-header__brand{text-decoration:none}.site-header__logo{font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:700;color:var(--text)}.site-header__logo span{color:var(--accent-light)}.site-nav{display:flex;gap:1.25rem}.site-nav__link{color:var(--text-muted);text-decoration:none;font-size:.85rem}.site-nav__link:hover,.site-nav__link--active{color:var(--accent-light)}.site-header__menu-btn{display:none;background:none;border:none;color:var(--text);font-size:1.25rem;cursor:pointer}.site-mobile-nav{display:flex;flex-direction:column;background:var(--bg-card);border-bottom:1px solid var(--border);padding:.5rem 1rem}.site-mobile-nav__link{padding:.75rem 0;color:var(--text);text-decoration:none;border-bottom:1px solid var(--border)}.site-footer{background:var(--bg-card);border-top:1px solid var(--border);padding:2rem 1.5rem;margin-top:2rem}.site-footer__legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);font-size:.9rem}.site-footer__legal a{color:var(--accent-light);text-decoration:none}.site-footer__legal a:hover{text-decoration:underline}.site-footer__legal span{color:var(--text-muted)}.operator-banner{background:#6c5ce71a;border:1px solid rgba(108,92,231,.25);border-radius:8px;padding:.75rem 1rem;font-size:.85rem;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.6}.operator-banner a{color:var(--accent-light)}.site-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem;max-width:900px;margin:0 auto 1.5rem}.site-footer__brand p{font-size:.85rem;color:var(--text-muted);margin-top:.5rem;line-height:1.6}.site-footer__links h3{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.site-footer__links a{display:block;color:var(--text);text-decoration:none;font-size:.85rem;padding:.2rem 0}.site-footer__links a:hover{color:var(--accent-light)}.site-footer__copy{text-align:center;font-size:.75rem;color:var(--text-muted)}.site-footer__copy a{color:var(--accent-light)}.content-page .content-main{max-width:720px;margin:0 auto;padding:2rem 1.5rem 3rem}.content-hero__badge{display:inline-block;font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--accent-light);background:#6c5ce726;border:1px solid rgba(108,92,231,.3);padding:.25rem .75rem;border-radius:999px;margin-bottom:.75rem}.content-hero h1{font-size:2rem;margin-bottom:.75rem}.content-hero__lead{color:var(--text-muted);line-height:1.7;margin-bottom:2rem}.content-article section{margin-bottom:2rem}.content-article h2{font-size:1.2rem;margin-bottom:.75rem;color:var(--accent-light)}.content-article h3{font-size:1rem;margin:1rem 0 .5rem}.content-article p,.content-article li{line-height:1.7;color:var(--text-muted);margin-bottom:.75rem}.content-steps{margin-left:1.25rem}.content-list{list-style:none}.content-list li{display:flex;align-items:center;gap:.5rem}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.guide-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.75rem}.guide-card kbd{font-family:JetBrains Mono,monospace;background:var(--bg-dark);border:1px solid var(--border);border-radius:4px;padding:.2rem .5rem;font-size:.8rem;color:var(--accent-light)}.guide-card p{font-size:.8rem;margin-top:.4rem;margin-bottom:0}.tile-swatch{width:16px;height:16px;border-radius:3px;flex-shrink:0}.tile-swatch--floor{background:#252540}.tile-swatch--wall{background:#3d3d5c}.tile-swatch--switch{background:#2d4a3e}.tile-swatch--door{background:#4a3728}.tile-swatch--exit{background:#1a4a3a}.content-cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}.faq-list{display:flex;flex-direction:column;gap:.5rem}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem}.faq-item summary{cursor:pointer;font-weight:600;font-size:.95rem}.faq-item p{margin-top:.5rem;margin-bottom:0;font-size:.88rem}.faq-item a{color:var(--accent-light)}.ad-mount,.ad-slot{margin:1.25rem 0;text-align:center}.ad-slot__label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border);padding:1rem 1.5rem;z-index:300;box-shadow:0 -4px 20px #0000004d}.cookie-banner__inner{max-width:900px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.cookie-banner__inner p{font-size:.85rem;color:var(--text-muted);flex:1;min-width:240px}.cookie-banner__inner a{color:var(--accent-light)}.cookie-banner__actions{display:flex;gap:.5rem}.cookie-banner__btn{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-dark);color:var(--text);cursor:pointer;font-size:.85rem}.cookie-banner__btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.reduced-motion .preview-ghost,.reduced-motion .preview-player{animation:none!important;transition:none!important}#share-canvas{width:100%;border-radius:8px;margin-bottom:1rem}@media(max-width:600px){.landing__title{font-size:2.5rem}.landing__stats{grid-template-columns:repeat(2,1fr)}.how-steps{grid-template-columns:1fr}.site-nav{display:none}.site-header__menu-btn{display:block}.site-footer__grid,.guide-grid{grid-template-columns:1fr}.mobile-controls.hidden{display:flex!important}}@media(min-width:601px){.mobile-controls{display:none!important}}