/* FUSENSIO 0.6 - original approved HUD composition restored.
   Source: user approved poster; no unrelated globe backdrop. */
:root{--cyan:#59c6ff;--border:rgba(91,182,242,.43)}
body{background:radial-gradient(ellipse at 71% 21%,rgba(20,87,137,.22),transparent 56%),linear-gradient(#061322,#030a18 1000px,#030a18)}
.poster-header,.site-nav{border-bottom:1px solid rgba(142,215,255,.14)}
.poster-emblem{display:inline-block;position:relative;width:48px;height:48px;border:3px solid #49beff;border-radius:50%;box-shadow:0 0 16px #008cffb6,inset 0 0 12px #007bf7a1;flex-shrink:0;margin-right:10px}
.poster-emblem:before,.poster-emblem:after{content:'';position:absolute;inset:1px 6px;border:2px solid #a7e6ff;border-radius:50%;transform:rotate(42deg)}
.poster-emblem:after{transform:rotate(-42deg)}
.poster-header .logo{display:flex;align-items:center;flex-direction:row;gap:0;letter-spacing:.08em;font-size:31px;color:#f6fbff}
.poster-header .logo>span:last-child{display:flex;flex-direction:column;gap:5px}
.poster-header .logo-title{color:#f5f9ff}
.poster-header .logo small{font-size:9px;letter-spacing:.2em;color:#b7e9ff}
.poster-nav{display:flex;gap:clamp(10px,1.8vw,30px);flex:1;justify-content:center;margin:0 10px}
.poster-nav a{font-size:14px;white-space:nowrap;color:#e9f4ff;font-weight:500;position:relative;padding:17px 0}
.poster-nav a.active{color:#fff}.poster-nav a.active:after{content:'';position:absolute;bottom:4px;left:0;right:0;background:#00aeff;height:2px;box-shadow:0 0 10px #00aeff}
.poster-header .langwrap{background:transparent;border:0;min-width:90px;max-width:127px;margin:0;padding:0}
.poster-header .langwrap select{font-size:13px;max-width:113px}
.poster-account{display:flex;align-items:center;gap:10px}.poster-account>a{padding:10px 17px;border:1px solid #75b4e6;border-radius:30px;white-space:nowrap;font-weight:500}
.poster-account .pill{border-radius:24px;white-space:nowrap;background:linear-gradient(140deg,#146beb,#37c8ff);color:#fff;padding:11px 18px;box-shadow:0 0 18px #0b83ff9c}
.wrap{max-width:1540px;padding:0 32px}
.poster-hero{display:grid;grid-template-columns:37% 63%;gap:0;min-height:735px;padding:26px 0 0;position:relative;align-items:stretch}
.poster-left{padding:105px 12px 122px 5px;position:relative;z-index:2;align-self:start}
.poster-name{font-size:clamp(54px,5.25vw,86px)!important;line-height:1.05!important;letter-spacing:.085em!important;margin:0 0 6px!important;font-weight:500!important;color:#e8f8ff;text-shadow:0 0 24px #4aaaf9a3,0 3px 24px #006ab244}
.poster-wordmark{font-size:clamp(10px,1.15vw,17px);letter-spacing:.32em;font-weight:300;color:#86d8ff;margin-bottom:36px;white-space:nowrap}
.poster-wordmark span{color:#6cddff}.poster-claim{font-size:clamp(34px,3.65vw,57px);font-weight:560;letter-spacing:-.035em;margin:0;line-height:1.13;color:#f5faff}
.poster-local{font-size:clamp(28px,3.05vw,47px);font-weight:400;color:#9bd9fb;line-height:1.25;margin:5px 0 28px}
.poster-pitch{color:#f5f8fc;font-size:clamp(16px,1.65vw,24px);line-height:1.5;max-width:485px;margin:0}
.poster-actions{display:flex;gap:12px;margin-top:31px;flex-wrap:wrap}.poster-actions .btn{border-radius:12px;font-size:17px;padding:13px 20px;font-weight:530}
.poster-actions .btn.primary{box-shadow:0 0 20px #008cff80;background:linear-gradient(125deg,#1877f6,#36c2fe);color:white}
.poster-right{position:relative;min-width:0;min-height:660px;display:flex;flex-direction:column;align-items:stretch;z-index:1}
.poster-topics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;position:relative;z-index:3;overflow:visible;padding:7px 7px 0 0}
.poster-topic{height:160px;min-width:0;display:block;border:1px solid #67c0f08c;border-radius:11px;overflow:hidden;position:relative;background:#07365c;box-shadow:inset 0 0 15px #0a85c651,0 8px 24px #0008;transition:transform .2s,border-color .2s}
.poster-topic:hover{transform:translateY(-3px);border-color:#a3e8ff}
.poster-topic img{width:100%;height:100%;object-fit:cover;display:block;opacity:.89}
.poster-topic:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,12,28,.84))}
.poster-topic .topic-label{position:absolute;bottom:10px;left:8px;right:5px;z-index:2;color:#fff;font-size:clamp(11px,1vw,15px);line-height:1.2;font-weight:600;text-shadow:0 2px 9px #000}
.poster-scene{position:relative;margin-top:8px;height:486px;background:url('poster-scene.webp') center center / 100% 100% no-repeat;border-radius:12px;border:1px solid #48b8f65c;box-shadow:0 0 35px #00a6ff31}
.poster-benefits{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:rgba(2,15,31,.76);border-top:1px solid rgba(99,204,255,.32);padding:19px 8px 20px;gap:0;z-index:2;margin-top:0}
.poster-benefit{display:flex;align-items:center;gap:12px;padding:0 13px;min-width:0;border-right:1px solid rgba(101,177,221,.35)}.poster-benefit:last-child{border-right:0}
.benefit-mark{flex-shrink:0;width:48px;height:48px;border:1px solid #61bfea4a;border-radius:50%;display:grid;place-items:center;font-size:25px;color:#ceeaff}
.poster-benefit b{display:block;color:#fff;font-size:13px;font-weight:600}.poster-benefit small{display:block;color:#a7c2d5;font-size:11px;margin-top:3px}
/* Existing game, panels and admin views remain untouched */
@media(max-width:1250px){.poster-header .logo{font-size:23px}.poster-emblem{width:40px;height:40px}.poster-nav{gap:11px}.poster-nav a{font-size:12px}.poster-header .poster-account a{padding:9px}.poster-header .poster-account button{padding:9px}.poster-hero{grid-template-columns:40% 60%;min-height:645px}.poster-left{padding-top:110px}.poster-name{font-size:clamp(46px,5vw,65px)!important}.poster-wordmark{letter-spacing:.18em}.poster-right{min-height:550px}.poster-topic{height:130px}.poster-scene{height:400px}.poster-benefits{padding:16px 4px}.poster-benefit{gap:5px;padding:0 7px}.benefit-mark{width:33px;height:33px;font-size:20px}.poster-benefit b{font-size:11px}.poster-benefit small{font-size:9px}}
@media(max-width:950px){.poster-header{height:auto;flex-wrap:wrap;padding:11px 0;gap:8px}.poster-nav{order:3;width:100%;justify-content:space-around;gap:5px}.poster-header .langwrap{margin-left:auto}.poster-hero{grid-template-columns:1fr;min-height:0;padding-top:22px}.poster-left{padding:32px 2px 26px}.poster-name{font-size:clamp(48px,8vw,75px)!important}.poster-wordmark{margin-bottom:19px}.poster-claim{font-size:clamp(39px,6vw,56px)}.poster-local{font-size:clamp(28px,5vw,43px);margin-bottom:15px}.poster-pitch{max-width:700px}.poster-right{min-height:0}.poster-topic{height:150px}.poster-scene{height:470px}.poster-benefits{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:17px}.poster-benefit:nth-child(3){border-right:0}}
@media(max-width:620px){.wrap{padding:0 15px}.poster-header .logo{font-size:20px;letter-spacing:.04em}.poster-emblem{width:35px;height:35px;margin-right:7px}.poster-header .logo small{font-size:7px}.poster-header .langwrap{min-width:0}.poster-header .langwrap select{max-width:88px;font-size:11px}.poster-account{gap:5px}.poster-account>a{font-size:10px}.poster-account .pill{font-size:10px;padding:8px!important}.poster-nav{overflow-x:auto;justify-content:flex-start;gap:14px;scrollbar-width:none}.poster-nav a{padding:6px 0;font-size:12px}.poster-left{padding:12px 1px 22px}.poster-name{font-size:clamp(39px,11.3vw,66px)!important;letter-spacing:.035em!important}.poster-wordmark{font-size:9px;letter-spacing:.13em}.poster-claim{font-size:clamp(36px,9vw,52px)}.poster-local{font-size:clamp(25px,6.5vw,33px)}.poster-pitch{font-size:16px}.poster-actions{gap:7px;margin-top:20px}.poster-actions .btn{font-size:14px;padding:12px 15px}.poster-topics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0}.poster-topic{height:112px}.poster-topic .topic-label{font-size:11px}.poster-scene{height:270px;background-size:cover;background-position:center}.poster-benefits{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 2px}.poster-benefit{padding:5px;border-right:0}.poster-benefit b{font-size:11px}.poster-benefit small{font-size:9px}}
[dir=rtl] .poster-hero{direction:rtl}[dir=rtl] .poster-left{text-align:right}[dir=rtl] .poster-left .poster-name,[dir=rtl] .poster-wordmark,[dir=rtl] .poster-claim{direction:ltr;text-align:right}
[dir=rtl] .poster-right{direction:ltr}[dir=rtl] .poster-topic .topic-label{direction:rtl;text-align:right}[dir=rtl] .poster-benefits{direction:rtl}

.poster-benefit .benefit-mark svg{width:25px;height:25px;stroke:#c6eaff;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;fill:none}
.site-nav.container{max-width:1540px;width:calc(100% - 48px)}
.site-nav.poster-header{height:auto;min-height:94px}.site-nav.poster-header .poster-account{gap:8px}
@media(max-width:950px){.site-nav.poster-header{flex-wrap:wrap}.site-nav.poster-header .poster-nav{order:3;width:100%}}
@media(max-width:560px){.site-nav.container{width:calc(100% - 28px)}.site-nav.poster-header .poster-account>a{font-size:10px;padding:8px}}