@font-face{font-family:Jua;src:url('../assets/fonts/Jua-Regular.ttf') format('truetype');font-display:swap}
:root{--ink:#123b34;--muted:#526c62;--cream:#faf7ed;--mint:#4b957a;--peach:#eea48c;--line:#d6e1d1}
*{box-sizing:border-box}html{background:var(--cream);scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:system-ui,-apple-system,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;word-break:keep-all}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #cf7a54;outline-offset:4px}button:disabled{opacity:.3;cursor:default}a{color:inherit}figure{margin:0;min-width:0}img{display:block;width:100%;height:auto}figcaption{font-size:14px;line-height:1.5;color:var(--muted);margin-top:12px}p{font-size:clamp(18px,1.8vw,25px);line-height:1.65;margin:14px 0}h1,h2,h3,.brand,.role-number,.stats strong,.balance strong,.cta,.sequence,.loop{font-family:Jua,system-ui,sans-serif;font-weight:400}h1{font-size:clamp(44px,6.3vw,86px);line-height:1.1;margin:16px 0 26px}h2{font-size:clamp(30px,3.6vw,49px);line-height:1.25;margin:12px 0 32px;letter-spacing:-.02em}h3{font-size:clamp(23px,2.3vw,31px);line-height:1.4;margin:12px 0}b{font-weight:700}ul{margin:20px 0 28px;padding-left:1.1em}li{font-size:clamp(18px,1.7vw,24px);line-height:1.7;margin:12px 0}code{font-family:ui-monospace,monospace;font-size:18px;line-height:1.7}.top{height:64px;padding:10px clamp(18px,4vw,60px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:10px}.brand{text-decoration:none;font-size:22px;white-space:nowrap}.brand span{font-family:system-ui;font-size:13px;margin-left:14px;color:var(--muted)}.tools{display:flex;gap:8px}.tools button,.navigation button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:8px;padding:9px 14px;font-size:14px}.tools button[aria-pressed=true]{background:#dcebdc}.slide{display:none;max-width:1440px;margin:auto;min-height:calc(100svh - 136px);padding:clamp(26px,3.5vw,52px) clamp(22px,4.8vw,72px) 32px;animation:appear .25s ease-out}.slide.active{display:flex;flex-direction:column;justify-content:center}.section-label,.eyebrow{font-size:15px;letter-spacing:.08em;font-weight:650;color:#467661}.lead{font-size:clamp(23px,2.5vw,34px);line-height:1.5}.fine{font-size:15px;line-height:1.7;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(24px,4vw,58px);align-items:center}.split>div{min-width:0}.split figure img{max-height:350px;object-fit:contain;border-radius:12px;background:#102229}.game-art img{aspect-ratio:16/9;object-fit:cover!important}.cta,.secondary{display:inline-block;text-decoration:none;padding:13px 22px;border-radius:12px;font-size:21px;background:var(--ink);color:#fff9de;margin-top:16px}.secondary{font-family:system-ui;background:transparent;border:1px solid #8aaa95;color:var(--ink);font-size:17px}.takeaway{margin-top:28px;padding-top:20px;border-top:2px solid #9fc4a7;font-size:clamp(18px,1.9vw,26px);color:#326b54}.cover{position:relative;max-width:none;overflow:hidden;background:#0e2526 url('../assets/images/title-dungeon.jpg') center/cover no-repeat;color:#f4f7d9}.cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b2527f5 0%,#102c2bd9 38%,#102c2b22 80%)}.cover-copy{position:relative;width:60%;padding:0 2vw}.cover .eyebrow,.cover .fine{color:#b7d6b2}.cover .lead{font-size:clamp(21px,2vw,29px)}.logo{width:190px;margin-top:24px}.roles{display:grid;grid-template-columns:1fr 1fr;gap:70px}.roles>div{border-top:3px solid var(--peach);padding-top:16px}.roles>div+div{border-color:var(--mint)}.role-number{font-size:20px;color:#b86648}.role-number.mint{color:#3b8065}blockquote{margin:22px 0 0;font-size:20px;line-height:1.6;color:#587263}.loop{display:flex;justify-content:center;align-items:center;gap:24px;font-size:29px;padding:24px 0 0;margin-top:24px;border-top:1px solid var(--line)}.loop span{color:var(--mint)}.sequence{display:flex;align-items:center;gap:14px;margin-top:25px;font-size:22px}.sequence b{color:#80a58a}.growth{display:flex;align-items:center;justify-content:space-around;gap:6px}.growth>div{text-align:center}.growth p{font-size:19px}.sprite{display:block;background-repeat:no-repeat;image-rendering:pixelated;width:112px;height:112px;background-size:448px 112px;animation:sprite-step 1s steps(4) infinite;margin:auto}.s1{background-image:url('../assets/images/slime-stage-1.png?v=cute-characters-1')}.s2{background-image:url('../assets/images/slime-stage-2.png?v=cute-characters-1')}.s3{background-image:url('../assets/images/slime-stage-3.png?v=cute-characters-1')}.knight{background-image:url('../assets/images/knight.png?v=cute-characters-1')}.ranger{background-image:url('../assets/images/ranger.png?v=cute-characters-1')}.boss{background-image:url('../assets/images/boss.png?v=cute-characters-1')}.stats{display:flex;justify-content:space-around;padding:12px 0 28px;border-bottom:1px solid var(--line);margin-bottom:20px}.stats div{text-align:center}.stats strong{font-size:72px;color:#3b8c6b;display:block;line-height:1.2}.stats span{font-size:20px}.two-text{display:grid;grid-template-columns:1fr 1fr;gap:50px}.two-text p{font-size:22px}.stack>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);font-size:20px}.stack span{font-size:18px;color:var(--muted)}.prototype img{aspect-ratio:16/9;object-fit:cover!important;object-position:center 48%;max-height:none!important}.steps{padding-left:1.3em}.steps li{padding:8px}.balance{display:grid;grid-template-columns:1fr 1fr;gap:40px}.balance>div{padding-top:18px;border-top:3px solid #8fb69b}.balance strong{font-size:clamp(29px,3vw,41px)}.balance strong span{color:#a2b7a3}.balance p{font-size:20px}.balance .fine{font-size:15px}.evidence{display:flex;gap:40px;margin-top:18px}.evidence p{font-size:21px}.evidence b{display:block;font-size:37px;color:#3b8c6b}.character-line{display:flex;justify-content:space-around;gap:20px;padding:12px 0 25px}.character-line>div{text-align:center}.character-line b,.character-line span{display:block;font-size:22px;margin-top:9px}.character-line span{font-size:16px;color:var(--muted)}.event-list p{margin:0;padding:14px 0;border-bottom:1px solid var(--line);font-size:20px}.event-list b,.event-list span{display:block}.event-list span{font-size:18px;color:var(--muted);margin-top:5px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compare img{aspect-ratio:16/9;object-fit:cover;border-radius:10px}.mobile-split{grid-template-columns:1.3fr 1fr}.mobile-split figure img{max-height:350px;background:transparent}.deploy-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:22px;align-items:center}.deploy-flow>div{min-width:0;padding-top:20px;border-top:3px solid #8fb69b}.deploy-flow strong{display:block;font-family:Jua;font-size:29px;margin-bottom:16px}.deploy-flow p{font-size:19px}.deploy-flow>b{font-size:30px;color:#6e9a7d}.deploy-flow code{display:block;min-height:62px;color:#377357}.text-link{font-size:22px;margin-top:30px;overflow-wrap:anywhere}.image-button{padding:0;border:0;background:none;width:100%;border-radius:12px;overflow:hidden;cursor:zoom-in}.prompts{padding:0;list-style:none;counter-reset:requests}.prompts li{counter-increment:requests;display:grid;grid-template-columns:180px 1fr;gap:22px;border-top:1px solid var(--line);padding:18px 0;margin:0}.prompts b{font-family:Jua;font-weight:400;font-size:23px;color:#39745a}.prompts b:before{content:'0' counter(requests) ' ';color:#8ba991}.prompts p{font-size:22px;margin:0}.finale{background:#eaf0df}.finale h2{font-size:clamp(37px,4.7vw,65px);margin-bottom:16px}.final-actions{display:flex;gap:16px;align-items:center;margin:8px 0 24px}.navigation{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(18px,4vw,60px);height:72px;border-top:1px solid var(--line)}.position{display:flex;align-items:center;gap:20px;font-size:15px}.key-hint{font-size:12px;color:var(--muted)}#progress{position:absolute;left:0;bottom:0;height:4px;background:var(--mint);transition:width .2s}#notes{max-width:1250px;margin:12px auto;padding:24px 30px;border-left:4px solid #d99476;background:#fff2d9;font-size:18px;line-height:1.8}#toc{position:fixed;z-index:20;right:20px;top:60px;width:min(420px,calc(100vw - 40px));max-height:75svh;overflow:auto;background:#fffdf5;border:1px solid var(--line);box-shadow:0 15px 50px #123b3433;padding:16px;border-radius:14px}#toc button{display:block;width:100%;padding:11px;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);font-size:16px;color:var(--ink)}#toc button[aria-current=true]{background:#e3efdf}dialog{max-width:96vw;max-height:96svh;padding:14px;background:#faf7ed;border:0;border-radius:12px}dialog::backdrop{background:#071c24cc}dialog img{max-width:92vw;max-height:84svh;object-fit:contain}dialog button{display:block;margin:0 0 10px auto;padding:8px 16px;font-size:16px;border:1px solid #abc2ab;background:white;border-radius:7px}[hidden]{display:none!important}@keyframes appear{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sprite-step{to{background-position:-448px 0}}
@media(max-width:760px){.top{height:60px;padding:10px 14px}.brand{font-size:18px}.brand span{display:none}.tools{gap:4px}.tools button{padding:8px;font-size:12px}h2{margin-bottom:22px}.slide{min-height:calc(100svh - 132px);padding:30px 22px}.split,.roles,.balance,.two-text,.compare{grid-template-columns:1fr;gap:24px}.cover-copy{width:100%;padding:0}.cover-shade{background:linear-gradient(90deg,#0b2527f5,#102c2bb8)}.logo{width:145px}.lead{font-size:24px}.loop{gap:9px;font-size:21px;flex-wrap:wrap}.stats strong{font-size:50px}.stats span{font-size:17px}.takeaway{font-size:19px}.stack>div{font-size:18px}.stack span{font-size:15px}.character-line{flex-wrap:wrap}.character-line>div{width:42%}.sprite{width:96px;height:96px;background-size:384px 96px;animation-name:sprite-mobile}.growth .sprite{width:80px;height:80px;background-size:320px 80px;animation-name:sprite-small}.growth p{font-size:17px}.growth{margin-top:14px}.evidence{gap:22px}.evidence p{font-size:18px}.evidence b{font-size:30px}.deploy-flow{grid-template-columns:1fr;gap:12px}.deploy-flow>b{transform:rotate(90deg);text-align:center;font-size:22px}.deploy-flow code{min-height:0}.deploy-flow p{font-size:18px}.prompts li{grid-template-columns:1fr;gap:8px}.prompts p{font-size:19px}.final-actions{flex-direction:column;align-items:flex-start;gap:0}.navigation{padding:12px 14px}.navigation button{padding:9px 12px}.key-hint{display:none}.position{font-size:14px}.split figure img{max-height:290px}.fine,figcaption{font-size:14px}#notes{margin:12px;padding:20px;font-size:17px}}@keyframes sprite-mobile{to{background-position:-384px 0}}@keyframes sprite-small{to{background-position:-320px 0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media print{@page{size:A4 landscape;margin:10mm}body{background:white}.top,.navigation,#notes,#toc,dialog{display:none!important}.slide,.slide.active{display:flex;page-break-after:always;break-after:page;min-height:180mm;height:180mm;padding:12mm 10mm;animation:none;max-width:none;overflow:hidden}.slide:last-child{page-break-after:auto}.cover{print-color-adjust:exact;-webkit-print-color-adjust:exact}h2{font-size:29px;margin-bottom:20px}h1{font-size:58px}p,li{font-size:17px}.lead{font-size:23px}.split figure img{max-height:95mm}.fine,figcaption{font-size:12px}.stats strong{font-size:55px}.loop{font-size:24px}.balance strong{font-size:30px}.prompts p{font-size:18px}.slide a{color:inherit}.sprite{animation:none}}
@media(min-width:761px) and (max-height:850px){.slide{padding-top:26px;padding-bottom:24px}h2{font-size:43px;margin-bottom:24px}p{line-height:1.5}.cover .logo{width:150px}.cover h1{font-size:76px}.compare img{height:260px;aspect-ratio:auto;object-fit:contain;background:#102229}.stats{padding-bottom:18px;margin-bottom:12px}.stats strong{font-size:64px}.two-text p{font-size:21px}.takeaway{margin-top:20px;padding-top:16px}}
.source-quote{margin:0;border-left:4px solid #80ab8d;padding:14px 22px;font-size:21px;line-height:1.6;color:#123b34;background:#edf1e5}.small-quote{margin:10px 0 22px;padding:12px 0;color:#37694e;font-size:23px}.guideline-excerpts{display:grid;grid-template-columns:1fr 1fr;gap:22px 42px}.guideline-excerpts>div{border-top:2px solid #a2bf9e;padding-top:10px}.guideline-excerpts h3{font-size:23px;margin:0 0 10px}.guideline-excerpts blockquote{font-size:19px;line-height:1.55;color:#173e35;margin:0 0 9px}.guideline-excerpts span{font-size:13px;color:#647b6e}
.slide.infographic-slide{padding:0;max-width:none;min-height:100svh;height:100svh;background:#faf7ed;justify-content:center;align-items:center;animation:none}.infographic-slide>img{width:100%;height:100%;object-fit:contain}.infographic-mode .top,.infographic-mode .navigation{position:fixed;left:0;right:0;z-index:15;background:#faf7edf2;opacity:0;transition:opacity .18s}.infographic-mode .top{top:0}.infographic-mode .navigation{bottom:0}.infographic-mode .top:hover,.infographic-mode .navigation:hover,.infographic-mode .top:focus-within,.infographic-mode .navigation:focus-within,.infographic-mode.controls-visible .top,.infographic-mode.controls-visible .navigation{opacity:1}
@media(min-width:761px) and (max-height:850px){.source-quote{font-size:19px;line-height:1.5;padding:10px 20px}.prompt-example .takeaway{font-size:22px}.guideline-excerpts{gap:16px 36px}.guideline-excerpts blockquote{font-size:18px}}
@media(max-width:760px){.source-quote{font-size:18px;line-height:1.6;padding:12px 16px}.guideline-excerpts{grid-template-columns:1fr;gap:24px}.guideline-excerpts h3{font-size:23px}.guideline-excerpts blockquote{font-size:18px}.small-quote{font-size:20px}}
@media print{.infographic-mode .top,.infographic-mode .navigation{display:none!important}.slide.infographic-slide{height:180mm;min-height:180mm;break-after:auto}.source-quote{font-size:16px}.guideline-excerpts blockquote{font-size:16px}}

@media(max-width:760px){.top{flex-wrap:wrap;height:auto;min-height:60px}.brand{font-size:16px}.tools{margin-left:auto}}

/* 게시 방법: 표를 발표 화면의 주된 시각 요소로 사용합니다. */
.publish-slide{max-width:1600px;padding:24px 3.4vw;justify-content:center}.publish-slide .section-label{display:none}.publish-slide h2{font-size:clamp(36px,3vw,48px);margin:0 0 12px}.publish-intro{font-size:20px;line-height:1.4;margin:0 0 16px}.publish-intro code{font-size:inherit}.publish-table-wrap{border:1px solid #bed1bd;border-radius:14px;overflow:hidden;box-shadow:0 6px 22px #183c3008}.publish-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:clamp(22px,1.65vw,27px);line-height:1.4;text-align:left;color:#123b34}.publish-table th,.publish-table td{padding:12px 22px;border-bottom:1px solid #cfddca;vertical-align:middle}.publish-table th+th,.publish-table td+td{border-left:1px solid #d4dfcf}.publish-table thead{background:#214e43;color:#fff9e6;font-size:clamp(19px,1.4vw,23px)}.publish-table thead th:first-child{width:23%}.publish-table thead th:nth-child(2){width:38%}.publish-table tbody th{font-family:Jua,system-ui;font-size:clamp(27px,2vw,34px);font-weight:400;border-right:1px solid #d4dfcf}.publish-table tbody tr:nth-child(odd){background:#eaf1e2}.publish-table tbody tr:nth-child(even){background:#fffdf6}.publish-table tbody tr:last-child>*{border-bottom:0}.publish-table small{display:block;font-family:system-ui;font-size:15px;line-height:1.4;font-weight:600;color:#397658;margin-top:5px}.publish-caution{font-size:19px;line-height:1.45;margin:16px 0 8px}.publish-sources{font-size:14px;line-height:1.5;margin:0}
@media(min-width:761px) and (max-height:850px){.publish-slide{padding:14px 3.4vw}.publish-slide h2{font-size:38px;margin-bottom:10px}.publish-intro{font-size:18px;margin-bottom:12px}.publish-table th,.publish-table td{padding:10px 20px}.publish-table thead{font-size:19px}.publish-table tbody th{font-size:28px}.publish-table small{font-size:14px;margin-top:3px}.publish-caution{font-size:18px;margin-top:12px;margin-bottom:5px}.publish-sources{font-size:13px}}
@media(max-width:760px){.publish-slide{padding:28px 18px}.publish-slide h2{font-size:30px;margin-bottom:18px}.publish-table-wrap{overflow-x:auto}.publish-table{min-width:850px;font-size:20px}.publish-table th,.publish-table td{padding:16px 20px}.publish-table tbody th{font-size:27px}.publish-table thead{font-size:19px}.publish-intro{font-size:18px}.publish-caution{font-size:17px}.publish-sources{font-size:14px;line-height:1.8}}
@media print{.publish-slide{padding:8mm 6mm}.publish-table{font-size:19px}.publish-table th,.publish-table td{padding:10px 14px}.publish-table tbody th{font-size:26px}.publish-table thead{print-color-adjust:exact;-webkit-print-color-adjust:exact}}