*{box-sizing:border-box}body{margin:0;background:#f6f0df;color:#30291e;font-family:'Malgun Gothic',system-ui,sans-serif;font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit}button{border:1px solid #b5a682;border-radius:8px;padding:10px 17px;background:#fff9e9;color:#30291e;cursor:pointer;font-weight:700;min-height:44px}button:hover{background:#efe0bc}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ba472e;outline-offset:3px}.primary{background:#ae3e2c;color:white;border-color:#943424;box-shadow:0 3px 0 #70251c}.primary:hover{background:#903222}.green{background:#205547;color:#fff}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 4%;border-bottom:1px solid #c8b99a;gap:20px;background:#faf6e9}.brand{font-family:Batang,serif;font-size:25px;font-weight:900;text-decoration:none;color:#214f43;white-space:nowrap}.brand b{color:#ac3e2c}.topbar nav{display:flex;gap:8px}.topbar nav button{font-size:14px;border-color:transparent;background:transparent}.topbar nav button.active{background:#205547;color:white}main{max-width:1400px;margin:auto;padding:28px 4% 40px}.welcome{display:grid;grid-template-columns:1fr 1fr;background:#1b4c41;border:7px double #bc9a5a;border-radius:20px;overflow:hidden;min-height:550px;color:#fff5d4}.welcome-copy{padding:50px}.overline{font-size:14px;font-weight:800;letter-spacing:2px;color:#8b6436}.welcome .overline{color:#edc883}h1{font-family:Batang,serif;font-size:clamp(32px,4vw,52px);line-height:1.35;margin:15px 0 25px}h2{font-family:Batang,serif;font-size:28px;line-height:1.4;margin:8px 0 18px}h3{font-size:19px;margin:8px 0}.welcome p{color:#f3e9d1}.welcome-art{background:url('assets/courtyard.png') center/cover;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding-bottom:30px}.welcome-art p{background:#183e34e8;padding:13px 20px;border-radius:10px;text-align:center;margin:0 15px}.teacher-sprite{width:150px;height:150px;background:url('assets/hunjang.png') 0 0/200% 200%;image-rendering:pixelated;flex-shrink:0}.welcome-art .teacher-sprite{width:290px;height:290px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.page-heading p{margin:0;color:#72634b}.badge{display:inline-block;background:#e9dfc7;color:#635236;padding:5px 12px;border-radius:30px;font-size:14px;font-weight:700}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.chapter{background:#fffcf3;border:1px solid #bcad8b;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.chapter-visual{height:150px;display:flex;justify-content:center;align-items:center;background:#1d4b43}.chapter-visual img{height:120px;object-fit:contain}.chapter-visual .number{font-family:serif;font-size:64px;color:#f3d798}.chapter-body{padding:24px;flex:1;display:flex;flex-direction:column}.chapter-body p{color:#6b5d48}.chapter-body button{margin-top:auto}.lesson-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;border-top:1px solid #c8b99a;margin-top:30px;padding-top:25px}.lesson-strip p{margin:0}.site-footer{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;padding:22px;color:#6f6757;font-size:13px;border-top:1px solid #d8ccb5}.site-footer a{color:inherit}.site-footer span{margin-left:16px}#notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#193e35;color:white;padding:12px 24px;border-radius:12px;z-index:50;max-width:90%;display:none}#notice.show{display:block}dialog{width:min(620px,90%);border:3px double #a48855;border-radius:16px;background:#fff8e6;padding:28px;color:#30291e}dialog::backdrop{background:#102b27a8}.story-line{display:flex;align-items:center;gap:12px;background:#fffaf0;border:1px solid #c4b38e;border-radius:12px;padding:10px 22px;margin-bottom:22px}.story-line .teacher-sprite{width:95px;height:95px;margin:-14px 0}.story-line p{margin:0;flex:1}.game-board{background:#fffcf3;border:1px solid #b9aa89;padding:26px;border-radius:16px;min-height:420px}.game-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.game-tools strong{font-variant-numeric:tabular-nums}.game-tools label{font-size:14px}.game-tools select{padding:7px;border:1px solid #bcad8b;background:white;border-radius:6px}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:860px;margin:20px auto}.memory-card{min-height:120px;background:#205547;color:#fff8e4;border:3px double #b7995b;font-size:19px;padding:12px;position:relative}.memory-card:hover{background:#2d6657}.memory-card.open{background:#ffedbd;color:#33291b}.memory-card.matched{background:#e2eddc;color:#214d39;border-style:solid;border-color:#92ab83}.memory-card .symbol{font-size:33px;display:block}.feedback{padding:14px 20px;border-radius:9px;background:#f1e6cc;margin:18px 0;min-height:55px}.share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:940px;margin:20px auto}.guest{background:#fff3d4;min-height:155px;border:2px solid #c9b27c;text-align:center}.guest strong{display:block;font-size:30px;color:#ae3e2c}.guest span{display:block}.rice-count{font-size:23px;text-align:center;margin:20px}.rice-count b{color:#ab3929;font-size:38px}.sequence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:850px;margin:28px auto}.sequence-key{height:160px;font-size:26px;background:#264f48;color:white;border:4px double #c2a267}.sequence-key.lit{background:#f8d67b;color:#3e2b13;box-shadow:0 0 30px #d7a63466;transform:translateY(-4px)}.sequence-key span{font-size:15px;display:block}.quiz-options{display:grid;gap:12px;max-width:750px}.quiz-options button{text-align:left;padding:18px}.quiz-options button.correct{background:#dcebd7;border-color:#507541}.quiz-options button.wrong{background:#f8dfd3;border-color:#b05b3a}.quiz-question{font-size:24px;margin:22px 0}.result-panel{max-width:750px;margin:25px auto;text-align:center;padding:40px;border:4px double #b99958;background:#fff7df;border-radius:16px}.result-panel .seal{display:inline-grid;place-items:center;width:90px;height:90px;border:4px double #aa422e;color:#aa422e;font-family:serif;font-size:25px;transform:rotate(-6deg);margin-bottom:15px}.studio{display:grid;grid-template-columns:180px minmax(0,1fr) 230px;gap:18px;align-items:start}.chapter-tabs{display:flex;flex-direction:column;gap:10px}.chapter-tabs button{text-align:left;font-size:16px}.chapter-tabs button.active{background:#205547;color:white}.chapter-tabs small{font-size:14px;display:block;font-weight:400}.studio-guide{font-size:14px;color:#675b46}.scene-wrap{position:relative;aspect-ratio:3/2;background:#ced5c6;border:6px double #b19151;border-radius:4px;overflow:hidden;touch-action:none}.scene-wrap canvas{width:100%;height:100%;display:block}.editor-controls{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0}.editor-controls button{font-size:14px;padding:7px 12px}.editor-controls label{font-size:14px;display:flex;gap:6px;align-items:center}.editor-controls select,.editor-controls input{max-width:150px}.shelf{border:1px solid #c7b68e;background:#fff9e9;padding:15px;border-radius:10px}.shelf h3{margin-top:0}.sticker-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sticker-button{padding:5px;display:flex;flex-direction:column;align-items:center;min-height:110px;font-size:14px}.sticker-button canvas{width:72px;height:72px;object-fit:contain;max-width:100%}.shelf input,.shelf textarea{width:100%;padding:9px;border:1px solid #b9aa89;border-radius:7px;margin:8px 0}.shelf label{font-size:14px}.studio-bottom{margin:20px 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.studio-bottom p{font-size:14px;margin:0}.object-list{width:100%;margin-top:12px;padding:8px;background:#fff;border:1px solid #b9aa89;border-radius:6px}.gate-stage{position:relative;max-width:900px;aspect-ratio:3/2;margin:20px auto;background:#f5ebd1;overflow:hidden;border:7px double #a28449;perspective:1400px}.gate-stage canvas{width:100%;height:100%;display:block}.gate-leaf{position:absolute;top:0;bottom:0;width:50%;background:#f9f3de url('assets/gate.png') no-repeat;background-size:200% 100%;transition:transform 1.5s ease-in-out;backface-visibility:hidden}.gate-leaf.left{left:0;background-position:left;transform-origin:left}.gate-leaf.right{right:0;background-position:right;transform-origin:right}.gate-stage.open .left{transform:rotateY(-105deg)}.gate-stage.open .right{transform:rotateY(105deg)}.ending{text-align:center}.ending-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.teacher-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lesson-card{background:#fffcf3;border:1px solid #c0ae87;border-radius:12px;padding:25px}.lesson-card li{margin-bottom:10px}.lesson-card a{color:#155444}.lesson-card table{border-collapse:collapse;width:100%;font-size:15px}.lesson-card td,.lesson-card th{text-align:left;padding:10px 5px;border-bottom:1px solid #ddd0b6}.timerbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#e9e0cc;padding:14px;border-radius:9px}.timerbar strong{font-size:24px;font-variant-numeric:tabular-nums}.timerbar input{width:65px;padding:7px}.sources,.small{font-size:14px;color:#6c604a}.asset-error{background:#f7dfd4;color:#712b20;padding:12px}@media(max-width:1050px){.studio{grid-template-columns:145px minmax(0,1fr)}.shelf{grid-column:1/-1}.sticker-grid{grid-template-columns:repeat(6,1fr)}.welcome-copy{padding:30px}.chapter-body{padding:18px}.teacher-layout{grid-template-columns:1fr}}@media(max-width:700px){.topbar{flex-direction:column;gap:8px;padding:14px}.topbar nav{width:100%;justify-content:center}.topbar nav button{padding:6px 10px}.welcome{grid-template-columns:1fr}.welcome-art{min-height:190px}.welcome-art .teacher-sprite{width:150px;height:150px}.welcome-copy{padding:25px}.welcome h1{font-size:34px}.chapter-grid{grid-template-columns:1fr}.chapter-visual{height:90px}.chapter-visual img{height:80px}.chapter-visual .number{font-size:45px}.page-heading{flex-direction:column;align-items:flex-start;gap:12px}.studio{grid-template-columns:1fr}.chapter-tabs{flex-direction:row;flex-wrap:wrap}.chapter-tabs button{flex:1;padding:8px;font-size:14px;min-width:100px}.chapter-tabs .studio-guide,.chapter-tabs .teacher-sprite{display:none}.sticker-grid{grid-template-columns:repeat(4,1fr)}.game-board{padding:16px}.memory-grid{gap:7px}.memory-card{font-size:14px;min-height:95px;padding:6px}.share-grid{grid-template-columns:repeat(2,1fr)}.sequence-grid{gap:8px}.sequence-key{height:120px;font-size:22px;padding:8px}.story-line{padding:10px}.story-line .teacher-sprite{width:65px;height:65px}.story-line p{font-size:15px}.result-panel{padding:25px}.site-footer span{width:100%;text-align:center;margin:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{.topbar,.site-footer,button{display:none}main{padding:0}}
.memory-card canvas{display:block;width:100%;max-width:150px;height:90px;margin:auto}.download-link{display:inline-block;background:#205547;color:white!important;text-decoration:none;border:1px solid #164237;border-radius:8px;padding:10px 17px;min-height:44px;font-weight:bold}.sticker-button:hover{background:#eddfbf}.scene-wrap canvas:focus-visible{outline-offset:-4px}.lesson-card details{margin-top:20px}input[type=checkbox]{width:20px;height:20px;vertical-align:middle}.quiz-options button.correct::after{content:'  ✓'}
.teacher-sprite{background-image:url('assets/teacher.png');background-position:center;background-size:contain;background-repeat:no-repeat;image-rendering:auto}.welcome-art .teacher-sprite{height:330px;width:240px}.welcome-art{background-color:#102c40}

.workshop-label{padding:10px 14px;background:#29473b;color:#fff8e8;font-weight:700;border-radius:12px 12px 0 0}.transparent-workspace{background:#f5efdf;background-image:linear-gradient(45deg,#e8dfcc 25%,transparent 25%),linear-gradient(-45deg,#e8dfcc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8dfcc 75%),linear-gradient(-45deg,transparent 75%,#e8dfcc 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.color-controls{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.color-controls label{display:grid;gap:6px;font-size:13px}.color-controls input{width:54px;height:42px;padding:2px}.shelf select{width:100%;margin:8px 0}

.variety-grid{max-height:510px;overflow-y:auto;align-content:start;padding:3px}.sticker-button[hidden]{display:none}#assetSearch{width:100%;padding:10px;margin:8px 0 14px;border:1px solid #c7b991;border-radius:8px}.hanbok-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0}.palette-preset{font-size:11px;padding:6px 3px;display:flex;flex-wrap:wrap;justify-content:center;gap:2px}.palette-preset i{width:20px;height:15px;display:inline-block;border-radius:3px}.palette-preset i+i{margin-right:4px}@media(max-width:800px){.variety-grid{max-height:300px}}

.welcome-art .teacher-sprite{background-image:url('assets/teacher-smile.png');width:190px;height:190px;image-rendering:pixelated}

.soundbar{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;padding:10px 4%;background:#eee5d3;border-bottom:1px solid #d5c9ab;font-size:12px}.soundbar button{padding:6px 10px;font-size:12px}.soundbar input{width:80px;accent-color:#315846}.soundbar small{color:#655e4e}.soundbar button[aria-pressed="false"]{opacity:.65}@media(max-width:650px){.soundbar{justify-content:center}.soundbar>span,.soundbar small{display:none}}
/* Compact classroom layout: keep the artwork and primary actions together. */
body{background:#f5f2e9;color:#263c35}button{border-radius:12px;border-color:#d5d8cd;transition:background .15s,transform .15s}button:active{transform:translateY(1px)}.primary{background:#ae513d;border-color:transparent;box-shadow:none}.topbar{padding:8px 3%;background:#fffdf6;border-color:#e5e3d7}.soundbar{padding:4px 3%;background:#f0eee4;border-color:#e5e3d7}.soundbar button{min-height:32px}.site-footer{padding:6px;font-size:11px;border:0}main{max-width:1440px;padding:18px 3%}.page-heading{margin-bottom:14px}.page-heading h2{margin:3px 0 8px}.overline{letter-spacing:1px;font-size:12px}.story-line{padding:8px 18px;margin-bottom:16px;border:0;background:#e8ede4}.story-line .teacher-sprite{height:78px;width:78px;margin:-5px 0}.chapter{border:1px solid #e1dfd1;box-shadow:0 8px 24px #243c3508;border-radius:20px}.chapter-visual{height:100px;background:radial-gradient(circle at 70% 20%,#487669,#214e43)}.chapter:nth-child(2) .chapter-visual{background:linear-gradient(135deg,#bb8251,#84543a)}.chapter:nth-child(3) .chapter-visual{background:linear-gradient(135deg,#8185a3,#515c7b)}.chapter-visual .number{font-size:48px}.chapter-body{padding:18px}.chapter-body p{margin:12px 0}.chapter-body .small{margin-bottom:10px}.lesson-strip{margin-top:16px;padding-top:14px;gap:10px;font-size:14px}.welcome{min-height:440px;border:0;box-shadow:0 16px 50px #203d3515}.welcome-copy{padding:36px}.welcome-art .teacher-sprite{background-image:url('assets/teacher.png');width:280px;height:290px;image-rendering:auto;filter:drop-shadow(0 8px 12px #182b3433)}.welcome-art{padding-bottom:24px}.studio{grid-template-columns:150px minmax(0,1fr) 240px;gap:14px}.chapter-tabs button{font-size:14px;padding:8px}.chapter-tabs small{font-size:11px}.chapter-tabs .teacher-sprite{height:110px;width:110px;margin:auto}.studio-guide{margin:4px 0;font-size:13px}.scene-wrap{max-width:100%;width:min(100%,calc((100dvh - 365px)*1.5));margin:auto;border:1px solid #c6b98e;border-radius:0 0 12px 12px}.workshop-label{font-size:13px;padding:7px 12px}.editor-controls{padding:8px 0;gap:5px}.editor-controls button{padding:5px 8px;min-height:36px;font-size:12px}.object-list{margin:3px 0;padding:5px}.studio-bottom{margin:10px 0 0;gap:6px}.studio-bottom button{padding:8px;font-size:12px}.shelf{padding:12px;background:#fffdf6;border-color:#e1dfd1;border-radius:16px}.shelf p.small{font-size:11px;margin:6px 0}.shelf h3{font-size:16px}.shelf select{margin:4px 0;padding:4px}.color-controls{margin:6px 0}.color-controls input{height:30px}.hanbok-presets{margin:5px 0}.palette-preset{min-height:32px}.sticker-grid{grid-template-columns:repeat(3,1fr);gap:5px;max-height:none;overflow:visible}.sticker-button{min-height:70px;font-size:11px;padding:3px}.sticker-button canvas{width:45px;height:45px}.asset-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;font-size:12px}.asset-pager button{min-height:36px;padding:4px 12px}#assetSearch{padding:6px;margin:5px 0 7px}.game-board{padding:16px;min-height:0}.game-tools{margin-bottom:10px}.memory-grid{margin:10px auto;gap:8px}.memory-card{min-height:82px}.memory-card canvas{height:64px}.feedback{margin:10px 0;padding:9px 14px;min-height:42px}.sequence-grid{margin:15px auto}.sequence-key{height:130px}.result-panel{padding:22px;margin:12px auto}.gate-stage{max-width:min(800px,calc((100dvh - 330px)*1.5));margin:12px auto}.teacher-layout{gap:14px}.lesson-card{padding:16px}.lesson-card p,.lesson-card li{font-size:13px}.lesson-card h2{font-size:22px}
@media(min-width:701px) and (max-width:1100px){main{padding:12px 2%}.studio{grid-template-columns:120px minmax(0,1fr) 220px;gap:9px}.shelf{grid-column:auto}.chapter-tabs .teacher-sprite{width:80px;height:80px}.chapter-tabs small{display:none}.teacher-layout{grid-template-columns:1fr 1fr}.brand{font-size:21px}.topbar nav button{padding:7px 10px}.page-heading p{font-size:13px}.chapter-body{padding:14px}.chapter-grid{gap:12px}.welcome-copy{padding:24px}.welcome h1{font-size:36px}}
@media(min-width:701px) and (orientation:portrait){.studio{grid-template-columns:1fr 240px}.chapter-tabs{grid-column:1/-1;flex-direction:row}.chapter-tabs .teacher-sprite,.chapter-tabs .studio-guide{display:none}.chapter-tabs button{flex:1}.scene-wrap{width:100%}.welcome{min-height:480px}}
@media print{main{zoom:1!important}}

.scene-wrap,.gate-stage{aspect-ratio:35/23}