/* =========================================
   覇王戦 協賛企業ポスターウォール v1.3.0
   イカ装飾なし / 英字装飾 / 黒×ゴールド豪華版
========================================= */

.haousen-poster-wall{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  position:relative;
  overflow:hidden;
  background:#020202;
  color:#fff;
  padding:clamp(28px,4vw,56px) 16px;
  font-family:"Yu Mincho","Hiragino Mincho ProN","BIZ UDPMincho","Times New Roman",serif;
  box-sizing:border-box;
}

.haousen-poster-wall *{box-sizing:border-box;}

.haousen-poster-wall::before{
  content:"HAOUSEN SPONSOR WALL";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) rotate(-8deg);
  width:140vw;
  text-align:center;
  font-family:Arial,"Helvetica Neue",sans-serif;
  font-size:clamp(72px,13vw,210px);
  line-height:.9;
  font-weight:900;
  letter-spacing:.10em;
  color:rgba(255,215,90,.035);
  -webkit-text-stroke:1px rgba(255,215,90,.10);
  pointer-events:none;
  z-index:0;
  white-space:nowrap;
}

.haousen-poster-inner{
  position:relative;
  z-index:3;
  width:min(1180px,100%);
  margin:0 auto;
  padding:clamp(22px,3vw,42px);
  background:
    radial-gradient(circle at 75% 12%,rgba(255,183,50,.24),transparent 30%),
    radial-gradient(circle at 18% 5%,rgba(218,166,50,.14),transparent 26%),
    linear-gradient(180deg,#030303 0%,#0c0a05 50%,#030303 100%);
  border:1px solid rgba(215,164,54,.42);
  box-shadow:
    0 0 0 3px rgba(0,0,0,.86),
    0 0 45px rgba(212,175,55,.25),
    inset 0 0 70px rgba(212,175,55,.08);
  overflow:hidden;
}

.haousen-poster-inner::before{
  content:"OFFICIAL SPONSORS";
  position:absolute;
  right:-10px;
  top:34px;
  writing-mode:vertical-rl;
  font-family:Arial,"Helvetica Neue",sans-serif;
  color:rgba(255,215,90,.13);
  font-size:clamp(28px,4vw,58px);
  font-weight:900;
  letter-spacing:.20em;
  z-index:1;
  pointer-events:none;
}

.haousen-poster-glitter,
.haousen-poster-glitter:before,
.haousen-poster-glitter:after{
  position:absolute;
  inset:-20%;
  content:"";
  background-image:
    radial-gradient(circle,rgba(255,215,90,.95) 0 1px,transparent 2px),
    radial-gradient(circle,rgba(255,255,255,.75) 0 1px,transparent 2px);
  background-size:92px 92px,137px 137px;
  animation:haouSparkle 7s linear infinite;
  opacity:.45;
  z-index:1;
  pointer-events:none;
}

.haousen-poster-glitter:before{transform:rotate(12deg);animation-duration:11s;opacity:.35;}
.haousen-poster-glitter:after{transform:rotate(-10deg);animation-duration:15s;opacity:.28;}

.haousen-poster-brush{
  position:absolute;
  width:42vw;
  height:130px;
  background:linear-gradient(90deg,transparent,rgba(212,175,55,.7),rgba(255,235,130,.95),rgba(212,175,55,.6),transparent);
  filter:blur(2px);
  opacity:.55;
  z-index:2;
  pointer-events:none;
}

.haousen-poster-brush-a{top:18px;left:-7vw;transform:rotate(-14deg);}
.haousen-poster-brush-b{right:-8vw;bottom:28px;transform:rotate(-15deg);}

@keyframes haouSparkle{
  0%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(-92px,-92px,0)}
}

.haousen-poster-header{
  position:relative;
  min-height:330px;
  padding:10px 0 28px;
  z-index:4;
}

.haousen-poster-subtitle{
  text-align:center;
  color:#fff;
  font-size:clamp(18px,2.4vw,34px);
  font-weight:800;
  letter-spacing:.06em;
  text-shadow:0 2px 10px #000;
}

