:root{--bg:#F3FBF8;--card:#FFFFFF;--ink:#1F2A2E;--sub:#46585C;--orange:#E85D0C;--on-orange:#FFFFFF;--mint:#1FB89A;--mint-soft:#D8F3EC;--mint-deep:#0B7A64;--orange-soft:#FFE3D1;--red:#E5575F;--red-soft:#FFE1E3;--yellow:#D99A00;--yellow-soft:#FFF1C2;--stair:#D2D6D4;--blue-soft:#DCE9FB;--blue-ink:#2A63C4;--stair-dark:#BFC5C2;--stair-edge:#A9B0AD;--purple-soft:#F3D2EF;--purple-ink:#8C2C84;--peach-ink:#B4520C;--green-ink:#1F7A3A;--green:#2FA84F;--green-soft:#DDF5E3;--line:#BFE3DA;--track:#CFE8E1;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0F1C1A;--card:#172926;--ink:#EAF6F3;--sub:#A9C4BE;--orange:#FF8A3D;--on-orange:#2B1200;--mint:#3DD6B5;--mint-soft:#1B3B35;--mint-deep:#6FF0D2;--orange-soft:#4A2A15;--red:#FF7A82;--red-soft:#4A2226;--yellow:#FFC93D;--yellow-soft:#463A12;--stair:#3B4B48;--blue-soft:#1E3352;--blue-ink:#9CC2FF;--stair-dark:#30403D;--stair-edge:#5B6D69;--purple-soft:#4A2546;--purple-ink:#F4B8EC;--peach-ink:#FFB27A;--green-ink:#8BE3A5;--green:#5BD67E;--green-soft:#183D24;--line:#2C514A;--track:#244640;color-scheme:dark}}:root[data-theme=dark]{--bg:#0F1C1A;--card:#172926;--ink:#EAF6F3;--sub:#A9C4BE;--orange:#FF8A3D;--on-orange:#2B1200;--mint:#3DD6B5;--mint-soft:#1B3B35;--mint-deep:#6FF0D2;--orange-soft:#4A2A15;--red:#FF7A82;--red-soft:#4A2226;--yellow:#FFC93D;--yellow-soft:#463A12;--stair:#3B4B48;--blue-soft:#1E3352;--blue-ink:#9CC2FF;--stair-dark:#30403D;--stair-edge:#5B6D69;--purple-soft:#4A2546;--purple-ink:#F4B8EC;--peach-ink:#FFB27A;--green-ink:#8BE3A5;--green:#5BD67E;--green-soft:#183D24;--line:#2C514A;--track:#244640;color-scheme:dark}html{scroll-padding-top:env(safe-area-inset-top,0px);height:100%}*,*:before,*:after{box-sizing:inherit}body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:Noto Sans KR,system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;display:flex;justify-content:center}.app{width:100%;max-width:440px;height:100%;overflow-y:auto;display:flex;flex-direction:column;padding:clamp(8px,1.8dvh,20px) 18px clamp(10px,1.8dvh,20px)}.screen{flex:1;display:flex;flex-direction:column;gap:clamp(7px,1.5dvh,14px);min-height:0}.screen[hidden]{display:none}.brand{display:flex;align-items:center;gap:10px}.mascot{width:clamp(56px,9dvh,80px);height:auto;flex:none;display:block}.brand b{font-family:Jua,Noto Sans KR,sans-serif;font-weight:400;font-size:16pt;color:var(--orange);line-height:1.2}h1{font-family:Jua,Noto Sans KR,sans-serif;font-weight:400;font-size:clamp(22pt,7.4vw,27pt);line-height:1.25;margin:0;letter-spacing:-.01em;word-break:keep-all}.sub{margin:0;font-size:16pt;line-height:1.45;color:var(--sub);word-break:keep-all}.form{background:var(--card);border:2px solid var(--line);border-radius:22px;padding:clamp(12px,2dvh,18px);display:flex;flex-direction:column;gap:clamp(10px,1.8dvh,16px)}label,.lbl{font-size:16pt;font-weight:700;display:block;margin-bottom:6px}input{width:100%;font:inherit;font-size:18pt;font-weight:700;padding:12px 16px;border-radius:16px;border:3px solid var(--mint);background:var(--bg);color:var(--ink)}input::placeholder{color:var(--sub);opacity:.7;font-weight:500}input:focus-visible,button:focus-visible{outline:4px solid var(--orange);outline-offset:3px}.err{margin:6px 0 0;font-size:16pt;font-weight:700;color:var(--red)}.err:empty{display:none}.toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opt{font:inherit;font-size:18pt;font-weight:700;padding:14px 6px;border-radius:16px;cursor:pointer;border:3px solid var(--mint);background:var(--bg);color:var(--ink)}.opt[aria-pressed=true]{background:var(--mint);color:#06332b}.cta{font-family:Jua,Noto Sans KR,sans-serif;font-size:18pt;width:100%;padding:16px 12px;border:0;border-radius:20px;background:var(--orange);color:var(--on-orange);cursor:pointer;margin-top:auto;box-shadow:0 5px #0000002e;transition:transform .08s,box-shadow .08s}.cta:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #0000002e}.cta:disabled{background:var(--track);color:var(--sub);box-shadow:none;cursor:default}.top{display:flex;flex-direction:column;gap:6px}.gauge{display:flex;align-items:center;gap:10px}.segs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;flex:1}.segs i{height:14px;border-radius:99px;background:var(--track)}.segs i.on{background:var(--orange)}.step{font-size:16pt;font-weight:700;white-space:nowrap}.quest{font-family:Jua,Noto Sans KR,sans-serif;font-size:18pt;color:var(--mint);margin:0;font-weight:400}.sent{background:var(--card);border:2px solid var(--line);border-radius:20px;padding:clamp(10px,1.8dvh,16px) 16px;font-size:16pt;line-height:1.55;font-weight:500;margin:0;word-break:keep-all}.sent .mod{border-radius:6px;padding:0 3px;transition:font-size .3s,background .3s}.sent.bad .mod{font-size:60%;background:#80808038}.sent.rev .sj{color:var(--orange);font-weight:700;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}.guide{display:flex;align-items:center;gap:8px}.guide .mascot{width:clamp(48px,8dvh,64px)}.bubble{position:relative;flex:1;background:var(--orange-soft);border-radius:18px;padding:10px 14px;font-size:16pt;line-height:1.4;font-weight:700;word-break:keep-all}.bubble:before{content:"";position:absolute;left:-9px;top:50%;margin-top:-9px;border:9px solid transparent;border-right-color:var(--orange-soft);border-left:0}.bubble.bad{background:var(--red-soft)}.bubble.bad:before{border-right-color:var(--red-soft)}.choices{display:flex;flex-direction:column;gap:clamp(6px,1.2dvh,10px)}.ch{display:flex;align-items:center;gap:10px;text-align:left;font:inherit;font-size:16pt;font-weight:700;padding:clamp(8px,1.4dvh,12px) 12px;border-radius:16px;cursor:pointer;color:var(--ink);background:var(--card);border:3px solid var(--line)}.ch .k{flex:none;width:2em;height:2em;border-radius:50%;display:grid;place-items:center;background:var(--mint-soft)}.ch .p{color:var(--mint);margin:0 .25em}.ch[aria-pressed=true]{border-color:var(--orange);background:var(--orange-soft)}.ch.ok{border-color:var(--mint);background:var(--mint-soft)}.ch.no{border-color:var(--red);background:var(--red-soft)}.ch:disabled{cursor:default;color:var(--ink);opacity:1}.ch.dim{opacity:.55}.next{display:flex;flex-direction:column;gap:14px;justify-content:center;flex:1}.chip{display:inline-block;background:var(--mint-soft);font-size:16pt;font-weight:700;padding:8px 16px;border-radius:99px;align-self:flex-start}.ghost{font:inherit;font-size:16pt;font-weight:700;background:none;border:3px solid var(--line);color:var(--ink);border-radius:16px;padding:12px;cursor:pointer}.sent .c-pur,.sent .c-res{border-radius:8px;padding:0 3px;transition:background .25s}.sent .hl-pur{background:var(--mint-soft);box-shadow:inset 0 -4px 0 var(--mint);font-weight:700}.sent .hl-res{background:var(--orange-soft);box-shadow:inset 0 -4px 0 var(--orange);font-weight:700}.panel{display:flex;flex-direction:column;gap:clamp(8px,1.6dvh,14px);background:var(--card);border:2px solid var(--line);border-radius:20px;padding:clamp(10px,1.8dvh,16px)}.panel .chip{align-self:flex-start;background:var(--mint-soft);padding:4px 14px;font-size:16pt;font-weight:700;border-radius:99px}.q{margin:0;font-size:16pt;font-weight:700;line-height:1.4;word-break:keep-all}.duo{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ch2{font:inherit;font-size:16pt;font-weight:700;padding:14px 8px;border-radius:16px;cursor:pointer;color:var(--ink);background:var(--bg);border:3px solid var(--mint);word-break:keep-all;line-height:1.3}.ch2.ok{background:var(--mint-soft);border-color:var(--mint)}.ch2.no{background:var(--red-soft);border-color:var(--red)}.ch2.dim{opacity:.55}.ch2:disabled{cursor:default;color:var(--ink)}.cl{display:flex;align-items:center;gap:10px}.cl[hidden],.guide[hidden]{display:none}.clbar{align-self:stretch;width:8px;border-radius:4px;background:var(--track);flex:none}.cltx{margin:0;flex:0 1 auto;font-size:9.6pt;line-height:1.4;color:var(--sub);word-break:keep-all}.cltx b{color:var(--red);font-weight:700}.clic{width:46px;height:46px;flex:none;color:var(--ink)}.blink{animation:blink .9s infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.08}}@media(prefers-reduced-motion:reduce){.blink{animation:none}}.cl2{display:grid;grid-template-columns:18px 18px 18px 1fr;align-items:stretch}.cl2[hidden]{display:none}.cl2 .sb{background:var(--track)}.cl2 .sb1{grid-column:1;grid-row:1/4}.cl2 .sb2{grid-column:2;grid-row:2/4}.cl2 .sb3{grid-column:3;grid-row:3/4}.cl2 .r{display:flex;align-items:center;gap:8px;padding:6px 0 6px 10px;color:var(--sub);font-size:9.6pt;line-height:1.35;word-break:keep-all}.cl2 .r span{flex:0 1 auto}.cl2 .r b{color:var(--ink)}.cl2 .r1{grid-column:2/5;grid-row:1}.cl2 .r2{grid-column:3/5;grid-row:2}.cl2 .r3{grid-column:4;grid-row:3;color:var(--ink);font-size:16pt;line-height:1.4;padding:10px 0 4px 10px}.cl2 .ic{width:34px;height:34px;flex:none;color:var(--ink)}.sent.flow{display:flex;flex-direction:column;gap:6px;line-height:1.6}.ln{display:block}.cn{font:inherit;font-size:16pt;font-weight:700;color:var(--ink);background:var(--bg);border:3px dashed var(--mint);border-radius:12px;padding:0 8px;margin-right:6px;cursor:pointer;line-height:1.4}.cn.ok{border-style:solid;border-color:var(--mint);background:var(--mint-soft)}.cn.no{border-style:solid;border-color:var(--red);background:var(--red-soft)}.cn:disabled{cursor:default;color:var(--ink);opacity:1}.quad{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quad[hidden]{display:none}.fb{margin:0;padding:8px 12px;border-radius:14px;background:var(--mint-soft);font-size:16pt;font-weight:700;line-height:1.4;word-break:keep-all}.fb.bad{background:var(--red-soft)}.fb:empty{display:none}.cards{display:flex;flex-direction:column;gap:clamp(6px,1.2dvh,10px)}.sc{display:flex;gap:10px;align-items:flex-start;text-align:left;width:100%;font:inherit;font-size:16pt;font-weight:500;line-height:1.5;word-break:keep-all;padding:clamp(8px,1.4dvh,12px) 12px;border-radius:16px;cursor:pointer;color:var(--ink);background:var(--card);border:3px solid var(--line)}.sc .k{flex:none;width:2em;height:2em;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--mint-soft)}.sc[aria-pressed=true]{border-color:var(--orange);background:var(--orange-soft)}.sc[aria-pressed=true] .k{background:var(--orange);color:var(--on-orange)}.rt{font-family:Jua,Noto Sans KR,sans-serif;font-weight:400;font-size:20pt;line-height:1.3;margin:0;word-break:keep-all}.card{background:var(--card);border:2px solid var(--line);border-radius:20px;padding:clamp(10px,1.8dvh,16px)}.ssi{display:flex;align-items:center;gap:12px}.gsvg{width:46%;max-width:190px;flex:none;color:var(--ink);overflow:visible}#gfill{transition:stroke-dasharray .9s ease}.gtxt{display:flex;flex-direction:column;gap:8px;align-items:flex-start;font-size:16pt;line-height:1.3}.badge{background:var(--red);color:#2a0a0c;font-weight:700;border-radius:99px;padding:4px 14px}.bars{display:flex;flex-direction:column;gap:clamp(8px,1.5dvh,14px)}.bt{display:flex;justify-content:space-between;font-size:16pt;font-weight:700;margin-bottom:4px}.blocks{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.blocks i{height:18px;border-radius:5px;background:var(--track)}.bar.good .blocks i.on{background:var(--mint)}.bar.warn .blocks i.on{background:var(--red)}.bar.warn .bt b{color:var(--red)}.cap{margin:4px 0 0;font-size:16pt;line-height:1.35;color:var(--sub);word-break:keep-all}.alert{background:var(--red-soft);border:3px solid var(--red);border-radius:18px;padding:12px 14px;font-size:16pt;line-height:1.5;word-break:keep-all}.alert p{margin:0}.alert .at{font-weight:700;margin-bottom:6px}.tl{margin:0 0 6px;font-size:16pt;font-weight:700}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:16pt;font-weight:700;padding:4px 12px;border-radius:99px;border:2px solid var(--mint);background:var(--mint-soft)}.tag.weak{border-color:var(--red);background:var(--red-soft)}.pane{display:flex;flex-direction:column;gap:clamp(8px,1.5dvh,12px)}.pane[hidden]{display:none}.sc[data-q="1"] .k{border-radius:8px}.hint{font-size:16pt;font-weight:500;color:var(--sub)}.agree{display:flex;gap:10px;align-items:center;font-size:16pt;font-weight:700;cursor:pointer;line-height:1.3}input[type=checkbox]{width:28px;height:28px;padding:0;flex:none;accent-color:var(--orange);border-radius:6px}.sum{margin:0;font-size:16pt;line-height:1.4;color:var(--sub);word-break:keep-all}.badge.g-yellow{background:var(--yellow);color:#2a1e00}.badge.g-green{background:var(--green);color:#062a12}.bar.mid .blocks i.on{background:var(--yellow)}.bar.mid .bt b{color:var(--yellow)}.bar.good .bt b{color:var(--green)}.bar.good .blocks i.on{background:var(--green)}.alert.g-yellow{background:var(--yellow-soft);border-color:var(--yellow)}.alert.g-green{background:var(--green-soft);border-color:var(--green)}.sc:disabled{cursor:default;color:var(--ink)}.sc.ok{border-color:var(--mint);background:var(--mint-soft)}.sc.no{border-color:var(--red);background:var(--red-soft)}.sc.dim{opacity:.55}body.admin .app{max-width:960px}.adm-bar{display:flex;flex-wrap:wrap;gap:8px}.adm-bar button{font:inherit;font-size:13pt;font-weight:700;padding:8px 14px;border-radius:12px;cursor:pointer;border:2px solid var(--line);background:var(--card);color:var(--ink)}.adm-bar button.danger{border-color:var(--red);color:var(--red)}.adm-note{margin:0;font-size:12pt;color:var(--sub);line-height:1.5;word-break:keep-all}.rec{background:var(--card);border:2px solid var(--line);border-radius:14px;padding:10px 12px;font-size:12pt;line-height:1.5}.rec summary{cursor:pointer;font-weight:700;word-break:keep-all}.rec table{width:100%;border-collapse:collapse;margin:8px 0;font-size:11pt}.rec th,.rec td{border-bottom:1px solid var(--line);padding:4px 6px;text-align:left;vertical-align:top;word-break:keep-all}.rec .tw{overflow-x:auto}.rec ul{margin:4px 0 8px;padding-left:20px}.gdot{display:inline-block;width:.8em;height:.8em;border-radius:50%;margin-right:4px;vertical-align:-1px}.fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-end;justify-content:center}.fx[hidden]{display:none}.fx-back{position:absolute;top:0;right:0;bottom:0;left:0;background:#081c1880;animation:fxFade .25s ease}.fx-sheet{position:relative;width:100%;max-width:440px;max-height:94dvh;overflow-y:auto;background:var(--card);border-radius:28px 28px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:clamp(10px,1.8dvh,16px);box-shadow:0 -8px 30px #0000002e;animation:fxUp .5s cubic-bezier(.2,1.25,.4,1)}.fx-sheet:before{content:"";align-self:center;width:44px;height:5px;border-radius:9px;background:var(--track);margin-top:-6px}@keyframes fxFade{0%{opacity:0}}@keyframes fxUp{0%{transform:translateY(100%)}}.fx-head{position:relative;display:flex;align-items:flex-end;gap:10px}.fx-mascot{width:clamp(72px,11dvh,92px);height:auto;flex:none;transform-origin:50% 100%}.fx-mascot.pop{animation:mPop .6s cubic-bezier(.3,1.6,.5,1)}.fx-mascot.jump{animation:mJump .65s ease 2}.fx-mascot.shake{animation:mShake .7s ease}.fx-mascot.talk{animation:mTalk .28s ease-in-out infinite alternate}@keyframes mPop{0%{transform:scale(.2) rotate(-12deg);opacity:0}70%{transform:scale(1.12)}to{transform:none;opacity:1}}@keyframes mJump{0%,to{transform:none}30%{transform:translateY(-24px) scale(1.04,.96)}55%{transform:scale(1.1,.86)}75%{transform:translateY(-6px)}}@keyframes mShake{0%,to{transform:none}20%{transform:rotate(-10deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(3deg)}}@keyframes mTalk{to{transform:translateY(-4px) scale(1.03)}}.fx-burst{position:absolute;left:44px;top:40px;width:0;height:0;pointer-events:none}.fx-burst i{position:absolute;font-style:normal;font-size:18px;color:var(--orange);opacity:0;animation:burst .9s ease-out forwards}.fx-burst i:nth-child(2n){color:var(--mint)}@keyframes burst{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}to{transform:translate(calc(var(--dx) - 50%),calc(var(--dy) - 50%)) scale(1.1) rotate(90deg);opacity:0}}.fx-bubble{position:relative;flex:1;background:var(--orange-soft);border-radius:18px;padding:12px 14px;min-height:150px;display:flex;align-items:center}.fx-bubble:before{content:"";position:absolute;left:-9px;bottom:22px;border:9px solid transparent;border-right-color:var(--orange-soft);border-left:0}.fx-say{margin:0;font-size:16pt;line-height:1.45;font-weight:700;word-break:keep-all}.fx-say.big{font-family:Jua,Noto Sans KR,sans-serif;font-weight:400;font-size:22pt;line-height:1.3}.fx-say.good{color:var(--mint-deep)}.fx-say.bad{color:var(--red)}.fx-say.pop{animation:sayPop .28s cubic-bezier(.3,1.6,.5,1)}@keyframes sayPop{0%{opacity:0;transform:scale(.88) translateY(4px)}}.fx-bubble.tap{cursor:pointer}.fx-bubble.tap:after{content:"탭하면 다음 ▶";position:absolute;right:12px;bottom:6px;font-size:10.5pt;font-weight:700;color:var(--sub);opacity:.75}.fx-bubble.tap{padding-bottom:24px}.mode{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;font-size:11pt;color:var(--sub)}.mode-opt{font:inherit;font-size:11pt;font-weight:700;padding:4px 10px;border-radius:99px;border:2px solid var(--line);background:var(--card);color:var(--sub);cursor:pointer}.mode-opt[aria-pressed=true]{border-color:var(--mint);background:var(--mint-soft);color:var(--ink)}.fx-say b{color:var(--peach-ink);font-weight:900}.fb b{font-weight:900}.fx-say.typing:after{content:"▍";color:var(--orange);animation:blink .8s infinite}.fx-mine{margin:0;align-self:flex-start;font-size:13pt;font-weight:700;padding:4px 12px;border-radius:99px}.fx-mine.good{background:var(--mint-soft);color:var(--mint-deep)}.fx-mine.bad{background:var(--red-soft);color:var(--red)}.fx-sent{margin:0;font-size:16pt;line-height:1.75;font-weight:500;word-break:keep-all;background:var(--bg);border:2px solid var(--line);border-radius:18px;padding:14px 16px}.fx-mod{border-radius:8px;padding:1px 4px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:font-size .7s ease}.fx-mod.shrink{font-size:60%;background:var(--mint-soft);animation:pulseMint 1.6s ease-in-out both}@keyframes pulseMint{0%{background:transparent;box-shadow:0 0 0 0 transparent}22%{background:var(--mint-soft);box-shadow:0 0 0 5px var(--mint-soft)}42%{background:transparent;box-shadow:0 0 0 0 transparent}64%{background:var(--mint-soft);box-shadow:0 0 0 5px var(--mint-soft)}84%{background:transparent;box-shadow:0 0 0 0 transparent}to{background:var(--mint-soft);box-shadow:0 0 0 0 transparent}}.fx-subj{display:inline-block;transition:color .4s,font-size .4s}.fx-subj.on{color:var(--mint-deep);font-weight:700;font-size:17pt;animation:subjPop .55s cubic-bezier(.3,1.6,.5,1)}@keyframes subjPop{0%{transform:scale(1)}45%{transform:scale(1.3)}to{transform:scale(1)}}.fx-pred{background-image:linear-gradient(var(--orange),var(--orange));background-repeat:no-repeat;background-position:0 100%;background-size:0% 4px;padding-bottom:3px;transition:background-size .9s ease}.fx-pred.on{background-size:100% 4px}.fx-skel{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;opacity:0;transform:translateY(12px);transition:opacity .5s,transform .5s cubic-bezier(.3,1.5,.5,1)}.fx-skel.on{opacity:1;transform:none}.fx-skel .lb{width:100%;text-align:center;font-size:12pt;font-weight:700;color:var(--sub)}.fx-skel .k1,.fx-skel .k2{font-family:Jua,Noto Sans KR,sans-serif;font-size:17pt;border-radius:14px;padding:3px 11px;border:3px solid}.fx-skel .k1{background:var(--mint-soft);border-color:var(--mint);color:var(--mint-deep)}.fx-skel .k2{background:var(--orange-soft);border-color:var(--orange)}.fx-skel .dash{font-size:18pt;font-weight:700;color:var(--sub)}.st{position:relative;display:grid;grid-template-columns:22px 30px 30px 1fr auto;grid-template-rows:repeat(3,minmax(60px,auto));background:var(--bg);border:2px solid var(--line);border-radius:18px;padding:0 12px 0 0;overflow:hidden}.st-r{display:contents}.st-b{position:relative;align-self:stretch;visibility:hidden;background:linear-gradient(#f2c230,#f2c230) 0 0/100% 4px no-repeat,repeating-linear-gradient(90deg,transparent 0 4px,rgba(0,0,0,.24) 4px 5px) 0 4px/100% 8px no-repeat,linear-gradient(var(--stair-edge),var(--stair-edge)) 0 4px/100% 8px no-repeat,repeating-linear-gradient(90deg,transparent 0 5px,rgba(0,0,0,.07) 5px 6px),linear-gradient(180deg,var(--stair),var(--stair-dark));box-shadow:inset -3px 0 #0000001a}.st-r1 .st-b{grid-column:1;grid-row:1/4;z-index:3;transform-origin:50% 100%;transform:scaleY(0)}.st-r2 .st-b{grid-column:2;grid-row:2/4;z-index:2;transform:translate(-100%)}.st-r3 .st-b{grid-column:3;grid-row:3/4;z-index:1;transform:translate(-100%)}.st-r.show .st-b{visibility:visible;animation:stepOut 1s cubic-bezier(.35,0,.25,1) forwards}@keyframes stepOut{to{transform:none}}.st-r1 .st-t{grid-column:2/5;grid-row:1}.st-r2 .st-t{grid-column:3/5;grid-row:2}.st-r3 .st-t{grid-column:4/5;grid-row:3}.st-r1 .st-x{grid-column:5;grid-row:1}.st-r2 .st-x{grid-column:5;grid-row:2}.st-r3 .st-x{grid-column:5;grid-row:3}.st-t{position:relative;z-index:5;align-self:center;margin:0;padding:8px 0 8px 10px;font-size:12.5pt;line-height:1.45;color:var(--sub);word-break:keep-all;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:clip-path .8s ease}.st-t b{color:var(--ink);font-weight:700}.st-r3 .st-t{font-size:15.5pt;color:var(--ink);font-weight:500}.st-r.txt .st-t{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.st-x{position:relative;z-index:5;align-self:center;margin-left:8px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:56px}.st-ic{width:40px;height:40px;overflow:visible;color:var(--ink);opacity:0;transition:opacity .3s}.st-r.txt .st-ic{opacity:1}.st-card{font-size:12pt;font-weight:700;padding:4px 10px;border-radius:9px;white-space:nowrap;opacity:0;transform:scale(.3)}.st-card.on{animation:cardPop .5s cubic-bezier(.3,1.7,.5,1) forwards}@keyframes cardPop{to{opacity:1;transform:none}}.st-card.pur{background:var(--orange-soft);color:var(--peach-ink)}.st-card.yie{background:var(--purple-soft);color:var(--purple-ink)}.st-card.core{background:var(--green-soft);color:var(--green-ink)}.st-ic.pout{animation:pout .8s ease}@keyframes pout{0%,to{transform:none}20%{transform:rotate(-12deg) scale(1.08)}40%{transform:rotate(10deg) scale(1.08)}60%{transform:rotate(-7deg)}80%{transform:rotate(4deg)}}.lg{position:relative;margin:0;background:var(--bg);border:2px solid var(--line);border-radius:18px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;font-size:13.5pt;line-height:1.55;word-break:keep-all}.lg-l{margin:0;padding:3px 6px;border-radius:10px;transition:background .4s}.lg-l.lit{background:var(--mint-soft)}.lg-c{display:inline-block;font-weight:700;border:2.5px dashed var(--mint);border-radius:10px;padding:0 7px;margin-right:6px;background:var(--card);transition:background .3s,border-color .3s}.lg-c.good{border-style:solid;border-color:var(--mint);background:var(--mint-soft)}.lg-c.bad{border-style:solid;border-color:var(--red);background:var(--red-soft);animation:chipShake .5s ease}.lg-c.fix{border-style:solid;border-color:var(--mint);background:var(--mint-soft)}.lg-c.flip{animation:chipFlip .6s ease}@keyframes chipShake{0%,to{transform:none}20%{transform:translate(-6px) rotate(-4deg)}40%{transform:translate(5px) rotate(3deg)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}@keyframes chipFlip{0%{transform:perspective(300px) rotateX(0)}50%{transform:perspective(300px) rotateX(90deg)}to{transform:perspective(300px) rotateX(0)}}.lg-tag{display:none;font-style:normal;font-size:10.5pt;font-weight:700;margin-left:5px;padding:0 6px;border-radius:99px;vertical-align:2px;background:var(--mint);color:#06332b}.lg-c.bad .lg-tag{background:var(--red);color:#fff;text-decoration:line-through}.lg-tag.on{display:inline-block;animation:cardPop .45s cubic-bezier(.3,1.7,.5,1) both}.lg-k{border-radius:6px;padding:0 2px;transition:background .3s,color .3s}.lg-k.hot{color:var(--red);font-weight:700;background:var(--red-soft);animation:hotPulse .7s ease 2}.lg-k.ok{color:var(--mint-deep);font-weight:700;background:var(--mint-soft)}@keyframes hotPulse{50%{box-shadow:0 0 0 4px var(--red-soft)}}.lg-l.bump{animation:bump .55s ease}@keyframes bump{0%,to{transform:none}25%{transform:translate(-10px,-3px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.lg-bang{display:inline-block;margin-left:6px;padding:0 9px;border-radius:99px;background:var(--red);color:#fff;font-weight:700;font-size:11pt;line-height:1.6;vertical-align:1px;opacity:0;transform:scale(.3) rotate(-10deg);pointer-events:none}.lg-bang.on{animation:bangPop .5s cubic-bezier(.3,1.8,.5,1) forwards}@keyframes bangPop{to{opacity:1;transform:rotate(-6deg)}}#cards .sc.in{animation:cardIn .5s cubic-bezier(.2,1.2,.4,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(-28px)}}#cards .sc.picked{border-color:var(--orange);background:var(--orange-soft);box-shadow:0 0 0 3px var(--orange);font-weight:700;animation:pickPop .35s ease}#cards .sc.picked .k{background:var(--orange);color:var(--on-orange)}@keyframes pickPop{50%{transform:scale(1.03)}}#m5.hop{animation:mJump .6s ease 1;transform-origin:50% 100%}.lb{display:flex;flex-direction:column;gap:14px}.lb-b{position:relative;display:flex;gap:8px;align-items:flex-start;background:var(--bg);border:2px solid var(--line);border-radius:14px;padding:10px 78px 10px 10px;font-size:13pt;line-height:1.5;word-break:keep-all;transition:border-color .3s,box-shadow .3s}.lb-b+.lb-b:before{content:"";position:absolute;left:22px;top:-15px;width:4px;height:13px;border-radius:2px;background:var(--line)}.lb-b p{margin:0}.lb-k{flex:none;width:1.8em;height:1.8em;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--mint-soft)}.lb-b.mine-no{border-color:var(--red);border-style:dashed}.lb-b.mine-ok{border-color:var(--mint)}.lb-b.win{border-color:var(--mint);box-shadow:0 0 0 4px var(--mint-soft);animation:winPulse .8s ease 2}@keyframes winPulse{50%{box-shadow:0 0 0 9px var(--mint-soft)}}.lb-c{font-weight:500;transition:color .3s}.lb-c.on{font-weight:800;color:var(--orange);animation:fxBlink 1s steps(1,end) infinite}.lb-b.hit{animation:hit .35s ease}@keyframes hit{30%{transform:translateY(3px) scale(.99)}}.lb-st{position:absolute;right:8px;top:8px;font-family:Jua,Noto Sans KR,sans-serif;font-size:15pt;padding:1px 9px;border:3px solid currentColor;border-radius:8px;background:color-mix(in srgb,var(--card) 70%,transparent);opacity:0;transform:scale(2.6) rotate(-24deg)}.lb-st.on{animation:stamp .42s cubic-bezier(.5,0,.6,1.4) forwards}@keyframes stamp{0%{opacity:0;transform:scale(2.6) rotate(-24deg)}70%{opacity:1;transform:scale(.92) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(-9deg)}}.lb-st.intro{color:var(--blue-ink)}.lb-st.turn{color:var(--purple-ink)}.lb-st.con{color:var(--green-ink)}.fx-skel .k3{font-family:Jua,Noto Sans KR,sans-serif;font-size:17pt;border-radius:14px;padding:3px 11px;border:3px solid var(--red);background:var(--red-soft);color:var(--red)}.fx-pur{border-radius:8px;padding:1px 3px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background .5s,box-shadow .5s}.fx-pur.on{background:var(--mint-soft);box-shadow:inset 0 -4px 0 var(--mint)}.fx-mg{transition:color .3s}.fx-mg.on{color:var(--red);font-weight:700}.fx-wh{display:inline-block;transition:font-size .3s}.fx-wh.on{font-size:17pt;animation:fxBlink 1s steps(1,end) infinite}@keyframes fxBlink{0%{opacity:1}50%{opacity:.15}}.fx-act{display:flex;gap:10px;align-items:stretch}.fx-act .cta{flex:1;white-space:nowrap;font-size:16pt;padding-left:8px;padding-right:8px}.fx-act .ghost[hidden]{display:none}.fx-act .cta{margin-top:0}@media(prefers-reduced-motion:reduce){.fx *,.fx{animation:none!important;transition:none!important}}@keyframes rise{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.cta{transition:none}.blk{animation-duration:.01s;animation-delay:0s!important}}