.coe-showcase{background:#081b27;color:#f1e8cf}.showcase-wrap{max-width:1280px;margin:auto;padding:34px 28px 72px}.showcase-heading h1{font-size:38px;margin:5px 0 10px}.showcase-heading p{margin:0 0 18px}.eyebrow{font:11px sans-serif;letter-spacing:.22em;color:#91b9ab}.showcase-tabs{display:flex;gap:8px;margin:24px 0 16px}.showcase-tabs a{padding:12px 28px;border:1px solid #9d8958;text-decoration:none;color:#e8dab7;background:#16333d}.showcase-tabs a[aria-current]{background:#ddc78e;color:#192b2c;font-weight:bold}.tier-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 25px;font-size:14px}.tier-filter select,.tier-filter button{background:#f3eddc;border:1px solid #b69d6b;color:#243638;padding:8px 12px;border-radius:4px}.tier-filter a{margin-left:auto}.tier-intro{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.tier-intro strong{font-size:23px}.tier-intro span,.tier-source{font-size:13px;line-height:1.7;color:#c3d0c8}.tier-board{border:1px solid #8b805b;margin-top:18px;border-radius:6px;overflow:hidden}.tier-row{display:grid;grid-template-columns:88px 1fr;border-bottom:1px solid #766d54;background:#102733}.tier-row:last-child{border:0}.tier-row>h2{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#252a26;font:800 32px sans-serif;background:#d1c19e}.tier-row>h2:before{content:none}.tier-row>h2 small{font-size:11px;margin-top:8px}.tier-sss>h2,.tier-ss>h2{background:#db8e83}.tier-s>h2{background:#deb487}.tier-a>h2{background:#e0ce89}.tier-b>h2{background:#a9c696}.tier-c>h2{background:#93bebe}.tier-d>h2,.tier-pending>h2{background:#abb4bb}.tier-pending>h2{font-size:17px}.tier-characters{display:flex;gap:18px 14px;flex-wrap:wrap;padding:20px}.tier-character{width:106px;text-align:center;text-decoration:none!important;color:#f4e8c9!important;display:flex;flex-direction:column;align-items:center;line-height:1.35}.tier-portrait{position:relative;display:block;width:90px;height:90px;margin-bottom:8px}.tier-portrait img{width:100%;height:100%;object-fit:contain;border-radius:8px;background:#294246;border:1px solid #bdac7d}.tier-character:hover img{outline:2px solid #e9d49c;transform:translateY(-2px)}.tier-character b{font-size:14px}.tier-character small{font-size:11px;margin-top:3px;min-height:29px}.role-label{font-size:10px;color:#a9c6bf;padding:3px 0}.attribute-dot{position:absolute;right:-4px;bottom:-2px;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:11px;background:#455665;border:1px solid #f3d8a3;color:white}[data-attribute="赤"]{background:#af4a43!important;color:white!important}[data-attribute="青"]{background:#37799c!important;color:white!important}[data-attribute="緑"]{background:#4e8063!important;color:white!important}[data-attribute="黄"]{background:#c19b3f!important;color:#182826!important}[data-attribute="紫"]{background:#7e619a!important;color:white!important}.tier-count{text-align:right;font-size:12px;color:#b4c5bd}.ranking-guide{margin-top:36px}.ranking-guide h2{font-size:25px}.ranking-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ranking-guide article{border-top:2px solid #ad975f;padding:20px;background:#102a35}.ranking-guide article>b{color:#bea66e;font-size:23px}.ranking-guide h3{font-size:18px}.ranking-guide p{font-size:14px;line-height:1.9}.showcase-notes{margin:25px 0;font-size:14px;padding:16px;border:1px solid #546b69}.showcase-next{display:flex;gap:15px;flex-wrap:wrap;margin:25px 0}.showcase-next a{border-bottom:1px solid #8d825e;padding:8px 0;color:#e0cea0}.game-breadcrumb{display:flex;gap:24px;font-size:14px;margin:0 0 20px}.game-breadcrumb a{color:#e7d7ab}.character-screen{display:grid;grid-template-columns:43% 57%;border:3px double #b7a47a;border-radius:9px;overflow:hidden;background:#dae4ca;box-shadow:0 10px 40px #0004;color:#3a392c}.character-visual{position:relative;min-height:670px;align-self:start;background:radial-gradient(ellipse at 50% 30%,#f6f1cb 0,#dbe9bf 40%,#aecfc2 100%);padding:25px 22px 20px;display:flex;flex-direction:column;overflow:hidden}.character-visual:before{content:'';position:absolute;width:600px;height:600px;border:1px solid #fff7;border-radius:50%;top:35px;left:-50px;pointer-events:none}.character-visual .eyebrow{color:#4b6b59;position:relative}.character-rarity{color:#b48a30;font-size:24px;text-shadow:0 1px white;letter-spacing:4px;position:relative}.character-art{height:445px;position:relative;display:grid;place-items:center}.character-art img{max-width:100%;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 12px #41543c35)}.character-nameplate{position:relative;background:#f4efddd9;border:3px double #b9a570;border-radius:7px;padding:15px 17px;text-align:center;margin-top:-20px;backdrop-filter:blur(6px)}.character-nameplate p{margin:0;font-size:15px;color:#78613b}.character-nameplate h1{font-size:34px;line-height:1.2;margin:7px 0 12px;color:#3b392b}.character-badges{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}.character-badges span{background:#dce2ce;border:1px solid #b2b695;border-radius:3px;padding:3px 7px;font:12px sans-serif}.character-panel{padding:22px;background:linear-gradient(135deg,#f5f0df,#e9e4d0);min-width:0;scroll-margin-top:10px}.game-tabs{display:flex;border-bottom:2px solid #ae9c6b;gap:5px;margin-bottom:24px}.game-tabs a{flex:1;text-align:center;text-decoration:none;background:#dedcc7;color:#606448;padding:12px 6px;font-size:15px;border:1px solid #b8b395;border-bottom:0;border-radius:5px 5px 0 0;font-weight:bold}.game-tabs a.active{background:#847345;color:white}.character-panel h2{font-size:24px;color:#4d4b35;margin:8px 0}.character-panel h3{font-size:17px;color:#514a32}.panel-caption{font-size:12px;color:#7b755d;margin:3px 0 22px}.game-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.game-stats>div{display:grid;grid-template-columns:25px 1fr;align-items:center;background:#fffdf1c9;border:1px solid #c8bea0;border-radius:5px;padding:16px 14px;gap:4px 6px;font-size:14px}.game-stats strong{grid-column:2;font:bold 28px Georgia,serif;letter-spacing:.02em;color:#3c422f}.stat-symbol{color:#897e51;font-size:22px}.secondary-stats{display:flex;gap:15px;flex-wrap:wrap;margin:16px 0;font-size:12px}.secondary-stats b{margin-left:8px;color:#7e785f}.stat-context{font-size:13px;line-height:1.8;background:#e1e7d4;border-left:3px solid #8c9c78;padding:13px}.stat-source,.character-panel details{font-size:12px;line-height:1.8;color:#766d57;margin:15px 0}.character-panel summary{cursor:pointer;color:#5f5b3d}.character-panel a{color:#426859}.game-button{display:block;text-align:center;padding:12px;background:#637e65;color:white!important;text-decoration:none;border:3px double #c4c5a0;margin:25px 0}.profile-hint{border-top:1px solid #c5b994;margin-top:25px;font-size:14px;line-height:1.8}.game-skill{border:3px double #b6a883;background:#fffdf0d9;margin:14px 0;border-radius:3px;padding:13px 15px}.game-skill header{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #d8cfae;padding-bottom:9px;margin-bottom:10px}.game-skill header>span{font-size:11px;background:#867a52;color:#fff;padding:3px 6px;border-radius:3px}.game-skill h3{margin:0!important;font-size:17px;flex:1}.game-skill h3 a{text-decoration:none;color:#4a422e}.sp-pill{font-size:12px;background:#e2e0cf;padding:4px 9px;border-radius:15px;color:#5b624c;white-space:nowrap}.skill-effect,.verified-effect p{font-size:15px;line-height:1.85;margin:10px 0;color:#383b2d}.condition-tag{font-size:11px;display:inline-block;padding:2px 6px;background:#e3ead9;color:#586747}.verified-effect strong{color:#945742}.unlock-line{font-size:12px;color:#7a6542}.game-skill details{margin:10px 0 0}.game-skill details p{font-size:12px}.profile-tier{display:flex;align-items:center;justify-content:space-between;background:#e4d0a0;padding:15px 22px;margin:20px 0}.profile-tier strong{font-size:35px;color:#725036}.profile-links{display:flex;flex-direction:column;gap:10px}.showcase-credit{font-size:11px;color:#9fb7b0;margin-top:16px}.character-panel [hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e3aa53;outline-offset:3px}
@media(min-width:1000px){.character-visual{position:sticky;top:20px}.character-panel{min-height:670px}}@media(max-width:760px){.showcase-wrap{padding:20px 12px 75px}.showcase-heading h1{font-size:28px}.showcase-tabs a{flex:1;text-align:center;padding:11px 5px;font-size:14px}.tier-row{grid-template-columns:48px 1fr}.tier-row>h2{font-size:23px}.tier-characters{gap:14px 8px;padding:14px 8px}.tier-character{width:calc((100% - 16px)/3);min-width:65px}.tier-portrait{width:68px;height:68px;max-width:100%}.tier-character b{font-size:12px}.tier-character small{font-size:10px;min-height:27px}.role-label{font-size:9px}.tier-filter a{margin-left:0;font-size:12px}.tier-source{font-size:11px}.ranking-guide>div{grid-template-columns:1fr}.ranking-guide article{padding:16px}.character-screen{grid-template-columns:1fr}.character-visual{min-height:0;padding:14px 16px 15px}.character-visual .eyebrow{font-size:9px;margin:0}.character-rarity{font-size:18px;position:absolute;top:14px;right:14px}.character-art{height:245px}.character-nameplate{padding:10px;margin-top:-8px}.character-nameplate h1{font-size:28px;margin:4px 0 8px}.character-nameplate p{font-size:13px}.character-panel{padding:14px}.game-tabs{margin-bottom:18px;position:sticky;top:0;z-index:2;background:#f0ebd9}.game-tabs a{font-size:13px;padding:12px 3px}.game-stats{gap:8px}.game-stats>div{padding:12px 10px;font-size:12px}.game-stats strong{font-size:25px}.game-skill{padding:11px}.game-skill h3{font-size:15px}.game-breadcrumb{font-size:12px;gap:18px}.stat-context{font-size:12px}.showcase-next{font-size:13px}.showcase-credit{font-size:10px}.character-panel h2{font-size:22px}.game-skill header{gap:6px}.character-panel{scroll-margin-top:8px}}

@media(max-width:760px){.character-rarity{z-index:1;background:#f6efd9dd;padding:2px 6px;border-radius:4px}}

.yt-tier-source{padding:24px;margin:20px 0;background:#eaf0df;color:#253d32;border:1px solid #9fa57e}.yt-tier-source h2{font-size:24px}.yt-tier-source p{line-height:1.8}.yt-tier-source .tier-source{color:#405449}.yt-tier-conditions{padding:12px 16px;background:#fffaf0;border-left:4px solid #93753a}.tier-d>h2{background:#3c7662}.tier-pending>h2{font-size:22px}@media(max-width:600px){.yt-tier-source{padding:16px}.yt-tier-source h2{font-size:20px}.tier-pending>h2{font-size:15px}}

@media(max-width:760px){.tier-board .tier-character{width:calc((100% - 8px)/2);min-width:0}.tier-board .tier-portrait{width:80px;height:80px}.tier-board .tier-character b{font-size:14px}.tier-board .tier-character small{font-size:12px;min-height:0}.tier-board .role-label{font-size:11px}}

/* Keep character navigation below the fixed site header. */
@media(max-width:760px){.character-screen .game-tabs{top:var(--coe-header-offset,64px)}.character-screen .character-panel{scroll-margin-top:var(--coe-header-offset,64px)}}
@media(min-width:1000px){.character-screen .character-visual{top:var(--coe-header-offset,72px)}}

@supports(overflow:clip){.character-screen{overflow:clip}}