:root{--splash-bg: radial-gradient(circle at 18% 8%, rgba(96, 124, 212, .18), transparent 34%), radial-gradient(circle at 86% 10%, rgba(231, 180, 101, .14), transparent 31%), linear-gradient(158deg, #04060d 0%, #090f1a 42%, #101a2d 100%);--splash-surface: rgba(10, 15, 27, .84);--splash-line: rgba(110, 132, 175, .34);--splash-text: #eef3fb;--splash-muted: #abb7cc;--splash-accent: #7f9dff;--splash-accent-deep: #5f79ea;--splash-gold: #e9c88c}*{box-sizing:border-box}html,body{height:100%}body.splash-page{margin:0;color:var(--splash-text);font-family:Manrope,Roboto,Segoe UI,sans-serif;background:var(--splash-bg);overflow:hidden}body.splash-page:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 22% 22%,rgba(156,192,255,.07),transparent 20%),radial-gradient(circle at 66% 42%,rgba(239,207,148,.08),transparent 26%),radial-gradient(circle at 76% 74%,rgba(115,149,255,.08),transparent 24%);animation:ambienceShift 14s ease-in-out infinite alternate}.splash-shell{min-height:100%;display:grid;place-items:center;padding:1.15rem}.splash-card{position:relative;width:min(1020px,100%);border-radius:34px;border:1px solid var(--splash-line);background:radial-gradient(circle at 87% 6%,rgba(173,207,255,.14),transparent 29%),linear-gradient(180deg,#0e1829eb,#090e1be6);box-shadow:0 34px 82px #00000094,inset 0 1px #dfeaff26;padding:clamp(1rem,2.8vw,1.55rem);display:grid;gap:1.05rem;overflow:hidden;animation:cardRise .98s cubic-bezier(.2,.96,.28,1) both}.splash-card:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(120deg,transparent 8%,rgba(255,255,255,.08) 42%,transparent 74%);opacity:0;animation:sheenScan 4.8s ease-in-out 1}.splash-head{position:relative;z-index:2;display:flex;align-items:center;gap:.8rem}.splash-logo{width:60px;height:60px;border-radius:16px;box-shadow:0 14px 26px #02071280}.splash-kicker{margin:0;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--splash-muted);font-weight:700}.splash-head h1{margin:.12rem 0 0;font-size:clamp(1.5rem,3.6vw,2.4rem);line-height:1.04}.cabinet-wrap{display:grid;justify-items:center}.cabinet{width:min(640px,88vw);aspect-ratio:16 / 9;position:relative;perspective:1600px}.cabinet:before{content:"";position:absolute;left:15%;right:15%;bottom:-8%;height:14%;border-radius:999px;background:radial-gradient(circle,#506dc980,#22346100);filter:blur(16px)}.cabinet-glow{position:absolute;inset:9% 16%;border-radius:30px;background:radial-gradient(circle,rgba(129,160,255,.25),transparent 68%);filter:blur(9px);animation:glowPulse 3.3s ease-in-out infinite}.cabinet-frame{position:absolute;inset:0;border-radius:34px;border:1px solid rgba(130,157,203,.56);background:linear-gradient(165deg,#2433518c,#0e1828d1),radial-gradient(circle at 50% 8%,rgba(243,205,140,.16),transparent 30%);box-shadow:inset 0 1px #d6e4ff42,0 30px 68px #00000073;overflow:hidden}.cabinet-interior{position:absolute;inset:7% 6%;border-radius:24px;border:1px solid rgba(136,164,218,.28);background:radial-gradient(circle at 52% 0%,rgba(248,206,136,.16),transparent 34%),linear-gradient(180deg,#0b1320f5,#080d18f5);opacity:.34;transform:scale(.97);filter:blur(1.8px);transition:opacity .82s ease,transform .82s ease,filter .82s ease}.shelf{position:absolute;left:7%;right:7%;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(237,196,121,.46),transparent)}.shelf-top{top:32%}.shelf-mid{top:62%}.bottle{position:absolute;width:8.7%;border-radius:9px 9px 10px 10px;border:1px solid rgba(181,209,255,.36);background:linear-gradient(180deg,#e6effff2,#94b2e68f);box-shadow:0 9px 16px #030a1659;animation:bottleFloat 2.8s ease-in-out infinite}.bottle:before{content:"";position:absolute;left:28%;right:28%;top:-13%;height:12%;border-radius:3px;background:#edf3ffd6}.bottle-a{height:36%;left:16%;top:44%}.bottle-b{height:30%;left:34%;top:28%;animation-delay:.2s}.bottle-c{height:33%;left:52%;top:44%;animation-delay:.36s}.bottle-d{height:29%;left:69%;top:30%;animation-delay:.52s}.cabinet-door{position:absolute;top:4%;bottom:4%;width:48%;border-radius:24px;border:1px solid rgba(151,176,220,.45);background:linear-gradient(180deg,#172238f2,#0c1523f7),radial-gradient(circle at 50% 0%,rgba(232,198,127,.14),transparent 22%);box-shadow:inset 0 1px #dde8ff29;transition:transform 1.24s cubic-bezier(.17,1,.28,1)}.cabinet-door-left{left:2.8%;transform-origin:left center}.cabinet-door-right{right:2.8%;transform-origin:right center}.door-handle{position:absolute;top:45%;width:8px;height:38px;border-radius:999px;background:linear-gradient(180deg,#ffdca2,#c58f4d)}.cabinet-door-left .door-handle{right:8%}.cabinet-door-right .door-handle{left:8%}.spotlight-stage{position:relative;z-index:2;border-radius:20px;border:1px solid rgba(120,149,203,.34);background:linear-gradient(180deg,#0d1524e0,#090f1cdb);padding:.7rem;overflow:hidden}.spotlight-beam{position:absolute;top:-120%;bottom:-120%;width:25%;left:-20%;background:linear-gradient(180deg,#ffedc61f,#a1c2ff0a);transform:skew(-17deg);filter:blur(6px);animation:spotlightSweep 5.2s ease-in-out infinite}.spotlight-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.58rem}.spotlight-card{border-radius:15px;border:1px solid rgba(116,144,197,.32);background:linear-gradient(160deg,#141f33c2,#0c1321d6);padding:.56rem .62rem;transition:border-color .26s ease,transform .26s ease,box-shadow .26s ease,background-color .26s ease}.spotlight-card.is-active{border-color:#e3bd769e;background:linear-gradient(160deg,#23324fe0,#141e31eb);transform:translateY(-2px);box-shadow:0 12px 24px #02081459}.spotlight-label{margin:0;color:#9fb0cb;text-transform:uppercase;letter-spacing:.08em;font-size:.64rem;font-weight:700}.spotlight-title{margin:.18rem 0 0;font-size:clamp(.98rem,1.8vw,1.16rem);line-height:1.15;min-height:2.2em}.spotlight-meta{margin:.2rem 0 0;color:#bcc8da;font-size:.74rem;line-height:1.35;min-height:2.1em}.spotlight-strip{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.spotlight-chip{border-radius:999px;border:1px solid rgba(140,167,211,.42);background:#142036b8;color:#dce6f8;padding:.28rem .54rem;font-size:.74rem;font-weight:650;animation:chipIn .28s ease both}.splash-random-stage{position:relative;z-index:2;border-radius:18px;border:1px solid rgba(122,149,197,.3);background:linear-gradient(175deg,#0e1625d6,#0a101de6);padding:.68rem}.splash-random-label{margin:0 0 .54rem;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:730;color:#aebbd0}.splash-random-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.56rem}.splash-random-card{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:.52rem;border-radius:14px;border:1px solid rgba(127,154,203,.3);background:linear-gradient(160deg,#19263dd1,#0d1422e0);padding:.48rem;animation:randomCardRise .52s cubic-bezier(.2,.92,.28,1) both;animation-delay:var(--card-delay, 0ms)}.splash-random-media{height:66px;border-radius:10px;border:1px solid rgba(150,175,217,.36);overflow:hidden;background:#080e198a}.splash-random-image{width:100%;height:100%;object-fit:cover;display:block}.splash-random-content{min-width:0;display:grid;gap:.18rem}.splash-random-name{margin:0;font-size:.83rem;line-height:1.2;font-weight:760;color:#f0f4fc}.splash-random-meta{margin:0;color:#b8c5d9;font-size:.72rem;line-height:1.25}.splash-actions{display:grid;justify-items:center;gap:.62rem}.enter-btn{min-width:228px;min-height:40px;border-radius:999px;border:1px dashed rgba(175,198,237,.54);background:#17243acc;color:#e7eefb;font-size:.84rem;font-family:inherit;font-weight:740;letter-spacing:.04em;text-transform:uppercase;box-shadow:none;opacity:0;transform:translateY(8px);cursor:default;pointer-events:none;transition:opacity .28s ease,transform .28s ease,filter .16s ease,box-shadow .16s ease}.enter-btn:disabled{pointer-events:none}.splash-card[data-state=ready] .enter-btn{opacity:1;transform:translateY(0);animation:hintPulse 2.2s ease-in-out infinite}.splash-card[data-state=ready]{cursor:pointer}.enter-btn:hover,.enter-btn:focus-visible{filter:none;box-shadow:none;outline:none}.splash-status{margin:0;color:var(--splash-muted);font-size:.88rem}.splash-card[data-state=opening] .cabinet-door-left{transform:rotateY(-108deg)}.splash-card[data-state=opening] .cabinet-door-right{transform:rotateY(108deg)}.splash-card[data-state=opening] .cabinet-interior{opacity:1;transform:scale(1);filter:blur(0)}.splash-card[data-state=opening] .cabinet-glow{animation:none;opacity:.86}.splash-card[data-state=opening]{animation:cardToApp 1.6s cubic-bezier(.2,1,.24,1) both}@keyframes ambienceShift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(0,-8px,0) scale(1.015)}}@keyframes cardRise{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sheenScan{0%,44%{opacity:0;transform:translate(-30%)}48%{opacity:1}70%{opacity:1;transform:translate(22%)}to{opacity:0;transform:translate(44%)}}@keyframes cardToApp{0%{opacity:1;transform:scale(1)}68%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.19)}}@keyframes bottleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes glowPulse{0%,to{opacity:.78}50%{opacity:1}}@keyframes spotlightSweep{0%,14%{left:-30%;opacity:0}24%{opacity:1}52%{left:38%;opacity:.9}80%{left:95%;opacity:0}to{left:95%;opacity:0}}@keyframes chipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes randomCardRise{0%{opacity:0;transform:translateY(7px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hintPulse{0%,to{border-color:#afc6ed8a;color:#e7eefb}50%{border-color:#e4c17dbd;color:#f3d7ac}}@media(max-width:860px){.splash-card{border-radius:24px}.spotlight-grid{grid-template-columns:1fr}.spotlight-title,.spotlight-meta{min-height:0}.splash-random-grid{grid-template-columns:1fr}}@media(max-width:620px){.splash-shell{padding:.76rem}.splash-card{gap:.86rem;padding:.84rem}.splash-head h1{font-size:clamp(1.25rem,8vw,1.85rem)}.splash-logo{width:46px;height:46px}.cabinet{width:min(540px,92vw)}.splash-random-card{grid-template-columns:68px 1fr}.splash-random-media{height:60px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:1ms!important}}