:root{--mint:#a8e6cf;--coral:#ffb7b2;--cream:#fff5ba;--lavender:#c7ceea;--accent:var(--coral);--ink:#4a3f55;--global-btn-size:52px;--radius:20px;--shadow-soft:0 10px 30px #4a3f5540;--font-title:"Jua", system-ui, sans-serif;--font-body:"Pretendard", system-ui, sans-serif}.screen-loading{z-index:90;color:var(--ink);font-family:var(--font-title);background:#fff5e9ed;place-items:center;font-size:clamp(22px,3vw,40px);display:grid;position:absolute;inset:0}.screen-loading button{background:var(--mint);color:var(--ink);font:inherit;cursor:pointer;border:2px solid #77bfa9;border-radius:24px;padding:14px 28px}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;font-family:var(--font-body);-webkit-tap-highlight-color:transparent;background:#1d1630;overflow:hidden}.title-screen{width:100%;height:100%;position:relative;overflow:hidden}.title-bg{z-index:0;position:absolute;inset:0}.title-bg-fallback,.title-bg-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.title-bg-video{z-index:1}.title-bg-veil{z-index:2;background:linear-gradient(#1d163040 0%,#1d163000 35% 60%,#1d163073 100%);position:absolute;inset:0}.sparkle-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.sparkle{opacity:0;width:10px;height:10px;animation:sparkle-twinkle var(--dur,3s) ease-in-out infinite;animation-delay:var(--delay,0s);background:#fff;border-radius:50%;position:absolute;box-shadow:0 0 8px 2px #ffffffe6}@keyframes sparkle-twinkle{0%{opacity:0;transform:scale(.4)translateY(0)}50%{opacity:1;transform:scale(1.1)translateY(-12px)}to{opacity:0;transform:scale(.4)translateY(-24px)}}.title-center{z-index:5;text-align:center;flex-direction:column;align-items:center;gap:2.4vh;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-wrap{filter:drop-shadow(0 16px 30px #00000059)}.logo-emblem{mix-blend-mode:multiply;width:clamp(330px,45vw,615px);height:auto;animation:4.5s ease-in-out infinite logo-float;display:block}.title-grade{width:fit-content;max-width:min(72vw,620px);font-family:var(--font-title);color:#fffdf6;text-align:center;word-break:keep-all;letter-spacing:-.01em;text-shadow:0 1px 3px #00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#4a3f556b;border-radius:999px;margin:clamp(5px,.9vh,11px) auto 0;padding:clamp(2px,.45vh,5px) clamp(10px,1.4vw,18px);font-size:clamp(11px,1.15vw,18px);line-height:1.25}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.title-menu{grid-template-columns:repeat(2,1fr);place-items:center;gap:clamp(4px,.8vw,12px);width:min(64vw,560px);margin-top:.4vh;display:grid}.menu-btn{cursor:pointer;aspect-ratio:1024/436;background:0 0;border:none;width:100%;max-width:clamp(180px,25vw,280px);padding:0;transition:transform .18s}.menu-btn img{object-fit:cover;filter:drop-shadow(0 6px 12px #0000004d);width:100%;height:100%;display:block}.menu-btn:hover{transform:scale(1.12)}.menu-btn:active{transform:scale(.94)}.menu-btn--primary{animation:1.8s ease-in-out infinite start-glow}@keyframes start-glow{0%,to{filter:drop-shadow(0 0 6px #ffb7b299)}50%{filter:drop-shadow(0 0 22px #ffb7b2)}}.hero-char{z-index:4;filter:drop-shadow(0 14px 22px #0006);width:clamp(120px,20vw,300px);height:auto;animation:3.2s ease-in-out infinite hero-float;display:none;position:absolute;bottom:clamp(40px,8vh,110px);right:clamp(10px,4vw,90px)}@keyframes hero-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-18px)rotate(1deg)}}.mute-btn{z-index:6;cursor:pointer;background:0 0;border:none;width:clamp(48px,5vw,64px);height:clamp(48px,5vw,64px);padding:0;transition:transform .18s;position:absolute;top:clamp(12px,2.5vh,28px);right:calc(clamp(12px,2.5vw,28px) + clamp(40px,4.2vw,54px) + 8px)}.title-settings-btn{z-index:6;cursor:pointer;width:clamp(40px,4.2vw,54px);height:clamp(40px,4.2vw,54px);color:var(--ink);background:0 0;border:none;padding:0;font-size:clamp(15px,1.8vw,20px);line-height:1;transition:transform .15s;position:absolute;top:clamp(15px,2.9vh,33px);right:clamp(12px,2.5vw,28px)}.title-settings-btn img{object-fit:contain;opacity:.82;filter:drop-shadow(0 3px 7px #0000004d);width:100%;height:100%;transition:opacity .2s}.title-settings-btn:hover{transform:scale(1.12)rotate(20deg)}.title-settings-btn:hover img{opacity:1}.title-settings-btn:active{transform:scale(.9)}.title-home-btn{z-index:6;cursor:pointer;width:clamp(44px,4.6vw,58px);height:clamp(44px,4.6vw,58px);color:var(--ink);background:0 0;border:none;padding:0;font-size:clamp(20px,2.4vw,28px);line-height:1;transition:transform .15s;position:absolute;top:clamp(15px,2.9vh,33px);left:clamp(12px,2.5vw,28px)}.title-home-btn img{object-fit:contain;opacity:.88;filter:drop-shadow(0 3px 7px #0000004d);width:100%;height:100%;transition:opacity .2s}.title-home-btn:hover{transform:scale(1.12)}.title-home-btn:hover img{opacity:1}.title-home-btn:active{transform:scale(.9)}.title-home-btn[hidden]{display:none!important}.mute-btn img{object-fit:contain;opacity:.82;filter:drop-shadow(0 3px 7px #0000004d);width:100%;height:100%;transition:opacity .2s}.mute-btn:hover{transform:scale(1.12)}.mute-btn:hover img{opacity:1}.mute-btn:active{transform:scale(.92)}.mute-btn.is-muted img{opacity:.45;filter:grayscale(.6)drop-shadow(0 4px 8px #00000059)}.title-fs-tip{z-index:5;font-family:var(--font-title);color:#fffdf6;white-space:nowrap;text-shadow:0 1px 4px #00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#4a3f558c;border-radius:999px;margin:0;padding:clamp(3px,.7vh,7px) clamp(12px,1.8vw,22px);font-size:clamp(12px,1.6vw,19px);position:absolute;bottom:calc(clamp(8px,1.6vh,18px) + clamp(16px,2.4vh,26px));left:50%;transform:translate(-50%)}.title-fs-tip b{color:var(--cream)}.is-fullscreen .title-fs-tip,.is-fullscreen #fsNudge{display:none!important}@media (display-mode:fullscreen){.title-fs-tip,#fsNudge{display:none!important}}.rotate-overlay{z-index:100;text-align:center;background:linear-gradient(135deg, var(--lavender), var(--mint));color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:none;position:fixed;inset:0}.rotate-icon{font-size:72px;animation:2s ease-in-out infinite rotate-hint}@keyframes rotate-hint{0%,40%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.rotate-text{font-family:var(--font-title);font-size:28px}.rotate-sub{opacity:.8;font-size:15px}@media (orientation:portrait){.rotate-overlay{display:flex}.title-screen{display:none}}@media (prefers-reduced-motion:reduce){.logo-emblem,.hero-char,.menu-btn,.sparkle,.rotate-icon{animation:none!important}}#fsBtn{z-index:9999;cursor:pointer;width:clamp(38px,4.6vw,48px);height:clamp(38px,4.6vw,48px);color:var(--ink);opacity:.55;background:#ffffffd1;border:none;border-radius:50%;font-size:clamp(17px,2.2vw,22px);line-height:1;transition:opacity .2s,transform .15s;position:fixed;bottom:clamp(10px,1.8vh,18px);right:clamp(10px,1.4vw,18px);box-shadow:0 3px 10px #0003}#fsBtn:hover{opacity:1;transform:scale(1.12)}#fsBtn:active{transform:scale(.9)}.start-choice-overlay{z-index:8000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;background:#4a3f5559;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.start-choice-overlay.is-open{opacity:1}.start-choice{background:linear-gradient(165deg,#fffdf6 0%,#fff5e8 100%);border:4px solid #ffd9d5;border-radius:28px;flex-direction:column;align-items:center;gap:clamp(10px,1.8vh,18px);width:min(88vw,480px);padding:clamp(18px,3.4vh,34px) clamp(20px,3.4vw,38px) clamp(16px,3vh,30px);transition:transform .28s cubic-bezier(.34,1.4,.64,1);display:flex;position:relative;transform:translateY(16px)scale(.94);box-shadow:0 18px 50px #4a3f5559}.start-choice-overlay.is-open .start-choice{transform:translateY(0)scale(1)}.sc-hero{filter:drop-shadow(0 8px 16px #4a3f554d);width:clamp(72px,12vh,110px);height:auto;margin-top:clamp(-46px,-7vh,-64px);animation:2.6s ease-in-out infinite hero-float}.sc-title{font-family:var(--font-title);color:var(--ink);letter-spacing:-.01em;margin:0;font-size:clamp(19px,2.8vw,28px)}.sc-btn{cursor:pointer;width:100%;font-family:var(--font-title);border:none;border-radius:18px;flex-direction:column;align-items:center;gap:3px;padding:clamp(10px,1.8vh,16px) clamp(14px,2vw,22px);transition:transform .15s,box-shadow .15s;display:flex}.sc-btn:hover{transform:scale(1.04)}.sc-btn:active{transform:scale(.96)}.sc-btn-main{font-size:clamp(16px,2.3vw,23px)}.sc-btn-sub{opacity:.92;word-break:keep-all;font-size:clamp(11.5px,1.6vw,15px)}.sc-btn--login{color:#fff;background:linear-gradient(135deg,#ffb7b2,#ef8a80);box-shadow:0 6px 16px #ef8a8073}.sc-btn--guest{color:#2f6a4d;background:linear-gradient(135deg,#d9f5e8,#a8e6cf);box-shadow:0 6px 16px #7fc98f59}.sc-close{width:34px;height:34px;color:var(--ink);cursor:pointer;background:#4a3f5514;border:none;border-radius:50%;font-size:15px;transition:transform .15s,background .15s;position:absolute;top:10px;right:12px}.sc-close:hover{background:#4a3f5529;transform:scale(1.12)}@media (height<=430px){.start-choice{gap:7px;padding:14px 20px}.sc-hero{width:58px;margin-top:-36px}}#gmBtn{right:clamp(10px,1.4vw,18px);bottom:calc(clamp(10px, 1.8vh, 18px) + var(--global-btn-size) + 8px);z-index:9999;cursor:pointer;width:clamp(38px,4.6vw,48px);height:clamp(38px,4.6vw,48px);color:var(--ink);opacity:.55;background:#ffffffd1;border:none;border-radius:50%;font-size:clamp(15px,2vw,20px);line-height:1;transition:opacity .2s,transform .15s;position:fixed;box-shadow:0 3px 10px #0003}#gmBtn:hover{opacity:1;transform:scale(1.12)}#gmBtn:active{transform:scale(.9)}#gmBtn.is-muted{opacity:.8;background:#ffe2e2e6}#gmBtn[hidden]{display:none!important}#fsTip{z-index:9999;color:#fff;max-width:min(86vw,560px);font-family:var(--font-title);text-align:center;word-break:keep-all;opacity:0;pointer-events:none;background:#4a3f55eb;border-radius:999px;padding:10px 22px;font-size:clamp(13px,1.8vw,17px);transition:opacity .25s,transform .25s;position:fixed;bottom:clamp(64px,10vh,90px);left:50%;transform:translate(-50%)translateY(8px)}#fsTip.is-shown{opacity:1;transform:translate(-50%)translateY(0)}.title-pill{font-family:var(--font-title);color:#fff;text-shadow:0 2px 3px #00000040;letter-spacing:-.01em;border-radius:999px;padding:.28em .95em;line-height:1.15;display:inline-block;box-shadow:0 4px #0000001f,0 6px 16px #00000038}.title-pill--map{background:linear-gradient(#3cb39f,#2b8f80)}.title-pill--meal{background:linear-gradient(#6f7fd0,#5b62b8)}.title-pill--challenge{background:linear-gradient(#f79267,#ef6f4c)}.title-pill--ranking{background:linear-gradient(#38b48b,#269471)}.title-pill--teacher{background:linear-gradient(#e8964f,#d4772e)}.title-pill--profile{background:linear-gradient(#8f6fd0,#7a5fb0)}:focus{outline:none}:focus-visible{outline-offset:3px;border-radius:8px;outline:3px solid #7a5fb0}::selection{color:#4a3f55;background:#ffb7b28c}*{scrollbar-width:thin;scrollbar-color:#e0b9a8 #fffaf099}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#fffaf099;border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(#f0c1a8,#e0a288);border:2px solid #fffaf099;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#d98f70}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.sparkle{opacity:.4;animation:none!important}}.a11y-mode #app{filter:contrast(1.14)saturate(.96)}.a11y-mode{--ink:#241c33}.a11y-mode .sparkle{display:none}.a11y-mode .ep-dlg-text{font-size:clamp(22px,3.2vw,46px)!important;line-height:1.55!important}.a11y-mode .ep-choice{font-size:clamp(19px,2.6vw,36px)!important}.a11y-mode .ep-quiz-q{font-size:clamp(24px,3.4vw,50px)!important}.a11y-mode .ep-ci-role,.a11y-mode .ep-card-note{font-size:clamp(17px,2.2vw,30px)!important}.a11y-mode .ep-result-summary,.a11y-mode .g1-lesson-text,.a11y-mode .g2r-reason,.a11y-mode .g3-reason,.a11y-mode .g5-reason,.a11y-mode .g6-reason{font-size:clamp(18px,2.4vw,32px)!important}.a11y-mode .g2r-q,.a11y-mode .g3-q,.a11y-mode .g5-q,.a11y-mode .g6-q{font-size:clamp(21px,2.9vw,40px)!important}.a11y-mode .tu-slide-text{font-size:clamp(19px,2.7vw,35px)!important}.a11y-mode .tu-slide-steps li{font-size:clamp(17px,2.4vw,31px)!important}.a11y-mode .tc-table tbody td{font-size:clamp(15px,2vw,26px)!important}.a11y-mode .pf-survey-head{font-size:clamp(18px,2.5vw,32px)!important}.a11y-mode .ep-bg-veil,.a11y-mode .tu-bg-veil,.a11y-mode .pf-bg-veil,.a11y-mode .tc-bg-veil,.a11y-mode .rk-bg-veil{background:#fffdf89e!important}.title-top-right{z-index:6;align-items:center;gap:8px;display:flex;position:absolute;top:clamp(12px,2.4vh,24px);right:calc(clamp(12px,2.5vw,28px) + clamp(40px,4.2vw,54px) + 10px)}.title-class-btn{font-family:var(--font-title);color:#7a4a12;cursor:pointer;white-space:nowrap;background:#fff4e0f2;border:3px solid #f0cfa4;border-radius:999px;align-items:center;gap:6px;padding:clamp(5px,1vh,9px) clamp(11px,1.6vw,18px);font-size:clamp(13px,1.8vw,21px);transition:transform .15s;display:inline-flex;box-shadow:0 4px 12px #0000002e}.title-class-btn[hidden]{display:none!important}.title-class-btn:hover{transform:scale(1.07)}.title-class-btn:active{transform:scale(.94)}.title-class-btn img{width:clamp(22px,3vh,32px);height:auto}.title-auth{font-family:var(--font-title);color:var(--ink);cursor:pointer;background:#fffdf6eb;border:3px solid #e8ddc8;border-radius:999px;align-items:center;gap:7px;padding:clamp(5px,1vh,9px) clamp(12px,1.8vw,20px);font-size:clamp(14px,1.9vw,22px);transition:transform .15s;display:inline-flex;position:relative;top:auto;right:auto;box-shadow:0 4px 12px #0000002e}.title-auth[hidden]{display:none!important}.title-auth:hover{transform:scale(1.07)}.title-auth:active{transform:scale(.94)}.title-auth-av.av{--av-size:clamp(26px, 3.6vh, 38px)}.title-auth-key{font-size:1.05em}.title-asset{object-fit:contain;opacity:.9;filter:drop-shadow(0 4px 10px #321e4659);-webkit-user-select:none;user-select:none;width:clamp(230px,24vw,400px);height:auto;max-height:15vh;margin:clamp(-14px,-1.6vh,-8px) 0}.title-asset--login{width:clamp(180px,18vw,260px);height:auto;margin:0 auto 4px;display:block}@media (height<=430px){.title-asset{width:clamp(180px,22vw,260px)}}.title-pill[hidden]{display:none!important}.title-auth.title-auth--img{box-shadow:none;background:0 0;border:none;padding:0}.title-auth-img{opacity:.82;filter:drop-shadow(0 3px 8px #321e464d);width:clamp(104px,9.5vw,148px);height:auto;transition:transform .15s,opacity .2s;display:block}.title-auth.title-auth--img:hover .title-auth-img{opacity:1;transform:scale(1.08)}.menu-btn{position:relative}.menu-btn-label{pointer-events:none;font-family:var(--font-title);color:#fff8e8;text-align:center;word-break:keep-all;letter-spacing:-.01em;text-shadow:-2px -2px #8a5a2b,2px -2px #8a5a2b,-2px 2px #8a5a2b,2px 2px #8a5a2b,0 3px 6px #5a320a73;justify-content:center;align-items:center;padding:0 12%;font-size:clamp(15px,2.2vw,30px);line-height:1.15;display:flex;position:absolute;inset:0}.has-title-label,.title-asset-wrap{vertical-align:middle;line-height:0;display:inline-block;position:relative}.title-asset-wrap>img{display:block}.title-asset-label{pointer-events:none;font-family:var(--font-title);color:#fff8e8;text-align:center;word-break:keep-all;letter-spacing:-.01em;text-shadow:-2px -2px #8a5a2b,2px -2px #8a5a2b,-2px 2px #8a5a2b,2px 2px #8a5a2b,0 3px 6px #5a320a73;justify-content:center;align-items:center;padding:0 13%;font-size:clamp(15px,2.1vw,28px);line-height:1.05;display:flex;position:absolute;inset:0}.title-asset-wrap:has(>.quiz-intro-title) .title-asset-label{font-size:clamp(18px,3vh,34px)}.title-user{cursor:pointer;font-family:var(--font-title);color:var(--ink);white-space:nowrap;background:#fffdf6db;border:3px solid #e8ddc8;border-radius:999px;align-items:center;gap:7px;padding:clamp(4px,.9vh,8px) clamp(11px,1.7vw,18px);font-size:clamp(13px,1.8vw,20px);display:inline-flex;box-shadow:0 4px 12px #00000029}.title-user[hidden]{display:none!important}.title-user-av.av{--av-size:clamp(24px, 3.4vh, 36px)}.title-user-name{letter-spacing:-.01em}@media (height<=430px){.title-screen .title-center{gap:1vh;top:37%}.logo-emblem{width:clamp(190px,26vw,280px)}.title-menu{gap:4px 6px;width:min(56vw,420px)}.menu-btn{max-width:clamp(130px,19vw,190px)}.menu-btn-label{font-size:15px}.title-fs-tip{padding:2px 10px;font-size:12px;bottom:32px}.title-user{padding:3px 10px;font-size:12px}.title-grade{margin-top:3px;padding:1px 9px;font-size:11px}}.menu-btn-label[hidden]{display:none!important}.title-judge{z-index:8;flex-direction:column;gap:5px;display:flex;position:absolute;bottom:8vh;left:2vw}.title-judge button{font-family:var(--font-title);color:#355d48;cursor:pointer;background:#fffdf1e8;border:1px solid #abc5a8;border-radius:20px;min-height:44px;padding:7px 12px;font-size:clamp(16px,1.2vw,22px)}@media (height<=430px){.title-judge{flex-direction:row;gap:8px;bottom:42px}.title-judge button{padding:6px 12px;font-size:16px}}.title-logout-overlay{z-index:60;opacity:0;background:#281e3273;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.title-logout-overlay.is-open{opacity:1}.title-logout{border:4px solid var(--lavender);text-align:center;background:#fffdf6;border-radius:24px;max-width:min(88vw,460px);padding:clamp(18px,3vh,30px) clamp(22px,4vw,40px);transition:transform .2s;transform:translateY(12px)scale(.97);box-shadow:0 14px 40px #281e3259}.title-logout-overlay.is-open .title-logout{transform:translateY(0)scale(1)}.tl-ask{font-family:var(--font-title);color:var(--ink);word-break:keep-all;letter-spacing:-.01em;margin:0 0 clamp(12px,2vh,20px);font-size:clamp(18px,2.6vw,30px);line-height:1.3}.tl-row{justify-content:center;gap:clamp(10px,1.6vw,18px);display:flex}.tl-btn{font-family:var(--font-title);cursor:pointer;color:#fffdf6;border:none;border-radius:999px;min-width:clamp(96px,12vw,140px);min-height:48px;font-size:clamp(16px,2vw,24px);transition:transform .15s;box-shadow:0 5px 14px #281e3238}.tl-btn--yes{background:var(--accent)}.tl-btn--no{background:#b9b2c6}.tl-btn:hover{transform:scale(1.09)}.tl-btn:active{transform:scale(.94)}.menu-screen{width:100%;height:100%;font-family:var(--font-body);opacity:0;animation:.5s forwards menu-fadein;position:relative;overflow:hidden}@keyframes menu-fadein{0%{opacity:0}to{opacity:1}}.menu-bg{z-index:0;position:absolute;inset:0}.menu-bg img{object-fit:cover;width:100%;height:100%}.menu-bg-veil{background:linear-gradient(#1d163059 0%,#1d16301a 30%,#1d163040 100%);position:absolute;inset:0}.menu-screen .sparkle-layer{z-index:1;pointer-events:none;position:absolute;inset:0}.menu-header{z-index:5;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:clamp(12px,2.4vh,24px);left:clamp(16px,3vw,36px);right:clamp(16px,3vw,36px)}.menu-header-left{align-items:center;gap:clamp(10px,1.6vw,18px);display:flex}.menu-home{cursor:pointer;background:0 0;border:none;flex:none;padding:0;line-height:0;transition:transform .15s}.menu-home img{object-fit:contain;filter:drop-shadow(0 4px 8px #0006);width:clamp(46px,6vw,72px);height:auto}.menu-home:hover{transform:scale(1.1)}.menu-home:active{transform:scale(.92)}.menu-user{align-items:center;gap:14px;display:flex}.menu-greet{font-family:var(--font-title);color:#fff;text-shadow:0 2px 6px #0000008c;font-size:clamp(20px,2.8vw,32px)}.menu-points{font-family:var(--font-title);color:var(--ink);background:#fff5baeb;border-radius:999px;padding:7px 18px;font-size:clamp(16px,2.1vw,24px);box-shadow:0 3px 8px #00000040}.menu-points[hidden]{display:none}.menu-logout{font-family:var(--font-body);color:#fff;cursor:pointer;background:#140f2380;border:none;border-radius:999px;padding:11px 24px;font-size:clamp(15px,1.9vw,19px);transition:transform .15s,background .15s}.menu-logout:hover{background:#140f23cc;transform:scale(1.06)}.menu-logout:active{transform:scale(.95)}.menu-hub{z-index:4;flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,1.8vh,22px);padding:clamp(64px,10vh,104px) clamp(12px,2.5vw,32px) clamp(10px,2vh,26px);display:flex;position:absolute;inset:0}.menu-hub>*{flex-shrink:0}.hub-today{background:#fffdf6e0;border:3px solid #fff5baf2;border-radius:22px;align-items:stretch;gap:clamp(6px,1vw,14px);width:min(96vw,1180px);padding:clamp(6px,1vh,12px) clamp(8px,1.2vw,16px);animation:.45s both card-pop;display:flex;position:relative;box-shadow:0 8px 20px #28193c47}.hub-sample{font-family:var(--font-title);color:#7a4a12;background:#ffe9b8;border:2px dashed #e0b871;border-radius:999px;padding:1px 10px;font-size:clamp(12px,1.3vw,15px);position:absolute;top:-12px;left:14px}.hub-sample[hidden]{display:none!important}.ht-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:16px;flex:1 1 0;align-items:center;gap:clamp(5px,.8vw,10px);min-width:0;padding:clamp(4px,.8vh,9px) clamp(6px,.9vw,12px);transition:transform .15s,background .15s;display:flex}.ht-item--meal{flex:1.6 1 0}.ht-item+.ht-item{border-left:2px solid #c8bca880}.ht-item:hover{background:#fff5babf;transform:scale(1.05)}.ht-item:active{transform:scale(.95)}.ht-ico{flex:none;font-size:clamp(18px,2.4vw,30px);line-height:1}.ht-body{flex-direction:column;gap:2px;min-width:0;display:flex}.ht-label{font-family:var(--font-title);color:#8a7f70;white-space:nowrap;font-size:clamp(11px,1.4vw,17px)}.ht-value{font-family:var(--font-title);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:clamp(13px,1.7vw,21px);overflow:hidden}.ht-lines{flex-direction:column;gap:1px;min-width:0;display:flex}.ht-line{font-family:var(--font-title);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:clamp(11px,1.4vw,17px);overflow:hidden}.menu-grid{grid-template-columns:repeat(5,1fr);place-items:center;gap:clamp(6px,1.4vw,26px);width:min(96vw,1180px);display:grid}.hub-aux{justify-content:center;align-items:center;gap:clamp(6px,1.2vw,18px);width:min(96vw,1180px);display:flex}.aux-btn{cursor:pointer;background:#1e163073;border:2px solid #ffffff80;border-radius:999px;align-items:center;gap:6px;padding:clamp(3px,.7vh,7px) clamp(9px,1.2vw,16px);transition:transform .15s,background .15s;display:inline-flex}.aux-btn[hidden]{display:none!important}.aux-btn:hover{background:#1e1630b8;transform:scale(1.09)}.aux-btn:active{transform:scale(.94)}.aux-ico{object-fit:contain;flex:none;width:clamp(20px,2.4vw,30px);height:auto}.aux-ico--emoji{width:auto;font-size:clamp(15px,1.9vw,22px);line-height:1}.aux-ico--av{justify-content:center;align-items:center;width:auto;display:inline-flex}.aux-ico--av .av{--av-size:clamp(20px, 2.4vw, 30px)}.aux-label{font-family:var(--font-title);color:#fff;white-space:nowrap;text-shadow:0 2px 5px #00000073;font-size:clamp(12px,1.5vw,19px)}.menu-card{cursor:pointer;animation:.45s both card-pop;animation-delay:calc(var(--i,0) * 70ms);background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:0;transition:transform .16s;display:flex}@keyframes card-pop{0%{opacity:0;transform:translateY(16px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.menu-card img{object-fit:contain;filter:drop-shadow(0 8px 14px #00000059);width:clamp(92px,11.5vw,180px);height:auto;animation:3.4s ease-in-out infinite card-float;animation-delay:calc(var(--i,0) * .25s)}@keyframes card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.menu-card-emoji{filter:drop-shadow(0 8px 14px #00000059);width:clamp(92px,11.5vw,180px);height:clamp(92px,11.5vw,180px);animation:3.4s ease-in-out infinite card-float;animation-delay:calc(var(--i,0) * .25s);flex:none;justify-content:center;align-items:center;font-size:clamp(52px,6.5vw,104px);line-height:1;display:flex}.menu-label{font-family:var(--font-title);color:#fff;text-shadow:-1px -1px #4a3f55e6,1px 1px #4a3f55e6,-1px 1px #4a3f55e6,1px -1px #4a3f55e6;font-size:clamp(18px,2.4vw,28px)}.menu-card:hover{transform:scale(1.12)}.menu-toast{z-index:9;color:#fff;opacity:0;pointer-events:none;background:#140f23e6;border-radius:999px;padding:12px 24px;font-size:clamp(13px,1.7vw,17px);transition:opacity .25s,transform .25s;position:absolute;bottom:clamp(20px,5vh,60px);left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 8px 20px #0006}.menu-toast.is-shown{opacity:1;transform:translate(-50%)translateY(0)}@media (orientation:portrait){.menu-screen{display:none}}@media (prefers-reduced-motion:reduce){.menu-card,.menu-card img,.sparkle{animation:none!important}}.menu-settings-overlay{z-index:40;background:#3c2d5059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.menu-settings{background:#fffdf7;border-radius:24px;flex-direction:column;gap:clamp(8px,1.4vh,14px);width:min(94vw,700px);max-height:94vh;padding:clamp(18px,3vh,30px) clamp(20px,3vw,34px);animation:.3s ep-card-in;display:flex;overflow-y:auto;box-shadow:0 16px 40px #0000004d}.ms-title{font-family:var(--font-title);color:var(--ink);text-align:center;margin:0 0 4px;font-size:clamp(20px,2.8vw,32px)}.ms-row{font-family:var(--font-title);cursor:pointer;background:#fff;border:3px solid #cfe3d4;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:clamp(9px,1.4vh,14px) clamp(16px,2vw,24px);transition:transform .15s,border-color .15s;display:flex}.ms-row:hover{transform:scale(1.04)}.ms-row.is-off{opacity:.75;border-color:#e3d8c8}.ms-label{color:var(--ink);white-space:nowrap;font-size:clamp(15px,2vw,24px)}.ms-state{color:#2f8a4d;background:#eafaf2;border-radius:999px;padding:2px 14px;font-size:clamp(14px,1.9vw,22px)}.ms-row.is-off .ms-state{color:#a99f90;background:#f4efe6}.ms-hint{font-family:var(--font-title);color:#8a7f70;text-align:center;word-break:keep-all;margin:0;font-size:clamp(12px,1.6vw,18px)}.ms-vol-group{background:#fff5ba59;border-radius:14px;flex-direction:column;gap:clamp(4px,.8vh,8px);padding:clamp(8px,1.2vh,12px) clamp(10px,1.5vw,16px);display:flex}.ms-vol-row{align-items:center;gap:clamp(8px,1.2vw,12px);display:flex}.ms-vol-label{white-space:nowrap;width:clamp(88px,11vw,120px);font-family:var(--font-title);color:var(--ink);flex:none;font-size:clamp(13px,1.7vw,18px)}.ms-vol-slider{accent-color:var(--accent);cursor:pointer;flex:1;min-width:0;height:clamp(18px,2.4vh,24px)}.ms-vol-value{text-align:right;width:clamp(38px,4.6vw,52px);font-family:var(--font-title);color:#8a7f70;flex:none;font-size:clamp(12px,1.6vw,16px)}.ms-close{font-family:var(--font-title);color:#fff;cursor:pointer;background:linear-gradient(135deg,#ffb7b2,#ef8a80);border:none;border-radius:999px;align-self:center;padding:clamp(8px,1.2vh,12px) clamp(28px,4vw,48px);font-size:clamp(15px,2vw,24px);transition:transform .15s;box-shadow:0 5px 12px #ef8a8066}.ms-close:hover{transform:scale(1.08)}.menu-card-avslot{aspect-ratio:1;background:#ffffffd9;border-radius:26%;justify-content:center;align-items:center;width:100%;display:flex;box-shadow:0 8px 20px #5a3c1433}.menu-card-avslot .av{--av-size:62%;width:62%;height:62%}.menu-card[hidden]{display:none!important}.menu-logout.has-img{box-shadow:none;background:0 0;border:none;padding:0}.menu-logout.has-img span{display:none}.menu-logout-img{filter:drop-shadow(0 3px 8px #321e464d);width:clamp(120px,11vw,170px);height:auto;transition:transform .15s;display:block}.menu-logout:hover .menu-logout-img{transform:scale(1.06)}.menu-card-avslot[hidden]{display:none!important}.ms-lang{margin:6px 0 2px}.ms-lang-title{font-family:var(--font-title);color:var(--ink);margin-bottom:5px;font-size:clamp(14px,1.9vw,19px);display:block}.ms-lang-grid{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.ms-lang-btn{font-family:var(--font-body);color:var(--ink);cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e3ddec;border-radius:999px;flex:none;padding:5px 12px;font-size:clamp(12px,1.5vw,15px);transition:transform .12s,border-color .12s}.ms-lang-btn:hover{border-color:#b9a8dd;transform:scale(1.05)}.ms-lang-btn.is-on{background:#f1ebff;border-color:#7a5fb0;font-weight:700}.ms-lang-note{color:#7f748f;word-break:keep-all;margin:5px 0 0;font-size:clamp(12px,1.3vw,14px);line-height:1.4}@media (height<=430px){.menu-hub{justify-content:flex-start;gap:6px;padding-top:clamp(52px,16vh,68px)}.hub-today{border-radius:16px;padding:4px 8px}.ht-ico{font-size:16px}.ht-label,.ht-line{font-size:11px}.ht-value{font-size:13px}.menu-card img{width:clamp(72px,10vw,96px)}.menu-label{font-size:14px}.aux-btn{padding:2px 8px}.aux-label{font-size:12px}.menu-header img{width:40px}.menu-greet{font-size:17px}}.hub-live{cursor:pointer;text-align:left;background:linear-gradient(#fff6e0,#ffeccd);border:3px solid #f0b86e;border-radius:18px;align-items:center;gap:clamp(6px,1vw,14px);width:100%;padding:clamp(4px,.8vh,10px) clamp(8px,1.4vw,18px);animation:.4s both hub-live-pop;display:flex;box-shadow:0 3px #00000014}.hub-live[hidden]{display:none!important}.hub-live>*{flex-shrink:0}.hub-live:hover{filter:brightness(1.04)}.hub-live-ico{font-size:clamp(18px,2.4vw,30px);line-height:1}.hub-live-text{flex-direction:column;flex:auto;min-width:0;display:flex}.hub-live-label{color:#a8763a;font-family:var(--font-body);font-size:clamp(10px,1.3vw,16px)}.hub-live-title{color:#4a3f35;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-title);font-size:clamp(14px,2vw,25px);overflow:hidden}.hub-live-go{color:#d4772e;white-space:nowrap;font-family:var(--font-title);font-size:clamp(12px,1.6vw,20px)}@keyframes hub-live-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.menu-screen [hidden]{display:none!important}.menu-hub{z-index:3;pointer-events:none;flex-direction:column;align-items:stretch;gap:clamp(6px,1.3vh,16px);width:auto;max-width:none;height:auto;margin:0;padding:0;display:flex;position:absolute;inset:12% 5% 5%;transform:none}.menu-hub>*{pointer-events:auto;flex-shrink:0}.menu-header{top:1.5%;left:4%;right:4%}.menu-greet{font-size:clamp(16px,1.65vw,32px)}.menu-home img{width:clamp(40px,4vw,72px)}.hub-today{background:#fffdf6f0;border-radius:18px;gap:0;min-height:0;padding:4px 12px}.ht-item{gap:8px;min-width:0;padding:4px 10px}.ht-body>*{flex-shrink:0}.ht-label{font-size:clamp(12px,1.1vw,22px)}.ht-value,.ht-lines{font-size:clamp(12px,1.1vw,21px)}.ht-lines{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.ht-line{font-size:inherit;display:inline}.hub-live{border-radius:16px;min-height:0;padding:4px 14px}.hub-live-text{flex-direction:row;align-items:center;gap:14px}.hub-live-label,.hub-live-title,.hub-live-go{font-size:clamp(12px,1.3vw,24px)}.hub-main{pointer-events:none;flex:1 1 0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.92fr) minmax(0,1.6fr);gap:clamp(20px,3vw,60px);width:100%;min-height:0;padding:1% 0;display:grid}.hub-main>*{pointer-events:auto}.hub-adventure{color:#4a3c44;cursor:pointer;background:radial-gradient(at 50% 34%,#fff9df 10%,#f8dfae 65%,#e7c9a0);border:3px solid #fff2b9;border-radius:clamp(20px,2vw,40px);flex-direction:column;align-items:center;gap:3px;min-width:0;min-height:0;padding:clamp(8px,1.3vh,18px) 4%;transition:transform .2s;animation:3s ease-in-out infinite hub-spotlight;display:flex;position:relative;box-shadow:0 8px 26px #3c25384a}.hub-adventure>*{flex-shrink:0}.hub-adventure:hover{transform:scale(1.035)}.hub-adventure:active{transform:scale(.95)}.hub-adventure-heading{font:clamp(22px,2.4vw,46px) var(--font-title)}.hub-progress{font:clamp(14px,1.4vw,27px) var(--font-title);color:#8b5718;letter-spacing:.06em}.hub-episode-image{object-fit:contain;flex:1 1 0;width:64%;height:34%;min-height:0}.hub-episode-title{font:clamp(16px,1.55vw,30px) var(--font-title);word-break:keep-all}.hub-guide{align-items:center;gap:4%;width:100%;display:flex}.hub-guide img{object-fit:contain;width:23%;height:clamp(48px,10vh,115px)}.hub-guide span{font:clamp(13px,1.35vw,26px)/1.3 var(--font-title);text-align:justify;word-break:keep-all;letter-spacing:-.02em;background:#fffdf4;border-radius:18px 18px 18px 3px;flex:1;padding:8px 12px}.hub-adventure-go{color:#fff;width:90%;font:clamp(16px,1.65vw,32px) var(--font-title);background:#337c6c;border-radius:30px;padding:7px 12px}.menu-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));place-items:stretch stretch;gap:clamp(10px,1.5vw,28px);width:100%;margin:0;padding:0;display:grid}.menu-card{aspect-ratio:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:auto;min-width:0;height:auto;min-height:0;animation:.5s both hub-card-enter;animation-delay:calc(var(--i) * 45ms);background:#fffcf4db;border:2px solid #ffffffa8;border-radius:clamp(14px,1.6vw,28px);flex-direction:column;justify-content:center;gap:4px;padding:6px;transition:transform .2s;display:flex;box-shadow:0 5px 16px #291b3933}.menu-card img{object-fit:contain;flex:1 1 0;width:88%;height:70%;min-height:0;max-height:none}.menu-label{font:clamp(14px,1.5vw,29px)/1.2 var(--font-title);color:#47364f;white-space:nowrap;text-shadow:none;flex:none}.menu-card:hover{z-index:2;transform:scale(1.12)}.menu-card:active{transform:scale(.93)}.is-teacher .menu-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}.is-teacher .menu-card{flex-direction:row}.is-teacher .menu-card img{flex:0 42%;width:42%;height:95%}.is-teacher .menu-label{white-space:normal;word-break:keep-all;font-size:clamp(13px,1.2vw,24px)}.hub-aux{justify-content:flex-end;gap:12px;min-height:0;margin:0;padding:0 50px 0 0}.aux-btn{font:clamp(12px,1.1vw,21px) var(--font-title);background:#fff8edeb;padding:5px 16px}.menu-settings>*,.ms-vol-group>*{flex-shrink:0}@keyframes hub-card-enter{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}@keyframes hub-spotlight{50%{border-color:#fffdf0;box-shadow:0 0 32px #ffe696bd,0 8px 26px #3c25384a}}@media (height<=430px){.menu-hub{gap:5px;inset:14% 4% 5%}.menu-header{top:1%}.menu-home img{width:40px;height:36px}.menu-greet-av{display:none}.menu-logout-img{width:95px}.hub-main{gap:22px;padding:3px 0}.hub-today{padding:1px 7px}.ht-item{padding:2px 6px}.ht-ico{font-size:17px}.ht-label,.ht-value,.ht-lines{font-size:11px}.hub-adventure{gap:1px;padding:5px 10px}.hub-adventure-heading{font-size:22px}.hub-progress{font-size:13px}.hub-episode-title{font-size:15px}.hub-guide img{width:20%;height:43px}.hub-guide span{padding:4px 8px;font-size:12px}.hub-adventure-go{padding:3px 10px;font-size:16px}.menu-grid{gap:10px}.menu-card{gap:1px;padding:4px}.menu-label{font-size:14px}.hub-aux .aux-btn{padding:2px 12px;font-size:11px}}@media (prefers-reduced-motion:reduce){.hub-adventure,.menu-card{animation:none}}.hub-aux .capsule-action,.hub-aux .capsule-action:hover,.hub-aux .capsule-action:focus{box-shadow:none;background:0 0;border:0;outline:none}.hub-aux .capsule-action img{filter:none;border:0}.hub-aux .capsule-action:hover{filter:drop-shadow(0 0 8px #bde9d6);transform:scale(1.12)}.hub-aux .capsule-action:focus-visible{outline-offset:3px;filter:drop-shadow(0 0 8px #bde9d6);outline:3px solid #c7b5eb;transform:scale(1.12)}.hub-today{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100%;padding:8px;display:grid}.ht-item{gap:10px;width:100%;min-width:0;padding:4px 10px}.ht-ico{font-size:clamp(25px,2.6vw,44px)}.ht-label{font:clamp(12px,1.1vw,20px)/1.2 var(--font-body);color:#7b737b}.ht-value{white-space:normal;word-break:keep-all;letter-spacing:-.01em;font-size:clamp(16px,1.65vw,30px);line-height:1.2}.ht-lines{white-space:normal;flex-direction:column;font-size:clamp(12px,1.1vw,21px);line-height:1.2;display:flex;overflow:visible}.ht-line{white-space:normal;display:block;overflow:visible}.ht-line+.ht-line:before{content:none}.ht-detail{font:clamp(11px,1vw,19px)/1.25 var(--font-body);color:#695c6c;display:block}@media (height<=430px){.hub-today{padding:3px}.ht-item{gap:5px;padding:2px 5px}.ht-ico{font-size:24px}.ht-label{font-size:12px}.ht-value{font-size:15px}.ht-lines,.ht-detail{font-size:12px}.ht-body{gap:1px}.hub-guide{display:none}}.hub-today{animation:.45s both hub-strip-in}@keyframes hub-strip-in{0%{opacity:0}to{opacity:1}}@media (height<=430px){.ht-ico{font-size:26px}.ht-value{font-size:16px}.ht-lines,.ht-detail{font-size:12px}}.hub-summary-more{display:none}@media (height<=430px){.hub-today{min-height:62px;padding-right:76px;position:relative}.hub-today:has(.hub-summary-more[open]){z-index:3}.ht-item{gap:4px}.ht-ico{display:none}.ht-label,.ht-value,.ht-lines,.hub-progress{font-size:16px}.ht-lines .ht-line:not(:first-child){display:none}.ht-detail{white-space:nowrap;font-size:16px;line-height:1.2;display:block}.ht-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ht-label{line-height:1.15}.hub-summary-more{z-index:25;display:block;position:absolute;top:8px;right:4px}.hub-summary-more summary{box-sizing:border-box;cursor:pointer;background:#d8f5e6;border:2px solid #93cbb6;border-radius:16px;min-height:44px;padding:10px 7px;font-size:16px}.hub-summary-panel{box-sizing:border-box;background:#fffdf6;border:2px solid #93cbb6;border-radius:18px;width:min(640px,84vw);max-height:210px;padding:12px 16px;position:absolute;top:100%;right:0;overflow:auto;box-shadow:0 8px 24px #453a5233}.hub-summary-panel p{font:16px/1.4 var(--font-body);text-align:justify;word-break:keep-all;letter-spacing:-.015em;margin:6px 0}}.av{width:var(--av-size,40px);height:var(--av-size,40px);vertical-align:middle;flex:none;display:inline-flex;position:relative}.av-base{object-fit:cover;background:#fff7ea;border:2px solid #ffffffe6;border-radius:50%;width:100%;height:100%;box-shadow:0 2px 6px #0000002e}.av-item{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.av-item img{object-fit:contain;width:100%;height:100%}.av-item em{font-style:normal;line-height:1}.av-item--hat{width:76%;height:60%;top:-28%;left:12%}.av-item--hat em{font-size:calc(var(--av-size,40px) * .52)}.av-item--face{width:52%;height:52%;bottom:-6%;right:-12%}.av-item--face em{font-size:calc(var(--av-size,40px) * .38)}.av-item--pet{width:58%;height:58%;bottom:-10%;left:-34%}.av-item--pet em{font-size:calc(var(--av-size,40px) * .44)}.av-item--frame{inset:-8%}.av-item--frame em{display:none}.avf-frame_mint .av-base{border:3px solid #6fd0a8}.avf-frame_lavender .av-base{border:3px solid #a98fd8}.avf-frame_leaf .av-base{border:3px solid #58a850;box-shadow:0 0 8px #58a85080}.avf-frame_star .av-base{border:3px dashed #f0c04a}.avf-frame_gold .av-base{border:3px solid #e8a53a;box-shadow:0 0 10px #e8a53a99}.avf-frame_rainbow .av-base{background:linear-gradient(#fff7ea,#fff7ea) padding-box padding-box,linear-gradient(135deg,#ff9a9e,#fad0c4,#a8e6cf,#c7ceea) border-box;border:3px solid #0000}.avshop-tabs{flex-wrap:wrap;gap:clamp(6px,1vw,12px);margin-bottom:clamp(8px,1.2vh,14px);display:flex}.avshop-tab{font-family:var(--font-title);color:var(--ink);cursor:pointer;background:#fff;border:3px solid #e3d8c8;border-radius:999px;padding:6px 18px;font-size:clamp(14px,1.9vw,24px);transition:transform .15s}.avshop-tab:hover{transform:scale(1.06)}.avshop-tab.is-on{color:#7a5fb0;background:#f1ebff;border-color:#7a5fb0}.avshop-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(120px,15vw,170px),1fr));gap:clamp(8px,1.2vw,14px);display:grid}.avshop-item{cursor:pointer;background:#fbf9f4;border:2.5px solid #e8e0d0;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:clamp(8px,1.2vh,14px) 6px;transition:transform .15s,border-color .15s;display:flex}.avshop-item:hover{border-color:#c9b8e8;transform:scale(1.05)}.avshop-item.is-equipped{background:#f1ebff;border-color:#7a5fb0;box-shadow:0 0 0 2px #7a5fb040}.avshop-item.is-locked{opacity:.85}.avshop-preview{--av-size:clamp(44px, 6vh, 64px)}.avshop-name{word-break:keep-all;letter-spacing:-.01em;font-family:var(--font-title);color:var(--ink);white-space:normal;overflow-wrap:break-word;text-align:center;max-width:100%;font-size:clamp(13px,1.7vw,21px);line-height:1.25}.avshop-price{font-family:var(--font-title);color:#b06a1e;white-space:nowrap;background:#fff4e0;border-radius:999px;padding:1px 12px;font-size:clamp(12px,1.6vw,19px)}.avshop-item.is-equipped .avshop-price{color:#7a5fb0;background:#ece4fb}@media print{.pf-card--avshop{display:none!important}}.pf-me .av{--av-size:clamp(52px, 7.5vh, 80px);margin-right:6px}.menu-greet-av .av{--av-size:clamp(34px, 4.6vh, 52px)}.rk-podium-col .av{--av-size:clamp(38px, 5.4vw, 62px);margin-bottom:2px}.rk-row .av,.rk-list .av{--av-size:clamp(26px, 3.4vw, 40px);margin-right:6px}.avshop-item.is-bought{border-color:#f0c04a;animation:.55s avBought;box-shadow:0 0 18px #f0c04aa6}@keyframes avBought{0%{transform:scale(1)}35%{transform:scale(1.14)rotate(-2deg)}70%{transform:scale(1.06)rotate(1.5deg)}to{transform:scale(1)}}.avshop-item.is-shake{animation:.4s avShake}@keyframes avShake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}.avf-frame_cloud .av-base{border:3px solid #a8c8e8;box-shadow:0 0 8px #96bee68c}.avf-frame_heart .av-base{border:3px solid #f090b0;box-shadow:0 0 8px #f08cb480}.avf-frame_candy .av-base{border:3px dashed #f0889a}.avf-frame_diamond .av-base{border:3px solid #7ec8e8;box-shadow:0 0 12px #78c8ebb3}.live-chip-av.av{--av-size:clamp(22px, 3vh, 32px);margin-right:5px}.live-podium-av.av{--av-size:clamp(40px, 5.6vw, 64px);margin-bottom:3px}.live-board-av.av{--av-size:clamp(24px, 3.2vh, 36px);margin-right:6px}.avs-screen{width:100%;height:100%;font-family:var(--font-title);flex-direction:column;display:flex;position:relative;overflow:hidden}.avs-bg{z-index:0;position:absolute;inset:0}.avs-bg img{object-fit:cover;width:100%;height:100%}.avs-bg-veil{background:#fffaf06b;position:absolute;inset:0}.avs-header{z-index:5;flex:none;justify-content:space-between;align-items:center;padding:10px 18px;display:flex;position:relative}.avs-icon-btn{cursor:pointer;background:0 0;border:none;padding:0}.avs-icon-btn img{width:clamp(44px,6vh,60px);height:auto}.avs-points{color:#7a4c00;background:#fff3d6;border-radius:999px;padding:6px 16px;font-size:clamp(17px,2.4vh,24px);font-weight:900;box-shadow:0 3px 8px #00000026}.avs-body{z-index:4;flex:auto;gap:clamp(12px,1.8vw,24px);min-height:0;padding:0 clamp(14px,2vw,28px) 14px;display:flex;position:relative}.avs-left{flex-direction:column;gap:12px;width:clamp(250px,27vw,350px);min-height:0;display:flex}.avs-right{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.avs-preview-card{text-align:center;background:#ffffffeb;border-radius:20px;padding:14px;position:relative;box-shadow:0 8px 22px #5a3c782e}.avs-preview-note{color:#7a5fb0;white-space:nowrap;background:#efe9fb;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:900;position:absolute;top:10px;left:50%;transform:translate(-50%)}.avs-big{justify-content:center;padding:16px 0 6px;display:flex}.avs-big .av{--av-size:clamp(150px, 24vh, 220px)}.avs-preview-btns{justify-content:center;gap:8px;display:flex}.avs-btn{cursor:pointer;border:none;border-radius:999px;padding:9px 16px;font-family:inherit;font-size:15px;font-weight:900}.avs-btn--apply{color:#fff;background:linear-gradient(160deg,#58b368,#3d9350);box-shadow:0 4px #2c7a3d}.avs-btn--reset{color:#5b4a86;background:#ece6f7}.avs-buy-hint{color:#a4652c;background:#fff3e0;border-radius:10px;margin:8px 0 0;padding:7px 10px;font-size:13.5px}.avs-owned-card{background:#ffffffeb;border-radius:20px;flex-direction:column;flex:1;min-height:0;padding:12px 14px;display:flex;box-shadow:0 8px 22px #5a3c782e}.avs-owned-card h2{color:var(--ink);margin:0 0 8px;font-size:17px}.avs-owned-card h2 span{color:#8a7c99;font-size:13px;font-weight:700}.avs-owned-list{flex-wrap:wrap;align-content:flex-start;gap:6px;display:flex;overflow-y:auto}.avs-owned-chip{color:#4a3f55;background:#f4effc;border-radius:999px;padding:4px 11px;font-size:13.5px;font-weight:800}.avs-owned-chip small{color:#9b8bb5}.avs-owned-empty{color:#8a7c99;word-break:keep-all;letter-spacing:-.01em;margin:4px 0;font-size:14px;line-height:1.5}.avs-shop-card{background:#ffffffeb;border-radius:20px;flex-direction:column;flex:1;min-height:0;padding:12px 14px;display:flex;box-shadow:0 8px 22px #5a3c782e}.avshop-grid--big{flex:1;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));align-content:start;overflow-y:auto}.avshop-item{position:relative}.avshop-item.is-previewed{outline-offset:2px;outline:3px dashed #8f6fd0}.avs-buy-mini{cursor:pointer;color:#fff;background:linear-gradient(160deg,#ff9e6d,#f07a4b);border:none;border-radius:999px;padding:4px 10px;font-family:inherit;font-size:12.5px;font-weight:900;position:absolute;top:6px;right:6px;box-shadow:0 3px #c95c31}.avs-buy-mini:hover{transform:translateY(-1px)}.avs-tips-card{background:#ffffffeb;border-radius:20px;padding:12px 16px;box-shadow:0 8px 22px #5a3c782e}.avs-tips-card h2{color:var(--ink);margin:0 0 6px;font-size:17px}.avs-tips-card ul{margin:0;padding-left:4px;list-style:none}.avs-tips-card li{color:#5d5468;word-break:keep-all;margin:4px 0;font-size:14px;line-height:1.45}.avs-toast{color:#fff;font-family:var(--font-title);opacity:0;pointer-events:none;z-index:50;background:#322642eb;border-radius:999px;padding:12px 24px;font-size:16px;transition:all .25s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(20px)}.avs-toast.is-shown{opacity:1;transform:translate(-50%)translateY(0)}.pf-myav-row{align-items:center;gap:18px;display:flex}.pf-myav-row .av{--av-size:clamp(120px, 18vh, 170px);flex-shrink:0}.pf-myav-side{flex-direction:column;flex:1;gap:8px;display:flex}.pf-myav-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pf-myav-list li{color:#4a3f55;background:#f4effc;border-radius:999px;padding:4px 11px;font-size:13.5px;font-weight:800}.pf-shop-btn{cursor:pointer;color:#fff;background:linear-gradient(160deg,#ff9e6d,#f07a4b);border:none;border-radius:999px;align-self:flex-start;padding:11px 22px;font-family:inherit;font-size:16px;font-weight:900;transition:transform .12s;box-shadow:0 5px #c95c31}.pf-shop-btn:hover{transform:translateY(-2px)}@media (height<=430px){.avs-right{overflow-y:auto}.avs-shop-card{flex:none;min-height:240px}.avshop-grid--big{flex:none;max-height:190px}.avs-tips-card{flex-shrink:0}.avs-big .av{--av-size:110px}.avs-tips-card li{font-size:12px}.avs-left{width:230px}}.av-item--fx{pointer-events:none;z-index:3;position:absolute;inset:-16%}.av-item--fx img{object-fit:contain;width:100%;height:100%}.av-item.has-img em,.av-item.has-img .av-fx-em{display:none}.av-fx-em{font-size:calc(var(--av-size,64px) * .3);animation:1.8s ease-in-out infinite avFxFloat;position:absolute;top:24%}.av-fx-em--l{left:-6%}.av-fx-em--r{animation-delay:.9s;right:-6%}@keyframes avFxFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14%)}}@media (width>=1500px) and (height>=800px){.avs-buy-mini{padding:5px 13px;font-size:clamp(14px,.95vw,19px)}.avs-tips-card h2,.avs-owned-card h2{font-size:clamp(19px,1.3vw,26px)}.avs-owned-card h2 span{font-size:clamp(15px,1vw,20px)}.avs-tips-card li,.avs-owned-empty,.avs-owned-chip{font-size:clamp(16px,1.05vw,21px)}.avs-preview-note,.avs-buy-hint{font-size:clamp(15px,1vw,20px)}.avs-btn{font-size:clamp(17px,1.1vw,22px)}.pf-myav-list li{font-size:clamp(16px,1.05vw,21px)}.pf-shop-btn{font-size:clamp(18px,1.2vw,24px)}}html:not([lang=ko]) [data-i18n],html:not([lang=ko]) [data-i18n-html],html:not([lang=ko]) .title-pill,html:not([lang=ko]) .title-asset-label,html:not([lang=ko]) .menu-btn-label{word-break:normal;overflow-wrap:anywhere;letter-spacing:-.02em;line-height:1.15;white-space:normal!important}html:not([lang=ko]) .ms-vol-label{white-space:normal;letter-spacing:-.02em;width:clamp(72px,20%,108px);font-size:clamp(11px,1.5vw,15px);line-height:1.1}html:not([lang=ko]) .ms-label{white-space:normal;letter-spacing:-.02em;font-size:clamp(13px,1.8vw,20px);line-height:1.1}html:not([lang=ko]) .ms-row{gap:8px}html:not([lang=ko]) .ms-state{white-space:nowrap;flex:none}html:not([lang=ko]) .ms-lang-btn{min-height:44px;font-size:clamp(16px,1.3vw,24px)}html:not([lang=ko]) .ms-close{padding:clamp(8px,1.2vh,12px) clamp(20px,3vw,40px)}html:not([lang=ko]) .title-asset-label{padding:0 10%;font-size:clamp(12px,1.7vw,22px)}html:not([lang=ko]) .menu-btn-label{padding:0 9%;font-size:clamp(13px,1.9vw,26px)}html:not([lang=ko]) .menu-label{white-space:normal;word-break:normal;letter-spacing:-.02em;font-size:clamp(13px,1.9vw,22px);line-height:1.1}html:not([lang=ko]) .menu-greet{white-space:normal;letter-spacing:-.02em}html:not([lang=ko]) .meal-school-name,html:not([lang=ko]) .meal-fav-btn,html:not([lang=ko]) .meal-allergy-btn,html:not([lang=ko]) .meal-school-change,html:not([lang=ko]) .cal-legend,html:not([lang=ko]) .nutri-btn,html:not([lang=ko]) .challenge-cta,html:not([lang=ko]) .bike-chip{white-space:normal;word-break:normal;letter-spacing:-.02em;line-height:1.15}html:not([lang=ko]) .ch-shot-label,html:not([lang=ko]) .ch-analyze,html:not([lang=ko]) .ch-guide-btn,html:not([lang=ko]) .ch-title-badge,html:not([lang=ko]) .ch-guide-list li,html:not([lang=ko]) .ch-school-title,html:not([lang=ko]) .ch-school-sub,html:not([lang=ko]) .quiz-big,html:not([lang=ko]) .quiz-desc,html:not([lang=ko]) .quiz-cat,html:not([lang=ko]) .quiz-q,html:not([lang=ko]) .quiz-option,html:not([lang=ko]) .quiz-mode-card b,html:not([lang=ko]) .quiz-live-label,html:not([lang=ko]) .quiz-btn{white-space:normal;word-break:normal;letter-spacing:-.02em;line-height:1.2}html:not([lang=ko]) .quiz-mode-card b{font-size:clamp(11px,1.4vw,15px)}html:not([lang=ko]) .ep-dlg-text,html:not([lang=ko]) .ep-dlg-name,html:not([lang=ko]) .ep-choice,html:not([lang=ko]) .ep-quiz-q,html:not([lang=ko]) .ep-card,html:not([lang=ko]) .ep-result-title,html:not([lang=ko]) .ep-result-summary,html:not([lang=ko]) .ep-btn{white-space:normal;word-break:normal;letter-spacing:-.02em;line-height:1.25}html:not([lang=ko]) .role-tab,html:not([lang=ko]) .login-btn,html:not([lang=ko]) .login-guest,html:not([lang=ko]) .rk-tab{white-space:normal;word-break:normal;letter-spacing:-.02em;line-height:1.15}html:not([lang=ko]) .menu-logout-img,html:not([lang=ko]) .tu-library-img{display:none!important}html:not([lang=ko]) .menu-logout.has-img span,html:not([lang=ko]) .tu-library-btn.has-img span{display:inline!important}html:not([lang=ko]) .menu-logout.has-img{color:#fff;background:#140f23a8;border:2px solid #ffffff59;padding:8px 16px;box-shadow:0 3px 10px #00000047}html:not([lang=ko]) .tu-library-btn.has-img{color:#fff;background:linear-gradient(#8f6fd0,#7a5fb0);padding:10px 18px;box-shadow:0 4px #0000001f,0 6px 16px #00000038}html:not([lang=ko]) .em-node-label{white-space:normal;word-break:normal;width:min(23vw,300px);color:var(--ink);text-overflow:clip;max-width:none;padding:5px 8px;font-size:clamp(11px,1.25vw,20px);line-height:1.15;top:65%;overflow:visible}html:not([lang=ko]) .em-node-num{display:none}html:not([lang=ko]) .em-node.is-guest-open .em-node-label{color:var(--ink)}html:not([lang=ko]) .em-hint{box-sizing:border-box;text-align:center;width:min(70vw,1000px);max-width:none;padding:8px 16px;top:48%;bottom:auto;transform:translate(-50%,-50%)}html:not([lang=ko]) .g5-gate-name,html:not([lang=ko]) .g5-hub-order-name{white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.2}html:not([lang=ko]) .g5-gate-desc,html:not([lang=ko]) .g5-hub-order-desc{text-align:left}.title-localized-brand,html:not([lang=ko]) .logo-emblem{display:none}html:not([lang=ko]) .title-localized-brand{color:#9c5c29;width:min(60vw,720px);font:clamp(30px, 4.5vw, 70px)/1.15 var(--font-title);text-align:center;background:#fff5ddeb;border:5px solid #ffdc9f;border-radius:40px;margin:0;padding:3vh 3vw;display:block;box-shadow:0 8px #efb36e,0 15px 25px #74543735}html:not([lang=ko]) .title-fs-tip{white-space:normal;text-align:center;width:min(84vw,1050px);line-height:1.2}html:not([lang=ko]) .title-fs-tip--full{box-sizing:border-box;max-width:calc(100vw - 380px)}@media (height<=430px){html:not([lang=ko]) .title-localized-brand{padding-top:1.5vh;padding-bottom:1.5vh;font-size:32px}.title-fs-tip--full{display:none}.title-fs-tip.title-fs-tip--short{box-sizing:border-box;width:auto;max-width:48vw;font-size:16px;top:8px;bottom:auto;display:block!important}.is-fullscreen .title-fs-tip.title-fs-tip--short{display:none!important}}.app-footer{z-index:45;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;text-align:center;background:#4a3f552e;flex-direction:column;align-items:center;gap:0;padding:3px clamp(80px,9vw,100px) 3px clamp(10px,2vw,16px);display:flex;position:fixed;bottom:0;left:0;right:0}.app-footer[hidden]{display:none!important}.app-footer-links{pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 6px;display:flex}.af-link{pointer-events:auto;color:#fff;cursor:pointer;font-family:var(--font-body);opacity:.85;white-space:nowrap;background:0 0;border:none;align-items:center;gap:4px;padding:1px 4px;font-size:clamp(12px,1vw,15px);line-height:1.25;display:inline-flex}.af-link svg{fill:currentColor;flex:none;width:1em;height:1em}.af-link:hover{opacity:1;text-decoration:underline}.af-link:active{transform:scale(.96)}.af-dot{color:#ffffff80;font-size:clamp(11px,1vw,15px)}.app-footer-note{color:#ffffffb8;word-break:keep-all;max-width:900px;margin:0;font-size:clamp(10.5px,.85vw,12.5px);line-height:1.3}.menu-hub{bottom:calc(5% + var(--app-footer-h,0px))}.title-center{top:calc(50% - (var(--app-footer-h,0px) + 24px) / 2)}.title-fs-tip{top:clamp(8px,1.6vh,18px);bottom:auto;left:clamp(10px,1.6vw,22px);transform:none}.title-judge{bottom:calc(var(--app-footer-h,0px) + clamp(26px, 4.4vh, 46px))}.tu-screen,.login-screen,.signup-screen{box-sizing:border-box;padding-bottom:var(--app-footer-h,0px)}@media (height<=820px){.app-footer-note{display:none}}@media (height<=430px){.app-footer{padding:4px clamp(70px,8vw,90px) 4px 8px}}@media (width<=480px){.app-footer-note{display:none}}.app-footer .app-footer-note:first-of-type{display:none}#menuSettings{box-sizing:border-box;padding:8px 8px calc(var(--app-footer-h,0px) + 8px)}#menuSettings .menu-settings{box-sizing:border-box;max-height:100%}@media (height<=940px){#menuSettings .menu-settings{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-content:start;align-items:center;gap:clamp(6px,1vh,10px) clamp(12px,2vw,28px);width:min(96vw,1120px);display:grid}#menuSettings .ms-title,#menuSettings .ms-hint,#menuSettings .ms-close{grid-column:1/-1}#menuSettings .ms-close{justify-self:center}#menuSettings .ms-row{grid-column:1}#menuSettings .ms-lang{grid-area:2/2/span 3;align-self:start;margin:0}#menuSettings .ms-vol-group{grid-area:5/2/span 2;justify-content:center;align-self:stretch}}@media (height<=430px){#menuSettings{padding:4px calc(var(--global-btn-size,52px) + 14px) calc(var(--app-footer-h,0px) + 4px) 6px}#menuSettings .menu-settings{width:100%}#menuSettings .ms-lang{grid-row:2/span 4}#menuSettings .ms-vol-group{grid-row:6/span 2}#menuSettings .ms-hint{grid-area:7/1}#menuSettings .ms-lang-btn{padding-top:3px;padding-bottom:3px}#menuSettings .menu-settings{border-radius:18px;row-gap:4px;padding:8px 14px}#menuSettings .ms-title{text-align:left;grid-area:1/1;margin:0;font-size:19px}#menuSettings .ms-close{grid-area:1/2;justify-self:end;padding:5px 26px;font-size:16px}#menuSettings .ms-row{border-width:2px;padding:4px 14px}#menuSettings .ms-label{font-size:15px}#menuSettings .ms-state{font-size:14px}#menuSettings .ms-lang-title{margin-bottom:2px}#menuSettings .ms-lang-grid{gap:4px}#menuSettings .ms-lang-note{margin-top:2px;line-height:1.25}#menuSettings .ms-vol-group{gap:2px;padding:4px 10px}#menuSettings .ms-hint{font-size:12px;line-height:1.2}}@media (width>=1500px) and (height>=800px){#menuSettings .ms-lang-btn{padding:7px 16px;font-size:clamp(16px,1vw,20px)}#menuSettings .ms-lang-note{font-size:clamp(15px,.95vw,19px)}#menuSettings .ms-vol-label{width:clamp(120px,9vw,170px);font-size:clamp(18px,1.15vw,23px)}#menuSettings .ms-vol-value{width:clamp(52px,4vw,70px);font-size:clamp(17px,1.05vw,21px)}}#fsBtn{width:var(--global-btn-size,52px);height:var(--global-btn-size,52px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.9;background:#fff9ede8;border:2px solid #d6ece5;border-radius:24px;min-width:48px;min-height:48px;font-size:27px;box-shadow:0 3px 12px #b6dcca80}#fsBtn:focus-visible{outline-offset:3px;outline:3px solid #b9a4e8}#fsNudge{z-index:9998;color:#51455c;max-width:min(330px,65vw);font:16px/1.4 var(--font-title);background:#fffaf1f5;border:2px solid #c3e5d8;border-radius:22px 22px 4px;align-items:center;gap:10px;padding:12px 16px;display:flex;position:fixed;bottom:20px;right:78px;box-shadow:0 4px 16px #bddcd780}#fsNudge button{color:inherit;cursor:pointer;background:0 0;border:0;min-width:32px;min-height:32px;font-size:18px}#fsBtn.fs-pulse{animation:1s ease-in-out 2 fs-gentle}@keyframes fs-gentle{50%{box-shadow:0 0 16px #b5e5cf}}@media (orientation:portrait){#fsNudge,#fsBtn{display:none}}@media (prefers-reduced-motion:reduce){#fsBtn.fs-pulse{animation:none}}