/* Illustration only: the handset is a clearly labelled view of the discovery guide. */
.modern-phone{position:relative;isolation:isolate;width:100%;max-width:470px;height:570px;display:grid;place-items:center;margin-inline:auto;font-family:Inter,Arial,Helvetica,sans-serif;color:#fff;perspective:1400px;pointer-events:none;user-select:none}
.modern-phone *{box-sizing:border-box}
.modern-phone__glow{position:absolute;z-index:-2;width:110%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse at 40% 40%,#8b4dff42,transparent 57%),radial-gradient(ellipse at 70% 70%,#24efba25,transparent 50%);filter:blur(23px)}
.modern-phone__shadow{position:absolute;z-index:-1;left:15%;right:9%;bottom:7px;height:43px;background:radial-gradient(ellipse,#03030dc9 0,#03030d75 35%,transparent 72%);filter:blur(10px);transform:rotate(-5deg)}
.modern-phone__device{position:relative;width:266px;height:542px;padding:7px;border:1px solid #9294a0;border-radius:47px;background:linear-gradient(119deg,#92949d 0%,#282932 7%,#9799a4 12%,#171820 18%,#464754 46%,#15161d 72%,#b4b8c5 93%,#343640 97%);box-shadow:inset 1px 0 2px #f4f3ffa3,inset -2px -2px 3px #020204,3px 5px 0 #12121b,5px 7px 0 #535566,6px 8px 1px #05050b,18px 25px 36px #0009,0 1px 1px #fff6;transform:rotate(-6deg) rotateY(-9deg);transform-style:preserve-3d}
.modern-phone__device:after{content:"";position:absolute;inset:3px;border:1px solid #09090e;border-radius:43px;box-shadow:inset 0 0 1px #e8e5f590;pointer-events:none}
.modern-phone__key{position:absolute;left:-3px;width:3px;border-radius:2px 0 0 2px;background:linear-gradient(90deg,#10101a,#92909f,#20202a);box-shadow:-1px 0 1px #0009}
.modern-phone__key--mute{top:91px;height:18px}
.modern-phone__key--volume{top:129px;height:57px}
.modern-phone__key--volume:after{content:"";position:absolute;left:0;right:0;top:27px;height:6px;background:#090911}
.modern-phone__key--power{left:auto;right:-5px;top:149px;height:61px;border-radius:0 2px 2px 0}
.modern-phone__screen{position:relative;height:100%;width:100%;overflow:hidden;border:2px solid #020205;border-radius:39px;background:#0c0d20;display:grid;grid-template-rows:28px 35px 120px 31px 26px minmax(0,1fr) 38px 13px;box-shadow:0 0 0 1px #06060b,inset 0 0 1px #fff3}
.modern-phone__screen:after{content:"";position:absolute;z-index:8;inset:0;border-radius:37px;pointer-events:none;background:linear-gradient(111deg,#fff0 0%,#fff0 28%,#ffffff05 44%,#fff0 59%);box-shadow:inset 0 0 8px #0003}
.modern-phone__status{display:flex;align-items:center;justify-content:space-between;padding:0 21px;font-size:8px;font-weight:700;color:#f0edff}
.modern-phone__signals{display:flex;align-items:flex-end;gap:2px;height:8px}
.modern-phone__signals i{display:block;width:2px;height:3px;background:#f0edff;border-radius:.5px}
.modern-phone__signals i:nth-child(2){height:5px}
.modern-phone__signals i:nth-child(3){height:7px}
.modern-phone__signals b{display:block;position:relative;width:13px;height:7px;border:1px solid #dfd7f0;border-radius:2px;margin-left:4px}
.modern-phone__signals b:before{content:"";position:absolute;inset:1px;background:#f5f1ff;border-radius:.5px}
.modern-phone__signals b:after{content:"";position:absolute;right:-3px;top:1px;width:1px;height:3px;background:#dfd7f0}
.modern-phone__camera{position:absolute;z-index:9;top:8px;left:50%;transform:translateX(-50%);width:70px;height:19px;border-radius:14px;background:#020204;box-shadow:0 1px 0 #34313f66}
.modern-phone__camera:after{content:"";position:absolute;right:7px;top:6px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#294353,#101e29 23%,#0b1219 40%,#122b38 55%,#030305 70%);box-shadow:0 0 0 1px #08080e}
.modern-phone__topbar{display:flex;align-items:center;justify-content:space-between;padding:0 12px 3px}
.modern-phone__brand{font-size:15px;font-weight:900;letter-spacing:-.85px;display:flex;align-items:baseline;gap:1px}
.modern-phone__brand>span{color:#24efba}
.modern-phone__brand i{display:block;width:4px;height:4px;border-radius:50%;background:#8b4dff;margin-left:2px}
.modern-phone__guide{font-size:4.8px;font-weight:800;letter-spacing:.6px;color:#b2b2d4;padding:5px 5px;border:1px solid #ffffff17;border-radius:4px}
.modern-phone__hero{position:relative;margin:0 8px;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 65% 0,#bd7bff80,transparent 65%),linear-gradient(115deg,#6631de,#391187);border:1px solid #bd8aff4d;box-shadow:0 5px 17px #27095f55}
.modern-phone__hero>img{position:absolute;inset:0 0 0 auto;height:100%;width:65%;display:block;object-fit:cover;object-position:center 33%;opacity:.92}
.modern-phone__hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#6d32e7 0%,#6029d6ef 27%,#5224b891 48%,#49229c00 75%),linear-gradient(0deg,#3c1676bf,transparent 42%)}
.modern-phone__hero-orbit{position:absolute;z-index:1;border:1px solid #e3bcff38;border-radius:50%;width:130px;height:130px;right:-19px;top:-28px;transform:rotate(-22deg);box-shadow:0 0 0 19px #d9b3ff09}
.modern-phone__hero-copy{position:absolute;z-index:2;inset:13px 10px auto;display:flex;align-items:flex-start;flex-direction:column}
.modern-phone__eyebrow{display:flex;align-items:center;gap:4px;font-size:4.6px;letter-spacing:.7px;color:#f6eeff;font-weight:800}
.modern-phone__eyebrow i{width:3px;height:3px;background:#24efba;border-radius:50%;box-shadow:0 0 6px #24efba90}
.modern-phone__hero-copy>strong{font-size:23px;font-weight:900;letter-spacing:-1.1px;line-height:.98;display:block;margin:9px 0 10px;text-shadow:0 2px 10px #320e8b66}
.modern-phone__hero-copy>strong em{color:#ffce51;font-style:normal}
.modern-phone__hero-action{display:flex;align-items:center;gap:13px;font-size:6px;font-weight:800;color:#062e27;background:#24efba;border-radius:5px;padding:6px 8px;box-shadow:0 1px 7px #11003740}
.modern-phone__hero-action b{font-size:10px;line-height:6px}
.modern-phone__hero-badge{position:absolute;z-index:2;bottom:8px;right:8px;font-size:4.3px;letter-spacing:.35px;font-weight:800;color:#f8e5a6;text-shadow:0 1px 4px #180927}
.modern-phone__categories{display:flex;align-items:center;justify-content:space-between;padding:6px 11px 3px;font-size:6.6px;font-weight:700;color:#b0afcc}
.modern-phone__categories>span{padding:5px 9px;border-radius:5px}
.modern-phone__categories .modern-phone__category--active{color:#fff;background:#8b4dff;box-shadow:0 2px 9px #8b4dff30}
.modern-phone__section-title{display:flex;align-items:center;justify-content:space-between;padding:3px 12px 7px}
.modern-phone__section-title>strong{font-size:8.1px;font-weight:800;letter-spacing:-.2px}
.modern-phone__section-title>strong i{font-style:normal;color:#a6a4c3}
.modern-phone__section-title>span{font-size:5.3px;color:#bdb6df}
.modern-phone__games{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:7px;padding:0 10px 9px;min-height:0}
.modern-phone__game{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:8px;border:1px solid #ffffff20;background:#222239}
.modern-phone__game>img{height:100%;width:100%;display:block;object-fit:cover;object-position:center 34%}
.modern-phone__game:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#060618f5,#06061830 48%,#06061800 75%)}
.modern-phone__game--olympus{background:#4531a5}
.modern-phone__game--bonanza{background:#d7419a}
.modern-phone__game--aviator{background:#d31436}
.modern-phone__game--aviator>img{object-position:center}
.modern-phone__game--spaceman{background:#402791}
.modern-phone__game--spaceman>img{object-position:center}
.modern-phone__tag{position:absolute;z-index:1;left:5px;top:5px;padding:3px 4px;background:#0c0d20b8;border:1px solid #ffffff26;border-radius:3px;font-size:4px;line-height:1;font-weight:800;letter-spacing:.3px;color:#ffde82;backdrop-filter:blur(5px)}
.modern-phone__tag--crash{color:#24efba}
.modern-phone__game-label{position:absolute;z-index:1;left:7px;right:4px;bottom:7px;font-size:8.2px;font-weight:800;letter-spacing:-.2px;line-height:1.1;text-shadow:0 1px 5px #0006}
.modern-phone__game-label small{display:block;font-size:4.1px;letter-spacing:.55px;font-weight:600;color:#bdbbd3;margin-top:3px}
.modern-phone__bottomnav{display:flex;align-items:center;justify-content:space-around;border-top:1px solid #ffffff0c;padding:4px 10px 1px;background:#0a0b1b}
.modern-phone__bottomnav>span{display:flex;flex-direction:column;align-items:center;gap:4px;color:#77768f;font-size:5px;font-weight:600}
.modern-phone__bottomnav svg{height:13px;width:13px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.modern-phone__bottomnav .modern-phone__nav-active{color:#24efba}
.modern-phone__homebar{background:#0a0b1b;display:grid;place-items:center;padding-bottom:2px}
.modern-phone__homebar:after{content:"";display:block;width:78px;height:3px;border-radius:3px;background:#e3dff0}
@media(max-width:600px){.modern-phone{height:530px;max-width:360px}.modern-phone__device{width:240px;height:500px;border-radius:43px;padding:6px;transform:rotate(-5deg) rotateY(-7deg)}.modern-phone__device:after{border-radius:39px}.modern-phone__screen{border-radius:36px;grid-template-rows:27px 32px 109px 29px 25px minmax(0,1fr) 35px 12px}.modern-phone__topbar{padding-inline:10px}.modern-phone__brand{font-size:14px}.modern-phone__guide{font-size:4.3px;letter-spacing:.4px}.modern-phone__hero-copy{top:11px}.modern-phone__hero-copy>strong{font-size:21px;margin:8px 0 9px}.modern-phone__hero-action{padding:5px 7px}.modern-phone__hero-badge{font-size:3.9px;right:6px}.modern-phone__categories{padding-inline:9px;font-size:6.2px}.modern-phone__categories>span{padding:5px 8px}.modern-phone__section-title{padding-inline:11px}.modern-phone__section-title>strong{font-size:7.2px}.modern-phone__games{gap:6px;padding:0 9px 8px}.modern-phone__game-label{font-size:7.5px;bottom:6px;left:6px}.modern-phone__shadow{bottom:5px}}
@media(prefers-reduced-motion:reduce){.modern-phone,.modern-phone *{animation:none;transition:none}}