/* Omniaria homepage: art layer + glass content on top */
html.oa-art-home,html.oa-art-home body{background:#000}
#oa-art{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:0;cursor:grab;touch-action:pan-y}
#oa-art.grabbing{cursor:grabbing}
/* static fallback (no WebGL2 / reduced motion / before the art starts) */
.oa-art-fallback{position:fixed;inset:0;z-index:0;pointer-events:none;
 background:radial-gradient(circle at 50% 42%,rgba(92,225,255,.22),transparent 28%),radial-gradient(circle at 38% 55%,rgba(196,77,255,.28),transparent 36%),radial-gradient(circle at 64% 60%,rgba(178,34,52,.22),transparent 38%),radial-gradient(circle at 50% 50%,rgba(60,59,110,.55),#000 70%);transition:opacity 1.2s}
.oa-art-live .oa-art-fallback{opacity:0}
.oa-art-static #oa-art{display:none}
.oa-art-static .oa-art-fallback{opacity:1}
.oa-art-home .oa-nav,.oa-art-home .oa-page,.oa-art-home .oa-art-ui{position:relative;z-index:2}
/* nav folded into a small translucent top-right menu */
.oa-art-home .oa-nav{position:fixed;top:14px;right:14px;left:auto;width:auto;background:rgba(0,0,0,.45);border:1px solid rgba(160,200,255,.28);border-radius:10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 14px rgba(123,108,255,.25);z-index:30}
.oa-art-home .oa-nav-inner{display:flex;gap:10px;align-items:center;padding:4px 8px;max-width:none}
.oa-art-home .oa-brand-text{font-size:.85rem;letter-spacing:.18em}
/* NEW / LOAD */
.oa-art-ui{position:fixed!important;top:14px;left:14px;z-index:30!important;display:flex;flex-direction:column;gap:10px}
.oa-art-ui button{width:92px;padding:9px 0;font:600 13px/1 'Exo 2',monospace;letter-spacing:.32em;text-indent:.32em;color:#e8f4ff;background:rgba(0,0,0,.55);border:1px solid rgba(160,200,255,.45);border-radius:6px;cursor:pointer;backdrop-filter:blur(4px);box-shadow:0 0 12px rgba(123,108,255,.35);transition:all .25s}
.oa-art-ui button:hover,.oa-art-ui button:focus-visible{border-color:#5ce1ff;color:#fff;box-shadow:0 0 18px rgba(92,225,255,.7),0 0 34px rgba(196,77,255,.4);outline:none}
/* search */
#oa-sb{position:fixed;left:50%;top:30%;transform:translate(-50%,-50%) scale(.96);z-index:40;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;width:min(640px,88vw)}
#oa-sb.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
#oa-sb-in{width:100%;box-sizing:border-box;padding:16px 22px;font:500 22px/1.2 'Exo 2',sans-serif;letter-spacing:.06em;color:#f2f8ff;background:rgba(0,0,0,.7);border:1px solid rgba(160,200,255,.5);border-radius:14px;outline:none;backdrop-filter:blur(10px);box-shadow:0 0 22px rgba(92,225,255,.45),0 0 60px rgba(196,77,255,.3);text-align:center}
#oa-sb-list{list-style:none;margin:10px 0 0;padding:6px;background:rgba(0,0,0,.72);border:1px solid rgba(160,200,255,.3);border-radius:12px;backdrop-filter:blur(10px);max-height:52vh;overflow:auto}
#oa-sb-list:empty{display:none}
.oa-sb-item{display:flex;justify-content:space-between;gap:14px;padding:10px 14px;border-radius:8px;cursor:pointer;color:#e6e2d8;font-family:'Exo 2',sans-serif}
.oa-sb-item.is-sel,.oa-sb-item:hover{background:rgba(92,225,255,.14);box-shadow:inset 0 0 0 1px rgba(92,225,255,.45)}
.oa-sb-c{color:#9ad8ff;font-size:.8rem;white-space:nowrap;align-self:center}
.oa-sb-world .oa-sb-t{color:#d9b8ff;font-style:italic}
/* content on glass */
.oa-art-home .oa-page{pointer-events:none;padding-top:0}
.oa-art-home .oa-page a,.oa-art-home .oa-page .oa-glass{pointer-events:auto}
.oa-art-home .oa-home-hero{min-height:88vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-shadow:0 0 18px #000,0 0 6px #000,0 2px 2px #000}
.oa-art-home .oa-home-wordmark{font-size:clamp(2.6rem,9vw,6.5rem);letter-spacing:.28em;text-indent:.28em;margin:0}
.oa-art-home .oa-home-tag{letter-spacing:.42em;text-transform:uppercase;font-size:clamp(.8rem,1.6vw,1.05rem);color:#e8f4ff}
.oa-art-home .oa-home-hint{margin-top:2.2rem;font-size:.78rem;letter-spacing:.2em;color:rgba(232,244,255,.7)}
.oa-glass{background:rgba(4,4,14,.58);border:1px solid rgba(160,200,255,.22);border-radius:16px;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 0 30px rgba(0,0,0,.6),0 0 22px rgba(123,108,255,.18);padding:1.4rem;margin:0 auto 8vh;max-width:var(--oa-max,1100px)}
.oa-art-home .oa-section-label{text-shadow:0 0 10px #000}
.oa-art-home .oa-card{background:rgba(0,0,0,.5);border:1px solid rgba(160,200,255,.25);backdrop-filter:blur(6px);transition:box-shadow .3s,border-color .3s,transform .3s}
.oa-art-home .oa-card:hover,.oa-art-home .oa-card:focus-visible{border-color:#5ce1ff;box-shadow:0 0 18px rgba(92,225,255,.55),0 0 40px rgba(196,77,255,.35);transform:translateY(-2px)}
.oa-art-home .oa-card-title,.oa-art-home .oa-card-meta{text-shadow:0 1px 3px #000}
.oa-art-home .oa-footer-note{position:relative;z-index:2;text-align:center;text-shadow:0 0 8px #000;padding-bottom:40vh}
@media (max-width:600px){.oa-art-ui{flex-direction:column;top:12px;left:10px;gap:8px}.oa-art-ui button{width:76px;min-height:40px;padding:0;font-size:12px;letter-spacing:.22em;text-indent:.22em}.oa-art-home .oa-nav{top:12px;right:10px}.oa-art-home .oa-brand{display:none}}
.oa-art-home .oa-home-wordmark{color:#f2f8ff;-webkit-text-fill-color:#f2f8ff;background:none;text-shadow:0 0 22px rgba(92,225,255,.55),0 0 6px #000,0 0 40px rgba(196,77,255,.45)}
.oa-art-home .oa-home-tag{color:#e8f4ff;font-weight:500}
html.oa-art-home{height:auto;overflow-y:auto}html.oa-art-home body{height:auto;min-height:100%;overflow:visible}
#oa-sb{top:36%}.oa-art-home .oa-home-hint{color:#e8f4ff;opacity:.85;font-weight:500}

/* v2: tagline stands out (same font size) */
.oa-art-home .oa-home-tag{display:inline-block;margin-top:1.1rem;padding:.6em 1.3em .6em 1.72em;font-weight:700;color:#fff;letter-spacing:.42em;
 background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(10,6,30,.82),rgba(0,0,0,.72));border:1px solid rgba(92,225,255,.75);border-radius:999px;
 box-shadow:0 0 14px rgba(92,225,255,.55),0 0 34px rgba(196,77,255,.4),inset 0 0 12px rgba(92,225,255,.25);
 text-shadow:0 0 6px rgba(92,225,255,.95),0 0 16px rgba(196,77,255,.8),0 1px 2px #000;animation:oaTagPulse 4s ease-in-out infinite}
@keyframes oaTagPulse{50%{box-shadow:0 0 20px rgba(92,225,255,.8),0 0 48px rgba(196,77,255,.55),inset 0 0 14px rgba(92,225,255,.35)}}
.oa-art-home .oa-footer-space{height:40vh}