@font-face{font-family:Pretendard;src:local(Pretendard);font-display:swap}:root{color:#29251f;font-synthesis:none;background:#fffaf3;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button,a,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #b74608}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}.sparring-shell{max-width:1000px;margin:auto;padding:0 28px}.sparring-header{border-bottom:1px solid #e8ded1;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;display:flex}.sparring-header img{width:150px;display:block}.sparring-header>span{color:#6e6157;font-size:13px;font-weight:700}.sparring-header b{letter-spacing:1px;background:#f4eade;border-radius:6px;margin-left:10px;padding:4px 8px;font-size:10px;display:inline-block}.sparring-intro{text-align:center;padding:48px 0 36px}.eyebrow{letter-spacing:2px;color:#b94c12;font-size:11px;font-weight:800}h1{letter-spacing:-2px;margin:18px 0;font-size:clamp(34px,5vw,54px);line-height:1.2}h1 em{color:#f56b17;font-style:normal}.sparring-intro>p:not(.eyebrow){color:#77675a;font-size:17px}.sparring-badges{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.sparring-badges span{background:#f5ebdf;border-radius:30px;padding:5px 12px;font-size:12px;font-weight:700}.sparring-card{background:#fff;border:1px solid #e6d9c9;border-radius:24px;margin-bottom:24px;overflow:hidden;box-shadow:0 6px #f0e5d9}.sparring-section-head{justify-content:space-between;align-items:center;gap:12px;padding:22px 26px;display:flex}.step-tag{color:#ac440b;letter-spacing:.4px;font-size:12px;font-weight:800}h2{letter-spacing:-.7px;margin:6px 0;font-size:23px;line-height:1.35}.quiet-button{white-space:nowrap;background:#fffaf3;border:1px solid #ddc9b4;border-radius:12px;min-height:44px;padding:10px 14px;font-size:12px;font-weight:700}.sparring-arena{background:#493520}.sparring-arena canvas{width:100%;height:clamp(300px,43vw,420px);image-rendering:pixelated;display:block}.sparring-teams{grid-template-columns:1fr 1fr;gap:16px;padding:16px 24px 4px;display:grid}.sparring-teams>div{align-items:center;gap:10px;min-width:0;display:flex}.sparring-teams img{-o-object-fit:contain;object-fit:contain;width:72px;height:72px;image-rendering:pixelated;flex:none}.sparring-teams p{margin:0;font-size:13px}.sparring-teams strong,.sparring-teams span{display:block}.sparring-teams span{color:#77675a;margin-top:4px}.sparring-teams b{color:#29251f;font-variant-numeric:tabular-nums;font-size:19px}.sparring-balance{border-radius:8px;height:8px;margin:12px 26px;display:flex;overflow:hidden}.sparring-balance span{transition:width .45s}.sparring-balance span:first-child{background:#ff781f}.sparring-balance span:last-child{background:#686c73}.sparring-fine{color:#786d60;margin:14px 26px 20px;font-size:12px;line-height:1.7}.sparring-controls{background:#fffaf3;border-top:1px solid #f0e7dd;padding:22px 26px}.sparring-controls>p{margin:7px 0 14px;font-size:14px}.scene-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.scene-options button,.quiz-options button{background:#fff;border:1px solid #d8cbbb;border-radius:12px;min-height:48px;padding:10px 12px;font-size:13px;font-weight:700}.scene-options button[aria-pressed=true],.quiz-options button[aria-pressed=true]{color:#9e3b04;background:#ffead6;border-color:#e56316;box-shadow:0 0 0 1px #e56316}.sparring-controls .scene-explanation{color:#6b594a;min-height:24px;margin-bottom:0}.sparring-lesson{padding:26px}.sparring-lesson>p{color:#77675a;font-size:14px}.quiz-options{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.lesson-feedback{background:#fff3e6;border-radius:12px;padding:16px;font-size:14px}.lesson-feedback.correct{color:#3b562f;background:#edf5e8}.sparring-journal{border-top:1px solid #eee1d3;margin-top:24px;padding-top:20px}.sparring-journal label{margin-bottom:10px;font-size:14px;font-weight:700;display:block}.sparring-journal textarea{resize:vertical;color:#29251f;background:#fffdf8;border:1px solid #d6c5b3;border-radius:12px;width:100%;min-height:105px;padding:14px}.sparring-journal .sparring-fine{margin:8px 0 16px}.save-button{color:#241d17;background:#ff781f;border:2px solid #342b22;border-radius:12px;width:100%;min-height:52px;font-weight:800;box-shadow:0 3px #342b22}.sparring-journal [role=status]{color:#3b562f;min-height:22px;font-size:14px}.sparring-notice{padding:0 26px}footer{text-align:center;color:#7b6c5c;padding:20px 0 36px;font-size:12px;line-height:1.9}@media (width<=600px){.sparring-shell{padding:0 14px}.sparring-header{padding:18px 0}.sparring-header img{width:124px}.sparring-header>span{font-size:11px}.sparring-header b{text-align:center;margin:3px 0 0;display:block}.sparring-intro{padding:28px 0}.sparring-intro>p:not(.eyebrow){font-size:14px}.sparring-section-head{padding:18px 16px}h2{font-size:20px}.sparring-card{border-radius:18px}.sparring-teams{gap:8px;padding:12px}.sparring-teams>div{gap:5px}.sparring-teams img{width:45px;height:60px}.sparring-teams p{font-size:11px}.sparring-teams b{font-size:16px}.sparring-balance{margin:8px 16px}.sparring-fine{margin:12px 16px 16px}.sparring-controls,.sparring-lesson{padding:20px 16px}.scene-options{gap:6px}.scene-options button{padding:10px 7px;font-size:11px}.quiz-options{gap:8px}.quiz-options button{font-size:12px}.desktop-break{display:none}}.sparring-intro{padding:28px 0 24px;position:relative}.sparring-intro .world-intro-mascot{width:92px;height:92px}.sparring-intro h1{margin:10px 0;font-size:clamp(28px,4vw,40px)}.sparring-intro .eyebrow{margin:4px 0}.sparring-intro .sparring-badges{margin-top:12px}.sparring-controls{padding-block:14px}.sparring-next{padding:0 26px 24px}.sparring-result{overflow-wrap:anywhere;background:#f2f7ec;border:1px solid #c5d5b6;border-radius:14px;margin:20px 0;padding:18px}.sparring-result p{margin:8px 0}.sparring-result small{color:#5a6651;margin-top:12px;display:block}.sparring-result a{min-height:44px;padding:10px 0;font-weight:800;display:inline-block}#lesson-heading,#sparring-growth-title{scroll-margin-top:24px}.sparring-journal>label{margin-top:10px}@media (width<=600px){.sparring-intro{padding:20px 0}.sparring-intro .world-intro-mascot{width:72px;height:72px}.sparring-next{padding:0 16px 20px}.sparring-controls{padding-block:14px}}.sparring-intro{-moz-column-gap:24px;text-align:left;grid-template-columns:92px minmax(0,1fr);column-gap:24px;max-width:660px;margin:auto;display:grid}.sparring-intro .world-intro-mascot{grid-area:1/1/5;align-self:center}.sparring-intro>:not(.world-intro-mascot){grid-column:2}.sparring-intro:has(.world-intro-mascot) .sparring-badges{justify-content:flex-start}.sparring-intro>p:not(.eyebrow){margin:8px 0}.sparring-intro:not(:has(.world-intro-mascot)){text-align:center;display:block}@media (width<=600px){.sparring-intro{-moz-column-gap:14px;grid-template-columns:64px minmax(0,1fr);column-gap:14px}.sparring-intro .world-intro-mascot{width:64px;height:90px}.sparring-intro .eyebrow{letter-spacing:1px;font-size:9px}.sparring-intro h1{font-size:28px}.sparring-intro .sparring-badges{grid-column:1/-1;justify-content:center!important}.sparring-intro>p:not(.eyebrow){font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
