html body #app#app .seal-workshop-codex-open{color:#e8edf5;min-width:78px;min-height:44px;font:850 12px/1.2 var(--game-font-display,sans-serif);background:#172a40;border:0;border-radius:12px;justify-self:start;align-items:center;gap:5px;padding:4px 10px 4px 5px;display:inline-flex;box-shadow:inset 0 1px #496079,0 3px #081421}.seal-workshop-codex-open img{object-fit:contain;width:31px;height:31px}html body #app#app .seal-workshop-effect-heading{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.seal-workshop-effect-heading strong{color:#b9dbe5;font-size:12px}html body #app#app .seal-workshop-effect-heading button{color:#e4eff7;min-height:34px;font:800 11px/1.2 var(--game-font-display,sans-serif);background:#1d3549;border:0;border-radius:8px;padding:5px 8px}.seal-workshop-effect-heading i{margin-left:3px;font-style:normal}html body #app#app[data-view=seal-workshop] .seal-workshop-page[data-seal-effects] .seal-workshop-upgrade-preview>article{filter:none;background:#101e2c;border-radius:12px;gap:4px;min-height:92px}html body #app#app[data-view=seal-workshop] .seal-workshop-page[data-seal-effects] .seal-workshop-upgrade-preview>article.is-result{background:#253236;box-shadow:inset 0 0 0 1px #778363}html body #app#app[data-view=seal-workshop] .seal-workshop-page[data-seal-effects] .seal-workshop-sheet{min-height:0}html body #app#app[data-view=seal-workshop] .seal-workshop-page[data-seal-effects] .seal-workshop-header{z-index:30;background:#070d17;position:sticky;top:0}html body #app#app[data-view=seal-workshop] .seal-workshop-page[data-seal-effects] .seal-workshop-stage{min-height:0!important}html body #app#app .seal-reference-modal{padding:max(14px, var(--app-safe-top)) calc(var(--app-safe-right) + 12px) max(14px, var(--app-safe-bottom)) calc(var(--app-safe-left) + 12px);place-items:center;display:grid;overflow:hidden}html body #app#app .seal-reference-dialog{flex-direction:column;gap:12px;width:min(100%,660px);min-height:0;max-height:100%;margin:0;padding:0;display:flex;position:relative}html body #app#app .seal-reference-sheet{box-sizing:border-box;overscroll-behavior:contain;color:#eaf2fa;width:100%;min-height:0;font:700 12px/1.45 var(--game-font-display,Pretendard, sans-serif);scrollbar-width:thin;scrollbar-color:#53647a transparent;background:#0b182b;border:0;border-radius:22px;grid-auto-rows:max-content;align-content:start;gap:12px;margin:0;padding:16px clamp(12px,3vw,22px);display:grid;overflow:hidden auto;box-shadow:0 12px 38px #0000006b}html body #app#app .seal-codex-sheet{grid-template-rows:repeat(4,max-content) minmax(0,1fr) max-content;overflow:hidden}html body #app#app .seal-codex-sheet .seal-codex-grid{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#53647a transparent;grid-auto-rows:max-content;align-content:start;min-height:0;overflow:hidden auto}html body #app#app .seal-reference-header{text-align:center;grid-template-columns:minmax(0,1fr);gap:7px;min-height:0;display:grid}html body #app#app .seal-reference-header h2{margin:0 auto;position:static;transform:none}html body #app#app .seal-reference-header p{color:#aab8cc;flex-wrap:wrap;justify-content:center;gap:4px 20px;margin:0;font-size:11px;display:flex}.seal-reference-header p span{color:#e3ca86}html body #app#app .seal-reference-sheet p{margin:0}.seal-reference-intro{color:#bdccde;text-align:center}html body #app#app .seal-reference-rarities{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;min-width:0;display:grid}html body #app#app .seal-reference-rarities button{box-sizing:border-box;color:#9fb1c6;min-width:0;min-height:44px;font:850 11px/1.2 var(--game-font-display,sans-serif);overflow-wrap:anywhere;box-shadow:none;background:#172941;border:0;border-radius:10px;padding:5px 2px}html body #app#app .seal-reference-rarities button.active{color:#fff1ba;background:#3a3c39;box-shadow:inset 0 0 0 1px #c2a466}.seal-reference-rarities .rarity-normal,.seal-dismantle-filters .rarity-normal{--seal-rarity-color:#35d46f}.seal-reference-rarities .rarity-rare,.seal-dismantle-filters .rarity-rare{--seal-rarity-color:#2ba8ff}.seal-reference-rarities .rarity-epic,.seal-dismantle-filters .rarity-epic{--seal-rarity-color:#a84cff}.seal-reference-rarities .rarity-legendary,.seal-dismantle-filters .rarity-legendary{--seal-rarity-color:#ff3b4f}.seal-reference-rarities .rarity-mythic,.seal-dismantle-filters .rarity-mythic{--seal-rarity-color:#ffc238}.seal-rarity-dot{background:var(--seal-rarity-color);border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.seal-rarity-guide{color:#aabed2;text-align:center;font-size:11px}html body #app#app .seal-codex-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}html body #app#app .seal-codex-card{color:#e8f0f8;min-width:0;font:inherit;text-align:center;background:#14273d;border:0;border-radius:15px;align-content:start;justify-items:center;gap:3px;padding:26px 8px 10px;display:grid;position:relative;box-shadow:inset 0 -3px #091728}html body #app#app .seal-codex-card img{object-fit:contain;filter:none;width:76px;max-width:100%;height:76px;display:block}.seal-codex-card strong{overflow-wrap:anywhere;font-size:13px;line-height:1.3}.seal-codex-card>span:not(.seal-codex-owned){color:#acbfd2;font-size:11px}.seal-codex-card>b{color:#e2ce96;font-size:14px}.seal-codex-card>small{color:#869bb4;font-size:10px}.seal-codex-owned{color:#8599af;font-size:9px;position:absolute;top:8px;right:8px}.seal-codex-card.is-owned .seal-codex-owned{color:#8fd7c4}.seal-reference-note{color:#92a8bf;font-size:11px;line-height:1.55}html body #app#app .seal-detail-hero{grid-template-columns:82px minmax(0,1fr);align-items:center;gap:12px;display:grid}.seal-detail-hero>img{object-fit:contain;width:82px;height:82px}.seal-detail-hero>div{gap:4px;min-width:0;display:grid}.seal-detail-hero h3{overflow-wrap:anywhere;margin:0;font-size:20px}.seal-detail-hero span{color:#a4bbd2;font-size:11px}.seal-detail-hero b{color:#e3cd8a;font-size:13px}html body #app#app .seal-detail-effect{background:#142b3c;border-radius:14px;gap:7px;padding:14px;display:grid}.seal-detail-effect header{justify-content:space-between;align-items:center;gap:12px;display:flex}.seal-detail-effect h3{color:#b4dbe9;margin:0;font-size:14px}.seal-detail-effect strong{color:#efe0a6;font-size:21px}.seal-detail-effect small{color:#8fd7c4;font-size:11px}.seal-detail-growth{min-width:0}.seal-detail-growth h3,.seal-detail-promotion h3{color:#dbe8f8;margin:0 0 8px;font-size:13px}.seal-detail-growth table{border-collapse:collapse;table-layout:fixed;background:#112239;border-radius:12px;width:100%;overflow:hidden}.seal-detail-growth th,.seal-detail-growth td{text-align:center;overflow-wrap:anywhere;border-bottom:1px solid #b2d1f314;padding:10px 5px;font-size:12px}.seal-detail-growth th{color:#a7bad1;font-weight:800}.seal-detail-growth th:first-child{text-align:left;width:26%;padding-left:10px;font-size:11px}.seal-detail-growth th small{margin-top:4px;font-size:10px;font-weight:700;display:block}.seal-detail-growth :is(td,th):nth-child(3){color:#f0dfa3;background:#d7b67117}.seal-detail-growth tr:last-child :is(th,td){border-bottom:0}.seal-detail-promotion p{color:#c9deeb}.seal-detail-promotion small{color:#92a8bf;margin-top:6px;font-size:11px;line-height:1.5;display:block}html body #app#app .seal-reference-close,html body #app#app .seal-reference-close:active{flex:0 0 48px;display:block;background:var(--gc-modal-close-art)!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;box-shadow:none!important;border:0!important;margin:0 auto!important;padding:0!important;position:static!important;transform:none!important}html body #app#app .seal-reference-modal button:focus-visible{outline-offset:2px;outline:2px solid #9ed9f1}html body #app#app .seal-reference-modal button:active{filter:brightness(.9)}@media (max-width:419px){html body #app#app .seal-codex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.seal-detail-growth :is(th,td){padding-inline:3px;font-size:11px}}@media (max-height:480px) and (min-width:600px){html body #app#app .seal-codex-sheet{grid-template-rows:max-content max-content minmax(0,1fr);grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:6px 12px;padding-block:8px}.seal-codex-sheet>.seal-reference-header{grid-area:1/1}.seal-codex-sheet>.seal-reference-intro{grid-area:2/1}.seal-codex-sheet>.seal-reference-rarities{grid-area:1/2}.seal-codex-sheet>.seal-rarity-guide{grid-area:2/2}.seal-codex-sheet>.seal-codex-grid{grid-area:3/2}.seal-codex-sheet>.seal-reference-note{grid-area:3/1;align-self:end}html body #app#app .seal-codex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html body #app#app .seal-codex-card{padding-top:20px}html body #app#app .seal-codex-card img{width:64px;height:64px}}@media (min-width:780px){html body #app#app[data-view=seal-workshop] .seal-workshop-page[data-seal-effects] .seal-workshop-sheet{grid-template-rows:52px minmax(0,1fr) 70px;grid-template-columns:minmax(0,1.45fr) minmax(260px,.85fr)}}