:root{--pro-bg:#05070b;--pro-panel:#0b1017;--pro-panel2:#0e1520;--pro-line:#283244;--pro-gold:#dcae45;--pro-cyan:#18dfd2;--pro-violet:#8b5cf6;--pro-text:#f2f5f7;--pro-muted:#8b96a7}html{background:var(--pro-bg)}body{padding-top:78px;background:radial-gradient(circle at 82% 0,#24122d55,transparent 34%),radial-gradient(circle at 5% 25%,#073c3a3d,transparent 30%),var(--pro-bg);color:#bcc5d0}.site-header{display:none!important}.pro-header{position:fixed;z-index:1000;inset:0 0 auto;height:78px;display:flex;align-items:center;gap:25px;padding:0 30px;background:#05070bef;border-bottom:1px solid #dcae454d;box-shadow:0 15px 45px #0008;backdrop-filter:blur(18px)}.pro-header:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--pro-cyan),var(--pro-violet),var(--pro-gold));opacity:.7}.pro-brand{display:flex;align-items:center;gap:13px;min-width:305px;text-decoration:none}.pro-logo{position:relative;width:48px;height:53px;display:grid;place-items:center;overflow:hidden;transform:skew(-7deg);background:linear-gradient(145deg,#edc357,#a46716);box-shadow:0 0 28px #dcae4548}.pro-logo:after{content:'';position:absolute;inset:4px;border:1px solid #07090d55}.pro-logo b{position:relative;z-index:2;color:#101115;font:900 18px Barlow Condensed}.pro-logo i{position:absolute;width:70px;height:8px;transform:rotate(-45deg);background:#18dfd255}.pro-brand strong{display:block;color:#fff;font:800 23px/1 Barlow Condensed;letter-spacing:.12em}.pro-brand strong em{font-style:normal;color:var(--pro-gold)}.pro-brand small{display:block;margin-top:7px;color:var(--pro-cyan);font-size:7px;letter-spacing:.3em}.pro-nav{display:flex;align-items:center;justify-content:center;gap:7px;margin-left:auto}.pro-nav-link{display:block;padding:10px 15px;border:1px solid #493e31;border-radius:999px;color:#c5c9d0;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap;transition:.2s}.pro-nav-link:hover,.pro-nav-link.active{color:#fff;border-color:var(--pro-gold);background:#dcae450b;box-shadow:0 0 22px #dcae4530}.pro-nav-drop{position:relative}.pro-drop{position:absolute;top:52px;left:50%;width:330px;padding:8px;transform:translateX(-50%) translateY(-8px);visibility:hidden;opacity:0;background:#080b12fa;border:1px solid #dcae4559;border-radius:15px;box-shadow:0 24px 70px #000;transition:.18s}.pro-nav-drop:hover .pro-drop,.pro-nav-drop:focus-within .pro-drop{visibility:visible;opacity:1;transform:translateX(-50%) translateY(0)}.pro-drop:before{content:'';position:absolute;left:50%;top:-7px;width:12px;height:12px;transform:translateX(-50%) rotate(45deg);background:#080b12;border-left:1px solid #dcae4559;border-top:1px solid #dcae4559}.pro-drop>a{display:flex;align-items:center;gap:12px;margin:4px;padding:10px 12px;border:1px solid #40392f;border-radius:999px;color:#e2e4e9;text-decoration:none;transition:.15s}.pro-drop>a:hover{transform:translateX(3px);border-color:var(--pro-cyan);background:#18dfd20a}.pro-drop i{width:30px;height:30px;display:grid;place-items:center;color:var(--pro-cyan);font-style:normal}.pro-drop b,.pro-drop small{display:block}.pro-drop b{font-size:13px}.pro-drop small{margin-top:2px;color:#7f8795;font-size:9px}.pro-account{display:flex;align-items:center;gap:10px;padding:7px 13px 7px 7px;border:1px solid #dcae4566;border-radius:999px;color:#fff;text-decoration:none;font-size:12px;font-weight:700}.pro-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--pro-cyan),var(--pro-violet));color:#08090c;font:900 11px Barlow Condensed}.pro-account b{color:var(--pro-gold)}.pro-menu-toggle{display:none;margin-left:auto;border:1px solid var(--pro-gold);background:#0b0e14;color:#fff;padding:9px 12px}.utility{position:relative;z-index:10;height:38px;background:#080b10e8;border-color:#ffffff12}.cinema-hero{min-height:760px;height:calc(100vh - 78px);border-bottom:1px solid #dcae4540}.home-page .cinema-hero{background-image:linear-gradient(90deg,#030509fa 0%,#05070aa5 45%,transparent 78%),linear-gradient(0deg,#05070b 0%,transparent 40%),url('/savage-horizon-island.png')}.hero-copy{position:relative;z-index:3}.hero-copy h1{font-size:clamp(95px,11vw,175px);line-height:.72;letter-spacing:-.04em;text-shadow:0 12px 40px #000}.hero-copy h1 em{background:linear-gradient(90deg,var(--pro-cyan),#6d78ff,var(--pro-violet));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{max-width:660px;color:#d2d7de;font-size:16px}.live-card{background:#080b11df;border:1px solid #dcae4545;border-left:3px solid var(--pro-cyan);backdrop-filter:blur(18px)}.section{width:min(1480px,94vw);padding:100px 0}.section-heading h2{font-size:58px}.feature-grid article,.server-board,.guide-strip{background:linear-gradient(145deg,#0d121af2,#070a0ff2);border-color:#ffffff14}.hub-page{min-height:100vh;background:radial-gradient(circle at 80% 10%,#35123d40,transparent 32%),radial-gradient(circle at 0 40%,#0645402b,transparent 31%),#05070b}.hub-showcase,.service-hero{background:linear-gradient(90deg,#070a10f2,#111421bd 55%,#2a102c45),url('/savage-horizon-island.png') center 42%/cover;border:1px solid #ffffff12;border-top:0;box-shadow:inset 0 -80px 90px #05070b}.service-hero{min-height:300px;display:flex;flex-direction:column;justify-content:end;padding:55px}.service-hero h1{font-size:clamp(70px,8vw,125px);letter-spacing:-.03em}.service-hero p{font-size:15px}.card,.garage-instructions,.garage-control>div,.shop-card{background:linear-gradient(145deg,#101620ed,#080b11ed);border-color:#ffffff15;box-shadow:0 20px 55px #0005}.card:before{height:1px;background:linear-gradient(90deg,var(--pro-cyan),var(--pro-violet),transparent)}.hub-shell{padding-top:30px}.hub-intro h1{background:linear-gradient(90deg,#fff 20%,#a9b2c1);-webkit-background-clip:text;background-clip:text;color:transparent}.hub-card-grid>a{overflow:hidden;background:linear-gradient(145deg,#0f151fed,#070a10ed);border-color:#ffffff13;box-shadow:0 15px 40px #0005}.hub-card-grid>a:after{content:'';position:absolute;right:-70px;bottom:-90px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,#18dfd21a,transparent 65%)}.hub-card-grid>a:hover{border-color:var(--pro-cyan);box-shadow:0 20px 50px #0008,0 0 30px #18dfd215}.hub-card-grid>a:nth-child(2):hover{border-color:var(--pro-violet)}.hub-card-grid>a:nth-child(3):hover{border-color:var(--pro-gold)}.shop-card{transition:.2s}.shop-card:hover{transform:translateY(-5px);border-color:#dcae4560}.friend-row,.rank-row,.ticket-row{padding:17px 10px}.button,.action{border-radius:7px}.button.primary,.action.cyan{background:linear-gradient(90deg,var(--pro-cyan),#57a8ef);border:0;color:#071014;box-shadow:0 8px 24px #18dfd225}.notice{border-radius:5px}.map-page{padding-top:78px}.map-console{height:calc(100vh - 78px)}.profile-identity{border-color:#dcae4540;box-shadow:0 25px 60px #0007}.wallet-grid>div{background:#080b11}.garage-dino{border-radius:8px}.status .dot{background:var(--pro-cyan);box-shadow:0 0 12px var(--pro-cyan)}footer{background:#05070b;border-top:1px solid #ffffff12}@media(max-width:1420px){.pro-header{padding:0 18px}.pro-brand{min-width:250px}.pro-nav-link{padding:9px 11px}.pro-account{max-width:150px}.pro-account span:nth-child(2){overflow:hidden;text-overflow:ellipsis}}@media(max-width:1120px){.pro-header{height:68px}.pro-brand{min-width:0}.pro-brand>span:last-child{display:none}.pro-menu-toggle{display:block}.pro-nav{display:none;position:absolute;top:67px;left:12px;right:12px;margin:0;padding:12px;align-items:stretch;flex-direction:column;background:#080b12fa;border:1px solid #dcae4550}.pro-nav.open{display:flex}.pro-nav-drop>.pro-nav-link{width:100%}.pro-drop{position:static;width:100%;display:none;visibility:visible;opacity:1;transform:none!important}.pro-nav-drop:hover .pro-drop{display:block}.pro-drop:before{display:none}.pro-account{margin-left:0}body{padding-top:68px}.map-page{padding-top:68px}.map-console{height:calc(100vh - 68px)}}@media(max-width:650px){.pro-header{padding:0 12px}.pro-logo{width:41px;height:45px}.pro-account span:nth-child(2){display:none}.service-hero{padding:35px 18px;min-height:240px}.service-hero h1{font-size:62px}.hero-copy h1{font-size:88px}.section{padding:70px 0}}

/* v0.3.5 Dinosaur Shop */
body.hub-page .service-page{width:min(1500px,94vw);margin:26px auto 80px}
body.hub-page #shopDashboard{padding:22px 0 50px}
.shop-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:8px 0 22px;padding:0 2px}
.shop-toolbar h2{margin:0;color:#f4f7fb;font:700 clamp(28px,3vw,42px) Barlow Condensed,Inter,sans-serif;letter-spacing:.02em;text-transform:uppercase}
.shop-filters{display:flex;flex-wrap:wrap;gap:8px}
.shop-filters button{min-height:38px;padding:0 16px;border:1px solid #26374a;border-radius:999px;background:#0a111a;color:#93a7bb;font:700 10px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.18s ease}
.shop-filters button:hover{border-color:#18dfd2;color:#eaffff;transform:translateY(-1px)}
.shop-filters button.active{border-color:#18dfd2;background:linear-gradient(90deg,#0d5b63,#391342);color:#fff;box-shadow:0 0 22px #18dfd21b}
.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.shop-card{position:relative;min-height:310px;display:flex;flex-direction:column;overflow:hidden;padding:20px;border:1px solid #1e2b3a;border-radius:14px;background:linear-gradient(155deg,#101925f2,#080d14f7 70%);box-shadow:0 18px 50px #0006;isolation:isolate}
.shop-card:before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#18dfd2,#8b5cf6,#dcae45);opacity:.75}
.shop-card:after{content:'';position:absolute;z-index:-1;width:170px;height:170px;right:-65px;top:-55px;border-radius:50%;background:radial-gradient(circle,#18dfd220,transparent 68%)}
.shop-card:hover{transform:translateY(-4px);border-color:#18dfd266;box-shadow:0 25px 65px #0008,0 0 28px #18dfd210}
.shop-card>div:first-child{display:flex;align-items:center;gap:8px;min-height:24px}
.shop-card .badge,.shop-card .diet{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font:800 8px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.shop-card .badge{border:1px solid #dcae4557;color:#f3c65e;background:#dcae450c}
.shop-card .diet{border:1px solid #18dfd23d;color:#74eee8;background:#18dfd20b}
.dino-letter{width:64px;height:64px;display:grid;place-items:center;margin:22px 0 15px;border:1px solid #18dfd24d;border-radius:16px;background:linear-gradient(145deg,#0f3540,#25102f);color:#e9ffff;font:800 30px Barlow Condensed,Inter,sans-serif;box-shadow:inset 0 0 22px #18dfd214}
.shop-card h3{margin:0;color:#fff;font:700 27px Barlow Condensed,Inter,sans-serif;letter-spacing:.02em;text-transform:uppercase}
.shop-card p{min-height:48px;margin:8px 0 22px;color:#8fa2b6;font-size:12px;line-height:1.6}
.shop-buy{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid #ffffff0e}
.shop-buy strong{color:#f0bd55;font:800 20px Barlow Condensed,Inter,sans-serif;letter-spacing:.04em}
.shop-buy .buy{min-width:105px;min-height:40px;padding:0 15px;border-radius:8px;border:1px solid #18dfd24f;background:linear-gradient(90deg,#18dfd2,#59a9ef);color:#061014;font:800 10px Inter,sans-serif;letter-spacing:.06em;cursor:pointer}
.shop-buy .buy:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}
.shop-buy .buy:disabled{border-color:#283444;background:#101823;color:#627184;cursor:not-allowed;box-shadow:none}
@media(max-width:1250px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:580px){.shop-grid{grid-template-columns:1fr}.shop-filters{width:100%}.shop-filters button{flex:1;padding-inline:10px}}
