/* SIGVORA Kachel-Bühne (19.10.2026) */
.svh{--navy:#061a31;height:var(--gh-h,640px);min-height:520px;width:100%;margin:8px 0 16px}
.svh-grid{height:100%;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));padding:16px;border-radius:40px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.4));box-shadow:0 30px 80px rgba(6,26,49,.14),inset 0 0 0 1px rgba(255,255,255,.7);box-sizing:border-box}
.svh-4 .svh-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.svh-tile{position:relative;border-radius:24px;overflow:hidden;background:#243447 center/cover no-repeat;color:#fff;cursor:pointer;outline:none;box-shadow:0 8px 22px rgba(6,26,49,.16);text-decoration:none;display:block;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s;z-index:1;min-width:0}
.svh-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,26,49,.05) 30%,rgba(6,26,49,.78))}
.svh-ttl{position:absolute;left:16px;right:12px;bottom:14px;font:700 19px/1.15 var(--font-heading,Georgia,serif);text-shadow:0 2px 10px rgba(0,0,0,.45)}
.svh-cnt{position:absolute;top:12px;right:12px;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(255,255,255,.9);color:var(--navy);border-radius:999px;padding:3px 10px;font:600 12px system-ui}
.svh-x{position:absolute;left:0;right:0;bottom:0;padding:12px 16px 14px;background:linear-gradient(180deg,rgba(6,26,49,0),rgba(6,26,49,.95) 38%);opacity:0;transform:translateY(40%);transition:all .28s}
.svh-x b{display:block;font:700 17px/1.15 var(--font-heading,Georgia,serif)}
.svh-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:12.5px/1.35 system-ui;margin-top:4px;opacity:.95}
html body .svh .svh-x button{margin-top:8px;border:0!important;border-radius:999px;background:#ecc878!important;color:#061a31!important;font:700 13px system-ui;padding:8px 16px;min-height:36px;cursor:pointer}
@media (hover:hover){.svh-tile:hover,.svh-tile:focus-visible{transform:scale(1.14);z-index:9;box-shadow:0 26px 60px rgba(6,26,49,.38)}.svh-tile:hover .svh-x,.svh-tile:focus-visible .svh-x{opacity:1;transform:none}.svh-tile:hover .svh-ttl,.svh-tile:focus-visible .svh-ttl{opacity:0}}
.svh-center{border-radius:30px;background:#0b2a4a center/cover no-repeat;position:relative;overflow:hidden;box-shadow:0 14px 34px rgba(6,26,49,.3),inset 0 0 0 2px rgba(236,200,120,.7);min-width:0}
.svh-center:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,26,49,.15),rgba(6,26,49,.82))}
.svh-center-in{position:absolute;inset:0;padding:18px 22px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}
html body .svh .svh-center,html body .svh .svh-center *,html body .svh .svh-tile{color:#fff!important}
html body .svh .svh-center small{opacity:.85;letter-spacing:.08em;text-transform:uppercase;font-size:11px}
html body .svh .svh-center h2{margin:0;font:700 clamp(24px,2.6vw,36px)/1.05 var(--font-heading,Georgia,serif);text-shadow:0 2px 14px rgba(0,0,0,.55)}
.svh-center p{margin:0;opacity:.92;font-size:14px}
.svh-stats{display:flex;gap:14px;flex-wrap:wrap;font-size:13px}.svh-stats b{font:700 16px system-ui}
html body .svh .svh-gold{align-self:flex-start;margin-top:6px;border:0!important;border-radius:999px;background:#ecc878!important;color:#061a31!important;font:700 13px system-ui;padding:9px 16px;min-height:40px;cursor:pointer}
.svh-back{display:inline-flex;margin:4px 0 12px}
@media (max-height:780px){.svh-ttl{font-size:16px}.svh-center-in{padding:12px 16px}.svh-stats{font-size:12px}}
@media (max-width:767px){
 .svh{min-height:0}.svh-grid,.svh-4 .svh-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:200px;grid-auto-rows:minmax(96px,1fr);padding:8px;border-radius:26px;gap:8px}
 .svh-center{grid-row:1!important;grid-column:1/3!important;border-radius:22px}
 .svh-tile{transform:none!important;border-radius:18px;grid-row:auto!important;grid-column:auto!important}
 .svh-ttl{font-size:14px;left:10px;right:8px;bottom:9px}.svh-cnt{top:7px;right:7px;font-size:10.5px;padding:2px 7px}.svh-x{display:none}
}
@media (prefers-reduced-motion:reduce){.svh-tile,.svh-x{transition:none!important}}

body.svh-hub-on .beauty-hero,body.svh-hub-on #status:empty{display:none}
body.svh-hub-on #app{margin-top:4px}

body.svh-hub-on .svh{margin-top:4px}
.svh-back{margin:4px 0 12px}