/* Illuminated brand and a centered, generously scaled iPad launcher. */
.brand{position:relative;background:none!important;padding:0;border-radius:0;box-shadow:none;overflow:visible;width:260px;height:auto;aspect-ratio:466/91;flex-shrink:0}.brand img{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 1px #ffffffc0) drop-shadow(0 6px 16px #0009)}.brand::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#fff9 47%,#fff 50%,#fff9 53%,transparent 65%);background-size:300% 100%;mask:url('assets/nobilia-clear.svg') center/contain no-repeat;-webkit-mask:url('assets/nobilia-clear.svg') center/contain no-repeat;animation:brand-light 6s ease-in-out infinite;filter:drop-shadow(0 0 9px #fff)}
@keyframes brand-light{0%,20%{background-position:160% 0;opacity:0}30%{opacity:.95}62%{background-position:-60% 0;opacity:.9}70%,100%{background-position:-60% 0;opacity:0}}
body:not(.inner) header{position:absolute;top:clamp(30px,10svh,110px);left:0;right:0;height:auto;justify-content:center;padding:0 24px}body:not(.inner) .brand{width:clamp(270px,39vw,470px)}.fullscreen-toggle{position:fixed;top:max(22px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));display:flex;align-items:center;gap:10px;min-height:52px;padding:0 17px;border:1px solid #ffffff55;border-radius:16px;background:#171a18bf;color:white;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:14px;z-index:8}.fullscreen-toggle svg{width:24px;height:24px}.fullscreen-toggle:hover{background:#323732}.inner header{height:116px;padding-right:190px}.inner .home-back{margin-left:auto}.inner .brand{width:230px}
body:not(.inner) nav{top:57%;left:50%;bottom:auto;width:min(540px,calc(100vw - 64px));transform:translate(-50%,-50%);gap:19px}body:not(.inner) nav a{position:relative;min-height:118px;padding:22px 29px;gap:26px;border-radius:27px;border:1px solid #ffffff5c;background:linear-gradient(115deg,#292c2be8,#111513cc);box-shadow:0 12px 35px #0004,inset 0 1px 0 #ffffff20;font-size:25px;letter-spacing:-.025em;overflow:hidden}body:not(.inner) nav a::before{content:'';position:absolute;left:0;top:26%;bottom:26%;width:3px;background:#ed0033;box-shadow:0 0 18px #ff174e99}body:not(.inner) nav a::after{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff24;border-radius:50%;font-size:25px;color:#ddd;flex-shrink:0}body:not(.inner) nav .nav-icon{width:70px;height:70px;border-radius:21px;flex-shrink:0;background:linear-gradient(140deg,#ffffff16,#ffffff04);border:1px solid #ffffff24;box-shadow:inset 0 1px 0 #ffffff12;color:#fff}body:not(.inner) nav svg{width:43px;height:43px;stroke-width:1.1}body:not(.inner) nav a:hover{border-color:#ffffffa0;background:linear-gradient(115deg,#444745ee,#202623e0)}body:not(.inner) nav a:active{transform:scale(.975)}
.inner main{background:linear-gradient(145deg,#252827f5,#101412f2);border-color:#ffffff35;box-shadow:0 20px 60px #0004}.page h1{position:relative;padding-bottom:20px}.page h1:after{content:'';position:absolute;left:0;bottom:0;height:3px;width:52px;background:#e4002b;box-shadow:0 0 18px #e4002b55}.universe-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff11,#ffffff02);border:1px solid #ffffff2e}.universe-card:before{content:'';position:absolute;left:0;top:25px;height:48px;width:2px;background:#e4002b}.universe-card .large-icon{display:grid;place-items:center;width:72px;height:72px;border:1px solid #ffffff20;border-radius:21px;background:#ffffff06}.universe-card .large-icon svg{width:47px;height:47px;stroke-width:1}.universe-card h2{font-size:25px}.universe-card .number{letter-spacing:.2em;color:#a1a9a4}.universe-card:hover{border-color:#ffffff70}.status{border-color:#e4002b80;background:#e4002b14}.time-box{background:#ffffff06;border:1px solid #ffffff20!important;border-radius:15px;padding:18px!important;text-align:center}.collection-panel{border:1px solid #ffffff2e;border-radius:22px;padding:34px;background:linear-gradient(130deg,#ffffff0b,transparent)}.collection-panel>svg{color:#e4002b}.inner nav a[aria-current="page"]{box-shadow:inset 3px 0 #e4002b,0 8px 25px #0002}
dialog{width:min(490px,calc(100vw - 40px));background:#1c211e;color:white;border:1px solid #ffffff40;border-radius:28px;padding:38px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#0009;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}dialog h2{font-size:29px;font-weight:400;letter-spacing:-.04em;line-height:1.2;margin:18px 0}dialog p{font-size:16px;line-height:1.7}.dialog-close{position:absolute;right:12px;top:10px;width:44px;height:44px;background:none;border:0;font-size:27px}.dialog-confirm{width:100%;min-height:50px;border:0;border-radius:14px;background:#e4002b;margin-top:14px;color:white}
@media(min-width:701px) and (orientation:portrait){body:not(.inner) header{top:16svh}body:not(.inner) .brand{width:min(470px,60vw)}body:not(.inner) nav{top:55%;width:min(570px,75vw);gap:22px}body:not(.inner) nav a{min-height:132px;font-size:27px}body:not(.inner) nav .nav-icon{width:78px;height:78px}body:not(.inner) nav svg{width:49px;height:49px}}
@media(max-width:700px){body:not(.inner) header{top:15svh}body:not(.inner) .brand{width:min(340px,70vw)}body:not(.inner) nav{top:58%;width:calc(100vw - 42px);gap:15px}body:not(.inner) nav a{min-height:94px;font-size:20px;padding:17px 20px;gap:18px;border-radius:23px}body:not(.inner) nav .nav-icon{width:58px;height:58px;border-radius:17px}body:not(.inner) nav svg{width:36px;height:36px}body:not(.inner) nav a::after{width:29px;height:29px}.fullscreen-toggle{top:max(16px,env(safe-area-inset-top));right:18px;width:48px;min-height:48px;padding:0;justify-content:center;border-radius:14px}.fullscreen-toggle span{display:none}.inner header{height:98px;padding:22px 78px 22px 20px;gap:12px}.inner .brand{width:150px}.inner .home-back{font-size:13px;padding:0 10px}.universe-card{grid-template-columns:50px 1fr 25px}.universe-card .large-icon{width:49px;height:55px;border-radius:15px}.universe-card .large-icon svg{width:33px;height:33px}.universe-card h2{font-size:22px}.time-box{padding:11px 9px!important;min-width:0;flex:1}.time-box strong{font-size:30px}.timer{gap:7px}.time-box span{font-size:9px}.collection-panel{padding:22px;gap:18px}}
@media(max-height:600px){body:not(.inner) header{top:28px}body:not(.inner) .brand{width:240px}body:not(.inner) nav{top:60%;width:min(430px,calc(100vw - 42px));gap:10px}body:not(.inner) nav a{min-height:78px;padding:12px 20px;font-size:19px}body:not(.inner) nav .nav-icon{height:52px;width:52px}body:not(.inner) nav svg{width:32px;height:32px}}
@media(max-height:430px) and (orientation:landscape){body:not(.inner) header{left:6vw;top:44%;right:auto;padding:0}body:not(.inner) .brand{width:27vw}body:not(.inner) nav{left:68%;top:53%;width:48vw}body:not(.inner) nav a{min-height:70px}.fullscreen-toggle{top:10px;right:12px}}
@media(prefers-reduced-motion:reduce){.brand::after{animation:none;display:none}}
@media(min-width:701px) and (max-height:650px){body:not(.inner) header{top:24px}body:not(.inner) .brand{width:280px}}