.mascot-section{padding-top:76px;scroll-margin-top:25px}.mascot-section .bau-section-head{align-items:flex-start}.mascot-section .bau-section-head>p{max-width:385px}.mascot-intro{font-size:18px;line-height:1.7}.mascot-method-note{border-left:5px solid #244bff;padding:10px 16px;margin:22px 0 30px;background:#f4f5f8;font-size:14px;line-height:1.7}.mascot-method-note strong{font-size:16px}.mascot-method-note a{font-weight:800;text-underline-offset:4px}.mascot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:3px solid #111;border-left:3px solid #111}.mascot-card{min-width:0;border-right:3px solid #111;border-bottom:3px solid #111;background:#f7f7f4;display:flex;flex-direction:column}.mascot-card-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;font:800 12px/1.3 system-ui;letter-spacing:.06em}.mascot-rank{font-size:56px;font-weight:900;line-height:1;letter-spacing:-.07em}.mascot-card:nth-child(3n+1) .mascot-card-head{background:#e5ff00}.mascot-card:nth-child(3n+2) .mascot-card-head{background:#ff6a00}.mascot-card:nth-child(3n) .mascot-card-head{background:#244bff;color:#fff}.mascot-art{height:280px;display:grid;place-items:center;padding:16px;overflow:hidden}.mascot-crop{position:relative;overflow:hidden;flex:none;aspect-ratio:var(--crop-ratio);width:100%;max-width:var(--crop-max,100%);background:#f7f7f4}.mascot-crop img{position:absolute;display:block;width:var(--image-width)!important;height:auto!important;max-width:none!important;max-height:none!important;left:var(--image-left);top:var(--image-top);object-fit:fill!important}.mascot-copy{padding:14px 22px 25px;flex:1;display:flex;flex-direction:column;border-top:1px solid #d9d9d5;background:#fff}.mascot-card h3{font-size:clamp(22px,2.35vw,31px);font-weight:900;line-height:1.4;letter-spacing:-.045em;margin:0 0 13px;overflow-wrap:anywhere}.mascot-combination{font-size:14px;line-height:1.6;font-weight:800;color:#244bff;margin-bottom:10px}.mascot-character-line{font-size:15px;line-height:1.7;margin:0}.mascot-card.special .mascot-card-head{background:#111;color:#e5ff00}.mascot-card.special .mascot-rank{font-size:34px;letter-spacing:-.04em}.mascot-special-note{font-size:12px;margin-top:16px;font-weight:800}.mascot-more{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px}.mascot-more a{display:flex;justify-content:space-between;gap:35px;border:2px solid #111;padding:15px 20px;font-weight:900;text-decoration:none}.mascot-more a:first-child{background:#e5ff00}.mascot-more a:hover{text-decoration:underline;text-underline-offset:4px}.mascot-page .mascot-page-head{padding:55px 0 30px;border-bottom:3px solid #111}.mascot-page-head h1{font-size:clamp(44px,6vw,80px);font-weight:900;line-height:1.23;letter-spacing:-.055em;margin:15px 0 23px}.mascot-page-head p{font-size:18px;line-height:1.7;max-width:880px}.mascot-stats{font-size:15px;margin:20px 0}.mascot-stats b{font-size:44px;letter-spacing:-.05em}.mascot-method{padding:36px 0}.mascot-method h2,.mascot-all-head h2{font-size:32px;font-weight:900;margin-bottom:18px}.mascot-method>p{font-size:16px;max-width:940px;line-height:1.8}.mascot-method details{margin-top:22px;padding:18px 20px;border:2px solid #111;background:#f7f7f4}.mascot-method summary{font-weight:900;cursor:pointer}.mascot-method dl{display:grid;grid-template-columns:160px 1fr;gap:12px 20px;line-height:1.7;font-size:14px;margin-top:20px}.mascot-method dt{font-weight:800}.mascot-method dd{margin:0}.mascot-all-head{margin:30px 0}.mascot-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mascot-catalog-grid .mascot-art{height:235px;padding:14px}.mascot-catalog-grid .mascot-card h3{font-size:23px}.mascot-catalog-grid .mascot-rank{font-size:28px}.mascot-catalog-grid .mascot-card-head{padding:13px 17px}.mascot-catalog-grid .mascot-copy{padding:17px}.mascot-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}.mascot-filter label{font-weight:800}.mascot-filter input{padding:13px 15px;min-height:48px;width:min(100%,410px);border:2px solid #111;border-radius:0;font:inherit;background:#fff}.mascot-card[hidden]{display:none}.mascot-empty{padding:25px;border:2px solid #111}.mascot-votes{font-size:12px;margin-top:auto;padding-top:14px;color:#555}.mascot-home-link{font-weight:800;text-underline-offset:4px}.mascot-page .site-foot{margin-top:60px}.mascot-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center}.mascot-hero .mascot-crop{max-width:420px;margin:auto}.mascot-top-title{color:#244bff}.mascot-catalog-grid .mascot-card:nth-child(3n) .mascot-card-head{background:#f7f7f4;color:#111}.mascot-catalog-grid .mascot-card:nth-child(3n+1) .mascot-card-head,.mascot-catalog-grid .mascot-card:nth-child(3n+2) .mascot-card-head{background:#f7f7f4}.mascot-hero-caption{font-size:12px!important;letter-spacing:0!important;line-height:1.6!important;font-weight:600!important}.bau-hero-art .mascot-crop{width:78%;max-width:330px;max-height:none;margin:8px auto;mix-blend-mode:multiply}.bau-hero-art .mascot-crop img{isolation:auto}.mascot-shortcut{font-weight:900}
@media(max-width:1100px){.mascot-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mascot-art{height:240px}.mascot-card-head,.mascot-copy{padding-inline:18px}.mascot-card h3{font-size:25px}.mascot-page-head h1{font-size:60px}}
@media(max-width:760px){.mascot-section{padding-top:45px}.mascot-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-width:2px}.mascot-card{border-width:2px}.mascot-card-head{padding:12px 14px;gap:5px;font-size:10px}.mascot-rank{font-size:42px}.mascot-art{height:210px;padding:10px}.mascot-copy{padding:15px 14px 20px}.mascot-card h3{font-size:24px;line-height:1.45}.mascot-combination{font-size:13px}.mascot-character-line{font-size:14px}.mascot-card.special .mascot-rank{font-size:24px}.mascot-method-note{font-size:13px;padding:10px 13px}.mascot-page-head h1{font-size:42px}.mascot-page-head p{font-size:16px}.mascot-page .mascot-page-head{padding-top:30px}.mascot-hero{grid-template-columns:1fr}.mascot-hero>.mascot-crop{display:none}.mascot-method{padding-top:28px}.mascot-method dl{grid-template-columns:1fr;gap:7px}.mascot-method dd{margin-bottom:14px}.mascot-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mascot-catalog-grid .mascot-card h3{font-size:20px}.mascot-catalog-grid .mascot-art{height:200px}.mascot-method h2,.mascot-all-head h2{font-size:28px}.mascot-more a{font-size:15px}.mascot-intro{font-size:16px}.bau-hero-art .mascot-crop{width:230px;max-width:100%;margin-block:14px}}
@media(max-width:420px){.mascot-grid{grid-template-columns:1fr}.mascot-art{height:285px}.mascot-copy{padding:20px}.mascot-card h3{font-size:30px}.mascot-card-head{padding:17px 20px;font-size:12px}.mascot-rank{font-size:52px}.mascot-catalog-grid{grid-template-columns:1fr}.mascot-catalog-grid .mascot-art{height:285px}.mascot-catalog-grid .mascot-card h3{font-size:26px}.mascot-page-head h1{font-size:38px}}
.mascot-art{--fit-height:248px}.mascot-art .mascot-crop{width:min(100%,calc(var(--fit-height) * var(--crop-ratio)))}.mascot-catalog-grid .mascot-art{--fit-height:207px}@media(max-width:1100px){.mascot-art{--fit-height:208px}}@media(max-width:760px){.mascot-art{--fit-height:190px}.mascot-catalog-grid .mascot-art{--fit-height:172px}}@media(max-width:420px){.mascot-art,.mascot-catalog-grid .mascot-art{--fit-height:257px}}
.bside-label{display:inline-block;background:#111;color:#e5ff00;font:900 13px/1.4 system-ui;letter-spacing:.05em;padding:12px 17px}
.bside-page .mascot-page-head{padding:40px 0;border-bottom:5px solid #111}
.bside-page .mascot-hero{grid-template-columns:1.4fr 1fr;gap:35px}
.bside-page .mascot-page-head h1{font-size:clamp(42px,5.6vw,76px);line-height:1.35}
.bside-page .mascot-hero>.mascot-crop{max-width:360px;mix-blend-mode:multiply}
.bside-page .mascot-stats{font-size:13px}
.bside-index{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:25px;font-size:13px;font-weight:800}
.bside-index a{padding:8px 0;text-underline-offset:5px}
.bside-page .mascot-all-head>p{font-size:14px;line-height:1.8}
.bside-page section{scroll-margin-top:25px}
.bside-page .mascot-method{padding-top:45px}
@media(max-width:760px){.bside-page .mascot-hero{grid-template-columns:1fr;gap:0}.bside-page .mascot-page-head{padding-block:28px}.bside-page .mascot-page-head h1{font-size:clamp(34px,8.7vw,55px)}.bside-label{font-size:10px;padding:10px 13px}.bside-page .mascot-home-link{font-size:11px;max-width:90px}.bside-page .site-head{gap:15px}.bside-index{gap:12px 18px;font-size:12px}.bside-page .mascot-all-head h2{font-size:26px}.bside-page .mascot-page-head .mascot-stats{font-size:11px}}