:root{--ju: #d4342f;--cheong: #1b4f8c;--nok: #2e8b6f;--hwang: #e8b33a;--hanji: #faf6ee;--meok: #221d1a;--meok-soft: #4a4038;--line: #221d1a;--shadow: 0 2px 0 #221d1a;--fs: 1;--radius: 14px;--gold: #c8a02c;--rc: #7a8b99;--hanji-tex: repeating-linear-gradient(90deg, rgba(150,120,80,.045) 0 1px, transparent 1px 3px), repeating-linear-gradient(0deg, rgba(150,120,80,.035) 0 1px, transparent 1px 4px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;overscroll-behavior:none}body{background:var(--meok);color:var(--meok);font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-size:calc(20px * var(--fs));line-height:1.35;-webkit-user-select:none;user-select:none;touch-action:manipulation}#app{height:100dvh;width:100vw;overflow:hidden;background:var(--hanji)}.boot{display:grid;place-items:center;height:100%;font-size:1.2em}.btn{font:inherit;font-weight:800;color:var(--hanji);background:var(--cheong);border:3px solid var(--line);border-radius:var(--radius);min-height:88px;padding:0 22px;cursor:pointer;box-shadow:var(--shadow);display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn:active{transform:translateY(2px);box-shadow:none}.btn[disabled]{opacity:.45;cursor:default}.btn.ju{background:var(--ju)}.btn.nok{background:var(--nok)}.btn.ghost{background:var(--hanji);color:var(--meok)}.btn.sm{min-height:60px;padding:0 16px;font-size:.85em}.btn.big{min-height:96px;padding:0 30px;font-size:1.06em}.btn.gold{background:linear-gradient(170deg,#f0d98a 0%,var(--gold) 55%,#9c7a18 100%);color:#2b2208;text-shadow:0 1px 0 rgba(255,255,255,.35)}.btn:focus-visible,.node:focus-visible,.ucard:focus-visible{outline:4px solid var(--cheong);outline-offset:3px}.ink{font-weight:900;font-variant-numeric:tabular-nums;color:var(--gold)}.topbar .ink{color:#f2dc9a}.ink.big{font-size:1.5em}.fine{font-size:.74em}.tablewrap{overflow-x:auto}.screen{height:100%;width:100%;display:none;flex-direction:column}.screen.on{display:flex}.topbar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--cheong);color:var(--hanji);border-bottom:4px solid var(--line);flex:0 0 auto}.topbar h1{font-size:1.05em;margin:0;letter-spacing:-.02em}.topbar .muted{color:#d8e6f5}.topbar .spacer{flex:1}.pane{flex:1;overflow-y:auto;padding:18px;background:var(--hanji);background-image:var(--hanji-tex)}.actionbar{flex:0 0 auto;display:flex;gap:12px;justify-content:center;align-items:center;padding:8px 14px;background:var(--hanji);border-top:3px solid var(--line)}.card{background:#fff;border:3px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-bottom:14px}.muted{color:var(--meok-soft);font-size:.82em}.big-num{font-size:1.9em;font-weight:900;font-variant-numeric:tabular-nums}.menu-screen{background:var(--hanji);background-image:var(--hanji-tex);overflow-y:auto}.menu-hero{margin:auto;display:grid;justify-items:center;gap:14px;text-align:center;padding:28px 20px;max-width:760px}.menu-hero .crest{width:92px;height:92px;display:grid;place-items:center;padding:6px;background:var(--ju);border:4px solid var(--line);border-radius:50%;box-shadow:var(--shadow)}.menu-hero .crest img{width:74px;height:74px;border-radius:50%;background:var(--hanji);object-fit:contain;object-position:50% 60%}.menu-hero .logo{font-size:clamp(34px,7vh,62px);font-weight:900;color:var(--ju);letter-spacing:-.03em;margin:0;text-wrap:balance}.menu-hero .tag{color:var(--meok-soft);margin:0}.menu-hero .row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.menu-progress{display:grid;grid-template-columns:repeat(4,minmax(84px,1fr));gap:8px;width:100%}.menu-progress .stat{padding:8px 6px}.menu-progress .v{font-size:1.1em}.chapter-bar{display:flex;align-items:center;gap:10px;margin-bottom:10px}.chapter-name{flex:1;text-align:center;font-size:1.15em;margin:0;letter-spacing:-.02em}.map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:10px}.node{background:#fff;border:3px solid var(--line);border-radius:var(--radius);padding:12px;text-align:left;font:inherit;cursor:pointer;box-shadow:var(--shadow);min-height:96px;display:flex;flex-direction:column;gap:4px;position:relative}.node:active{transform:translateY(2px);box-shadow:none}.node[disabled]{opacity:.5;cursor:default}.node .n{font-weight:900}.node .stars{color:var(--hwang);letter-spacing:2px;font-size:1.1em}.node .types{font-size:.72em;color:var(--meok-soft)}.node.done{background:linear-gradient(180deg,#fff,#f4ecdb)}.node.boss{background:#2b2320;color:var(--hanji);border-color:#000}.node.boss .types{color:#c9bfb5}.node.boss .n:before{content:"⚔️ ";color:var(--hwang)}.node.endless{border-style:double;border-width:6px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px}.card-grid.mini{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.ucard{position:relative;background:#fff;border:3px solid var(--rc);border-radius:var(--radius);padding:10px 8px 8px;text-align:center;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;gap:4px;box-shadow:0 2px 0 var(--line)}.ucard:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 16%,transparent) 0%,transparent 46%)}.ucard-rarity{align-self:center;font-size:.62em;font-weight:900;letter-spacing:.08em;color:#fff;background:var(--rc);border-radius:999px;padding:2px 10px}.ucard-art{height:76px;display:grid;place-items:center}.ucard-art img{max-width:100%;max-height:76px;object-fit:contain}.ucard-name{font-weight:900;font-size:.86em}.ucard-role{font-size:.66em;color:var(--meok-soft);min-height:2.1em}.ucard-foot{display:flex;justify-content:space-between;font-size:.68em;font-weight:800}.ucard-cost{color:var(--cheong);font-variant-numeric:tabular-nums}.ucard-lv{color:var(--meok-soft);font-variant-numeric:tabular-nums}.ucard-slots{color:var(--ju);font-variant-numeric:tabular-nums}.ucard-bar{height:6px;background:#e6ded1;border-radius:3px;overflow:hidden}.ucard-bar>i{display:block;height:100%;background:var(--rc)}.ucard.sel{border-width:6px;background:#fffaea}.ucard.sel:after{content:"출전";position:absolute;top:6px;right:6px;font-size:.6em;font-weight:900;background:var(--ju);color:#fff;border-radius:999px;padding:2px 8px}.ucard.unowned{filter:grayscale(1);opacity:.5}.ucard.unowned .ucard-art img{filter:brightness(0);opacity:.35}.ucard.compact .ucard-art{height:62px}.ucard.compact .ucard-art img{max-height:62px}.ucard .up{font-size:.62em;color:var(--meok-soft);margin-top:2px}.ucard .btn.up{min-height:44px;width:100%;font-size:.66em;padding:0 6px}.ucard .up.done{color:var(--gold);font-weight:900}.ucard-tag{position:absolute;left:50%;transform:translate(-50%);bottom:6px;font-size:.6em;font-weight:900;white-space:nowrap;background:var(--meok);color:#fff;border-radius:999px;padding:2px 10px}.ucard-tag.new{background:var(--ju)}.ucard.r-legend{background:linear-gradient(180deg,#fffdf3,#fff 60%)}.ucard.r-legend:before{background:linear-gradient(180deg,rgba(200,160,44,.28) 0%,transparent 50%),radial-gradient(circle at 50% 12%,rgba(255,231,150,.55),transparent 62%)}.ucard.reveal{animation:pop .34s cubic-bezier(.2,1.4,.5,1)}@keyframes pop{0%{transform:scale(.72);opacity:0}to{transform:scale(1);opacity:1}}.ucard-need{position:absolute;left:50%;transform:translate(-50%);bottom:28px;font-size:.54em;font-weight:800;white-space:nowrap;background:var(--hanji);color:var(--meok-soft);border:2px solid var(--line);border-radius:999px;padding:1px 8px}.ucard.jackpot{animation:jackpot .62s cubic-bezier(.16,1.3,.4,1);z-index:1}.ucard.jackpot:after{content:"";position:absolute;inset:-6px;border-radius:inherit;pointer-events:none;border:4px solid var(--gold);animation:jackpot-ring .62s ease-out forwards}@keyframes jackpot{0%{transform:scale(.55) rotate(-6deg);opacity:0}55%{transform:scale(1.1) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes jackpot-ring{0%{opacity:.95;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}@media(prefers-reduced-motion:reduce){.ucard.reveal,.ucard.jackpot{animation:none}.ucard.jackpot:after{display:none}}.banner.boss{background:#2b2320;color:var(--hanji)}.banner.boss .muted{color:#c9bfb5}.battle{background:#0f0d0c}.bhud{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:4px 12px;background:#1a1512;color:var(--hanji);border-bottom:3px solid #000;font-size:.78em}.bhud .btn.sm{min-height:44px;padding:0 12px;font-size:.78em}.gauge{flex:0 0 160px;height:22px;border:2px solid var(--hanji);border-radius:11px;overflow:hidden;background:#0b0908}.gauge>i{display:block;height:100%;background:var(--hwang);width:0%;transition:width .12s linear}.bhud .mana{font-weight:900;font-variant-numeric:tabular-nums;min-width:6.4em}.bhud .mana.full{color:var(--ju)}.gauge>i.full{background:var(--ju)}.bhud .combo{font-weight:900;color:var(--hwang);min-width:5.5em}.bhud .spd{font-weight:900;color:var(--nok);min-width:4.2em}.bhud .slot-use{font-weight:900;color:var(--hanji);min-width:5.2em;font-variant-numeric:tabular-nums}.bhud .slot-use.full{color:var(--ju)}.bhud .spacer{flex:1}.field-wrap{flex:1 1 auto;position:relative;min-height:100px;display:flex}.deck-row{--deck-gap: 6px;--deck-max: 72px;--deck-n: 5;display:grid;grid-auto-flow:column;gap:var(--deck-gap);grid-auto-columns:clamp(44px,calc((var(--deck-space, 320px) - (var(--deck-n) - 1) * var(--deck-gap)) / var(--deck-n)),var(--deck-max));overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;overscroll-behavior-x:contain;padding-bottom:2px;background:linear-gradient(to right,#1a1512 30%,#1a151200) left / 22px 100% no-repeat local,linear-gradient(to left,#1a1512 30%,#1a151200) right / 22px 100% no-repeat local,radial-gradient(farthest-side at 100% 50%,#00000080,#0000) right / 12px 100% no-repeat scroll}.dcard{position:relative;border:3px solid #000;border-radius:10px;background:var(--hanji);font:inherit;cursor:pointer;padding:2px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0}.dcard img{width:clamp(28px,5vh,46px);height:clamp(28px,5vh,46px);object-fit:contain;pointer-events:none}.dcard .cost{font-size:.62em;font-weight:900;font-variant-numeric:tabular-nums}.dcard .nm{font-size:.58em;font-weight:700}.dcard{border-color:var(--rc, #000)}.dcard .lv{position:absolute;top:2px;right:3px;font-size:.5em;font-weight:900;background:var(--rc, #000);color:#fff;border-radius:999px;padding:0 5px}.dcard.locked{filter:grayscale(1) brightness(.75)}.dcard .cool{position:absolute;inset:0;background:#14100eb8;color:#fff;display:grid;place-items:center;font-weight:900;font-size:.9em}.dcard .why{position:absolute;left:0;right:0;bottom:0;background:var(--ju);color:#fff;font-size:.55em;padding:2px 0;font-weight:800}canvas#field{flex:1 1 auto;display:block;width:100%;height:100%;image-rendering:auto}.control{flex:0 0 auto;max-height:48dvh;padding:8px 10px;background:#1a1512;border-top:3px solid #000;display:grid;gap:10px;align-items:stretch;justify-content:space-between;grid-template-columns:minmax(0,auto) auto minmax(150px,20vw) auto}.side-col{display:grid;align-items:stretch}.cannon{position:relative;width:74px;border:3px solid #000;border-radius:10px;background:#2c2320;color:var(--hanji);font:inherit;font-weight:800;font-size:.62em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;overflow:hidden;cursor:pointer;padding:2px;min-height:0}.cannon .ic{font-size:1.7em;line-height:1;filter:grayscale(1) opacity(.5)}.cannon .lb{position:relative;z-index:2}.cannon>i{position:absolute;left:0;right:0;bottom:0;height:0%;background:#d4342f61;transition:height .18s linear;z-index:1}.cannon:disabled{cursor:default}.cannon.ready{background:var(--ju);color:#fff;border-color:var(--hwang);animation:cannon-pulse 1.1s infinite}.cannon.ready .ic{filter:none}.cannon.ready>i{background:#ffffff38}@keyframes cannon-pulse{50%{box-shadow:0 0 0 5px #d4342f57}}@media(prefers-reduced-motion:reduce){.cannon.ready{animation:none}}.quiz{background:var(--hanji);border:3px solid #000;border-radius:var(--radius);padding:6px 10px;display:flex;flex-direction:column;justify-content:center;min-width:0;container-type:inline-size}.quiz{text-align:center}.quiz .q{font-size:clamp(18px,4.2vh,40px);font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}.quiz .q{font-size:clamp(18px,min(4.2vh,14cqi),40px)}.quiz .q .slot{display:inline-block;min-width:1.1em;border-bottom:5px solid var(--cheong);text-align:center;color:var(--cheong)}.quiz .ask{font-size:.72em;color:var(--meok-soft)}.quiz .fb{font-size:.74em;font-weight:800;min-height:1.4em}.quiz .fb.ok{color:var(--nok)}.quiz .fb.no{color:var(--ju)}.quiz.shake{animation:shake .28s}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.pad{flex:0 0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pad button{width:clamp(44px,5.6vw,84px);height:clamp(40px,7.6vh,72px);font:inherit;font-weight:900;font-size:clamp(19px,3.2vh,30px);color:var(--meok);min-height:0;border:3px solid #000;border-radius:10px;background:var(--hanji);cursor:pointer;padding:0;white-space:nowrap}.pad button:active{background:var(--hwang)}.pad button.wide{background:#ddd2c4;font-size:clamp(14px,2.2vh,20px)}@media(max-height:560px){.bhud{padding:3px 10px;font-size:.72em;gap:8px}.bhud .btn.sm{min-height:40px;padding:0 10px;font-size:.72em}.gauge{flex-basis:140px;height:18px}.control{max-height:44dvh;padding:6px 8px;gap:8px}.pad button{height:clamp(34px,8.6vh,46px);font-size:clamp(16px,3.4vh,24px)}.pad button.wide{font-size:clamp(12px,2.2vh,17px)}.dcard img{width:clamp(24px,4.6vh,40px);height:clamp(24px,4.6vh,40px)}.deck-row{--deck-max: 62px;--deck-gap: 4px}.cannon{width:58px;font-size:.58em}.cannon .ic{font-size:1.4em}}@media(max-height:560px)and (min-width:811px){.pad{grid-template-columns:repeat(6,1fr);gap:5px}.pad [data-k="1"]{order:1}.pad [data-k="2"]{order:2}.pad [data-k="3"]{order:3}.pad [data-k="4"]{order:4}.pad [data-k="5"]{order:5}.pad [data-k=back]{order:6}.pad [data-k="6"]{order:7}.pad [data-k="7"]{order:8}.pad [data-k="8"]{order:9}.pad [data-k="9"]{order:10}.pad [data-k="0"]{order:11}.pad [data-k=hint]{order:12}.pad button{width:clamp(44px,5vw,58px)}}@media(max-height:560px)and (max-width:810px){.pad{grid-template-columns:repeat(4,1fr);gap:4px}.pad [data-k]{order:0}.pad button{width:clamp(44px,7vw,56px);height:clamp(30px,8.4vh,40px);font-size:clamp(14px,3.2vh,19px)}.pad button.wide{font-size:clamp(10px,2.2vh,13px)}.deck-row{--deck-max: 48px}.dcard img{width:clamp(22px,4.2vh,36px);height:clamp(22px,4.2vh,36px)}.control{grid-template-columns:minmax(0,auto) auto minmax(140px,20vw) auto;gap:5px;padding:4px 6px}.cannon{width:46px;font-size:.52em}}@media(max-height:430px){.menu-hero{gap:6px;padding:10px 14px}.menu-hero .crest{width:48px;height:48px;border-width:3px;padding:3px}.menu-hero .crest img{width:38px;height:38px}.menu-hero .logo{font-size:26px}.menu-hero .tag{font-size:.72em}.menu-hero .fine,.menu-hero>p.muted:not(.fine){display:none}.menu-hero .btn{min-height:46px;padding:0 14px;font-size:.78em}.menu-hero .btn.big{min-height:54px;padding:0 20px;font-size:.86em}.menu-progress{gap:5px}.menu-progress .stat{padding:4px;border-width:2px}.menu-progress .k{font-size:.58em}.menu-progress .v{font-size:.8em}.map-grid{grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:7px}.node{min-height:66px;padding:7px}.node .types{font-size:.62em}.card-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:7px}.ucard{padding:6px 5px 5px}.ucard-art,.ucard.compact .ucard-art{height:40px}.ucard-art img,.ucard.compact .ucard-art img{max-height:40px}.ucard-role{font-size:.58em;min-height:1.8em}.summon-stage{min-height:110px;padding:7px}.pane{padding:10px}.card{padding:9px;margin-bottom:8px}.actionbar{padding:5px 10px}.actionbar .btn.big{min-height:50px;font-size:.84em}.gate-wrap{gap:8px;padding:8px}.gate-q{font-size:1.35em}.choices button{min-height:48px;font-size:1em}.stars-big{font-size:1.7em}.bhud{padding:2px 8px;font-size:.68em}.bhud .btn.sm{min-height:36px;padding:0 8px}.gauge{flex-basis:120px;height:16px}.dcard .nm{font-size:.5em}.btn.sm{min-height:40px;padding:0 10px;font-size:.7em}.topbar{padding:5px 10px}.quiz{padding:4px 8px}.quiz .q{font-size:clamp(17px,min(6.6vh,14cqi),28px)}.quiz .fb{font-size:.6em}}.gate-wrap{display:grid;place-content:center;gap:14px;text-align:center;padding:20px}.gate-q{font-size:2.1em;font-weight:900;font-variant-numeric:tabular-nums}.choices{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:12px}.choices button{min-height:88px;font-size:1.4em;font-weight:900}.stars-big{font-size:3em;color:var(--hwang);letter-spacing:6px}.result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.stat{background:#fff;border:3px solid var(--line);border-radius:var(--radius);padding:10px;text-align:center}.stat .k{font-size:.7em;color:var(--meok-soft)}.stat .v{font-size:1.5em;font-weight:900;font-variant-numeric:tabular-nums}.summon-head{display:grid;gap:4px;text-align:center}.summon-stage{min-height:190px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:12px;margin-bottom:14px;background:#2b2320;background-image:radial-gradient(circle at 50% 0%,#43352c,#201a17 70%);border:3px solid var(--line);border-radius:var(--radius);align-content:start}.summon-stage .ucard{padding-bottom:26px}.summon-stage:empty:after{content:"먹물을 써서 셈지기를 불러요";grid-column:1 / -1;color:#a99a8c;text-align:center;align-self:center;font-size:.82em}.rates{padding:12px 16px}.rates summary{font-weight:800;cursor:pointer;min-height:44px;display:flex;align-items:center}.rate-row{display:grid;grid-template-columns:4.2em 1fr 3.4em;align-items:center;gap:10px;margin:6px 0}.rate-name{font-size:.78em;font-weight:800}.rate-bar{height:12px;background:#e6ded1;border-radius:6px;overflow:hidden}.rate-bar>i{display:block;height:100%}.rate-pct{font-size:.76em;text-align:right;font-variant-numeric:tabular-nums}.seals{display:flex;gap:8px;justify-content:center}.seal{width:26px;height:26px;border:3px solid var(--line);border-radius:50%;background:#e6ded1}.seal.open{background:var(--hwang)}.seal.miss{background:#c9bfb5}.gain{text-align:center}.ink-lines{display:grid;gap:2px;justify-items:center}.ink-lines .fine{font-weight:700}.advice{border-color:var(--cheong);background:#eef4fb;text-align:left}.advice b{color:var(--cheong);display:block;margin-bottom:4px}.codex-wrap{display:grid;gap:8px}.codex-head{display:flex;align-items:center;gap:10px;margin-top:10px}.chip{font-size:.74em;font-weight:900;color:#fff;background:var(--rc);border-radius:999px;padding:4px 14px;border:2px solid var(--line)}.bar{height:16px;background:#e6ded1;border:2px solid var(--line);border-radius:8px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--nok)}table.rep{width:100%;border-collapse:collapse;font-size:.82em}table.rep th,table.rep td{border-bottom:2px solid #e0d7c9;padding:8px 6px;text-align:left}table.rep td.num{text-align:right;font-variant-numeric:tabular-nums}#rotate-hint{position:fixed;inset:0;background:var(--cheong);color:var(--hanji);display:grid;place-items:center;text-align:center;z-index:99;padding:24px}#rotate-hint[hidden]{display:none}.rot-icon{font-size:3em}#rotate-hint .sub{color:#cfe0f2;font-size:.8em}@media(orientation:landscape){#rotate-hint{display:none!important}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.board-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.rank{display:grid;gap:4px;margin-top:8px}.rank-row{display:grid;grid-template-columns:2.2em 1fr auto;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:#f6efe2;font-size:.84em}.rank-row.top{background:linear-gradient(90deg,#fff4d0,#f6efe2);font-weight:800}.rank-n{font-weight:900;text-align:center;font-variant-numeric:tabular-nums;color:var(--cheong)}.rank-row.top .rank-n{color:var(--gold)}.rank-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-v{font-variant-numeric:tabular-nums;font-weight:800}@media(max-height:430px){.board-cols{gap:8px}.rank-row{padding:3px 6px;font-size:.7em}}@media(max-height:430px)and (max-width:810px){.pad button{width:clamp(44px,7vw,56px);height:clamp(28px,8.2vh,38px);font-size:clamp(14px,3vh,19px)}.pad button.wide{font-size:clamp(10px,2.2vh,13px)}.deck-row{--deck-max: 46px;--deck-gap: 2px}.dcard .cost{font-size:.56em}.control{grid-template-columns:minmax(0,auto) auto minmax(126px,19vw) auto;gap:4px}.cannon{width:40px;font-size:.5em}.quiz .q{font-size:clamp(15px,min(6.6vh,13cqi),24px)}.cannon .ic{font-size:1.3em}}.card.forge>h3{margin-bottom:2px}.forge-row{display:grid;gap:3px;padding:10px 0;border-top:2px dashed #e0d7c9}.forge-row:first-of-type{border-top:0}.forge-row h4{font-size:.92em;font-weight:900;color:var(--cheong)}.forge-row .big{font-size:1.05em;font-weight:900;font-variant-numeric:tabular-nums}.forge-row .btn{margin-top:4px}.dcard .slots{position:absolute;left:3px;top:2px;font-size:.42em;letter-spacing:-.5px;color:#fff;background:#14100ed1;border-radius:4px;padding:1px 3px;line-height:1}.star-rule{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;font-size:.82em;font-weight:800;color:var(--meok-soft);margin:2px 0 6px}.star-rule span{background:#f2ead9;border:2px solid #e0d7c9;border-radius:999px;padding:3px 10px}.today{text-align:left;border-color:var(--nok);background:#eef7f2;margin:10px auto;width:100%;max-width:460px}.today b{display:block;color:#1d6b52;margin-bottom:4px}.today .btn{margin-top:8px}.quests{text-align:left;margin:10px auto;width:100%;max-width:460px}.quests>b{display:block;margin-bottom:6px}.quest{display:flex;align-items:center;gap:8px;padding:5px 0;border-top:1px solid rgba(0,0,0,.07);font-size:calc(.95rem * var(--fs, 1))}.quest:first-of-type{border-top:0}.q-mark{flex:0 0 auto}.q-text{flex:1 1 auto}.q-num{flex:0 0 auto;font-variant-numeric:tabular-nums;color:var(--meok-soft)}.quest.done .q-text{color:#1d6b52}.quest.done .q-num{color:#1d6b52;font-weight:700}.quests .btn{margin-top:8px;width:100%}.quests .fine{margin-top:6px}.aap-badge{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);left:50%;transform:translate(-50%);z-index:9999;pointer-events:none;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;color:#0f172a;background:#ffffffeb;box-shadow:0 2px 10px #0000002e;animation:aap-badge-in .22s ease-out}@keyframes aap-badge-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}