@font-face{font-family:RW;src:url('/assets/Pretendard.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#f7f8f6;--paper:#fff;--ink:#1b2328;--muted:#58676d;--accent:#258d86;--line:#e2e8e5;--soft:#e9f1ee;--radius:8px;--shadow:0 12px 36px #1b23280b;font-family:RW,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;line-height:1.65}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img,svg{max-width:100%}img{display:block;height:auto}button{color:inherit}p{margin:0 0 1.1em}h1,h2,h3{line-height:1.2;letter-spacing:-.045em;margin:0}h1{font-size:clamp(37px,5.2vw,68px);font-weight:750}h2{font-size:clamp(28px,3.5vw,42px);font-weight:730}h3{font-size:23px;font-weight:700}small{font-size:14px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.skip{position:fixed;left:16px;top:-100px;background:#fff;padding:14px;z-index:20}.skip:focus{top:10px}.header{background:#f7f8f6f2;border-bottom:1px solid var(--line)}.header .wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-size:26px;font-weight:850;letter-spacing:-1.2px;text-decoration:none}.nav{display:flex;align-items:center;gap:34px}.nav a{font-size:16px;text-decoration:none;position:relative}.nav a[aria-current=page]{color:var(--accent);font-weight:750}.nav a:after{content:'';height:2px;background:var(--accent);position:absolute;left:0;right:100%;bottom:-8px;transition:right .18s}.nav a:hover:after{right:0}.mobile-menu{display:none}.hero{padding:80px 0 70px;display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.hero h1{margin:0 0 26px}.hero p{font-size:20px;max-width:28em;color:var(--muted)}.hero .leadline{font-size:16px;font-weight:650;color:var(--accent);margin-bottom:22px}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;background:var(--ink);color:#fff;border:0;border-radius:var(--radius);padding:14px 22px;min-height:52px;font-size:17px;font-weight:650;text-decoration:none;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px);box-shadow:0 6px 14px #1b23281c}.button.secondary{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.text-link{display:inline-flex;align-items:center;gap:16px;font-weight:650}.hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}.project-visual{position:relative;min-height:430px;background:#dfeae6;border-radius:var(--radius);overflow:hidden;padding:32px}.project-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,#fff5 1px,transparent 1px),linear-gradient(#fff5 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent)}.mini-cover{width:62%;max-width:300px;margin:15px auto 0;position:relative;box-shadow:0 18px 35px #1b23281c;border-radius:14px;overflow:hidden}.mini-cover img{width:100%}.visual-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;font-weight:650}.state{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--muted);font-weight:600}.state:before{content:'';height:7px;width:7px;border-radius:50%;background:var(--accent)}.project-visual .state{background:#fffc;padding:5px 12px;border-radius:20px}.visual-route{position:absolute;left:20px;bottom:34px;right:20px;height:70px;pointer-events:none;opacity:.7}.section{padding:58px 0 72px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.section-head p{max-width:28em;color:var(--muted);margin:0}.project-row{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.project-row .project-visual{min-height:350px;max-height:430px}.project-row h3{font-size:35px;margin:20px 0}.project-copy p{font-size:18px;max-width:30em;color:var(--muted)}.project-copy .state{margin-bottom:6px}.feature-facts{display:flex;gap:24px;margin:26px 0;font-size:16px}.feature-facts span{padding-left:12px;border-left:3px solid var(--accent)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guide-card{display:flex;flex-direction:column;padding:28px 0 22px;text-decoration:none;border-top:2px solid var(--ink);transition:transform .18s}.guide-card:hover{transform:translateY(-3px)}.guide-card h3{margin:18px 0 14px;font-size:24px}.guide-card p{color:var(--muted);margin:0;flex:1}.guide-card .guide-meta{display:flex;justify-content:space-between;margin-top:28px;font-size:15px}.guide-art{height:118px;background:var(--soft);border-radius:var(--radius);display:grid;place-items:center;color:var(--accent)}.guide-art svg{width:90%;height:84px}.about-band{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:56px;background:var(--soft);border-radius:var(--radius);margin:20px 0 70px}.about-band p{font-size:19px;color:var(--muted)}.footer{border-top:1px solid var(--line);padding:40px 0 28px}.footer-top{display:flex;justify-content:space-between;gap:35px}.footer nav{display:flex;gap:17px 26px;flex-wrap:wrap;max-width:630px;justify-content:flex-end}.footer nav a{font-size:15px;text-decoration:none}.footer p{font-size:14px;color:var(--muted);margin:25px 0 0}.footer .foot-status{margin-top:10px}.page-head{padding:60px 0 44px;max-width:850px}.page-head p{font-size:20px;color:var(--muted);margin:22px 0 0}.breadcrumb{font-size:15px;color:var(--muted);display:flex;gap:12px;margin-bottom:24px}.article-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:66px;align-items:start;padding-bottom:80px}.article-toc{position:sticky;top:28px;font-size:16px}.article-toc ol{padding:0;list-style:none}.article-toc li{margin:16px 0}.article-toc a{text-decoration:none;color:var(--muted)}.article-body{font-size:18px;line-height:1.85;min-width:0}.article-body section{margin-bottom:45px;scroll-margin-top:28px}.article-body h2{font-size:29px;margin-bottom:20px}.article-body h3{font-size:22px;margin:26px 0 14px}.article-body ul,.article-body ol{padding-left:1.3em}.article-body li{margin:10px 0}.article-body a{color:#146b65}.article-meta{font-size:15px;color:var(--muted);display:flex;gap:18px;margin-top:24px}.notice{padding:20px 24px;background:var(--soft);border-radius:var(--radius);font-size:16px;margin:24px 0}.table-scroll{overflow-x:auto;margin:24px 0}table{border-collapse:collapse;width:100%;font-size:16px;background:#fff}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:700;background:#eef3ef}.doc{max-width:780px;margin:0 auto 80px;font-size:18px;line-height:1.85}.doc h2{font-size:28px;margin:42px 0 18px}.doc h3{font-size:22px;margin:28px 0 12px}.doc ul{padding-left:1.2em}.doc li{margin:10px 0}.related{border-top:1px solid var(--line);padding-top:24px}.related a{display:block;padding:12px 0}.caption{font-size:15px;color:var(--muted);margin:12px 0 24px}.result-figure{max-width:420px;margin:30px auto}.result-figure img{border-radius:14px}.route-figure{padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin:28px 0}.route-figure svg{width:100%;height:auto}.route-figure figcaption{font-size:15px;margin-top:12px;color:var(--muted)}.project-details{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin:30px 0 60px}.project-details>section{padding-top:28px;border-top:1px solid var(--line)}.project-details h2{font-size:27px;margin-bottom:18px}.project-details p{font-size:18px;color:var(--muted)}.review-banner{padding:11px 24px;text-align:center;background:#eef3f2;color:#3b5452;font-size:15px}.review-banner a{margin-left:16px}.design-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:25px 0}.design-bar button{border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 18px;font-size:16px}.design-bar button:hover{border-color:var(--accent)}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.review-grid iframe{width:100%;height:720px;border:1px solid var(--line);border-radius:12px;background:#fff}.review-grid h2{font-size:24px;margin:20px 0}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.filter-bar button{padding:9px 18px;background:#fff;border:1px solid var(--line);border-radius:99px}.filter-bar button[aria-pressed=true]{background:var(--ink);color:#fff}.empty-contact{border:1px solid var(--line);padding:24px;background:#fff;border-radius:var(--radius)}[hidden]{display:none!important}
:root[data-design=B]{--bg:#f7f8f6;--accent:#127e76;--soft:#e0eeea;--radius:26px;--shadow:0 12px 24px #258d8610}
[data-design=B] .header{background:#fff;border:0;box-shadow:0 2px 10px #1b232807}[data-design=B] .hero{padding-top:62px;gap:42px}[data-design=B] .hero h1{font-weight:820;letter-spacing:-.055em}[data-design=B] .button{background:var(--accent);border-radius:99px;box-shadow:0 4px 0 #0c5b56}[data-design=B] .button.secondary{background:#fff;color:var(--accent);box-shadow:0 3px 0 #cdded9}[data-design=B] .project-visual{background:#e0eeea;box-shadow:0 8px 0 #c8dcd5;border:2px solid #fff}[data-design=B] .project-visual:before{background-size:65px 65px;border-radius:50%;inset:45px -80px -80px 80px;mask-image:linear-gradient(#000,transparent)}[data-design=B] .mini-cover{box-shadow:0 18px 30px #15494125}[data-design=B] .section{border-top:0}[data-design=B] .guide-card{border:0;border-radius:24px;background:#fff;padding:22px;box-shadow:0 3px 0 #dbe4e0;transition:transform .18s,box-shadow .18s}[data-design=B] .guide-card:hover{transform:translateY(-4px);box-shadow:0 7px 0 #dbe4e0}[data-design=B] .guide-art{border-radius:16px}[data-design=B] .guide-card:nth-child(3n+2) .guide-art{background:#eef0fc;color:#5b64a2}[data-design=B] .guide-card:nth-child(3n) .guide-art{background:#f6efe3;color:#956e37}[data-design=B] .about-band{border-radius:32px}[data-design=B] .state:before{box-shadow:0 0 0 4px #258d8614}[data-design=B] .nav a[aria-current=page]{background:#e0eeea;padding:7px 15px;border-radius:99px}[data-design=B] .route-dot{animation:routeStep 3s ease-in-out infinite}@keyframes routeStep{0%,15%{transform:translateX(0)}70%,100%{transform:translateX(215px)}}
@media(max-width:850px){.wrap{width:calc(100% - 40px)}.header .wrap{height:76px}.nav{gap:24px}.hero{gap:30px;padding-top:50px}.hero h1{font-size:45px}.hero p{font-size:18px}.project-visual{min-height:350px;padding:22px}.mini-cover{width:70%}.guide-grid{grid-template-columns:1fr 1fr}.project-row{gap:30px}.article-layout{grid-template-columns:1fr;gap:20px}.article-toc{position:static;border-bottom:1px solid var(--line);padding-bottom:16px}.article-toc ol{display:flex;gap:12px 25px;flex-wrap:wrap}.article-toc li{margin:0}.about-band{padding:36px;gap:30px}.footer-top{flex-direction:column}.footer nav{justify-content:flex-start}.review-grid{grid-template-columns:1fr}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header .wrap{height:70px}.wordmark{font-size:24px}.nav{gap:20px}.nav a{font-size:15px}.nav .about-nav{display:none}.hero{grid-template-columns:1fr;padding:42px 0 48px;gap:34px}.hero h1{font-size:43px;line-height:1.18}.hero p{font-size:18px}.hero .leadline{font-size:15px;margin-bottom:18px}.hero-actions{gap:20px;margin-top:24px}.hero .project-visual{min-height:370px;max-height:420px}.mini-cover{width:64%;max-width:220px}.section{padding:36px 0 48px}.section-head{display:block;margin-bottom:24px}.section-head p{margin-top:18px}.section-head>.text-link{margin-top:20px}.project-row{grid-template-columns:1fr;gap:25px}.project-row .project-visual{min-height:320px;max-height:330px}.project-copy h3{font-size:30px;margin:15px 0}.guide-grid{grid-template-columns:1fr;gap:18px}.guide-card{padding:20px 0}.guide-art{height:100px}.guide-card h3{font-size:24px}.guide-card .guide-meta{margin-top:20px}.about-band{grid-template-columns:1fr;gap:20px;padding:28px;margin-bottom:42px}.about-band p{font-size:18px}.page-head{padding:40px 0 30px}.page-head h1{font-size:36px}.page-head p{font-size:18px}.article-body,.doc{font-size:17px}.article-body h2{font-size:26px}.article-body section{margin-bottom:34px}.article-layout{padding-bottom:42px}.article-meta{font-size:14px;gap:12px}.project-details{grid-template-columns:1fr;gap:20px}.table-scroll{margin-left:-4px;margin-right:-4px}th,td{padding:12px 14px;min-width:100px;font-size:15px}.notice{padding:18px;font-size:16px}.route-figure{padding:14px;margin:25px 0}.footer{padding:30px 0}.footer nav{gap:15px 22px}.footer p{font-size:14px}.review-banner{font-size:14px;padding:9px 16px}.review-banner a{margin-left:9px}[data-design=B] .hero{padding-top:42px}.feature-facts{gap:18px;font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.mini-cover{z-index:1}.visual-route{z-index:0}.article-body .route-figure svg{max-width:400px;display:block;margin:0 auto}
.project-visual{margin:0;min-height:0}
.project-row .project-visual,.hero .project-visual{min-height:0;max-height:none}
.screen-pair{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:center;margin-top:24px;position:relative}
.screen-pair .mini-cover{width:100%;max-width:none;margin:0;border-radius:14px}
.screen-caption{position:relative;font-size:14px;color:var(--muted);margin-top:24px;line-height:1.6;display:flex;flex-wrap:wrap;gap:4px 12px}
.project-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:26px}
.launch-control{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px}
.project-actions .launch-control{margin-top:0}
.button.play-unavailable,.button.play-unavailable:hover,[data-design=B] .button.play-unavailable{background:#e4eae6;color:#63736a;box-shadow:none;transform:none;cursor:not-allowed;border:0}
.launch-timing{font-size:16px;font-weight:650;color:var(--accent)}
.play-guide-link{margin-top:24px}
@media(max-width:600px){.screen-pair{gap:14px;margin-top:20px}.screen-caption{margin-top:18px}.screen-pair .mini-cover{border-radius:11px}.project-visual{padding:20px}.visual-caption{gap:6px;font-size:15px}.project-visual .state{padding:4px 9px;font-size:14px}.project-actions{gap:22px}}
/* Actual gameplay screens accompany the instructions; full images remain accessible. */
.play-walkthrough .section-head p{margin-top:14px;font-size:18px}
.walkthrough-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.walkthrough-grid>li{min-width:0}
.walkthrough-heading{display:flex;gap:12px;align-items:center;margin-bottom:20px;min-height:58px}
.step-number{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:750;font-size:19px}
.walkthrough-heading h3{font-size:22px;line-height:1.35;max-width:11em}
.capture-link{display:block;position:relative;max-width:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 3px 5px #14251d12,0 12px 30px #14251d19;text-decoration:none}
.capture-link img{width:100%;height:auto;margin:0}
.capture-enlarge{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:var(--paper);color:var(--muted);font-size:15px;font-weight:600;border-top:1px solid var(--line)}
.capture-link:hover .capture-enlarge{color:var(--accent)}
.walkthrough-grid .capture-link{height:auto}
.walkthrough-grid>li>p{font-size:17px;line-height:1.75;color:var(--muted);margin:23px 0 0}
.capture-source{color:var(--muted);font-size:15px;line-height:1.7;margin:26px 0 0}
.tutorial-figure{margin:28px auto;max-width:540px}
.tutorial-figure figcaption{font-size:15px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap;margin-top:14px;line-height:1.6}
.article-body .action-notes{border-left:3px solid var(--accent);padding:0 0 0 22px;margin:28px 0 36px;list-style:none;font-size:17px}
.article-body .action-notes li{margin:0 0 12px}
.article-body .action-notes li:last-child{margin-bottom:0}
@media(min-width:851px){.walkthrough-grid .capture-link img{height:390px;object-fit:contain;background:#f0f4f2}}
@media(min-width:601px) and (max-width:850px){.walkthrough-grid{gap:20px}.walkthrough-heading{align-items:flex-start;gap:9px;min-height:70px}.walkthrough-heading h3{font-size:20px}.walkthrough-grid .capture-link img{height:310px;object-fit:contain;background:#f0f4f2}.capture-enlarge{font-size:14px;padding:9px 12px}.walkthrough-grid>li>p{font-size:16px}}
@media(max-width:600px){.walkthrough-grid{grid-template-columns:1fr;gap:38px}.walkthrough-heading{min-height:0;margin-bottom:18px}.walkthrough-heading h3{font-size:23px;max-width:none}.walkthrough-grid .capture-link{max-width:420px;margin:0 auto}.walkthrough-grid>li>p{margin-top:20px}.tutorial-figure{margin:25px 0}.play-walkthrough .section-head p{font-size:17px;margin-top:12px}}