@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#f5f7fb;background:#081422;--navy:#081422;--panel:#102337;--line:#294052;--yellow:#FFD600;--turquoise:#4DD0E1}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,sans-serif}em{font-style:normal;color:var(--yellow)}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--yellow)}.eyebrow.turquoise{color:var(--turquoise)}.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:100px;border:1px solid transparent;padding:13px 20px;font-weight:800;font-size:13px;transition:transform .2s;white-space:nowrap}.pill:hover{transform:translateY(-2px)}.pill.primary{background:var(--yellow);color:#102030}.pill.ghost{background:#1c3246;color:#fff;border-color:#30495b}.pill.outline{background:transparent;color:#fff;border-color:#688094}.pill.subtle{background:transparent;color:#a7b9c8}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;background:#07111c;border-right:1px solid #1a3040;display:flex;flex-direction:column;flex-shrink:0;padding:28px 18px}.brand{display:flex;align-items:center;gap:9px;font-family:Outfit;font-weight:800;font-size:18px;letter-spacing:.08em}.brand img,.mobile-brand img{width:30px;height:30px;object-fit:contain}.brand-caption{color:#7d93a6;font-size:12px;margin:5px 0 43px 40px}.sidebar nav{display:grid;gap:5px}.nav-link{border:0;background:transparent;color:#a9b9c8;display:flex;align-items:center;gap:14px;width:100%;padding:13px 16px;border-radius:14px;text-align:left;font-size:14px;font-weight:700}.nav-link:hover,.nav-link.active{background:#183a47;color:var(--turquoise)}.sidebar-foot{margin-top:auto;border-top:1px solid #253b4d;padding-top:22px;display:flex;gap:12px;align-items:center}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot small{color:#8297a9;font-size:11px;margin-top:4px}.mini-avatar,.tiny-avatar{border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--turquoise),var(--yellow));color:#0b1b28;font-weight:800;overflow:hidden}.mini-avatar{width:38px;height:38px}.tiny-avatar{width:30px;height:30px}.mini-avatar img,.tiny-avatar img,.profile-avatar img{width:100%;height:100%;object-fit:cover}.main-area{width:calc(100% - 244px);min-height:100vh;position:relative;overflow:hidden}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid #203449}.mobile-brand{display:none;align-items:center;gap:8px;font-family:Outfit;font-weight:800;letter-spacing:.06em}.topbar .eyebrow{color:#92a6b8}.feed-screen{min-height:calc(100vh - 84px);display:grid;grid-template-columns:minmax(270px,1fr) minmax(360px,510px);gap:40px;padding:42px 70px 42px 6vw;align-items:center}.feed-copy h1{font-size:clamp(42px,4vw,70px);line-height:1.04;letter-spacing:-.055em;margin:22px 0}.feed-copy p{color:#a6b6c5;font-size:16px;line-height:1.8;max-width:460px}.feed-actions{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.feed-meta{color:#a5b7c6;font-size:12px;display:flex;gap:9px;align-items:center}.pulse-dot{width:9px;height:9px;border-radius:50%;background:var(--turquoise);box-shadow:0 0 0 5px #4dd0e126;animation:pulse 1.6s infinite}@keyframes pulse{50%{box-shadow:0 0 0 11px #4dd0e100}}.feed-stage{height:min(680px,calc(100vh - 130px));min-height:520px;position:relative;display:flex;justify-content:center}.chest-card,.empty-card{width:min(100%,420px);height:100%;border-radius:28px;overflow:hidden;position:relative;border:1px solid #566575;box-shadow:0 25px 65px #0007;background:radial-gradient(circle at 50% 38%,#225f69 0,#153747 26%,#0f2338 62%,#091928)}.chest-card-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#ffd60035,transparent 43%)}.card-top{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:1}.tag{font-size:10px;font-weight:800;letter-spacing:.1em;color:#12232b;background:var(--turquoise);padding:8px 10px;border-radius:100px}.distance{display:flex;gap:4px;align-items:center;color:#fff;font-weight:700;font-size:12px}.treasure-art{position:absolute;top:24%;left:0;right:0;height:42%;display:grid;place-items:center}.treasure-rays{position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid #ffd60044;box-shadow:0 0 0 25px #ffd60012,0 0 0 55px #ffd60008,0 0 100px #ffd60050;animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:scale(1.08)}}.treasure-box{position:relative;width:170px;height:112px;background:linear-gradient(145deg,#ffc847,#a8591d);border:6px solid #ffe684;border-radius:14px 14px 25px 25px;transform:rotate(-7deg);box-shadow:12px 24px 35px #0008,inset 0 -23px #9c531d}.treasure-box:after{content:"";position:absolute;inset:0 25px;border-left:8px solid #ffe384;border-right:8px solid #ffe384}.treasure-lid{position:absolute;bottom:100%;left:-5px;width:170px;height:55px;background:linear-gradient(#ffde64,#b86c24);border:6px solid #ffe995;border-radius:75px 75px 10px 10px;transform:rotate(-18deg);transform-origin:left bottom;box-shadow:0 -16px 30px #ffd60055}.treasure-lock{position:absolute;z-index:2;top:32px;left:62px;border-radius:9px;padding:5px;background:#ffe895;color:#734012}.spark{position:absolute;color:var(--yellow)}.spark-one{left:16%;top:10%}.spark-two{right:14%;bottom:15%;width:18px}.card-bottom{position:absolute;bottom:0;left:0;right:0;padding:40px 24px 25px;background:linear-gradient(transparent,#07131ed9 17%,#07131e 72%)}.creator{display:flex;align-items:center;gap:8px;color:#b7c8d1;font-size:12px}.creator b{color:#fff}.card-bottom h2{font-size:30px;margin:14px 0 5px}.card-bottom p{font-size:12px;color:#a2b3bd}.unlock{width:100%;background:var(--yellow);border:0;border-radius:14px;padding:15px 13px;color:#152430;display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:12px;margin-top:22px}.vertical-actions{position:absolute;right:-54px;bottom:90px;display:grid;gap:13px}.vertical-actions button,.card-pagination button{display:grid;place-items:center;border:1px solid #405366;background:#122537;color:#e7f4f7;width:42px;height:42px;border-radius:50%}.vertical-actions button:hover{background:var(--turquoise);color:#0c1e2a}.card-pagination{position:absolute;bottom:-31px;display:flex;align-items:center;gap:14px;font-size:11px;color:#9bb0c1}.card-pagination button{width:27px;height:27px}.card-pagination svg{width:15px}.empty-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:42px}.empty-card h2{font-size:28px}.empty-card p{color:#acc1d0;line-height:1.6}.radar-orbit{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;color:var(--turquoise);background:radial-gradient(circle,#4dd0e12b,transparent 70%);border:1px solid #4dd0e14d;box-shadow:0 0 0 25px #4dd0e10a;margin-bottom:25px}.page{max-width:1100px;margin:auto;padding:54px 48px 100px}.page-title{margin-bottom:38px}.page-title h1{font-size:clamp(38px,4.5vw,64px);line-height:1.05;letter-spacing:-.05em;margin:12px 0}.page-title p{max-width:580px;color:#a5b9ca;line-height:1.7}.feature-panel{background:#112538;border:1px solid #294457;border-radius:24px;padding:33px}.feature-panel.locked{text-align:center;max-width:470px;margin:40px auto}.feature-panel h2{font-size:26px}.feature-panel p{color:#a8bbc8;line-height:1.65}.feature-icon{color:var(--yellow);width:100px;height:100px;border:1px solid #ffd60066;background:#ffd60016;border-radius:50%;display:grid;place-items:center;margin:5px auto 27px}.feature-panel.locked strong{display:block;color:var(--turquoise);margin:16px 0 25px}.progress{height:8px;border-radius:10px;background:#344b5e;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--turquoise),var(--yellow));border-radius:10px;transition:width .3s}.radar-layout{display:flex;align-items:center;gap:8vw;margin-top:45px}.radar-dial{width:min(46vw,450px);height:min(46vw,450px);position:relative;flex-shrink:0;border-radius:50%;border:1px solid #56cbd260;background:repeating-radial-gradient(circle,#163c49 0 1px,transparent 2px 50px),radial-gradient(circle,#1a5664,#092133 67%);box-shadow:0 0 0 20px #4dd0e10b,0 0 75px #4dd0e135;overflow:hidden}.radar-dial:before{content:"";position:absolute;inset:50% 0 0 50%;background:linear-gradient(90deg,#4dd0e135,transparent);transform-origin:0 0;animation:sweep 4s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}.radar-wave{position:absolute;border:1px solid #4dd0e152;border-radius:50%;inset:20%;animation:wave 3s infinite}.wave-2{animation-delay:1s}.wave-3{animation-delay:2s}@keyframes wave{0%{transform:scale(.25);opacity:1}to{transform:scale(2);opacity:0}}.radar-dial>span{position:absolute;font-size:12px;font-weight:800;color:#9ed9de}.north{top:13px;left:50%}.east{right:17px;top:50%}.south{bottom:13px;left:50%}.west{left:17px;top:50%}.needle{position:absolute;top:50%;left:50%;color:var(--yellow);transition:transform .7s}.dial-core{position:absolute;top:50%;left:50%;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);background:var(--yellow)}.radar-status h2{font-size:35px;margin:13px 0}.radar-status p{color:#adbfcb}.radar-status .pill{margin-top:20px}.create-layout,.referral-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);gap:22px}.create-form{display:grid;gap:20px}.purchase-panel{border-radius:24px;padding:35px;background:linear-gradient(145deg,#154958,#0c273d);display:flex;flex-direction:column;align-items:flex-start;border:1px solid #397083}.purchase-panel>svg{color:var(--yellow);margin:40px 0 20px}.purchase-panel h2{font-size:28px}.purchase-panel p{color:#bdd2da;line-height:1.6}.price{font-family:Outfit;font-size:50px;color:var(--yellow);font-weight:800;margin-top:auto}.price span{font-size:14px;color:#fff;font-weight:400}.purchase-panel .pill{margin-top:14px}label{font-size:12px;font-weight:700;color:#dce8ee;display:grid;gap:9px}input,select,textarea{width:100%;background:#0b1b2a;border:1px solid #375064;border-radius:11px;padding:13px 14px;color:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--turquoise);box-shadow:0 0 0 3px #4dd0e123}input::placeholder,textarea::placeholder{color:#778f9f}textarea{resize:vertical}input[type=file]{font-size:12px}.location-note{border:1px dashed #497781;border-radius:13px;padding:15px;display:flex;align-items:center;gap:11px;color:#9ec5cc;font-size:12px}.submit{width:100%;margin-top:8px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.inventory-card{background:#12283b;border:1px solid #2b485b;border-radius:22px;padding:25px}.inventory-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:19px;color:var(--yellow);background:#ffd60018;margin:25px 0}.inventory-card h2{font-size:23px}.discovered-text{white-space:pre-wrap;color:#c3d4dd;line-height:1.6}.item-media{width:100%;max-height:230px;object-fit:cover;border-radius:12px}.item-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.item-actions button{display:flex;gap:6px;align-items:center;background:#1b3c4e;border:1px solid #426071;color:#dbf3f5;padding:10px;border-radius:10px;font-size:11px}.consumed{color:#8ea8b7;font-size:12px}.empty{padding:85px 25px;text-align:center;border:1px dashed #37556a;border-radius:22px;color:#a6bcca}.empty svg{color:var(--turquoise)}.empty h2{color:#fff;margin-top:17px}.referral-layout .feature-panel{min-height:340px}.referral-number{font-family:Outfit;font-size:92px;font-weight:800;color:var(--yellow)}.referral-number span{font-size:25px;color:#9bb5c4}.referral-layout .progress{margin:24px 0 13px}.referral-layout small,.form-hint{color:#819baa;font-size:11px}.referral-layout form{display:flex;flex-direction:column;gap:20px}.referral-layout form .submit{margin-top:auto}.profile-panel{max-width:630px;margin:auto;text-align:center;background:#102538;border:1px solid #2f4c5f;border-radius:25px;padding:40px}.profile-avatar{width:90px;height:90px;border-radius:50%;margin:0 auto 19px;display:grid;place-items:center;background:linear-gradient(145deg,var(--turquoise),var(--yellow));color:#0b2732;font-size:40px;font-weight:800;overflow:hidden}.profile-panel>p{color:#a9bcc8}.profile-panel .pill{margin:8px}.stats{display:flex;justify-content:space-around;border-top:1px solid #2a4658;border-bottom:1px solid #2a4658;margin:35px 0;padding:25px 0}.stats b,.stats span{display:block}.stats b{font-family:Outfit;font-size:27px;color:var(--yellow)}.stats span{font-size:11px;color:#a7bbca}.puzzle-page{max-width:1250px}.back{border:0;background:none;color:var(--turquoise);display:flex;gap:7px;align-items:center;margin-bottom:22px}.puzzle-progress{display:flex;gap:10px;margin-bottom:20px}.puzzle-progress span{border:1px solid #37566a;color:#7d9aaa;border-radius:100px;padding:9px 17px;font-size:11px;font-weight:800}.puzzle-progress .active{background:var(--turquoise);color:#0d2735}.cub-wrapper{background:#0b1f31;border:1px solid #335467;border-radius:22px;overflow:hidden}.cub-wrapper iframe{display:block;width:100%;height:min(65vh,650px);border:0;background:#071321}.cub-wrapper p{text-align:center;padding:15px;margin:0;color:#b6cbd5;font-size:12px}.slide-wrapper{display:flex;gap:35px;align-items:center}.slide-board{width:min(65vw,500px);aspect-ratio:1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;background:#102d3e;border:1px solid #4c7781;border-radius:20px;box-shadow:0 20px 50px #0006}.tile{border:1px solid #ffe899;border-radius:13px;background:linear-gradient(145deg,#ffe073,#dc9c35);box-shadow:0 5px #895920;color:#293344;font-family:Outfit;font-size:clamp(22px,3vw,42px);font-weight:800}.tile.blank{background:#0b2233;border:0;box-shadow:none;cursor:default}.slide-aside{max-width:320px}.slide-aside h2{font-size:34px;margin:15px 0}.slide-aside p{color:#a7bdca;line-height:1.7}.slide-aside b{display:block;margin:20px 0;color:var(--yellow)}.toast{position:fixed;bottom:22px;right:22px;z-index:30;max-width:390px;padding:14px 18px;display:flex;gap:15px;align-items:center;border-radius:14px;background:#e8f9fa;color:#0c2831;box-shadow:0 12px 45px #0008;font-size:13px;font-weight:700}.toast svg{flex-shrink:0}.mobile-nav{display:none}@media(max-width:1100px){.feed-screen{padding:35px 50px 60px 35px;gap:20px}.feed-copy h1{font-size:44px}.vertical-actions{right:-35px}.topbar{padding:0 26px}}@media(max-width:800px){.sidebar{display:none}.main-area{width:100%;padding-bottom:70px}.topbar{height:65px;padding:0 16px}.topbar .eyebrow{display:none}.mobile-brand{display:flex}.topbar .pill{padding:9px 12px;font-size:11px}.feed-screen{grid-template-columns:1fr;padding:0;display:block;min-height:calc(100vh - 130px)}.feed-copy{padding:24px 23px 20px}.feed-copy h1{font-size:35px;margin:9px 0}.feed-copy p{display:none}.feed-actions{margin:14px 0}.feed-actions .pill{padding:10px 13px;font-size:11px}.feed-stage{height:calc(100dvh - 265px);min-height:470px;padding:0 15px 20px}.chest-card,.empty-card{max-width:480px}.vertical-actions{right:24px;bottom:125px}.vertical-actions button{width:38px;height:38px;background:#081b2bcc;box-shadow:0 4px 10px #0005}.card-pagination{bottom:-4px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:69px;display:flex;justify-content:space-around;align-items:center;background:#071723;border-top:1px solid #294253;z-index:20;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:none;color:#8eabb9;display:grid;place-items:center;gap:3px;min-width:55px}.mobile-nav button.active{color:var(--yellow)}.mobile-nav small{font-size:9px}.page{padding:35px 20px 85px}.page-title h1{font-size:39px}.radar-layout{display:block}.radar-dial{width:min(76vw,390px);height:min(76vw,390px);margin:auto}.radar-status{text-align:center;margin-top:55px}.create-layout,.referral-layout{grid-template-columns:1fr}.slide-wrapper{flex-direction:column}.slide-board{width:min(85vw,500px)}.slide-aside{max-width:500px}.toast{left:15px;right:15px;bottom:85px;max-width:none}}@media(max-width:420px){.form-row{grid-template-columns:1fr}.feed-copy h1{font-size:29px}.feed-stage{height:calc(100dvh - 250px);min-height:430px}.card-bottom{padding:28px 18px 19px}.card-bottom h2{font-size:25px}.treasure-box{transform:scale(.82) rotate(-7deg)}.vertical-actions{right:27px}.feature-panel{padding:23px}.page-title h1{font-size:34px}}.password-control{position:relative;display:block}.password-control input{padding-right:52px}.password-control button{position:absolute;top:50%;right:7px;transform:translateY(-50%);width:39px;height:39px;border:0;border-radius:9px;background:transparent;color:#9fb6c6;display:grid;place-items:center}.password-control button:hover,.password-control button:focus-visible{color:var(--turquoise);background:#4dd0e116;outline:none}.password-control button:focus-visible{box-shadow:0 0 0 2px var(--turquoise)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #0b1b2a inset;-webkit-text-fill-color:#fff;caret-color:#fff}