:root{--ink:#3d2865;--paper:#fff6fb;--surface:#f7e8fa;--pink:#f29ac5;--pink-soft:#ffd6e8;--violet:#8a63d2;--violet-dark:#62409f;--lavender:#d9c8f4;--muted:#796b8c;--line:#c9afe5;--white:#fffdfd;--pixel:2px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Pretendard","Noto Sans KR",Arial,sans-serif;line-height:1.55;background-image:linear-gradient(rgba(138,99,210,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(138,99,210,.035) 1px,transparent 1px);background-size:24px 24px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{color:inherit;font:inherit}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:0 5vw;border-bottom:var(--pixel) solid var(--line);background:rgba(255,246,251,.94);backdrop-filter:blur(12px)}.brand{font-family:monospace;font-size:1.25rem;font-weight:950;letter-spacing:.08em}.brand span{color:var(--pink)}.tabs{display:flex;gap:.5rem}.tab{padding:.55rem .8rem;border:2px solid transparent;background:transparent;cursor:pointer;font-family:monospace;font-size:.7rem;font-weight:900;letter-spacing:.08em}.tab:hover,.tab:focus-visible{border-color:var(--line)}.tab.is-active{border-color:var(--ink);background:var(--pink-soft);box-shadow:3px 3px 0 var(--violet)}
.home-main{min-height:calc(100vh - 68px)}.intro{position:relative;overflow:hidden;padding:clamp(4rem,9vw,8rem) 7vw clamp(3.5rem,7vw,6rem);border-bottom:2px solid var(--line)}.intro::after{content:"✦  +  ♡";position:absolute;right:6vw;top:28%;color:var(--pink);font-family:monospace;font-size:clamp(1.4rem,4vw,3.5rem);letter-spacing:.5em;opacity:.65}.eyebrow{margin:0 0 1rem;color:var(--violet-dark);font-family:monospace;font-size:.7rem;font-weight:900;letter-spacing:.12em}.intro h1{margin:0;max-width:880px;font-size:clamp(2.8rem,6.5vw,6.6rem);line-height:1;letter-spacing:-.065em}.intro h1 em{color:var(--pink);font-style:normal;text-shadow:3px 3px 0 var(--lavender)}.intro>p:last-child{max-width:520px;margin:1.7rem 0 0;color:var(--muted)}
.tab-panel{padding:4vw 7vw 8vw}.list-heading{display:grid;grid-template-columns:minmax(280px,1fr) 150px 140px 48px;gap:2rem;padding:0 0 .8rem 150px;border-bottom:2px solid var(--ink);color:var(--muted);font-family:monospace;font-size:.65rem;font-weight:900;letter-spacing:.1em}.project-item{display:grid;grid-template-columns:118px minmax(280px,1fr) 150px 140px 48px;align-items:center;gap:2rem;padding:1.5rem 0;border-bottom:2px dotted var(--line)}.project-thumb{overflow:hidden;height:90px;border:2px solid var(--ink);background:var(--pink-soft);box-shadow:4px 4px 0 var(--lavender)}.project-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 24%;transition:transform .25s}.project-item:hover .project-thumb img{transform:scale(1.04)}.project-title{display:flex;align-items:center;gap:1.25rem}.project-number,.engine-index{color:var(--pink);font-family:monospace;font-size:.75rem;font-weight:950}.project-title h2{margin:0;font-family:monospace;font-size:clamp(1.65rem,3vw,2.7rem);line-height:1;letter-spacing:-.04em}.project-title p{margin:.4rem 0 0;color:var(--muted);font-size:.78rem}.project-meta{display:flex;flex-wrap:wrap;gap:.35rem}.project-meta span{padding:.25rem .4rem;border:1px solid var(--line);background:var(--white);color:var(--violet-dark);font-family:monospace;font-size:.6rem;font-weight:900}.project-status{color:var(--violet-dark);font-family:monospace;font-size:.65rem;font-weight:900}.project-status i{display:inline-block;width:8px;height:8px;margin-right:.35rem;background:#69c99a;box-shadow:1px 1px 0 var(--ink)}.round-link{display:grid;place-items:center;width:40px;height:40px;border:2px solid var(--ink);background:var(--white);box-shadow:3px 3px 0 var(--pink);font-size:1.1rem}.project-item:hover .round-link{background:var(--pink-soft)}.coming-row{display:grid;grid-template-columns:70px 1fr auto;gap:1rem;padding:1.5rem 0;color:#a999b7;font-family:monospace;font-size:.68rem;letter-spacing:.08em}.info-lead{display:grid;grid-template-columns:.7fr 1.3fr;gap:4vw;padding:1rem 0 4rem}.info-lead h2{margin:0;font-size:clamp(2.6rem,5.5vw,5.6rem);line-height:.98;letter-spacing:-.065em}.engine-list{border-top:2px solid var(--ink)}.engine-list article{display:grid;grid-template-columns:80px 1fr 140px;gap:2rem;align-items:center;padding:2rem 0;border-bottom:2px dotted var(--line)}.engine-list h3{margin:0 0 .35rem;font-family:monospace;font-size:clamp(1.8rem,4vw,3.5rem)}.engine-list p{margin:0;color:var(--muted)}.engine-list strong{color:var(--pink);font-family:monospace;font-size:.7rem;text-align:right}.dev-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 4rem;margin:4rem 0 0}.dev-facts div{display:grid;grid-template-columns:110px 1fr;padding:1rem 0;border-bottom:1px solid var(--line)}.dev-facts dt{color:var(--violet);font-family:monospace;font-size:.65rem;font-weight:900}.dev-facts dd{margin:0}
.project-page{background:#fff4fa}.project-page .site-header nav a{font-family:monospace;font-size:.7rem;font-weight:900}.project-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:end;padding:6vw 6vw 4vw}.project-hero h1{margin:0;color:var(--violet-dark);font-family:monospace;font-size:clamp(3.8rem,9vw,8.5rem);line-height:.85;letter-spacing:-.08em;text-shadow:5px 5px 0 var(--pink-soft)}.project-hero>p{max-width:430px;margin:0;color:var(--muted)}.game-section{padding:0 4vw 7vw}.game-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-top:2px solid var(--ink);font-family:monospace}.game-toolbar h2{margin:0;font-size:.75rem;letter-spacing:.12em}.game-toolbar button{border:0;border-bottom:2px solid;background:transparent;cursor:pointer;font-size:.7rem;font-weight:900}.play-stage{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:900px;padding:3rem;background-color:var(--pink-soft);background-image:radial-gradient(var(--pink) 1px,transparent 1px);background-size:28px 28px;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--lavender)}.stage-copy,.stage-tip{margin:0;font-family:monospace;font-weight:900;line-height:1.45}.stage-copy{align-self:start;padding-top:5rem;font-size:clamp(1.1rem,2vw,1.6rem)}.stage-copy span{display:block;margin-bottom:.5rem;color:var(--pink);font-size:.75rem}.stage-tip{align-self:end;padding-bottom:5rem;text-align:right;font-size:.72rem;letter-spacing:.08em}.stage-tip span{color:var(--pink)}.phone{position:relative;width:min(420px,72vw);aspect-ratio:9/18.8;padding:32px 12px 34px;border:4px solid var(--ink);border-radius:48px;background:#eadcf7;box-shadow:0 0 0 5px var(--white),0 0 0 8px var(--violet),14px 16px 0 rgba(98,64,159,.2);overflow:hidden}.phone::before{content:"";position:absolute;inset:7px;border:1px solid rgba(98,64,159,.4);border-radius:38px;pointer-events:none}.phone-speaker{position:absolute;z-index:2;top:14px;left:50%;width:70px;height:8px;translate:-50% 0;border:2px solid var(--violet-dark);border-radius:6px;background:var(--lavender)}.phone iframe{display:block;width:100%;height:100%;border:0;border-radius:24px;background:#fff5fb}.phone-home{position:absolute;bottom:13px;left:50%;width:90px;height:5px;translate:-50% 0;border-radius:4px;background:var(--violet)}.phone:fullscreen{width:min(92vw,540px);height:96vh;margin:auto;border-radius:48px}.game-note{color:var(--muted);font-size:.75rem}.project-notes{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:7vw 6vw;border-top:2px solid var(--line)}.project-notes h2{margin:0;color:var(--violet-dark);font-size:clamp(2.8rem,6vw,5.8rem);line-height:.92;letter-spacing:-.06em}.project-notes dl{margin:0}.project-notes dl div{display:grid;grid-template-columns:1fr 1.4fr;padding:1rem 0;border-bottom:1px solid var(--line)}.project-notes dt{color:var(--pink);font-family:monospace;font-size:.7rem;font-weight:900}.project-notes dd{margin:0}footer{display:flex;justify-content:space-between;gap:2rem;padding:2rem 5vw;border-top:2px solid var(--line);color:var(--muted);font-family:monospace;font-size:.65rem;font-weight:900;letter-spacing:.08em}
@media(max-width:820px){.site-header{min-height:62px;padding-inline:1.1rem}.intro{padding:4.5rem 1.25rem 3.5rem}.intro::after{top:18%;right:1rem}.tab-panel{padding:2.5rem 1.25rem 5rem}.list-heading{display:none}.project-item{grid-template-columns:80px 1fr 40px;gap:1rem}.project-thumb{height:80px}.project-number,.project-meta,.project-status{display:none}.project-title h2{font-size:1.55rem}.coming-row{grid-template-columns:35px 1fr}.coming-row span:last-child{display:none}.info-lead{grid-template-columns:1fr;padding-bottom:3rem}.engine-list article{grid-template-columns:35px 1fr;gap:1rem}.engine-list strong{display:none}.dev-facts{grid-template-columns:1fr;margin-top:3rem}.project-hero{grid-template-columns:1fr;padding:4rem 1.25rem 2.5rem}.project-hero h1{font-size:3.8rem}.game-section{padding:0 1rem 4rem}.play-stage{grid-template-columns:1fr;min-height:auto;padding:2.5rem 1rem}.stage-copy,.stage-tip{display:none}.phone{width:min(100%,390px);justify-self:center}.game-note{margin-inline:.25rem}.project-notes{grid-template-columns:1fr;padding:4rem 1.25rem}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-thumb img{transition:none}}