html,body{margin:0;padding:0;overflow-x:hidden;overflow-y:auto;height:100%}body{margin:0;font-family:Montserrat,sans-serif;color:#fff;background:url(https://wrapped.atlantisrp.it/background.webp) no-repeat center center fixed;background-size:cover}h1{text-align:center}.slide-wrapper{min-height:100vh;height:100vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:20px 20px 40px;position:relative;overflow-x:hidden;overflow-y:auto;isolation:isolate;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.06),transparent 45%),radial-gradient(circle at 80% 10%,rgba(255,255,255,.08),transparent 40%),#040d17a6}.slide-wrapper:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1),transparent 42%);opacity:.7;z-index:-1}.slide-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.badge{background:#00000052;border:1px solid rgba(255,255,255,.12);padding:10px 18px;border-radius:10px;text-transform:uppercase;letter-spacing:3px;font-weight:700;font-size:12px;color:#e9f2ffd9;box-shadow:0 6px 20px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.slide-actions{display:flex;align-items:center;gap:12px}.audio-btn{margin-top:0;background:linear-gradient(135deg,#00000059,#ffffff14);border:1px solid rgba(255,255,255,.16);color:#fff;padding:10px 14px;border-radius:12px;min-width:56px;height:46px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;box-shadow:0 10px 25px #0000004d;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.audio-btn.on{background:linear-gradient(135deg,color-mix(in srgb,var(--accent, #00ffb2) 45%,#0b1a1f 55%),color-mix(in srgb,var(--accent, #00ffb2) 55%,#0e2b2f 45%));border-color:color-mix(in srgb,var(--accent, #00ffb2) 35%,#0d2a2b 65%);box-shadow:0 10px 22px #00000059;color:#e9f2ffeb}.audio-btn.off{background:#0006;opacity:.9}.audio-btn:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 12px 26px #0006}body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at top,#0006,#000000e6);z-index:-1}.center{height:100vh;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 20px;box-sizing:border-box}.title{font-size:68px;font-weight:800;letter-spacing:2px;text-shadow:0 10px 30px rgba(0,0,0,.7)}.subtitle{font-size:22px;opacity:.85;font-weight:300;max-width:800px;margin:0 auto;text-align:center;line-height:1.35}.small{font-size:14px;opacity:.7;max-width:420px}.error{color:#ff5c5c}.box{margin-top:30px;background:#00000073;padding:30px 40px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 40px #0006}code{background:#00ff9c26;padding:7px 11px;border-radius:12px;font-size:20px;color:#00ff9c;font-weight:600}button{margin-top:20px;background:linear-gradient(135deg,#f5750c,#cac70d);border:none;padding:16px 46px;border-radius:50px;font-size:18px;font-weight:700;color:#061b14;cursor:pointer;letter-spacing:1px;transition:all .25s ease;box-shadow:0 10px 30px #0006}button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 14px 40px #0009}.end-card{gap:20px;text-align:center}.end-pill{background:#ffffff1a;padding:10px 20px;border-radius:999px;letter-spacing:1px;text-transform:uppercase;font-weight:700;box-shadow:0 12px 30px #00000059}.end-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.slide{height:100%;min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:reveal .8s cubic-bezier(.3,.7,.3,1);position:relative;padding:8px 12px 0}.slide h2{font-size:22px;opacity:.75;letter-spacing:3px;text-transform:uppercase}.slide h1{font-size:50px;font-weight:800;margin:0;text-shadow:0 10px 40px rgba(0,0,0,.7)}.slide-content{flex:1;display:flex;justify-content:center;align-items:center;padding:10px 0}.slide-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px 0}.nav-btn{background:#00000073;border:1px solid rgba(255,255,255,.12);color:#fff;padding:14px 18px;border-radius:14px;box-shadow:0 10px 25px #0006;text-transform:uppercase;letter-spacing:1px;font-family:Montserrat,sans-serif;font-weight:800}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.progress-dots{display:flex;gap:8px;align-items:center;justify-content:center;flex:1}.dot{width:12px;height:12px;border-radius:50%;background:#fff6;box-shadow:inset 0 0 0 1px #ffffff14;transition:transform .2s ease,background .2s ease}.dot.active{background:color-mix(in srgb,var(--accent, #f5750c) 82%,white 18%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent, #f5750c) 55%,transparent),0 0 12px color-mix(in srgb,var(--accent, #f5750c) 65%,transparent);transform:scale(1.1)}.theme-persona{--accent: #243e55;--glow: rgba(134, 240, 255, .35);background:radial-gradient(circle at 30% 40%,rgba(134,240,255,.18),transparent 42%),linear-gradient(135deg,#0a1626,#12283a 70%)}.theme-sunrise{--accent: #3c194d;--glow: rgba(255, 181, 107, .45);background:radial-gradient(circle at 20% 20%,rgba(255,117,12,.18),transparent 42%),linear-gradient(135deg,#0a1b2d,#261130 70%)}.theme-nebula{--accent: #516686;--glow: rgba(142, 223, 255, .35);background:radial-gradient(circle at 70% 30%,rgba(0,166,255,.22),transparent 38%),linear-gradient(135deg,#0c1b2f,#122b41 75%)}.theme-tide{--accent: #7cf7d2;--glow: rgba(124, 247, 210, .35);background:radial-gradient(circle at 30% 70%,rgba(0,255,171,.18),transparent 45%),linear-gradient(135deg,#071e28,#0d332e 70%)}.theme-violet{--accent: #73419b;--glow: rgba(194, 163, 255, .35);background:radial-gradient(circle at 80% 20%,rgba(194,163,255,.22),transparent 40%),linear-gradient(130deg,#0b0f2d,#251442 75%)}.theme-ember{--accent: #5e1e48;--glow: rgba(8, 8, 8, .4);background:radial-gradient(circle at 15% 50%,rgba(255,126,107,.22),transparent 40%),linear-gradient(125deg,#120c1a,#2b0e1e 70%)}.theme-forest{--accent: #90ffba;--glow: rgba(144, 255, 186, .35);background:radial-gradient(circle at 70% 60%,rgba(86,255,180,.18),transparent 45%),linear-gradient(125deg,#0d1c14,#12362b 70%)}.theme-blush{--accent: #af5785;--glow: rgba(255, 154, 207, .4);background:radial-gradient(circle at 50% 30%,rgba(255,154,207,.22),transparent 45%),linear-gradient(135deg,#1a0c1d,#35152c 75%)}.theme-lagoon{--accent: #377ea7;--glow: rgba(92, 225, 255, .35);background:radial-gradient(circle at 35% 65%,rgba(92,225,255,.2),transparent 42%),linear-gradient(135deg,#061b2b,#0f2f3d 72%)}.theme-midnight{--accent: #263055;--glow: rgba(255, 212, 121, .35);background:radial-gradient(circle at 80% 40%,rgba(255,212,121,.18),transparent 40%),linear-gradient(135deg,#0e1227,#161e38 75%)}.theme-aurora{--accent: #27415a;--glow: rgba(139, 246, 255, .36);background:radial-gradient(circle at 20% 30%,rgba(139,246,255,.2),transparent 42%),linear-gradient(140deg,#0a1b2d,#12304c 75%)}.theme-end{--accent: #465479;--glow: rgba(255, 222, 131, .45);background:radial-gradient(circle at 50% 50%,rgba(255,222,131,.18),transparent 45%),linear-gradient(135deg,#0f1421,#1c2438 75%)}@keyframes reveal{0%{opacity:0;transform:translateY(60px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes countFade{0%{opacity:0;transform:translateY(8px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.home-container{height:100vh;width:100%;overflow:hidden;position:relative;display:flex;flex-direction:column}.home-top{padding:10px 20px 0}.hero{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:10px 20px 20px}.hero-logo{width:120px;height:auto;margin-bottom:10px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.6))}.hero-title{font-size:64px;font-weight:800;text-align:center;margin:0;text-shadow:0 10px 30px rgba(0,0,0,.6)}.hero-sub{font-size:20px;opacity:.8;text-align:center;margin-bottom:18px}.hero-box{margin-top:22px;background:#0000008c;padding:20px 30px;border-radius:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-box-text{font-size:18px;opacity:.9}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:80%;max-width:900px;margin:0 auto 30px}.info-card{background:#ffffff14;padding:20px;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 20px #0000004d;text-align:left}.info-card h3{margin:0 0 8px;font-size:20px}.info-card p{opacity:.85;font-size:14px}footer{text-align:center;padding:10px;opacity:.6;font-size:14px}b,strong{font-weight:600!important}.eyebrow{letter-spacing:4px;text-transform:uppercase;opacity:.7;font-weight:700;margin:0 0 30px}.stat-grid{margin-top:16px;display:flex;flex-wrap:wrap;gap:14px;width:1200px;justify-content:center;margin-left:auto;margin-right:auto}.stat-card{background:#00000073;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px 20px;box-shadow:0 15px 40px #0006,0 0 40px var(--glow, rgba(0,0,0,.2));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:0 1 310px;max-width:250px}.stat-value{font-size:40px;font-weight:800;margin:0;color:var(--accent, #fff)}.animated-number{display:inline-block;font-variant-numeric:tabular-nums;animation:countFade .9s ease}.stat-label{margin:4px 0 8px;letter-spacing:1px;text-transform:uppercase;font-size:12px;opacity:.8}.stat-desc{margin:0;opacity:.7;line-height:1.4;font-size:14px}.cta{font-family:Montserrat,sans-serif;margin-top:18px;padding-inline:60px;text-transform:uppercase}.app-content{min-height:100vh}.mobile-warning{display:none}@media(max-width:600px){.app-content{display:none}.mobile-warning{display:flex;position:fixed;inset:0;background:linear-gradient(145deg,#040d17f0,#061b28fa);color:#f5f6fb;align-items:center;justify-content:center;text-align:center;padding:40px 24px;z-index:9999;flex-direction:column;gap:12px}.mobile-warning h2{margin:0;font-size:26px}.mobile-warning p{margin:0;max-width:520px;opacity:.85;line-height:1.5}}.persona-card{display:flex;flex-direction:column;align-items:center;gap:18px}.persona-reveal-button{position:relative;overflow:hidden;padding:18px 34px;border-radius:16px;background:linear-gradient(120deg,#0b1f32,#123f5c,#0b1f32);background-size:200% 200%;color:#e9f7ff;border:1px solid rgba(134,240,255,.35);box-shadow:0 14px 35px #00000073;cursor:pointer;font-weight:800;letter-spacing:1px;text-transform:uppercase;transition:transform .25s ease,box-shadow .25s ease,opacity .3s ease;animation:gradientShift 5s ease infinite}.persona-reveal-button .cta{position:relative;z-index:2}.persona-reveal-button .glow{position:absolute;inset:-60%;background:radial-gradient(circle at 50% 50%,rgba(134,240,255,.22),transparent 60%);filter:blur(10px);animation:pulseGlow 3s ease-in-out infinite}.persona-reveal-button:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 18px 45px #0000008c}.persona-content{opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease;display:flex;flex-direction:column;align-items:center;gap:16px}.persona-content.is-visible{opacity:1;transform:translateY(0)}.persona-highlight{background:linear-gradient(150deg,#081626cc,#0c2539e6);border:1px solid rgba(134,240,255,.28);border-radius:18px;padding:24px;box-shadow:0 14px 38px #00000073,0 0 0 1px #ffffff0a;max-width:860px;width:min(100%,860px);display:flex;flex-direction:column;align-items:flex-start;gap:14px}.persona-header{display:flex;align-items:center;gap:14px}.persona-skin{object-fit:contain;background:#00000059;border-radius:18px;padding:10px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px #00000059}.persona-identity{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.persona-player{margin:0;font-size:30px;font-weight:700}.persona-id{display:inline-block;padding:8px 12px;border-radius:12px;background:#86f0ff24;border:1px solid rgba(134,240,255,.24);font-weight:700}.persona-title{font-size:58px;margin:0;text-shadow:0 12px 34px rgba(0,0,0,.6)}.persona-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:12px;background:#00000073;border:1px solid rgba(255,255,255,.1);font-weight:700;letter-spacing:1px;text-transform:uppercase}.persona-description{margin:0;text-align:left}.share-icon{position:absolute;top:16px;right:-8px;font-size:20px;cursor:pointer;padding:8px;border-radius:12px;background:#00000073;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 22px #0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;transition:transform .2s ease,box-shadow .2s ease}.share-icon:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 28px #00000080}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulseGlow{0%{opacity:.35;transform:scale(.95)}50%{opacity:.65;transform:scale(1.05)}to{opacity:.35;transform:scale(.95)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}