.cpl-page.cpl-three-columns{display:grid!important;grid-template-columns:170px minmax(0,1fr) minmax(150px,var(--special))!important;gap:24px!important;width:calc(100% - 32px)!important;max-width:1374px!important;align-items:start}
.cpl-three-columns>.cpl-ranks{grid-column:1;min-width:0;font-size:14px;line-height:1.5;color:#111}
.cpl-three-columns>.cpl-body{grid-column:2;min-width:0}
.cpl-three-columns>.cpl-side{grid-column:3;max-width:100%;min-width:0;border-left:0!important;padding-left:0!important}
.cpl-ranks>h2{font-size:17px;margin:0 0 16px;white-space:nowrap;line-height:1.4}
.cpl-rank{margin:0 0 18px;border-top:2px solid #111;padding-top:8px}
.cpl-rank h3{font-size:19px;margin:0 0 8px}
.cpl-rank h3 small{display:block;font-size:12px;font-weight:400}
.cpl-rank ul{list-style:none;margin:0;padding:0}
.cpl-rank li{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 6px}
.cpl-rank li>span{overflow-wrap:anywhere;min-width:0}
.cpl-rank li>small{white-space:nowrap;font-size:12px}
.cpl-rank-empty{color:#666;font-size:12px}
.cpl-ranks>.cpl-point-guide{grid-column:1/-1;font-size:12px;line-height:1.5;margin:0 0 16px}
/* Preserve yesterday's main-content width when adding the 170px left rail.
   Always reserve an actual gutter even when the available width is smaller. */
@media(min-width:781px){
 .cpl-three-columns .cpl-excellent{grid-template-columns:repeat(3,minmax(0,var(--excellent)))!important}
 .cpl-three-columns .cpl-honorable{grid-template-columns:repeat(4,minmax(0,var(--honorable)))!important}
 .cpl-three-columns .cpl-selected{grid-template-columns:repeat(5,minmax(0,var(--selected)))!important}
 .cpl-three-columns .cpl-excellent,.cpl-three-columns .cpl-honorable,.cpl-three-columns .cpl-selected{column-gap:20px!important;justify-content:space-between!important}
 .cpl-three-columns .cpl-grid .cpl-card{width:100%!important;max-width:100%!important;min-width:0!important}
}
@media(min-width:781px) and (max-width:1100px){.cpl-page.cpl-three-columns{max-width:1180px!important}}
/* The grand-prize image owns its configured width; the review gets the remainder. */
.cpl-three-columns .cpl-grand-wrap{display:flex!important;flex-wrap:wrap;align-items:flex-start;gap:24px!important;padding-right:0!important}
.cpl-three-columns .cpl-grand-wrap>div:first-child{flex:0 0 min(var(--grand),100%);width:min(var(--grand),100%);min-width:0;max-width:100%}
.cpl-three-columns .cpl-grand-wrap .cpl-grand{display:block!important;width:100%!important}
.cpl-three-columns .cpl-grand-wrap .cpl-grand .cpl-card{width:100%!important;max-width:100%!important;min-width:0!important}
.cpl-three-columns .cpl-grand-wrap>.cpl-review{flex:1 1 200px;box-sizing:border-box;min-width:0;max-width:100%;margin:0!important;overflow-wrap:anywhere}
@media(max-width:780px){.cpl-three-columns .cpl-grand-wrap>.cpl-review{flex-basis:100%}}
:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge{display:inline-flex;align-items:center;justify-content:center;width:1.45em;height:1.45em;box-sizing:border-box;flex:none;border:1.5px solid currentColor;border-radius:50%;font-size:14px;line-height:1;font-weight:700;vertical-align:middle;background:transparent;color:#111}
.cpl-rank-author{display:inline-flex;align-items:center;gap:5px;min-width:0}
.cpl-rank-author>span:last-child{min-width:0;overflow-wrap:anywhere;font-size:calc(14px + 2pt);line-height:.75}
.cpl-author-identity>.cpl-author-marks{grid-column:1;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.cpl-author-marks>.cpl-author-badge{margin:0!important;flex:none}
:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-gasei{border-radius:0;border:0;width:2em;height:2em;color:#000;background:transparent;isolation:isolate}
.cpl-rank-gasei::before{content:"";position:absolute;inset:-5%;z-index:-1;background:url("shinpi-mark.svg") center/100% 100% no-repeat}
:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-kyosho{border-radius:0;background:#f00;color:#fff;border-color:#f00}
:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-tatsujin{border-radius:5px;background:#00f;color:#fff;border-color:#00f}
:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-kiei{border-radius:5px;background:#ff0;color:#000;border-color:#ff0}
:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-shinsei{background:#fff;color:#000;border:1.5px solid #ccc}
:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-uchu{position:relative;isolation:isolate;width:2em;height:2em;border:0;border-radius:0;background:transparent;color:#ff0;animation:none;opacity:1}
.cpl-rank-uchu::before{content:"";position:absolute;inset:0;z-index:-1;background:url("uchuryu-double-star-v1822.svg") center/100% 100% no-repeat}
@keyframes cpl-cosmic-blink{0%,100%{opacity:1}50%{opacity:.15}}
:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge{position:relative;font-size:14px}
:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge>.cpl-rank-glyph{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateY(.04em);display:block;margin:0;padding:0;font-family:Arial,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:16px;line-height:1;font-weight:700;color:inherit;white-space:nowrap}
:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-uchu>.cpl-rank-glyph{top:52%;font-size:16.15px}
:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-gasei>.cpl-rank-glyph{animation:cpl-cosmic-blink 4s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-gasei>.cpl-rank-glyph{animation:none}}
@media(prefers-reduced-motion:reduce){:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-uchu{animation:none}}
@media(max-width:1100px){.cpl-page.cpl-three-columns{grid-template-columns:minmax(0,1fr) minmax(150px,var(--special))!important}.cpl-three-columns>.cpl-body{grid-column:1;grid-row:1}.cpl-three-columns>.cpl-side{grid-column:2;grid-row:1}.cpl-three-columns>.cpl-ranks{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.cpl-ranks>h2{grid-column:1/-1}}
@media(max-width:780px){.cpl-page.cpl-three-columns{grid-template-columns:minmax(0,1fr)!important;gap:20px!important;width:calc(100% - 24px)!important}.cpl-three-columns>.cpl-body{grid-column:1;grid-row:1}.cpl-three-columns>.cpl-side{grid-column:1;grid-row:2;width:100%!important}.cpl-three-columns>.cpl-ranks{grid-column:1;grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr))}}

.cpl-rank-shortcode{display:inline-block;vertical-align:calc(.5em - 14px)!important;line-height:1}
.cpl-rank h3{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;column-gap:5px}
.cpl-rank h3 small{grid-column:1/-1}
/* Match the measured text centre on the POINT explanation page, including nested code wrappers. */
.page-id-286 .cpl-rank-shortcode{position:relative;top:-.486816em}
/* Shortcodes pasted as inline code may have nested code wrappers. Reset only badge wrappers. */
code:has(.cpl-rank-shortcode){display:inline!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;box-shadow:none!important;font:inherit!important;letter-spacing:normal!important}
.cpl-rank-shortcode{width:28px!important;height:28px!important;margin:0!important;padding:0!important;letter-spacing:normal!important;text-indent:0!important;box-sizing:border-box!important}
.cpl-rank-shortcode .cpl-rank-badge{width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;min-height:28px!important;max-height:28px!important;margin:0!important;padding:0!important;box-sizing:border-box!important;letter-spacing:normal!important;text-indent:0!important}
:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-kyosho{width:2em;height:2em;border:0;border-radius:0;background:url("kisai-mark-v169.svg") center/100% 100% no-repeat;color:#fff}
:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-tatsujin{width:2em;height:2em;border:0;border-radius:0;background:url("tatsujin-mark.svg") center/100% 100% no-repeat;color:#fff}
:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-kiei{width:2em;height:2em;border:0;border-radius:0;background:url("itsuzai-mark.svg") center/100% 100% no-repeat;color:#000}
:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-shinsei{width:2em;height:2em;border:0;border-radius:0;background:url("shinsei-mark-v173.svg") center/100% 100% no-repeat;color:#000}
:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-hatsutojo{width:2em;height:2em;border:0;border-radius:0;background:url("tamago-mark.svg") center/90% 90% no-repeat;color:#000}
:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-hatsutojo>.cpl-rank-glyph{font-size:14.4px;transform:translate(-50%,-50%) translate(.04em,0em)}
.cpl-page .cpl-body .cpl-author-identity .cpl-author-count{font-size:inherit!important}
@keyframes cpl-rank-glyph-pulse{0%,100%{transform:translate(-50%,-50%) translateY(.04em) scale(1)}50%{transform:translate(-50%,-50%) translateY(.04em) scale(1.2)}}
@keyframes cpl-uchu-glyph-color{0%,100%{color:#b3e5fc}50%{color:#ff0}}
@keyframes cpl-shinpi-glyph-color{0%,100%{color:#ff80ab}50%{color:#000}}
@keyframes cpl-shinpi-glyph-blink{0%,50%,100%{opacity:1}25%,75%{opacity:.35}}
:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-uchu{animation:none;opacity:1}
@media(prefers-reduced-motion:reduce){:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-uchu{animation:none}}
:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-uchu>.cpl-rank-glyph{animation:cpl-shinpi-glyph-blink 4s ease-in-out infinite,cpl-uchu-glyph-color 4s ease-in-out infinite}
:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-gasei>.cpl-rank-glyph{animation:cpl-shinpi-glyph-blink 4s ease-in-out infinite,cpl-shinpi-glyph-color 4s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-uchu>.cpl-rank-glyph,:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-gasei>.cpl-rank-glyph{animation:none}}
/* Scale the entire mark, including its glyph, without changing the surrounding layout. */
.cpl-page>.cpl-ranks .cpl-rank-badge,.cpl-page>.cpl-body .cpl-rank-badge{transform:scale(.9);transform-origin:center}
:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-shinra{width:28px;height:28px;border:0;border-radius:0;background:url("shinra-background-v185.png") center/100% 100% no-repeat;color:#000}
:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-shinra>.cpl-rank-glyph{top:54%;font-size:22.4px;font-weight:900;-webkit-text-stroke:.24px #fff;paint-order:stroke fill;transform:translate(-50%,-50%) scale(.3);animation:cpl-shinra-spin 16s linear infinite;color:#fff}
@keyframes cpl-shinra-spin{0%,100%{transform:translate(-50%,-50%) scale(.3) rotate(0deg)}37.5%,62.5%{transform:translate(-50%,-50%) scale(1) rotate(720deg)}}
/* Match the inline title centre on the application page, including nested code wrappers. */
.page-id-41 .cpl-rank-shortcode{position:relative;top:-.486816em}
/* Gift headings: align the existing 28px icon with the text line center. */
.page-id-348 h4 mark:has(>code .cpl-rank-shortcode){display:inline-flex;align-items:center;gap:.28em;max-width:100%;vertical-align:middle}
.page-id-348 h4 mark>code:has(.cpl-rank-shortcode){display:flex!important;align-items:center;flex:none;line-height:0!important}
.page-id-348 h4 .cpl-rank-shortcode{position:static;top:auto;vertical-align:middle!important;flex:none}
@media(prefers-reduced-motion:reduce){:is(.cpl-page,.cpl-rank-shortcode) .cpl-rank-badge.cpl-rank-shinra>.cpl-rank-glyph{animation:none;transform:translate(-50%,-50%) scale(1)}}