:root{--bg:#EEF1F5;--surface:#FFFFFF;--sunken:#F6F7FA;--ink:#1D2130;--muted:#687085;--line:#E1E5EC;--tt:#EE6640;--tt-ink:#C9471F;--tt-soft:#FDEBE3;--sap:#A8742A;--sap-soft:#F7EBD3;--sap-line:#E7CC97;--leaf:#3F8A4E;--leaf-soft:#E5F2E6;--good:#1E9E6A;--good-soft:#E2F5EC;--dim:#B8BECB;--font-display:"Jua","Noto Sans KR",system-ui,sans-serif;--font-body:"Noto Sans KR",system-ui,-apple-system,"Apple SD Gothic Neo",sans-serif;--r-lg:22px;--r-md:14px;--r-sm:10px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg:#12141A;--surface:#1C1F27;--sunken:#242833;--ink:#EDEFF4;--muted:#9BA2B2;--line:#2E3340;--tt:#FF7D57;--tt-ink:#FF9C7E;--tt-soft:#3A2219;--sap:#E2B266;--sap-soft:#33291A;--sap-line:#5A4626;--leaf:#7CC48A;--leaf-soft:#1B2E1F;--good:#3CC48C;--good-soft:#163428;--dim:#4A5060;color-scheme:dark}}:root[data-theme=dark]{--bg:#12141A;--surface:#1C1F27;--sunken:#242833;--ink:#EDEFF4;--muted:#9BA2B2;--line:#2E3340;--tt:#FF7D57;--tt-ink:#FF9C7E;--tt-soft:#3A2219;--sap:#E2B266;--sap-soft:#33291A;--sap-line:#5A4626;--leaf:#7CC48A;--leaf-soft:#1B2E1F;--good:#3CC48C;--good-soft:#163428;--dim:#4A5060;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.55}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--tt);outline-offset:2px}.appshell{position:relative;max-width:480px;margin:0 auto;min-height:100dvh;background:var(--surface);display:flex;flex-direction:column;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.screen{flex:1;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.view{padding:0 18px 24px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px;gap:10px}.topbar .fest{font-size:12px;color:var(--muted);line-height:1.3;flex:1;min-width:0}.topbar .fest b{display:block;font-family:var(--font-display);font-weight:400;font-size:18px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.backbtn{border:0;background:var(--sunken);border-radius:999px;width:36px;height:36px;display:grid;place-items:center;font-size:18px;flex:none}.hero{background:var(--sap-soft);border:1px solid var(--sap-line);border-radius:var(--r-lg);padding:16px 16px 14px;display:grid;grid-template-columns:1fr 92px;gap:8px;align-items:center}.hero h1{font-family:var(--font-display);font-weight:400;font-size:23px;line-height:1.2;margin:0 0 4px;text-wrap:balance}.hero p{margin:0;color:var(--muted);font-size:12.5px}.hero svg{width:92px;height:92px}.count{font-family:var(--font-display);font-size:15px;color:var(--sap);margin-top:8px}.count strong{font-size:30px;font-weight:400;color:var(--ink);font-variant-numeric:tabular-nums}.pips{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr) 1.35fr;gap:5px;margin-top:10px}.pip{height:28px;border-radius:8px;background:var(--surface);border:1px solid var(--sap-line);display:grid;place-items:center;font-size:11px;color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums}.pip.on{background:var(--sap);border-color:var(--sap);color:var(--surface)}.pip.fin{border-style:dashed}.pip.fin.open{background:var(--tt-soft);border:1.5px solid var(--tt);color:var(--tt-ink)}.pip.fin.on{background:var(--tt);border-color:var(--tt);color:#fff}.hero .hint{grid-column:1/-1;font-size:12px;color:var(--muted);margin-top:2px}.ad{margin-top:16px;border-radius:var(--r-lg);overflow:hidden;position:relative;background:var(--tt-soft);border:1px solid var(--line)}.ad .slides{display:flex;transition:transform .5s ease}.ad .slide{min-width:100%;display:grid;grid-template-columns:1fr 128px;align-items:center;gap:6px;padding:14px 0 14px 16px;min-height:132px}.ad .slide img{width:128px;height:118px;object-fit:cover;border-radius:14px 0 0 14px}.ad .slide.wide img{object-fit:contain;background:var(--surface)}.ad .tag{display:inline-block;font-size:10.5px;letter-spacing:.06em;font-weight:700;color:var(--tt-ink);background:var(--surface);border-radius:999px;padding:2px 8px;margin-bottom:6px}.ad h3{font-family:var(--font-display);font-weight:400;font-size:18px;line-height:1.25;margin:0 0 4px;text-wrap:balance}.ad p{font-size:12px;color:var(--muted);margin:0}.ad .adgo{display:inline-flex;align-items:center;gap:4px;margin-top:8px;border:0;border-radius:999px;padding:7px 14px;background:var(--tt);color:#fff;font-weight:700;font-size:12.5px;box-shadow:0 6px 14px -6px var(--tt);transition:transform .15s ease}.ad .adgo:active{transform:scale(.96)}.ad .dots{position:absolute;left:16px;bottom:8px;display:flex;gap:5px}.ad .dots button{width:6px;height:6px;border-radius:999px;border:0;padding:0;background:var(--dim)}.ad .dots button.on{width:16px;background:var(--tt)}.ad .adlabel{position:absolute;right:8px;top:6px;font-size:10px;color:var(--muted);background:var(--surface);border-radius:4px;padding:0 5px}.final{margin-top:16px;border-radius:var(--r-lg);padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1.5px dashed var(--line);background:var(--sunken)}.final .k{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--muted)}.final h3{font-family:var(--font-display);font-weight:400;font-size:19px;margin:2px 0;line-height:1.25}.final p{margin:0;font-size:12px;color:var(--muted)}.final .lock{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);font-size:20px}.final.open{border:1.5px solid var(--tt);background:var(--tt-soft)}.final.open .k{color:var(--tt-ink)}.final.open .lock{border-color:var(--tt);color:var(--tt-ink)}.final.done{border:1.5px solid var(--good);background:var(--good-soft)}.final.done .k{color:var(--good)}.final button.btn{grid-column:1/-1}.sect-h{display:flex;justify-content:space-between;align-items:baseline;margin:22px 2px 10px;gap:8px}.sect-h h2{font-family:var(--font-display);font-weight:400;font-size:19px;margin:0}.sect-h span{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.slot{border:1px solid var(--line);background:var(--sunken);border-radius:var(--r-md);padding:9px 5px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:120px;position:relative}.slot .cat{position:absolute;top:6px;left:6px;font-size:9.5px;font-weight:700;border-radius:999px;padding:0 5px;line-height:16px}.slot .cat.pet{background:var(--sap-soft);color:var(--sap)}.slot .cat.plant{background:var(--leaf-soft);color:var(--leaf)}.slot .seal{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:2px dashed var(--line);font-family:var(--font-display);color:var(--dim);font-size:17px;margin-top:6px}.slot .seal svg{width:44px;height:44px}.slot .nm{font-size:11.5px;font-weight:700;line-height:1.25;word-break:keep-all}.slot .st{font-size:10.5px;font-weight:700;border-radius:999px;padding:1px 8px;background:var(--surface);color:var(--muted);border:1px solid var(--line)}.slot.pass{background:var(--sap-soft);border-color:var(--sap-line)}.slot.pass .seal{border:2px solid var(--sap);transform:rotate(-8deg);animation:thump .45s ease}.slot.pass .st{background:var(--sap);color:var(--surface);border-color:var(--sap)}.slot.bonus.pass .st{background:var(--tt);border-color:var(--tt)}.slot.retry .st{background:var(--tt-soft);color:var(--tt-ink);border-color:var(--tt-soft)}.slot.retry .seal img,.slot.fail .seal img{width:42px;height:42px;object-fit:contain}.slot.fail{opacity:.65}@keyframes thump{0%{transform:scale(1.6) rotate(-20deg);opacity:0}70%{transform:scale(.92) rotate(-6deg);opacity:1}to{transform:scale(1) rotate(-8deg)}}.cta{display:flex;gap:10px;margin-top:16px}.btn{border-radius:var(--r-md);padding:13px 14px;font-weight:700;font-size:14.5px;flex:1;background:var(--sunken);border:1px solid var(--line)}.btn.primary{background:var(--tt);border-color:var(--tt);color:#fff}.btn.sap{background:var(--sap);border-color:var(--sap);color:var(--surface)}.btn:disabled{opacity:.45;cursor:not-allowed}.nav{display:grid;grid-template-columns:1fr 92px 1fr;align-items:end;border-top:1px solid var(--line);background:var(--surface);padding:6px 10px 10px}.nav button{border:0;background:none;font-size:11.5px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px}.nav button.on{color:var(--ink);font-weight:700}.nav .ico{font-size:18px;line-height:1}.nav .scan{margin-top:-30px;width:72px;height:72px;justify-self:center;border-radius:50%;background:var(--tt);color:#fff;font-weight:700;box-shadow:0 10px 20px -8px var(--tt);border:4px solid var(--surface)}.nav .scan .ico{font-size:22px}.mhead{border-radius:var(--r-lg);padding:16px;background:var(--sunken);border:1px solid var(--line);display:grid;grid-template-columns:1fr 76px;gap:6px;align-items:center}.mhead.sapm{background:var(--sap-soft);border-color:var(--sap-line)}.mhead.plantm{background:var(--leaf-soft);border-color:transparent}.mhead .code{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--muted)}.mhead h2{font-family:var(--font-display);font-weight:400;font-size:20px;margin:2px 0 4px;line-height:1.25;word-break:keep-all}.mhead p{margin:0;font-size:12px;color:var(--muted)}.mhead img,.mhead svg{width:76px;height:76px;object-fit:contain}.qbox{margin-top:16px}.qbox .qn{font-size:12px;font-weight:700;color:var(--tt-ink)}.qbox h3{font-size:17px;line-height:1.45;margin:4px 0 14px;text-wrap:pretty;word-break:keep-all}.opts{display:grid;gap:8px}.opts.ox{grid-template-columns:1fr 1fr}.opt{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);background:var(--surface);border-radius:var(--r-md);padding:12px 14px;text-align:left;font-size:14.5px;width:100%}.opt .n{width:24px;height:24px;border-radius:50%;background:var(--sunken);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}.opt.sel{border-color:var(--tt);background:var(--tt-soft)}.opt.sel .n{background:var(--tt);color:#fff}.opts.ox .opt{justify-content:center;flex-direction:column;font-family:var(--font-display);font-size:44px;padding:18px 8px;line-height:1}.opts.ox .opt small{font-family:var(--font-body);font-size:12px;color:var(--muted)}.note{font-size:12px;color:var(--muted);background:var(--sunken);border-radius:var(--r-sm);padding:10px 12px;margin-top:14px}.steps{display:grid;gap:10px;margin-top:14px}.stepbox{border:1px solid var(--line);border-radius:var(--r-md);padding:12px;background:var(--surface)}.stepbox .sh{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:8px}.stepbox .sh b{color:var(--ink)}.facc{display:flex;align-items:center;gap:12px;padding:6px 0}.facc .av{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--font-display);font-size:14px;color:#fff;background:linear-gradient(135deg,#f7b23b,#e2457a 55%,#8a43c9)}.facc .who{flex:1;min-width:0}.facc .who b{display:block;font-size:13.5px}.facc .who span{font-size:11.5px;color:var(--muted)}.facc a{font-size:12.5px;font-weight:700;border-radius:999px;padding:7px 12px;background:var(--ink);color:var(--surface);text-decoration:none;white-space:nowrap}.facc a.done{background:var(--good-soft);color:var(--good)}.prizepick{display:grid;gap:8px;margin-top:4px}.prizepick .opt{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.staff label{font-size:12.5px;font-weight:700;display:block;margin-bottom:8px}.staff .row{display:flex;gap:8px}.staff input{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;font:inherit;font-size:18px;letter-spacing:.4em;background:var(--surface);color:var(--ink);font-variant-numeric:tabular-nums}.staff .err{color:var(--tt-ink);font-size:12px;margin-top:6px;min-height:18px}.cert{margin-top:6px;border-radius:var(--r-lg);border:2px solid var(--good);background:var(--surface);padding:18px 16px;text-align:center;position:relative;overflow:hidden}.cert .k{font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--good)}.cert h2{font-family:var(--font-display);font-weight:400;font-size:28px;margin:6px 0 2px}.cert .prize{display:inline-block;margin:8px 0 12px;padding:6px 14px;border-radius:999px;background:var(--good-soft);color:var(--good);font-weight:700;font-size:15px}.cert svg{width:96px;height:96px}.cert dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;text-align:left;font-size:12.5px;margin:6px 0 0;border-top:1px dashed var(--line);padding-top:12px}.cert dt{color:var(--muted)}.cert dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.cert .seal-done{position:absolute;right:-6px;top:14px;transform:rotate(14deg);border:3px solid var(--tt);color:var(--tt);font-family:var(--font-display);font-size:18px;padding:2px 12px;border-radius:8px;opacity:.85}.tiers{display:grid;gap:10px;margin-top:6px}.tier{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:var(--r-md);padding:12px;background:var(--surface)}.tier .ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:26px;background:var(--sunken)}.tier .ic.pet{background:var(--sap-soft)}.tier .ic.plant{background:var(--leaf-soft)}.tier b{font-size:14.5px;display:block}.tier span{font-size:12px;color:var(--muted)}.infot{width:100%;border-collapse:collapse;margin-top:14px;font-size:12.5px}.infot th{text-align:left;color:var(--muted);font-weight:500;padding:8px 0;width:72px;vertical-align:top;border-top:1px solid var(--line)}.infot td{padding:8px 0;border-top:1px solid var(--line)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e10188c;display:flex;align-items:flex-end;justify-content:center;z-index:20;animation:fade .2s ease}.sheet{width:100%;max-width:480px;max-height:92%;overflow-y:auto;background:var(--surface);border-radius:26px 26px 0 0;padding:20px 20px 22px;animation:up .32s cubic-bezier(.2,.9,.3,1.1)}@keyframes fade{0%{opacity:0}}@keyframes up{0%{transform:translateY(40%)}}.res{text-align:center}.res .art{display:grid;place-items:center;margin:4px auto 6px;position:relative}.res .art svg{width:150px;height:150px}.res .art img.char{width:220px;height:auto;max-width:100%}.res .burst{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;margin:auto;width:190px;height:190px;border-radius:50%;background:repeating-conic-gradient(var(--sap-soft) 0 10deg,transparent 10deg 20deg);z-index:-1;animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.res .kicker{display:inline-block;font-size:11.5px;font-weight:700;border-radius:999px;padding:3px 10px;background:var(--sunken);color:var(--muted)}.res.win .kicker{background:var(--sap-soft);color:var(--sap)}.res.lose .kicker{background:var(--tt-soft);color:var(--tt-ink)}.res h2{font-family:var(--font-display);font-weight:400;font-size:30px;margin:8px 0 2px;line-height:1.15}.res .sub{color:var(--muted);margin:0 0 12px}.fact{border-radius:var(--r-md);padding:12px 14px;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.fact.sapf{background:var(--sap-soft);border:1px solid var(--sap-line)}.fact.ttf{background:var(--tt-soft)}.fact .badge{font-family:var(--font-display);font-size:13px;line-height:1.1;text-align:center;border-radius:12px;padding:8px;background:var(--surface);color:var(--sap);min-width:60px}.fact .badge b{display:block;font-size:22px;font-weight:400}.fact p{margin:0;font-size:13.5px;font-weight:700;line-height:1.45}.fact small{display:block;font-weight:400;color:var(--muted);font-size:11.5px;margin-top:2px}.fact img.logo{width:74px}.tip{font-size:12.5px;color:var(--muted);margin:10px 0 0;text-align:left;word-break:keep-all}.tip b{color:var(--ink)}.unlock{margin-top:12px;background:var(--tt);color:#fff;border-radius:var(--r-md);padding:10px 12px;font-weight:700;font-size:13.5px}.res .cta{margin-top:16px}.sheet-h{display:flex;justify-content:space-between;align-items:center}.sheet-h h3{font-family:var(--font-display);font-weight:400;font-size:21px;margin:0}.x{border:0;background:var(--sunken);width:34px;height:34px;border-radius:50%;font-size:16px}.adbadge{position:absolute;top:6px;left:6px;font-size:9.5px;font-weight:900;letter-spacing:.08em;background:var(--tt);color:#fff;border-radius:4px;padding:0 5px;line-height:16px}.slot.adslot{font:inherit;color:inherit;cursor:pointer;border:1.5px dashed var(--tt);background:linear-gradient(165deg,var(--tt-soft) 0%,var(--surface) 90%)}.slot.adslot:not(.pass) .seal{border:0;background:var(--tt);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--tt) 22%,transparent);animation:pulse 2.2s ease-in-out infinite}.slot.adslot:not(.pass) .st{background:var(--tt);color:#fff;border-color:var(--tt)}.slot.adslot.pass{border-style:solid;border-color:var(--sap-line)}.slot.adslot .playi{font-family:var(--font-body);font-size:17px;margin-left:3px}.slot.adslot .nm{color:var(--tt-ink)}.slot.adslot.pass .nm{color:var(--ink)}@keyframes pulse{50%{box-shadow:0 0 0 9px color-mix(in srgb,var(--tt) 8%,transparent)}}.sponsor{display:flex;align-items:center;gap:8px;border-radius:var(--r-sm);background:var(--tt-soft);padding:8px 12px}.sponsor .adb{background:var(--tt);color:#fff;font-weight:900;font-size:11px;border-radius:4px;padding:1px 6px;letter-spacing:.08em}.sponsor .lbl{font-size:12px;color:var(--tt-ink);font-weight:700;flex:1;white-space:nowrap}.sponsor em{font-style:normal;font-size:10.5px;color:var(--muted)}.sponsor img{height:13px;width:auto}.adhead{margin:14px 2px 0}.adhead h2{font-family:var(--font-display);font-weight:400;font-size:26px;line-height:1.15;margin:0 0 6px}.adhead p{margin:0;font-size:13px;color:var(--muted)}.reward{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;border:1.5px solid var(--sap-line);background:var(--sap-soft);border-radius:var(--r-md);padding:12px;margin-top:12px}.reward .rw-ic svg{width:52px;height:52px}.reward b{font-size:14.5px;display:block}.reward span{font-size:12px;color:var(--muted);line-height:1.45;display:block}.rpill{position:absolute;right:10px;top:10px;font-size:11.5px;font-weight:700;background:#0000009e;border-radius:999px;padding:3px 10px;font-variant-numeric:tabular-nums;transition:background .3s}.rpill.near{background:var(--tt)}.player{position:relative;margin-top:14px;aspect-ratio:16/10;max-width:100%;border-radius:var(--r-md);overflow:hidden;background:#111;color:#fff}.player video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scene{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s ease}.scene.on{opacity:1}.scene img{position:absolute;left:16px;top:14px;width:calc(100% - 32px);height:calc(100% - 84px);max-width:none}.scene img.cover{left:0;top:0;width:100%;height:100%}.scene.on img{animation:kb 3.4s ease-out both}@keyframes kb{0%{transform:scale(1.08)}to{transform:scale(1)}}.scene .cap{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 22px;background:linear-gradient(transparent,#000000b8);display:grid;gap:2px}.scene .cap b{font-family:var(--font-display);font-weight:400;font-size:20px;line-height:1.15}.scene .cap span{font-size:12px;opacity:.92}.adtag{position:absolute;left:10px;top:10px;font-size:10.5px;font-weight:700;background:#0000008c;border-radius:4px;padding:1px 7px}.playbig{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:136px;height:56px;border-radius:999px;border:0;background:var(--tt);color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 24px -8px #0009}.vbar{position:absolute;left:0;right:0;bottom:0;height:5px;background:#ffffff40}.vfill{height:100%;width:0;background:var(--tt)}.vtime{position:absolute;left:66px;top:10px;font-size:11px;font-weight:700;background:#0000008c;border-radius:4px;padding:1px 7px;font-variant-numeric:tabular-nums}.scanlist{display:grid;gap:14px;margin-top:6px}.scanlist h4{margin:0 0 6px;font-size:12px;letter-spacing:.04em;color:var(--muted)}.qrs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.qr{border:1px solid var(--line);background:var(--sunken);border-radius:var(--r-sm);padding:8px 5px;text-align:center;font-size:11px;line-height:1.3;position:relative;word-break:keep-all;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center}.qr img.q{width:48px;height:48px;margin:0 auto 4px;display:block;object-fit:contain;background:#fff;border-radius:6px}.qr .qfallback{width:48px;height:48px;margin:0 auto 4px;display:grid;place-items:center;background:var(--surface);border:1px dashed var(--line);border-radius:6px;font-size:16px;color:var(--muted)}.qr b{display:block;font-size:11.5px}.qr.fin{grid-column:1/-1;background:var(--tt-soft);border-color:var(--tt);display:flex;flex-direction:row;align-items:center;gap:10px;text-align:left;padding:10px 12px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}