.haousen-poster-main-title{
  text-align:center;
  margin:.05em 0 0;
  color:#d6a530;
  font-size:clamp(72px,13vw,172px);
  line-height:.9;
  font-weight:900;
  letter-spacing:.05em;
  text-shadow:
    0 2px 0 #fff0ae,
    0 6px 0 #6b4200,
    0 0 24px rgba(255,214,96,.85),
    0 0 65px rgba(212,175,55,.4);
  background:linear-gradient(180deg,#fff3b1 0%,#d7a328 34%,#8b5a06 58%,#f7d673 78%,#d09b22 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.haousen-poster-location{
  text-align:center;
  color:#f3d66d;
  font-size:clamp(18px,2.6vw,36px);
  font-weight:900;
  letter-spacing:.08em;
  text-shadow:0 2px 12px #000;
  margin-top:8px;
}

.haousen-poster-page-title{
  margin:20px 0 0;
  color:#f4d46c;
  font-size:clamp(30px,4.2vw,56px);
  font-weight:900;
  letter-spacing:.08em;
  text-shadow:0 0 20px rgba(255,216,100,.65);
}

.haousen-poster-lead{
  max-width:620px;
  margin:14px 0 0;
  color:#fff!important;
  font-size:clamp(15px,1.5vw,20px);
  line-height:1.9;
  font-weight:700;
  text-shadow:0 2px 12px #000;
}

.haousen-poster-lead.small{
  font-size:clamp(13px,1.2vw,16px);
  max-width:700px;
}

/* 英字装飾：イカ画像・絵文字は使わない */
.haousen-alpha-deco{
  position:absolute;
  font-family:Arial,"Helvetica Neue",sans-serif;
  font-weight:900;
  pointer-events:none;
  user-select:none;
  z-index:-1;
}

.haousen-alpha-deco-main{
  right:0;
  top:52px;
  transform:rotate(-8deg);
  color:rgba(255,215,90,.12);
  -webkit-text-stroke:1px rgba(255,215,90,.35);
  font-size:clamp(58px,10vw,140px);
  letter-spacing:.08em;
  text-shadow:0 0 30px rgba(255,215,90,.20);
}

.haousen-alpha-deco-sub{
  right:5%;
  top:205px;
  color:rgba(255,255,255,.12);
  font-size:clamp(18px,2.8vw,42px);
  letter-spacing:.25em;
}

.haousen-alpha-side{
  position:absolute;
  right:10px;
  top:85px;
  writing-mode:vertical-rl;
  font-family:Arial,"Helvetica Neue",sans-serif;
  font-size:clamp(13px,1.6vw,18px);
  font-weight:900;
  letter-spacing:.20em;
  color:rgba(255,216,100,.55);
  text-shadow:0 0 18px rgba(255,216,100,.30);
  pointer-events:none;
}

.haousen-sponsor-logo-grid{
  display:grid;
  grid-template-columns:repeat(var(--haousen-columns,5),minmax(0,1fr));
  grid-auto-rows:clamp(110px,10vw,155px);
  gap:clamp(9px,1.3vw,16px);
  position:relative;
  z-index:5;
  align-items:stretch;
}

.haousen-sponsor-logo-card{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  min-height:0;
  aspect-ratio:auto;
  text-decoration:none;
  background:linear-gradient(135deg,#fff,#f7f3e8);
  border:3px solid #d2a22e;
  border-radius:10px;
  box-shadow:
    inset 0 0 0 2px rgba(0,0,0,.88),
    0 0 0 1px rgba(255,235,145,.5),
    0 0 16px rgba(212,175,55,.32);
  overflow:visible;
  transition:transform .25s ease,box-shadow .25s ease;
}

.haousen-sponsor-logo-card:hover{
  transform:translateY(-4px);
  box-shadow:
    inset 0 0 0 2px rgba(0,0,0,.88),
    0 0 0 1px rgba(255,235,145,.8),
    0 0 28px rgba(255,215,80,.72);
}

.haousen-sponsor-card-label{
  position:absolute;
  top:-2px;
  left:50%;
  transform:translateX(-50%);
  z-index:3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:112px;
  height:25px;
  padding:0 12px;
  border-radius:0 0 5px 5px;
  background:#020202;
  border:1px solid #d2a22e;
  border-top:0;
  color:#ffd95e;
  font-family:Arial,sans-serif;
  font-size:11px;
  font-weight:900;
  letter-spacing:.03em;
  white-space:nowrap;
}

.haousen-sponsor-logo-card img{
  width:auto!important;
  height:auto!important;
  max-width:82%!important;
  max-height:68%!important;
  object-fit:contain!important;
  display:block;
  flex:0 0 auto;
}

.haousen-sponsor-logo-card.is-empty{background:linear-gradient(135deg,#fff,#f4f2ee);}

.haousen-poster-footer{
  text-align:center;
  position:relative;
  z-index:5;
  padding:34px 0 0;
}

.haousen-thanks-crown{
  color:#d6a530;
  font-size:24px;
  text-shadow:0 0 18px rgba(255,215,90,.8);
}

.haousen-poster-footer h2{
  margin:8px 0 0;
  color:#f5d36c!important;
  font-size:clamp(26px,4vw,48px);
  font-weight:900;
  letter-spacing:.08em;
  text-shadow:0 0 24px rgba(255,216,100,.55);
}

.haousen-poster-footer p{
  max-width:820px;
  margin:12px auto 0;
  color:#fff!important;
  line-height:1.8;
  font-size:clamp(13px,1.4vw,17px);
  text-shadow:0 2px 10px #000;
}

.haousen-footer-brand{
  margin-top:28px;
  color:#fff;
  font-size:clamp(36px,6vw,74px);
  font-weight:900;
  letter-spacing:.18em;
  text-shadow:0 0 18px rgba(255,255,255,.35);
}

.haousen-footer-sub{
  color:#d6a530;
  font-size:clamp(15px,2.2vw,28px);
  font-weight:900;
  letter-spacing:.45em;
}

@media(max-width:900px){
  .haousen-poster-header{min-height:auto;}
  .haousen-alpha-deco-main{opacity:.45;right:-12%;top:70px;}
  .haousen-alpha-deco-sub{opacity:.55;right:2%;top:190px;}
  .haousen-alpha-side{display:none;}
  .haousen-sponsor-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:118px;}
}

@media(max-width:600px){
  .haousen-poster-wall{padding:20px 10px;}
  .haousen-poster-inner{padding:22px 10px;}
  .haousen-poster-inner::before{display:none;}
  .haousen-poster-main-title{font-size:clamp(58px,20vw,92px);}
  .haousen-poster-page-title{text-align:center;font-size:30px;}
  .haousen-poster-lead{text-align:left;}
  .haousen-alpha-deco-main{font-size:58px;right:-22%;top:75px;opacity:.25;}
  .haousen-alpha-deco-sub{display:none;}
  .haousen-sponsor-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:96px;gap:10px;}
  .haousen-sponsor-logo-card{height:96px;}
  .haousen-sponsor-logo-card img{max-width:80%!important;max-height:62%!important;}
  .haousen-sponsor-card-label{font-size:9px;min-width:94px;height:21px;}
  .haousen-footer-brand{letter-spacing:.06em;}
  .haousen-footer-sub{letter-spacing:.2em;}
}