@font-face{font-family:ChosunGs;src:url(../fonts/ChosunGs.subset.woff2) format("woff2");font-weight:400;font-display:swap}:root{--hanji: #f5efe0;--ink: #2b2018;--red: #c0392b;--green: #1e6e5c;--gold: #d4a017;--font: "ChosunGs", "Gungsuh", "궁서", "Batang", "바탕", serif;--font-title: var(--font);--font-body: var(--font);--font-brush: var(--font);--font-pixel: var(--font)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background-color:var(--ink);background-image:linear-gradient(#2b20188c,#2b2018cc),url(/bg-landing.png),linear-gradient(160deg,#f5efe0,#b79f7a 45%,#2b2018);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;font-family:var(--font-body);color:var(--ink);overflow:hidden;-webkit-tap-highlight-color:transparent}html,body,#app{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}::selection{background:transparent}::-moz-selection{background:transparent}img,svg,canvas{-webkit-user-drag:none;user-drag:none}#app{display:flex;flex-direction:column;height:100dvh}#game{position:relative;flex:1 1 auto;min-height:0}#game canvas{display:block}#site-footer{flex:0 0 auto;text-align:center;font-size:12px;color:#64748b;padding:8px 12px 24px;font-family:var(--font-body)}#site-footer a{color:#64748b;text-decoration:none}#site-footer a:hover{text-decoration:underline}.panel{background:var(--hanji);border:6px solid var(--ink);box-shadow:12px 12px #2b201859;padding:24px 28px;font-family:var(--font-body);color:var(--ink);user-select:none}.panel h1{font-family:var(--font-brush);font-weight:700;font-size:54px;margin:0 0 4px;letter-spacing:2px;color:var(--ink);text-shadow:3px 3px 0 var(--gold)}.panel h2{font-family:var(--font-brush);font-weight:700;font-size:34px;margin:0 0 10px}.panel .sub{margin:0 0 18px;font-size:17px;color:#6b5a48}.btn{font-family:var(--font-title);font-size:22px;color:var(--hanji);background:var(--ink);border:4px solid var(--ink);padding:12px 22px;cursor:pointer;transition:transform .08s ease,background .12s ease}.btn:hover{background:#43342a}.btn:active{transform:translateY(3px)}.btn.primary{background:var(--red);border-color:var(--ink)}.btn.primary:hover{background:#d4483a}.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost:hover{background:#2b20181a}.title-panel{width:980px;text-align:center;padding:8px 22px 6px}.title-panel h1{font-size:40px;margin-bottom:2px}.title-panel .sub{margin-bottom:4px}.title-panel .hint{margin-top:3px}.title-panel .privacy-row{margin-top:1px}.privacy-row{margin:4px 0 0;font-size:12px;line-height:1.2;color:#8a7862;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.privacy-row a{color:#8a7862;text-decoration:none}.privacy-row a:hover{text-decoration:underline}.wipe{font-family:var(--font-body);font-size:12px;line-height:1.2;color:#8a7862;background:none;border:2px solid #c9b892;padding:3px 9px;cursor:pointer}.wipe:hover{border-color:var(--ink);color:var(--ink)}.wipe.sure{border-color:var(--red);color:var(--red);font-weight:700}.wipe:disabled{border-color:var(--green);color:var(--green);cursor:default}.series-badge{display:inline-block;font-family:var(--font-title);font-size:17px;letter-spacing:2px;color:var(--ink);background:#fffaf0;border:4px solid var(--red);padding:5px 18px;margin:0 0 6px;box-shadow:0 0 0 3px var(--hanji),0 0 0 6px var(--red),6px 6px #2b201840}.stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px;text-align:left}.stage{position:relative;display:flex;flex-direction:column;gap:2px;padding:6px 9px;font-family:var(--font-body);color:var(--ink);background:#fffaf0;border:3px solid var(--ink);cursor:pointer;text-align:left}.stage:hover:not(.locked){background:#f0e4cc}.stage.on{background:var(--gold);border-color:var(--red)}.stage .st-head{display:flex;align-items:center;gap:5px;font-family:var(--font-title);font-size:15px}.stage .st-name{font-family:var(--font-title);font-size:13px;line-height:1.2}.stage .st-sub{font-size:11px;color:#6b5a48;line-height:1.25}.stage .st-foot{font-size:10px;color:#8a7862;margin-top:2px}.stage.on .st-sub,.stage.on .st-foot{color:#4a3a20}.st-mark{font-family:var(--font-title);font-size:10px;color:#fff;padding:1px 5px}.st-mark.done{background:var(--green)}.st-mark.lock{background:#8a7862}.stage.locked{background:#e8dfcc;border-color:#b3a68c;color:#8a7862;cursor:not-allowed}.stage.locked .st-name,.stage.locked .st-head{color:#8a7862}.stage.cleared{border-color:var(--green);box-shadow:inset 0 0 0 2px #1e6e5c40}.unlock-row{margin-top:12px;padding:10px 14px;font-family:var(--font-title);font-size:18px;color:#fff;background:var(--green);border:3px solid var(--ink)}.title-foot{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:6px}.title-foot .btn.ghost{font-size:17px;padding:9px 16px}.title-foot .btn.ghost b{color:var(--green)}.hint{font-size:14px;color:#6b5a48;margin-top:12px}.usage-wrap{position:relative;z-index:1;margin:4px 0 2px}.usage-chips{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:12px;line-height:1.2;color:#6b5a48;background:none;border:0;padding:0;cursor:pointer}.usage-chip{display:inline-flex;align-items:center;gap:4px;border:2px solid #c9b892;background:#fffaf0;padding:3px 9px}.usage-chip svg{flex:0 0 auto;opacity:.8}.usage-more{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border:2px solid #c9b892;border-radius:50%;font-size:11px}.usage-chips:hover .usage-chip,.usage-chips:hover .usage-more{border-color:var(--ink);color:var(--ink)}.usage-chips:focus-visible{outline:3px solid var(--green);outline-offset:3px}.usage-chips[aria-expanded=true] .usage-chip,.usage-chips[aria-expanded=true] .usage-more{border-color:var(--ink);color:var(--ink)}.usage-panel{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:6;width:720px;box-shadow:8px 8px #2b201847;text-align:left;background:#fffaf0;border:3px solid #c9b892;padding:10px 16px;font-size:13px;line-height:1.5;color:#4a3c2e}.up-lead{margin:0 0 7px;font-size:14px;color:var(--ink)}.up-lead b{color:var(--green)}.up-lead-2{color:#6b5a48}.up-block{display:flex;gap:8px;margin-top:5px}.up-head{flex:0 0 168px;font-family:var(--font-title);color:#6b5a48}.up-head i{font-style:normal;margin-right:4px;color:#c9b892}.up-block.no .up-head,.up-block.no .up-head i{color:var(--red)}.up-body{flex:1 1 auto;min-width:0}.up-aside{color:#8a7862;margin-left:6px;font-size:12px}.gate-row{display:inline-block;font-family:var(--font-title);font-size:15px;color:var(--hanji);background:var(--green);padding:4px 14px;margin:0 0 8px}.gate-row b{color:var(--gold)}.st-mark.rest{background:#b8ad99;color:#fffaf0}.q-panel{width:900px;text-align:center;position:relative}.q-timer{height:14px;background:#e2d6bd;border:3px solid var(--ink);margin-bottom:14px}.q-timer>i{display:block;height:100%;width:100%;background:var(--green)}.q-tag{display:inline-block;font-family:var(--font-title);font-size:15px;background:var(--ink);color:var(--hanji);padding:4px 12px;margin-bottom:10px}.q-text{font-family:var(--font-body);font-size:31px;font-weight:700;line-height:1.5;margin:4px 0 18px}.q-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hud{position:relative;width:1280px;height:720px;pointer-events:none;font-family:var(--font);color:var(--ink)}.hud>span{position:absolute;white-space:nowrap}.hud-score{left:234px;top:40px;transform:translateY(-50%);font-size:30px}.hud-score.pop{animation:hud-pop .26s cubic-bezier(.2,1.5,.4,1)}.hud-botari{left:236px;top:88px;transform:translateY(-50%);font-size:24px}.hud-botari.done{color:var(--green)}.hud-time{right:200px;top:78px;transform:translateY(-50%);font-size:24px}.hud-time.urgent{color:var(--red)}.hud-stage{left:50%;top:22px;transform:translate(-50%);font-size:17px;background:#f5efe0bf;padding:4px 10px}.hud-combo{left:50%;top:58px;transform:translate(-50%);font-size:22px;color:var(--red)}.hud-bar{position:absolute;left:488px;top:90px;width:300px;height:10px;background:#2b201840;border:2px solid rgba(43,32,24,.8)}.hud-bar>i{display:block;height:100%;width:0;background:var(--gold)}@keyframes hud-pop{0%{transform:translateY(-50%) scale(1)}45%{transform:translateY(-50%) scale(1.3)}to{transform:translateY(-50%) scale(1)}}.say-banner,.say-toast{font-family:var(--font);color:var(--hanji);text-align:center;white-space:nowrap;transition:opacity .4s ease,transform .4s ease;animation:say-in .22s cubic-bezier(.2,1.4,.4,1)}.say-banner{font-size:38px;padding:14px 26px}.say-banner.big{font-size:42px;padding:18px 26px;line-height:1.25}.say-banner.big em{display:block;font-style:normal;font-size:26px;margin-top:6px}.say-toast{font-size:28px;padding:14px 20px}.say-banner.red{background:#c0392beb}.say-banner.green,.say-toast.green{background:#1e6e5ce6}.say-toast.ink{background:#2b2018cc}.say-toast.red{background:#c0392be6}.say-banner.gone,.say-toast.gone{opacity:0}@keyframes say-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.say-bubble{font-family:var(--font);font-size:24px;color:var(--ink);background:var(--hanji);padding:10px 14px;max-width:360px;text-align:right;border:3px solid var(--ink);box-shadow:5px 5px #2b20184d}.float-say{font-family:var(--font);font-size:28px;font-weight:700;white-space:nowrap;text-shadow:2px 2px 0 rgba(255,253,247,.9)}.float-say.green{color:var(--green)}.float-say.red{color:var(--red)}.float-say.gold{color:var(--gold)}.guest-tag{font-family:var(--font);font-size:18px;color:var(--ink);background:var(--hanji);padding:4px 8px;white-space:nowrap}.cut-narrate{font-family:var(--font);font-size:26px;line-height:1.5;color:var(--hanji);background:#2b2018d1;padding:12px 22px;text-align:center;max-width:1000px}.cut-bubble{font-family:var(--font);font-size:30px;line-height:1.35;color:var(--ink);background:var(--hanji);border:5px solid var(--red);padding:12px 18px;text-align:center;max-width:560px;position:relative;animation:bubble-in .26s cubic-bezier(.2,1.4,.4,1)}.cut-bubble.ink{border-color:var(--ink)}.cut-bubble:after{content:"";position:absolute;left:50%;bottom:-22px;margin-left:-14px;border:14px solid transparent;border-top-color:var(--hanji);border-bottom:0;filter:drop-shadow(0 4px 0 var(--red))}.cut-bubble.ink:after{filter:drop-shadow(0 4px 0 var(--ink))}.cut-next{font-family:var(--font);font-size:20px;color:var(--ink);background:var(--hanji);padding:8px 16px;white-space:nowrap;animation:cut-next-blink 1.24s ease-in-out infinite}@keyframes bubble-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cut-next-blink{0%,to{opacity:1}50%{opacity:.45}}.boot-title{font-family:var(--font);font-size:52px;color:var(--ink);white-space:nowrap}.boot-note{font-family:var(--font);font-size:20px;color:var(--ink);white-space:nowrap}.action-cue{display:flex;align-items:center;gap:14px;padding:10px 20px 10px 12px;background:#2b2018db;border:4px solid var(--hanji);color:var(--hanji);font-family:var(--font-title);white-space:nowrap;cursor:pointer;user-select:none;animation:cue-in .22s cubic-bezier(.2,.85,.25,1)}.action-cue.hidden{display:none}.cue-key{display:grid;place-items:center;width:52px;height:52px;font-size:30px;color:var(--ink);background:var(--hanji);border:4px solid var(--ink);box-shadow:0 5px #2b20188c;animation:cue-tap 1.1s ease-in-out infinite}.cue-text{display:flex;flex-direction:column;gap:2px;line-height:1.2}.cue-what{font-style:normal;font-size:25px}.cue-sub{font-style:normal;font-size:15px;opacity:.78}.action-cue.gold{border-color:var(--gold)}.action-cue.gold .cue-key{background:var(--gold)}.action-cue.green{border-color:var(--green)}.action-cue.green .cue-key{background:#7fd0bb}.action-cue.red{border-color:var(--red)}.action-cue.red .cue-key{background:#e8938a}@keyframes cue-in{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1}}@keyframes cue-tap{0%,70%,to{transform:translateY(0)}80%{transform:translateY(5px)}}@media(prefers-reduced-motion:reduce){.action-cue,.cue-key{animation:none}}.pause-panel{width:560px;text-align:center}.pause-panel h2{margin-bottom:2px}.pause-note{font-size:15px;color:#6b5a48;margin:0 0 14px}.pause-tally{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border:3px solid var(--ink);background:#fff6e2;padding:10px 6px;font-size:14px;color:#6b5a48}.pause-tally b{display:block;font-family:var(--font-title);font-size:24px;color:var(--ink)}.pause-btns{display:flex;gap:10px;justify-content:center;margin:16px 0 8px}.pause-btns .btn.danger{background:var(--red);border-color:var(--red);color:var(--hanji)}.cut-skip{font-family:var(--font-title);font-size:16px;color:var(--hanji);background:#2b2018b8;border:3px solid var(--hanji);padding:7px 14px;cursor:pointer;white-space:nowrap}.cut-skip:hover{background:var(--red)}.dogam-panel{width:1040px;max-height:620px;display:flex;flex-direction:column}.dogam-panel>.note:last-child{flex:0 0 auto;margin-bottom:0}.tale-grid{flex:1;min-height:0;overflow-y:auto}.tale-read{flex:1;min-height:0;display:flex;flex-direction:column}.dogam-head{display:flex;align-items:baseline;gap:14px;margin-bottom:12px}.dogam-head h2{margin:0}.dogam-head .btn{margin-left:auto;font-size:16px;padding:7px 16px}.tale-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tale{display:block;text-align:left;border:3px solid var(--ink);background:#fffaf0;padding:10px 12px;cursor:pointer;font-family:var(--font-body);color:var(--ink)}.tale:disabled{cursor:default;border-color:#cdbfa6;background:#f0e9da;color:#9c8d76}.tale b{display:block;font-family:var(--font-title);font-size:21px;margin:4px 0 2px}.tale-who{display:block;font-size:13px;color:#8a7862}.tale-say{display:block;font-size:14px;color:#6b5a48;margin-top:6px}.tale.full{background:#f6ecd2;border-color:var(--gold)}.tale.full .tale-say{color:var(--green)}.tale-dots{display:flex;gap:5px}.tale-dots i{width:26px;height:9px;border:2px solid var(--ink);background:transparent}.tale-dots i.on{background:var(--green)}.tale.full .tale-dots i.on{background:var(--gold)}.tale:disabled .tale-dots i{border-color:#cdbfa6}.medal{width:var(--bp, 96px);max-width:100%;aspect-ratio:1 / 1;height:auto;display:block;image-rendering:pixelated;-webkit-user-select:none;user-select:none}.medal.noimg{display:grid;height:var(--bp, 96px);place-items:center;border:3px solid #cdbfa6;border-radius:50%;color:#9c8d76;font-family:var(--font-title);font-size:calc(var(--bp, 96px) * .4)}.medal.got.noimg{border-color:var(--gold);color:var(--gold)}.shelf{margin:0}.shelf-row{display:flex;align-items:center;gap:4px}.shelf-tag{font-family:var(--font-title);font-size:15px;color:var(--ink);white-space:nowrap;padding-right:4px}.shelf-tag b{color:var(--gold)}.shelf-cell{display:grid;place-items:center;padding:2px;border:2px solid #cdbfa6;background:#f4ecdb;cursor:pointer}.shelf-cell:disabled{cursor:default}.shelf-cell.got{border-color:var(--gold);background:#fdf6e4}.shelf-cell:not(:disabled):hover{border-color:var(--ink)}.award{display:flex;align-items:center;gap:16px;background:var(--hanji);border:5px solid var(--gold);box-shadow:8px 8px #2b201859;padding:14px 22px 14px 16px;color:var(--ink);font-family:var(--font-body);white-space:nowrap;animation:award-in .32s cubic-bezier(.2,1.5,.4,1) both}.award.gone{opacity:0;transform:translateY(-10px);transition:opacity .4s,transform .4s}.award-txt{display:grid;gap:2px;text-align:left}.award-txt b{font-family:var(--font-title);font-size:26px;color:var(--gold)}.award-txt span{font-size:16px}.award-txt em{font-style:normal;font-size:13px;color:#8a7862}@keyframes award-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.tale>.medal{float:right;margin:-2px 0 0 8px}.tale-read h3{font-family:var(--font-brush);font-weight:700;font-size:32px;margin:6px 0 2px}.tale-read h3 em{font-style:normal;font-size:16px;color:var(--hanji);background:var(--green);padding:2px 10px}.tale-from{font-size:14px;color:#6b5a48;margin-bottom:12px}.tale-read p{font-size:19px;line-height:1.7;margin:0 0 12px;padding-left:34px;position:relative}.tale-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:10px}.tale-scroll::-webkit-scrollbar{width:12px}.tale-scroll::-webkit-scrollbar-track{background:#efe6d2;border:2px solid var(--ink)}.tale-scroll::-webkit-scrollbar-thumb{background:var(--ink);border:2px solid #efe6d2}.tale-read p.locked{color:#a2947c;font-style:italic}.tale-read p.locked b{background:#cdbfa6}.tale-read p b{position:absolute;left:0;top:2px;font-family:var(--font-title);font-size:15px;background:var(--ink);color:var(--hanji);padding:1px 8px}.tale-back{align-self:flex-start;font-size:15px;padding:6px 14px;margin-bottom:8px}.tale-done{border-top:3px solid var(--ink);padding-top:10px;font-family:var(--font-title);font-size:21px;color:var(--green)}.tale-done span{display:block;font-family:var(--font-body);font-size:15px;color:#6b5a48;margin-top:6px}.tale-left{border-top:3px dashed #d6c7a8;padding-top:10px;font-size:15px;color:#8a7862}.hunsu-panel{width:860px;text-align:center}.hunsu-panel .q-timer>i{background:var(--green)}.hunsu-panel .q-tag{background:var(--green)}.hunsu-title{font-family:var(--font-brush);font-weight:700;font-size:36px;margin:6px 0 2px}.hunsu-part{font-style:normal;font-size:17px;color:var(--hanji);background:var(--green);padding:2px 10px;vertical-align:middle}.hunsu-more{font-size:16px;color:#6b5a48;border-top:3px dashed #d6c7a8;padding-top:12px;max-width:700px;margin:0 auto}.hunsu-from{font-size:14px;color:#6b5a48;margin-bottom:14px}.hunsu-body{text-align:left;font-size:22px;line-height:1.75;margin:0 auto 16px;max-width:700px}.hunsu-body p{margin:0 0 2px}.hunsu-say{font-family:var(--font-title);font-size:23px;color:var(--green);border-top:3px solid var(--ink);padding-top:12px;margin:0 auto;max-width:700px}.hunsu-math{font-size:17px;color:#6b5a48;margin-top:8px}.hunsu-foot{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px}.hunsu-coin{font-family:var(--font-title);font-size:19px;color:var(--gold)}.hunsu-coin b{font-size:24px}.hunsu-coin.full{color:var(--green)}.hunsu-close{font-size:19px;padding:10px 20px}.hunsu-close.locked{background:#b8ad99;border-color:#b8ad99;color:#f0e9da;cursor:not-allowed}.hunsu-close.shake{animation:cue-shake .32s ease-in-out}@keyframes cue-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media(prefers-reduced-motion:reduce){.hunsu-close.shake{animation:none}}.hunsu-row{margin-top:12px;padding:10px 14px;background:#1e6e5c1a;border-left:6px solid var(--green);font-size:16px}.q-body{display:flex;gap:0;align-items:stretch;text-align:left}.q-main{flex:1 1 auto;min-width:0}.q-actions{margin-top:14px;text-align:center}.q-actions .btn{font-size:18px;padding:9px 18px}.scratch{flex:0 0 auto;width:0;overflow:hidden;transition:width .46s cubic-bezier(.2,.85,.25,1)}.q-panel.with-scratch .scratch{width:596px}.scratch-inner{width:560px;margin-left:36px;position:relative;padding:0 14px}.scratch-inner:before,.scratch-inner:after{content:"";position:absolute;top:-6px;bottom:-6px;width:14px;border:3px solid var(--ink);background:linear-gradient(90deg,#a9793f,#d8ab6b 45%,#8a5f30)}.scratch-inner:before{left:0}.scratch-inner:after{right:0}.scratch-head{font-family:var(--font-title);font-size:15px;background:var(--ink);color:var(--hanji);padding:4px 12px;margin-bottom:8px;display:inline-block}.scratch-canvas{display:block;width:100%;height:auto;aspect-ratio:560 / 360;border:4px solid var(--ink);background:#fffdf5;cursor:crosshair;touch-action:none}.scratch-tools{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.btn.tiny{font-size:15px;padding:7px 14px;border-width:3px}.scratch-note{font-size:13px;color:#8a7862}.q-panel{transition:width .46s cubic-bezier(.2,.85,.25,1)}.q-panel.with-scratch{width:1200px}.q-panel.with-scratch .q-main{display:flex;flex-direction:column;justify-content:center}.q-panel.with-scratch .q-text{font-size:30px}.q-panel.with-scratch .q-actions{display:none}@media(prefers-reduced-motion:reduce){.scratch,.q-panel{transition:none}}.q-panel.exam{border-color:var(--red);box-shadow:12px 12px #8c281e66}.q-panel.exam .q-timer{border-color:var(--red)}.q-panel.exam .q-timer>i{background:var(--red)}.q-panel.exam .q-tag,.q-panel.exam .scratch-head{background:var(--red)}.q-panel.exam .scratch-canvas{border-color:var(--red)}.q-panel.exam .scratch-inner:before,.q-panel.exam .scratch-inner:after{display:none}.q-panel.exam .scratch-inner{width:540px;margin-left:40px;padding:0}.q-panel.exam .scratch-canvas{box-shadow:0 0 0 3px var(--hanji),0 0 0 6px var(--red)}.q-asker{display:inline-block;font-family:var(--font-title);font-size:16px;color:var(--red);border:3px solid var(--red);padding:3px 10px;margin-bottom:8px}.choice{display:flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:22px;text-align:left;background:#fffaf0;border:4px solid var(--ink);color:var(--ink);padding:14px 16px;cursor:pointer}.choice:hover{background:var(--gold)}.choice .no{flex:0 0 auto;font-family:var(--font-title);background:var(--ink);color:var(--hanji);width:30px;height:30px;line-height:30px;text-align:center}.choice.right{background:var(--green);color:#fff}.choice.right .no{background:#0f4636}.choice.wrong{background:var(--red);color:#fff}.choice.wrong .no{background:#7d2119}.q-locked .choice{cursor:default}.q-locked .choice:hover{background:#fffaf0}.q-locked .choice.right:hover{background:var(--green)}.q-locked .choice.wrong:hover{background:var(--red)}.q-explain{margin-top:14px;font-size:20px;padding:12px;border:3px dashed var(--ink);background:#fffaf0}.q-explain b{color:var(--red)}.q-verdict{margin-top:14px;font-family:var(--font-title);font-size:30px;color:#fff;border:4px solid var(--ink);padding:10px 12px;animation:verdict-in .2s ease-out}.q-verdict.bad{background:var(--red)}.q-verdict.good{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);min-width:62%;display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 26px;white-space:nowrap;background:var(--green);font-family:var(--font-brush);font-weight:700;font-size:52px;letter-spacing:3px;text-align:center;text-shadow:3px 3px 0 rgba(0,0,0,.28);box-shadow:0 0 0 5px var(--gold),10px 10px #2b201852;animation:verdict-pop .48s cubic-bezier(.2,1.5,.4,1)}.q-verdict.good .hun-face{flex:0 0 auto;width:108px;height:114px;background-image:url(../assets/characters/hunjang-idle.webp);background-size:650px 650px;background-position:-112px -109px;background-repeat:no-repeat;image-rendering:pixelated;animation:hun-bob .62s cubic-bezier(.2,1.4,.4,1)}.q-verdict.good .hun-face.solo{width:116px;height:116px;background-image:url(../assets/characters/hunjang-face.webp);background-size:100% 100%;background-position:0 0}.q-verdict.good .hun-face.cutin{width:104px;height:128px;background-image:url(../assets/characters/hunjang-cutin.webp);background-size:contain;background-position:center bottom}.q-verdict.good>b{font-weight:inherit}@keyframes hun-bob{0%{transform:translateY(16px) scale(.6);opacity:0}55%{transform:translateY(-6px) scale(1.08);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.q-verdict.good .gain{display:block;font-family:var(--font-title);font-size:21px;letter-spacing:0;color:#d9f5ea;margin-top:4px}.q-over.bad{margin-top:12px;animation:over-pop .32s cubic-bezier(.2,1.3,.4,1)}.q-over.bad .q-verdict{margin-top:0;font-size:34px;padding:8px 18px}.q-over.bad .q-explain{margin-top:8px;background:var(--hanji);box-shadow:6px 6px #2b20184d}.q-goon{margin-top:8px;text-align:center;font-family:var(--font-title);font-size:15px;color:var(--green)}.q-retry .choice[disabled]{cursor:default;opacity:.55}.q-retry .choice[disabled]:hover{background:#fffaf0}.q-retry .choice.wrong[disabled]{opacity:1;background:var(--red);color:#fff}.q-retry .choice.right{cursor:pointer;animation:goon-pulse 1.1s ease-in-out infinite}@keyframes goon-pulse{0%,to{box-shadow:0 0 #1e6e5c8c}50%{box-shadow:0 0 0 7px #1e6e5c00}}.q-locked .q-actions{visibility:hidden}.q-panel.hit{animation:panel-hit .42s cubic-bezier(.2,1.4,.4,1)}@keyframes verdict-in{0%{transform:scale(.86);opacity:0}to{transform:scale(1);opacity:1}}@keyframes verdict-pop{0%{transform:translate(-50%,-50%) scale(.4) rotate(-5deg);opacity:0}55%{transform:translate(-50%,-50%) scale(1.14) rotate(1.5deg);opacity:1}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}@keyframes over-pop{0%{transform:translate(-50%) scale(.8);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes panel-hit{0%{transform:scale(1)}35%{transform:scale(1.035)}to{transform:scale(1)}}.result-panel{width:1080px}.rank-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;border:3px solid var(--ink);border-top:0;background:#fff6e2;padding:6px 14px}.rank-row.fail{background:#f7e6e3;border-color:var(--red)}.rank-name{font-family:var(--font-brush);font-weight:700;font-size:30px;color:var(--red);line-height:1.15}.rank-row.fail .rank-name{color:var(--red)}.rank-say{font-size:16px;color:#6b5a48}.rank-next{margin-left:auto;font-size:14px;color:#8a7862}.rank-ladder{margin-top:8px}.rank-ladder .q-tag{margin-bottom:6px}.rk-row{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-bottom:6px}.rk{position:relative;padding:5px 2px 4px;border:3px solid #d8cdb6;background:#efe7d5;text-align:center;line-height:1.15;color:#9c8d76}.rk i{display:block;font-style:normal;font-size:11px}.rk b{display:block;font-family:var(--font-title);font-size:19px}.rk em{display:block;font-style:normal;font-size:11px;opacity:.85}.rk-you{display:none}.rk.past{color:var(--ink);background:#f6ecd2;border-color:var(--gold)}.rk.me{color:var(--hanji);background:var(--green);border-color:var(--ink);box-shadow:0 4px #2b201859}.rk.me .rk-you,.rk.ghost .rk-you{display:block;position:absolute;left:50%;top:-13px;transform:translate(-50%);font-family:var(--font-title);font-size:12px;color:var(--hanji);background:var(--ink);padding:1px 7px}.rk.ghost{color:var(--red);background:#f7e6e3;border-color:var(--red);border-style:dashed}.rank-ladder.fail .q-tag{background:var(--red)}.rank-next b{color:var(--ink)}.tally{display:flex;gap:14px;flex-wrap:wrap;align-items:baseline;font-size:15px;color:#6b5a48;margin:8px 0 10px}.tally b{font-family:var(--font-title);font-size:20px;color:var(--ink)}.tally-sum{margin-left:auto}.tally-sum b{color:var(--red);font-size:24px}.result-cols{display:flex;gap:14px;align-items:flex-start}.result-col{flex:1 1 auto;min-width:0}.result-col.narrow{flex:0 0 328px}.board-box{min-width:0}.board{width:100%;border-collapse:collapse;border:4px solid var(--ink);background:#fffaf0}.board td{padding:6px 8px;font-size:15px;border-bottom:2px dashed #d6c7a8;white-space:nowrap}.board tr:last-child td{border-bottom:0}.board tr.me td{background:#fdf0cf;font-weight:700}.board .bn{font-family:var(--font-title);color:var(--red);width:26px;text-align:center}.board .br{font-family:var(--font-title)}.board .bs{text-align:right;font-family:var(--font-title)}.board .bt,.board .bd{color:#8a7862;font-size:13px;text-align:right}.board-box .note{margin-top:6px}.result-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.score-big{font-family:var(--font-title);font-size:60px;color:var(--red);line-height:1}.score-big small{font-size:24px;color:var(--ink)}.badge{font-family:var(--font-title);font-size:18px;background:var(--gold);border:3px solid var(--ink);padding:6px 14px}.wrong-box{border:4px solid var(--ink);background:#fffaf0;max-height:150px;overflow-y:auto;padding:10px 14px}.wrong-item{border-bottom:2px dashed #d6c7a8;padding:10px 2px}.wrong-item:last-child{border-bottom:0}.wrong-item .wq{font-family:var(--font-title);font-size:21px;margin-bottom:6px}.wrong-item .wa{font-size:17px}.wrong-item .wa .bad{color:var(--red)}.wrong-item .wa .good{color:var(--green);font-weight:700}.wrong-item .we{font-size:16px;color:#6b5a48;margin-top:4px}.all-right{text-align:center;font-family:var(--font-title);font-size:26px;color:var(--green);padding:28px 0}.result-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.result-foot-notes{min-width:0}.usage-line{margin:3px 0 0;font-size:12px;line-height:1.3;color:#6b5a48;letter-spacing:.5px}.note{font-size:13px;color:#8a7862;line-height:1.4}.seal-slot{flex:0 0 auto;display:flex;align-items:flex-end;padding:0 8px}.seal{position:relative;width:104px;height:104px;opacity:0;transform:scale(1.5) rotate(-16deg);transform-origin:center;filter:drop-shadow(3px 4px 0 rgba(43,32,24,.3))}.seal svg{display:block;width:100%;height:100%}.seal.stamped{animation:seal-thud .34s cubic-bezier(.18,.9,.24,1) forwards}@keyframes seal-thud{0%{opacity:0;transform:scale(1.5) rotate(-16deg)}55%{opacity:1;transform:scale(.92) rotate(-5deg)}78%{opacity:1;transform:scale(1.05) rotate(-9deg)}to{opacity:1;transform:scale(1) rotate(-7deg)}}.seal-ring{position:absolute;inset:0;border:4px solid var(--red);opacity:0;pointer-events:none}.seal.stamped .seal-ring{animation:seal-ring .52s ease-out .17s forwards}@keyframes seal-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@media(prefers-reduced-motion:reduce){.seal.stamped{animation:none;opacity:1;transform:rotate(-7deg)}.seal.stamped .seal-ring,.q-verdict,.q-verdict.good,.q-verdict.good .hun-face,.q-over.bad,.q-panel.hit{animation:none}}.teaser{margin:12px 0 0;text-align:center;font-family:var(--font-title);font-size:14px;letter-spacing:2px;color:#8a7862}.wrong-box::-webkit-scrollbar{width:10px}.wrong-box::-webkit-scrollbar-thumb{background:var(--ink)}.wrong-box::-webkit-scrollbar-track{background:#e2d6bd}.touch-pad{position:relative;width:1280px;height:720px;pointer-events:none}.touch-pad.hidden{display:none}.touch-pad .tside{position:absolute;bottom:26px;display:flex;gap:18px}.touch-pad .tside:first-child{left:26px}.touch-pad .tside:last-child{right:26px}.tbtn{pointer-events:auto;width:96px;height:96px;font-family:var(--font-title);font-size:30px;color:var(--hanji);background:#2b2018b3;border:4px solid var(--hanji);border-radius:50%;cursor:pointer;touch-action:none;user-select:none}.tbtn.jump{width:132px;height:132px;font-size:26px;background:#c0392bcc}.tbtn.action{width:96px;height:96px;font-size:22px;align-self:flex-end;background:#d4a017d9}.tbtn:active{background:var(--gold);color:var(--ink)}#rotate-hint{display:none;position:fixed;inset:0;z-index:1000;background:var(--ink);color:var(--hanji);font-family:var(--font-title);font-size:26px;text-align:center;flex-direction:column;align-items:center;justify-content:center;gap:12px}#rotate-hint .phone{font-size:72px;animation:rotate-phone 1.6s ease-in-out infinite}#rotate-hint p{margin:0}@keyframes rotate-phone{0%,20%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media(pointer:coarse)and (orientation:portrait){#rotate-hint{display:flex}}#game:fullscreen,#game:-webkit-full-screen{background:var(--ink);width:100%;height:100%}.fs-wrap{width:170px;text-align:right}.fs-btn{font-family:var(--font-title);font-size:15px;background:#2b2018d9;color:var(--hanji);border:3px solid var(--hanji);padding:6px 12px;cursor:pointer;white-space:nowrap}.fs-btn:hover{background:var(--red)}.land-bar{position:relative;display:flex;align-items:center;gap:8px;width:1180px;padding:8px 12px;background:#2b2018d1;border:3px solid var(--hanji);font-family:var(--font-title)}.land-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;color:var(--hanji);background:transparent;border:3px solid transparent;cursor:pointer}.land-btn:hover{color:var(--gold);border-color:var(--hanji)}.land-btn:active{transform:translateY(2px)}.land-btn .mute,.land-btn.is-muted .wave{display:none}.land-btn.is-muted .mute{display:inline}.land-btn.is-muted{color:#a08f7a}.land-ver{margin-left:auto;position:relative;font-family:var(--font-title);font-size:15px;color:var(--hanji);background:transparent;border:3px solid transparent;padding:5px 10px;cursor:pointer}.land-ver:hover{color:var(--gold);border-color:var(--hanji)}.land-dot{position:absolute;top:1px;right:1px;width:9px;height:9px;background:var(--red);border:2px solid var(--hanji);border-radius:50%}.land-flash{position:relative;font-family:var(--font-title);font-size:19px;color:var(--hanji);background:#1e6e5cf0;border:3px solid var(--hanji);padding:10px 18px;white-space:nowrap}.cl-panel{width:720px}.cl-box{border:4px solid var(--ink);background:#fffaf0;max-height:380px;overflow-y:auto;padding:8px 14px}.cl-ver{border-bottom:2px dashed #d6c7a8;padding:10px 2px}.cl-ver:last-child{border-bottom:0}.cl-ver summary{font-family:var(--font-title);font-size:19px;cursor:pointer;display:flex;align-items:baseline;gap:10px}.cl-ver .cl-date{font-family:var(--font-body);font-size:13px;color:#8a7862}.cl-ver ul{margin:8px 0 2px;padding-left:0;list-style:none}.cl-ver li{display:flex;gap:8px;align-items:flex-start;font-size:16px;line-height:1.5;margin-bottom:6px}.cl-kind{flex:0 0 auto;font-family:var(--font-title);font-size:13px;color:#fff;padding:2px 8px;margin-top:2px}.cl-kind.new{background:var(--green)}.cl-kind.fix{background:var(--red)}.cl-kind.up{background:#8a6b45}.cl-foot{display:flex;justify-content:flex-end;margin-top:14px}.cl-box::-webkit-scrollbar{width:10px}.cl-box::-webkit-scrollbar-thumb{background:var(--ink)}.cl-box::-webkit-scrollbar-track{background:#e2d6bd}@media(max-width:640px){#site-footer{font-size:11px;padding-bottom:16px}}.title-panel{width:1136px;display:grid;grid-template-columns:254px minmax(0,1fr);padding:0;border:2px solid #6a5136;border-radius:12px;overflow:hidden;background:#f6f0e1;box-shadow:0 16px 40px #211b1740,0 0 0 5px #e7d8b8,0 0 0 7px #6a5136}.title-story{position:relative;grid-row:span 1;padding:28px 22px 20px;background:linear-gradient(150deg,#204f43,#12372f);color:#f8edcf;border-right:1px solid #997b45}.title-story .series-badge{font-size:12px;padding:6px 10px;background:none;color:#ead6a1;border:1px solid #c6a86980;box-shadow:none;margin:0 0 17px}.title-story h1{font-size:46px;line-height:1.13;color:#fff4d4;text-shadow:2px 3px 0 #071f1b;margin:0}.title-story .sub{font-size:13px;line-height:1.7;color:#d6dfca;margin-top:16px}.title-portrait{width:156px;height:156px;margin:6px auto -5px;background:url(../assets/characters/hunjang-idle.webp) left top / 312px 312px no-repeat;image-rendering:pixelated}.title-call{margin:0 0 15px;color:#f0db9f;font-size:19px;line-height:1.45}.title-progress{font-size:13px;padding-top:13px;border-top:1px solid #cfb57755;color:#ced8c7}.title-progress b{color:#ffe3a0;font-size:22px;margin:0 5px}.title-lessons{padding:22px 22px 12px;min-width:0}.title-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px}.title-section-head h2{font-size:24px;margin:0;color:#25483b}.title-section-head>span{color:#786448;font-size:12px}.title-lessons .usage-wrap{text-align:left;margin:0 0 14px}.title-lessons .usage-chip{border-width:1px;border-radius:4px;padding:5px 8px}.title-panel .stage-grid{gap:8px;margin-bottom:14px}.title-panel .stage{min-height:100px;padding:10px;border:1px solid #b5a386;border-radius:7px;background:#fffaf0;gap:5px;box-shadow:0 2px #d6c7ab}.title-panel .stage .st-head{font-size:16px;justify-content:space-between}.title-panel .stage .st-name{font-size:14px;line-height:1.3}.title-panel .stage .st-sub{font-size:11px;line-height:1.4}.title-panel .stage .st-foot{font-size:10px;margin-top:auto}.title-panel .stage.locked{background:#ede6d7;border-color:#cec2ac;color:#70634e;box-shadow:none}.title-panel .stage.locked .st-name,.title-panel .stage.locked .st-head{color:#70634e}.title-panel .st-mark.lock{background:transparent;color:#74634d;border:1px solid #bbac93;border-radius:3px}.title-panel .stage.on{background:#215243;border-color:#14392d;box-shadow:0 3px #123b2f,inset 0 0 0 2px #c8af7140;color:#fff5d8}.title-panel .stage.on .st-sub,.title-panel .stage.on .st-foot{color:#deebd9}.title-panel .stage:hover:not(.locked):not(.on){background:#f2e4c5;border-color:#866b36}.title-panel .title-foot{display:grid;grid-template-columns:1fr auto;gap:9px;margin:0}.title-panel .title-foot .btn{border-width:2px;border-radius:6px;font-size:17px;min-height:44px;padding:10px 14px;box-shadow:none}.title-panel .title-foot .btn.primary{grid-column:2;grid-row:1 / span 2;min-width:170px;height:100%;background:#b93e2e;border-color:#862a20;box-shadow:0 3px #862a20;font-size:24px}.title-panel .title-foot .btn.ghost{justify-self:start;background:none;padding:5px 0;border-color:transparent}.title-panel .shelf{grid-column:1}.title-panel .shelf-cell{width:31px;height:31px;border-width:1px;border-radius:4px}.title-panel .hint{grid-column:1 / -1;margin:0;padding:11px 15px 6px;border-top:1px solid #cdbb99;font-size:12px;background:#ebe1cb}.title-panel .privacy-row{grid-column:1 / -1;margin:0;padding:0 15px 10px;background:#ebe1cb}.title-panel button:focus-visible{outline:3px solid #bf582f;outline-offset:3px}.q-panel:not(.exam),.result-panel{border-width:3px;border-radius:10px;box-shadow:0 12px 32px #241b1640,0 0 0 4px #e6d5b3}.q-panel .choice{border-radius:7px}.title-story{padding-top:22px;padding-bottom:16px}.title-portrait{width:140px;height:140px;background-size:280px 280px;margin-top:0}.title-call{margin-bottom:10px}.title-story .sub{margin-top:12px}.title-panel .usage-panel{position:absolute;top:32px;left:0;width:100%;max-height:440px;overflow-y:auto;z-index:3;box-shadow:0 10px 24px #251a1840}.tbtn.shoot{background:#225543dd;color:#fff2cf;font-size:22px}.tbtn.shoot:disabled{opacity:.5}