: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:"";display:inline-block;width:.95em;height:.95em;margin-right:.3em;vertical-align:-.12em;background:var(--hwang);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M4 4l12 12M20 4L8 16M14 18l4 2M10 18l-4 2M16 16l2 2M8 16l-2 2'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M4 4l12 12M20 4L8 16M14 18l4 2M10 18l-4 2M16 16l2 2M8 16l-2 2'/%3E%3C/svg%3E") center / contain no-repeat}.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%)}}:root{--gb-bg: #1a120d;--gb-panel: rgba(26, 18, 13, .66);--gb-panel-2: rgba(250, 246, 238, .12);--gb-line: rgba(250, 246, 238, .22);--gb-text: #faf6ee;--gb-dim: rgba(250, 246, 238, .72);--gb-accent: #d4342f;--gb-accent-ink: #fff;--gb-gold: #f2c14e;--gb-radius: 16px;--gb-font: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif}.home-screen{overflow-y:auto;padding:10px 14px 16px;background:linear-gradient(180deg,#140c0840,#140c0899),url(../assets/home_bg.webp) center / cover no-repeat,#1a120d}.home-screen .gb-home{max-width:1100px}.home-screen .gb-brand{font-size:22px;text-shadow:0 2px 0 #000a}.home-screen .brand-crest{width:36px;height:36px;border-radius:50%;background:var(--ju);border:2px solid #faf6ee;padding:2px}.home-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.home-left{display:flex;flex-direction:column;gap:10px;min-width:0}.home-screen .gb-rank{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.home-screen .gb-play{font-size:20px;min-height:58px;letter-spacing:-.2px;background:linear-gradient(180deg,#e6493f,#b8261f);border:2px solid #faf6ee;box-shadow:0 4px #6e130f,0 10px 24px #0007}.home-screen .gb-play:active{transform:translateY(2px);box-shadow:0 2px #6e130f}.home-screen .gb-sub>button{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.home-screen .gb-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-screen .gb-mode{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:10px;align-items:center;text-align:left;min-height:88px;height:100%;padding:10px 12px;border-radius:14px;cursor:pointer;background:var(--gb-panel);border:1.5px solid var(--gb-line);color:var(--gb-text);font-family:var(--gb-font);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .12s,border-color .12s}.home-screen .gb-mode:hover{border-color:var(--gb-gold);transform:translateY(-2px)}.home-screen .gb-mode-emoji{grid-row:1 / span 3;font-size:30px;width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#faf6ee1f}.home-screen .gb-mode-name{font-weight:900;font-size:16px}.home-screen .gb-mode-desc{font-size:12.5px;color:var(--gb-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-screen .gb-mode-best{font-size:12px;font-weight:800;color:var(--gb-gold);min-height:1.2em}@media(orientation:landscape)and (min-width:760px){.home-cols{grid-template-columns:minmax(300px,400px) minmax(0,1fr);align-items:start}.home-screen .gb-modes{grid-template-columns:repeat(2,minmax(0,1fr))}}.home-screen .gb-home,.battle .bhud,.battle .control,.mode-result .mr-card,.table-screen>*,.screen>.topbar,.screen>.pane{zoom:var(--k, 1)}.table-screen{background:var(--hanji);background-image:var(--hanji-tex);overflow-y:auto;padding:0 0 16px}.table-screen>p{text-align:center;padding:0 16px;margin:6px 0 12px}.table-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:760px;margin:0 auto;padding:0 16px}.table-cell{min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:16px;border:3px solid var(--line);background:#fff;box-shadow:0 4px 0 var(--line);cursor:pointer;font:inherit}.table-cell b{font-size:30px;color:var(--cheong)}.table-cell .stars{color:var(--gold);letter-spacing:2px;font-size:18px}.table-cell:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line)}.mode-result{background:var(--meok);display:grid;place-items:center;overflow-y:auto;padding:16px;min-height:100dvh;box-sizing:border-box}.mode-result .mr-card{background:var(--hanji);border:4px solid var(--line);border-radius:22px;padding:18px 22px;max-width:640px;width:100%;text-align:center;box-shadow:0 8px #000a}.mode-result.win .mr-card{border-color:var(--gold)}.mr-mode{font-weight:900;color:var(--meok-soft)}.mr-head{margin:6px 0;font-size:clamp(24px,5vh,40px);color:var(--ju)}.mode-result.win .mr-head{color:var(--nok)}.mr-best{display:inline-block;background:var(--gold);color:var(--meok);font-weight:900;border-radius:999px;padding:4px 14px;animation:jackpot-ring .62s ease-out}.mr-stats{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;margin:12px 0;color:var(--meok-soft);font-variant-numeric:tabular-nums}.mode-result .row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.bhud .mode-hud{font-weight:900;color:var(--cheong);white-space:nowrap}.bhud .urgent{color:var(--ju);font-weight:900;animation:cannon-pulse .6s infinite}.bhud .quit{margin-right:6px}.bhud .quit[hidden]{display:none}.pad .btn.off{opacity:.45;pointer-events:none}.gg-toast{position:fixed;left:50%;top:14px;transform:translate(-50%);z-index:120;background:#1a120d;color:#faf6ee;border:2px solid var(--gold);border-radius:999px;padding:10px 20px;font-weight:900;box-shadow:0 8px 20px #0008;transition:opacity .5s,transform .5s}.gg-toast.out{opacity:0;transform:translate(-50%,-10px)}.gbj-layer{position:fixed;inset:0;pointer-events:none;z-index:40;overflow:hidden}.gbj-pop{position:absolute;transform:translate(-50%,-50%) scale(var(--s));font:900 22px/1 system-ui,sans-serif;text-shadow:0 2px 0 #0008,0 0 12px currentColor;white-space:nowrap;animation:gbjPop .9s cubic-bezier(.2,1.6,.4,1) forwards}@keyframes gbjPop{0%{opacity:0;transform:translate(-50%,-50%) scale(calc(var(--s)*.3))}15%{opacity:1;transform:translate(-50%,-80%) scale(calc(var(--s)*1.35))}35%{transform:translate(calc(-50% + var(--dx)),-120%) scale(var(--s))}to{opacity:0;transform:translate(calc(-50% + var(--dx)),-260%) scale(calc(var(--s)*.9))}}.gbj-punch{animation:gbjPunch .32s cubic-bezier(.2,2,.4,1)}@keyframes gbjPunch{0%{transform:scale(1)}30%{transform:scale(var(--gbj-p))}to{transform:scale(1)}}.gbj-flash{position:absolute;inset:0;opacity:0}.gbj-flash.gbj-go{animation:gbjFlash .35s ease-out forwards}@keyframes gbjFlash{to{opacity:0}}.gbj-banner{position:absolute;left:50%;top:var(--gbj-banner-top,40%);transform:translate(-50%,-50%);font:900 clamp(22px,8vw,44px)/1.1 system-ui,sans-serif;text-align:center;opacity:0;text-shadow:0 3px 0 #000a,0 0 24px currentColor;max-width:92vw;width:max-content}.gbj-banner.gbj-go{animation:gbjBan var(--d,1.4s) cubic-bezier(.2,1.5,.4,1) forwards}@keyframes gbjBan{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-8deg)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.25) rotate(2deg)}30%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-70%) scale(1.05)}}@media(prefers-reduced-motion:reduce){.gbj-pop,.gbj-banner.gbj-go,.gbj-punch{animation-duration:.01s}}.iwd-confetti{position:fixed;width:7px;height:7px;border-radius:2px;pointer-events:none;z-index:41;animation:iwdConfetti .68s cubic-bezier(.2,.8,.4,1) forwards}@keyframes iwdConfetti{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.4);opacity:0}}@media(prefers-reduced-motion:reduce){.iwd-confetti{animation-duration:.01s}}.gg-ic{width:1.1em;height:1.1em;vertical-align:-.18em;flex:none}.cannon .ic .gg-ic{width:1em;height:1em;vertical-align:0}.home-screen .gb-mode-emoji svg{width:28px;height:28px}.rot-icon svg{width:72px;height:72px}.q-mark .gg-ic{color:var(--hwang, #e0a51c)}.spd .gg-ic{width:.95em;height:.95em}.home-screen .gb-sub{grid-template-columns:1fr 1.4fr 1fr 1fr 1fr;gap:6px}.home-screen .gb-sub>button{padding-inline:4px;white-space:nowrap}@media(max-height:360px){.home-screen .gb-rank-list li:nth-child(n+4):not(.me){display:none}.home-screen .gb-rank-list li{min-height:20px}.home-screen .gb-rank{padding-block:6px}}:root{--gb-bg: #0f1729;--gb-panel: rgba(255, 255, 255, .055);--gb-panel-2: rgba(255, 255, 255, .09);--gb-line: rgba(255, 255, 255, .1);--gb-text: #eaf1ff;--gb-dim: rgba(234, 241, 255, .6);--gb-accent: #8fe3c0;--gb-accent-ink: #062419;--gb-gold: #ffd166;--gb-danger: #ff6b6b;--gb-radius: 16px;--gb-font: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, sans-serif}.gb-home{width:100%;max-width:440px;margin:0 auto;display:flex;flex-direction:column;gap:12px;font-family:var(--gb-font);color:var(--gb-text)}.gb-home-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}.gb-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;letter-spacing:-.3px}.gb-brand canvas,.gb-brand img{width:34px;height:34px}.gb-tools{display:flex;gap:6px}.gb-icon{width:44px;height:44px;border-radius:12px;border:1px solid var(--gb-line);background:var(--gb-panel);color:var(--gb-text);display:grid;place-items:center;font-size:20px;cursor:pointer;padding:0}.gb-icon:active{transform:scale(.94)}.gb-play{border:0;border-radius:var(--gb-radius);min-height:56px;font:800 18px var(--gb-font);cursor:pointer;background:var(--gb-accent);color:var(--gb-accent-ink);box-shadow:0 8px 22px #00000040}.gb-play:active{transform:scale(.98)}.gb-sub{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}.gb-sub>button{min-height:44px;border-radius:12px;border:1px solid var(--gb-line);background:var(--gb-panel);color:var(--gb-text);font:700 13.5px var(--gb-font);cursor:pointer;padding:6px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gb-sub>button.done{color:var(--gb-accent);border-color:color-mix(in srgb,var(--gb-accent) 50%,transparent)}.gb-rank{background:var(--gb-panel);border:1.5px solid color-mix(in srgb,var(--gb-gold) 55%,transparent);border-radius:var(--gb-radius);padding:10px 14px 8px;text-align:left;font-family:var(--gb-font);color:var(--gb-text)}.gb-rank-head{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.gb-rank-head b{font-size:15px;color:var(--gb-gold)}.gb-rank-head small{flex:1;color:var(--gb-dim);font-size:12px}.gb-tix{font-size:12.5px;font-weight:800;color:var(--gb-text);background:var(--gb-panel-2);border-radius:999px;padding:2px 9px}.gb-rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;font-size:14px}.gb-rank-list li{display:flex;align-items:center;gap:8px;min-height:24px}.gb-rank-list .pos{flex:0 0 24px;text-align:center;font-weight:800;font-size:13px;color:var(--gb-dim)}.gb-rank-list li.medal .pos{font-size:15px}.gb-rank-list .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gb-rank-list .nm small{color:var(--gb-dim);font-size:12px}.gb-rank-list .pt{font-variant-numeric:tabular-nums;color:var(--gb-gold)}.gb-rank-list li.me{color:var(--gb-accent);font-weight:800}.gb-rank-list li.sep{border-top:1px dashed var(--gb-line);margin-top:3px;padding-top:3px}.gb-rank-list li.dim{color:var(--gb-dim);font-size:13px}.gb-rank-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding-top:6px;border-top:1px solid var(--gb-line);font-size:12.5px}.gb-mine{color:var(--gb-dim)}.gb-mine b{color:var(--gb-accent)}.gb-link{background:none;border:0;color:var(--gb-accent);font:700 12.5px var(--gb-font);cursor:pointer;padding:6px 2px;min-height:44px}.gb-modes{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:8px}.gb-mode{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:8px;align-items:center;text-align:left;min-height:76px;padding:10px 12px;border-radius:14px;border:1px solid var(--gb-line);background:var(--gb-panel);color:var(--gb-text);font-family:var(--gb-font);cursor:pointer}.gb-mode:active{transform:scale(.97)}.gb-mode-emoji{grid-row:1 / span 2;width:28px;height:28px;line-height:1;display:grid;place-items:center;color:var(--gb-accent, #ffcf5a)}.gb-mode-emoji svg{width:26px;height:26px}.gb-mode-name{font-weight:800;font-size:15px}.gb-mode-desc{font-size:12px;color:var(--gb-dim);line-height:1.3}.gb-mode-best{grid-column:1 / span 2;font-size:12px;font-weight:700;color:var(--gb-gold);min-height:0}.gb-mode-best:empty{display:none}.gb-modebar{display:flex;justify-content:center;align-items:center;gap:8px;pointer-events:none;font-family:var(--gb-font);font-variant-numeric:tabular-nums}.gb-chip{background:#0a1020b8;color:var(--gb-text);border-radius:12px;padding:5px 12px;font-weight:800;font-size:15px}.gb-time{font-size:20px}.gb-time.urgent{color:var(--gb-danger);animation:gbBlink .5s steps(2) infinite}.gb-hearts i{font-style:normal}.gb-hearts i.lost{opacity:.25;filter:grayscale(1)}@keyframes gbBlink{50%{opacity:.55}}#gb-layer{position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:16px;background:#060a16b8;backdrop-filter:blur(4px);font-family:var(--gb-font);color:var(--gb-text);overflow-y:auto}#gb-layer[hidden]{display:none}.gb-sheet{width:100%;max-width:520px;background:var(--gb-bg);border:1px solid var(--gb-line);border-radius:20px;padding:18px 16px;text-align:center;box-shadow:0 20px 60px #00000073}.gb-sheet h2{margin:0 0 6px;font-size:21px}.gb-hint{margin:0 0 12px;color:var(--gb-dim);font-size:13.5px;line-height:1.5}.gb-hint b{color:var(--gb-text)}.gb-row{display:flex;gap:6px}.gb-row select,.gb-row input{min-height:46px;border-radius:12px;border:1px solid var(--gb-line);background:var(--gb-panel-2);color:var(--gb-text);font:600 16px var(--gb-font);padding:0 10px}.gb-row input{flex:1;min-width:0;user-select:text;-webkit-user-select:text}.gb-list{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow-y:auto}.gb-pick{width:100%;min-height:46px;text-align:left;border-radius:12px;border:1px solid var(--gb-line);background:var(--gb-panel);color:var(--gb-text);font:700 15px var(--gb-font);padding:8px 12px;cursor:pointer}.gb-pick small{color:var(--gb-dim);font-weight:600}.gb-msg{min-height:20px;margin:10px 0 0;font-size:14px;color:var(--gb-dim)}.gb-msg b{color:var(--gb-gold)}.gb-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.gb-btn{min-height:46px;min-width:110px;border-radius:12px;border:0;background:var(--gb-accent);color:var(--gb-accent-ink);font:800 16px var(--gb-font);padding:0 18px;cursor:pointer}.gb-btn.ghost{background:transparent;color:var(--gb-text);border:1px solid var(--gb-line)}.gb-btn:disabled{opacity:.5}.gb-opts{display:flex;flex-direction:column;gap:8px;align-items:center}.gb-seg{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.gb-pill{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--gb-line);background:var(--gb-panel);color:var(--gb-text);font:700 14px var(--gb-font);cursor:pointer}.gb-pill.on{background:var(--gb-accent);border-color:var(--gb-accent);color:var(--gb-accent-ink)}.gb-qprog{display:flex;gap:6px;justify-content:center;margin:6px 0 0}.gb-qprog i{width:30px;height:7px;border-radius:9px;background:var(--gb-panel-2)}.gb-qprog i.done{background:var(--gb-accent)}.gb-qprog i.now{background:var(--gb-gold)}.gb-qtext{font-size:clamp(26px,7vw,40px);font-weight:800;margin:16px 0}.gb-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gb-choice{min-height:72px;border-radius:14px;border:1px solid var(--gb-line);background:var(--gb-panel-2);color:var(--gb-text);font:800 22px var(--gb-font);cursor:pointer}.gb-choice:active{transform:scale(.97)}.gb-review{text-align:left;display:flex;flex-direction:column;gap:4px;font-size:15px}.gb-review .no{color:var(--gb-danger)}@media(max-height:640px){.gb-home{gap:8px}.gb-rank{padding:7px 12px 6px}.gb-rank-list{font-size:13px}.gb-rank-list li{min-height:21px}.gb-play{min-height:50px;font-size:17px}.gb-mode{min-height:64px;padding:8px 10px}}@media(max-width:350px){.gb-mode-desc{display:none}}.frac{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;line-height:1.05;margin:0 .12em;font-size:.9em;font-variant-numeric:tabular-nums}.frac-n{padding:0 .18em .06em;border-bottom:.09em solid currentColor}.frac-d{padding:.06em .18em 0}.frac-mixed{white-space:nowrap}.frac-mixed>.frac{margin-left:.06em}#gb-layer .frac,[data-gb] .frac{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;vertical-align:middle;position:static;top:auto;float:none;width:auto;height:auto;text-align:center;line-height:1.05}#gb-layer .frac-n,#gb-layer .frac-d,[data-gb] .frac-n,[data-gb] .frac-d{display:block;position:static;float:none}#gb-layer .gb-choices>.gb-choice:last-child:nth-child(odd){grid-column:1/-1}.gb-ic{width:1.1em;height:1.1em;vertical-align:-.18em;flex:none}.gb-ic-ok{color:#6fdc8c}.gb-ic-no{color:#ff7a6b}.gb-hearts i .gb-ic{color:#ff5a6e}.gb-hearts i.lost .gb-ic{color:#ffffff40}.gb-rank-list .pos.m1,.gb-rank-list .pos.m2,.gb-rank-list .pos.m3{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-weight:900;color:#1b1b1b}.gb-rank-list .pos.m1{background:#ffd34d}.gb-rank-list .pos.m2{background:#d7dde6}.gb-rank-list .pos.m3{background:#e0a46a}.gb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:2px 0 6px;padding:6px 0;border-bottom:1px solid var(--gb-line);text-align:center}.gb-stats span{display:flex;flex-direction:column;gap:1px;min-width:0}.gb-stats b{font-size:15px;font-variant-numeric:tabular-nums;color:var(--gb-text)}.gb-stats small{font-size:12px;color:var(--gb-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gb-more{display:block;width:100%;text-align:center}.gb-rank-all{text-align:left}.gb-rank-all h2{text-align:center}.gb-tabs{display:flex;gap:6px;justify-content:center;margin:4px 0 8px}.gb-tab{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--gb-line);background:transparent;color:var(--gb-text);font:700 14px var(--gb-font);cursor:pointer}.gb-tab.on{background:var(--gb-accent);color:var(--gb-accent-ink);border-color:transparent}.gb-rank-scroll{max-height:min(60vh,520px);overflow-y:auto;padding:0 4px}.gb-rank-scroll li{min-height:30px}