:root{--color-bg-primary: #1a1a2e;--color-bg-secondary: #16213e;--color-bg-card: #1f2b47;--color-bg-card-hover: #263354;--color-bg-input: #0f1a30;--color-bg-overlay: rgba(26, 26, 46, .95);--color-accent: #e94560;--color-accent-hover: #ff6b81;--color-accent-dark: #c0392b;--color-secondary: #0f3460;--color-secondary-light: #1a4a8a;--color-gold: #f5c518;--color-gold-dim: #c9a30a;--color-text-primary: #eaeaea;--color-text-secondary: #a0aec0;--color-text-muted: #6b7a90;--color-text-link: #64b5f6;--color-text-link-hover: #90caf9;--color-border: #2a3a5c;--color-border-light: #3a4a6c;--color-success: #2ecc71;--color-warning: #f5c518;--color-danger: #e94560;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-family-base: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Meiryo", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-tight: 1.3;--line-height-base: 1.7;--line-height-relaxed: 1.9;--container-max: 1200px;--container-narrow: 800px;--header-height: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(233, 69, 96, .15);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--color-text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-text-link-hover)}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-md);color:var(--color-text-secondary)}small{font-size:var(--font-size-sm)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-md)}.container--narrow{max-width:var(--container-narrow)}.section{padding-block:var(--space-2xl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.text-center{text-align:center}.text-right{text-align:right}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:100;background:var(--color-bg-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);height:var(--header-height)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:100%}.site-logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--color-text-primary)}.site-logo__name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-accent),var(--color-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.site-logo__tagline{font-size:var(--font-size-xs);color:var(--color-text-muted);display:none}@media(min-width:768px){.site-logo__tagline{display:block}}.main-nav{display:none}.main-nav.is-open{display:flex}.main-nav__list{display:flex;align-items:center;gap:var(--space-xs)}.main-nav__link{display:block;padding:var(--space-sm) var(--space-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast);white-space:nowrap}.main-nav__link:hover,.main-nav__link--active{color:var(--color-text-primary);background-color:#e945601a}.main-nav__link--active{color:var(--color-accent)}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;z-index:110}.hamburger__line{display:block;width:100%;height:2px;background-color:var(--color-text-primary);border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-base)}.hamburger.is-active .hamburger__line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.is-active .hamburger__line:nth-child(2){opacity:0}.hamburger.is-active .hamburger__line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(min-width:768px){.main-nav{display:flex}.hamburger{display:none}}@media(max-width:767px){.main-nav.is-open{position:fixed;inset:0;top:var(--header-height);background:var(--color-bg-overlay);flex-direction:column;align-items:center;justify-content:flex-start;padding-top:var(--space-2xl);z-index:99}.main-nav.is-open .main-nav__list{flex-direction:column;gap:var(--space-sm)}.main-nav.is-open .main-nav__link{font-size:var(--font-size-lg);padding:var(--space-md) var(--space-xl)}}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-light)}.card--accent{border-left:3px solid var(--color-accent)}.card--gold{border-left:3px solid var(--color-gold)}.card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.card__meta{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.card__body{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.card__footer{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-text-muted)}.card-grid{display:grid;gap:var(--space-lg);grid-template-columns:1fr}@media(min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.bbs-feed{display:flex;flex-direction:column;gap:var(--space-md)}.bbs-post{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--transition-fast)}.bbs-post:hover{border-color:var(--color-border-light)}.bbs-post__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.bbs-post__author{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-accent)}.bbs-post__date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.bbs-post__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.bbs-post__title a{color:var(--color-text-primary);transition:color var(--transition-fast)}.bbs-post__title a:hover{color:var(--color-accent)}.bbs-post__body{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-md)}.bbs-post__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.bbs-post__tag{display:inline-block;padding:2px var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-link);background:#64b5f61a;border-radius:var(--radius-full);transition:background var(--transition-fast)}.bbs-post__tag:hover{background:#64b5f633}.bbs-post__footer{display:flex;align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-muted)}.bbs-post__stat{display:flex;align-items:center;gap:var(--space-xs)}.ranking-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.ranking-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.ranking-table thead{background:var(--color-bg-secondary)}.ranking-table th{padding:var(--space-md);text-align:left;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border);white-space:nowrap}.ranking-table td{padding:var(--space-md);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);vertical-align:middle}.ranking-table tbody tr{transition:background-color var(--transition-fast)}.ranking-table tbody tr:hover{background-color:var(--color-bg-card-hover)}.ranking-table tbody tr:last-child td{border-bottom:none}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-bg-primary)}.rank-badge--1{background:linear-gradient(135deg,#f5c518,#e6a800)}.rank-badge--2{background:linear-gradient(135deg,silver,#a0a0a0)}.rank-badge--3{background:linear-gradient(135deg,#cd7f32,#a0622a)}.rank-badge--default{background:var(--color-bg-card);color:var(--color-text-muted);border:1px solid var(--color-border)}.ranking-table__name{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.ranking-table__name a{color:var(--color-text-primary)}.ranking-table__name a:hover{color:var(--color-accent)}.region-nav{margin-bottom:var(--space-2xl)}.region-nav__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg);text-align:center}.region-group{margin-bottom:var(--space-xl)}.region-group__heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gold);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-border);display:flex;align-items:center;gap:var(--space-sm)}.region-group__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}@media(min-width:480px){.region-group__grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:640px){.region-group__grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.region-group__grid{grid-template-columns:repeat(5,1fr)}}.region-link{display:flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-fast);text-align:center}.region-link:hover{color:var(--color-text-primary);background:var(--color-bg-card-hover);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-hover);color:#fff;box-shadow:var(--shadow-glow)}.btn--secondary{background:var(--color-secondary);color:var(--color-text-primary)}.btn--secondary:hover{background:var(--color-secondary-light)}.btn--outline{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn--outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn--sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs)}.btn--lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full)}.badge--accent{background:#e9456026;color:var(--color-accent)}.badge--gold{background:#f5c51826;color:var(--color-gold)}.badge--info{background:#64b5f626;color:var(--color-text-link)}.section-heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-accent);display:inline-block}.section-heading--center{display:block;text-align:center;border-bottom:none;position:relative}.section-heading--center:after{content:"";display:block;width:60px;height:3px;background:var(--color-accent);margin:var(--space-sm) auto 0;border-radius:var(--radius-full)}.site-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding-block:var(--space-2xl);margin-top:var(--space-3xl)}.site-footer__inner{display:grid;gap:var(--space-xl);grid-template-columns:1fr}@media(min-width:768px){.site-footer__inner{grid-template-columns:2fr 1fr 1fr}}.site-footer__about h3{font-size:var(--font-size-lg);margin-bottom:var(--space-md);color:var(--color-text-primary)}.site-footer__about p{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.site-footer__nav h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.site-footer__nav ul{display:flex;flex-direction:column;gap:var(--space-sm)}.site-footer__nav a{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color var(--transition-fast)}.site-footer__nav a:hover{color:var(--color-text-primary)}.site-footer__disclaimer{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;line-height:var(--line-height-relaxed)}.site-footer__disclaimer strong{color:var(--color-accent)}.site-footer__bottom{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted)}.page-hero{padding-block:var(--space-3xl) var(--space-2xl);text-align:center;background:linear-gradient(180deg,var(--color-bg-secondary),var(--color-bg-primary))}.page-hero__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md)}@media(min-width:768px){.page-hero__title{font-size:var(--font-size-4xl)}}.page-hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin-inline:auto}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);padding:var(--space-md) 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.breadcrumbs a{color:var(--color-text-muted)}.breadcrumbs a:hover{color:var(--color-text-link)}.breadcrumbs__separator{margin-inline:var(--space-xs)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);margin-top:var(--space-2xl)}.pagination__item{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-fast)}.pagination__item:hover{border-color:var(--color-accent);color:var(--color-accent)}.pagination__item--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.pagination__item--active:hover{color:#fff}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;margin-bottom:var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #e9456026}.form-textarea{min-height:120px;resize:vertical}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.pt-sm{padding-top:var(--space-sm)}.pt-md{padding-top:var(--space-md)}.pt-lg{padding-top:var(--space-lg)}.pb-sm{padding-bottom:var(--space-sm)}.pb-md{padding-bottom:var(--space-md)}.pb-lg{padding-bottom:var(--space-lg)}.text-accent{color:var(--color-accent)}.text-gold{color:var(--color-gold)}.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-text-primary)}@media(max-width:639px){.hide-mobile{display:none!important}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}}@media(min-width:640px)and (max-width:767px){.hide-sm{display:none!important}}@media(min-width:768px){.hide-desktop{display:none!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-slow) ease forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.pulse{animation:pulse 2s ease-in-out infinite}