/* Punitto Wiki v446 — unified site top, canonicalized to homepage */
.punitto-global-header{min-height:590px;color:#fff;text-align:center;padding:0 16px 30px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,216,77,.94),rgba(255,185,45,.88));border-bottom:5px solid rgba(63,45,0,.22);font-family:"Hiragino Sans","Yu Gothic",Meiryo,sans-serif}
.punitto-global-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20px 20px,rgba(170,110,0,.14) 0 6px,transparent 7px);background-size:30px 30px;opacity:.45}
.punitto-global-header .header-puni{position:absolute;z-index:1;width:clamp(96px,8.4vw,158px);height:auto;object-fit:contain;filter:drop-shadow(0 6px 0 rgba(0,0,0,.14)) drop-shadow(0 8px 10px rgba(0,0,0,.10));user-select:none;pointer-events:none;animation:punittoPuniFloat 4s ease-in-out infinite alternate}
@keyframes punittoPuniFloat{from{transform:translateY(0) rotate(var(--r,0deg))}to{transform:translateY(-8px) rotate(calc(var(--r,0deg) + 2deg))}}
.punitto-global-header .puni-1{left:.5%;top:116px;bottom:auto;--r:-9deg}.punitto-global-header .puni-2{left:8%;top:22px;bottom:auto;--r:5deg;animation-delay:.2s}.punitto-global-header .puni-3{left:18%;top:106px;bottom:auto;--r:-4deg;animation-delay:.4s}.punitto-global-header .puni-4{left:30%;top:30px;bottom:auto;--r:4deg;animation-delay:.6s}.punitto-global-header .puni-5{right:30%;left:auto;top:30px;bottom:auto;--r:-5deg;animation-delay:.8s}.punitto-global-header .puni-6{right:18%;left:auto;top:106px;bottom:auto;--r:5deg;animation-delay:1s}.punitto-global-header .puni-7{right:8%;left:auto;top:22px;bottom:auto;--r:-5deg;animation-delay:1.2s}.punitto-global-header .puni-8{right:.5%;left:auto;top:116px;bottom:auto;--r:7deg;animation-delay:1.4s}.punitto-global-header .puni-9{left:3%;top:0;width:clamp(112px,9.2vw,174px);--r:8deg}.punitto-global-header .puni-10{left:22%;top:-6px;width:clamp(108px,9vw,168px);--r:-10deg}.punitto-global-header .puni-11{right:22%;left:auto;top:-6px;width:clamp(112px,9.2vw,174px);--r:8deg}.punitto-global-header .puni-12{right:3%;left:auto;top:0;width:clamp(108px,9vw,168px);--r:-8deg}.punitto-global-header .puni-13{left:42%;top:6px;width:clamp(96px,8.2vw,152px);--r:7deg;opacity:.94}.punitto-global-header .puni-14{right:42%;left:auto;top:76px;width:clamp(96px,8.2vw,152px);--r:-8deg;opacity:.94}
.punitto-global-header .head{position:relative;z-index:2;max-width:none;margin:auto;display:flex;flex-direction:column;align-items:center}.punitto-global-header .logo-plate{width:min(900px,70vw);margin-top:150px;background:transparent;border:0;border-radius:0;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:none}.punitto-global-header .site-logo{width:100%;height:auto;max-height:none;object-fit:contain;filter:none;image-rendering:auto}.punitto-global-header .title-fallback{position:absolute;left:-9999px}.punitto-global-header .sub{background:rgba(255,255,255,.9);color:#8a5200;border:2px solid rgba(96,60,0,.15);border-radius:999px;padding:7px 14px;font-weight:900;margin:8px 0 0;text-shadow:none;box-shadow:0 5px 12px rgba(0,0,0,.09)}.punitto-global-header .actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:14px}.punitto-global-header .btn{display:inline-block;border:0;border-radius:999px;padding:11px 18px;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.18)}.punitto-global-header .btn.white{background:#fff;color:#d92d82}
.punitto-global-nav{background:#fff;border-bottom:3px solid #ffd1e8;position:sticky;top:0;z-index:50;box-shadow:0 5px 16px rgba(0,0,0,.06);font-family:"Hiragino Sans","Yu Gothic",Meiryo,sans-serif}.punitto-global-nav .navin{max-width:1120px;margin:auto;display:flex;gap:8px;align-items:center;padding:10px}.punitto-global-nav .nav-links{display:flex;gap:8px;overflow:auto}.punitto-global-nav .navin a{white-space:nowrap;text-decoration:none;color:#d92d82;font-weight:800;border-radius:999px;padding:8px 12px}.punitto-global-nav .navin a:hover{background:#ffe7f3}.punitto-global-nav .nav-search{margin-left:auto;display:flex;gap:6px;min-width:min(360px,42vw)}.punitto-global-nav .nav-search input{width:100%;border:2px solid #ffc6df;border-radius:999px;padding:9px 12px;font-size:14px;background:#fff;color:#333}.punitto-global-nav .nav-search button{border:0;border-radius:999px;background:#ff71ad;color:#fff;font-weight:900;padding:9px 13px;cursor:pointer;white-space:nowrap}
@media (min-width:901px) and (max-width:1180px){.punitto-global-header{min-height:550px}.punitto-global-header .logo-plate{width:min(800px,72vw);margin-top:146px}.punitto-global-header .header-puni{width:clamp(86px,8.8vw,132px)}.punitto-global-header .puni-13,.punitto-global-header .puni-14{opacity:.72}}
@media(max-width:900px){.punitto-global-header{min-height:360px;padding:12px 10px 24px}.punitto-global-header .logo-plate{width:min(500px,86vw);margin-top:34px}.punitto-global-header .site-logo{max-height:132px}.punitto-global-header .sub{font-size:13px;line-height:1.45;border-radius:18px;margin-top:10px}.punitto-global-header .actions{gap:8px;margin-top:12px}.punitto-global-header .btn{padding:10px 14px;font-size:14px}.punitto-global-header .header-puni{width:clamp(86px,18vw,150px);filter:drop-shadow(0 5px 0 rgba(0,0,0,.18));opacity:.95}.punitto-global-header .puni-1{left:-4%;top:auto;bottom:6px}.punitto-global-header .puni-2{left:10%;top:auto;bottom:-8px}.punitto-global-header .puni-3{left:25%;top:auto;bottom:0}.punitto-global-header .puni-4{left:39%;top:auto;bottom:-6px}.punitto-global-header .puni-5{left:54%;right:auto;top:auto;bottom:0}.punitto-global-header .puni-6{left:67%;right:auto;top:auto;bottom:-9px}.punitto-global-header .puni-7{left:79%;right:auto;top:auto;bottom:4px}.punitto-global-header .puni-8{right:-5%;top:auto;bottom:-10px}.punitto-global-header .puni-9,.punitto-global-header .puni-10,.punitto-global-header .puni-11,.punitto-global-header .puni-12,.punitto-global-header .puni-13,.punitto-global-header .puni-14{display:none}.punitto-global-nav .navin{flex-wrap:wrap;align-items:stretch}.punitto-global-nav .nav-links{width:100%;gap:4px;padding-bottom:2px}.punitto-global-nav .navin a{padding:8px 10px;font-size:14px}.punitto-global-nav .nav-search{order:2;margin-left:0;min-width:100%}.punitto-global-nav .nav-search input{font-size:16px}.punitto-global-nav .nav-search button{padding:9px 12px}}
@media(max-width:430px){.punitto-global-header{min-height:310px}.punitto-global-header .logo-plate{width:92vw;margin-top:26px}.punitto-global-header .site-logo{max-height:96px}.punitto-global-header .sub{font-size:12px;padding:6px 10px}.punitto-global-header .actions .btn{width:100%;max-width:260px}.punitto-global-header .header-puni{width:78px}.punitto-global-header .puni-1{left:-11%;bottom:4px}.punitto-global-header .puni-2{left:5%;bottom:-8px}.punitto-global-header .puni-3{left:21%;bottom:-1px}.punitto-global-header .puni-4{left:37%;bottom:-8px}.punitto-global-header .puni-5{left:53%;bottom:-1px}.punitto-global-header .puni-6{left:67%;bottom:-9px}.punitto-global-header .puni-7{left:81%;bottom:1px}.punitto-global-header .puni-8{right:-12%;bottom:-11px}}