@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&family=Oswald:wght@400;500;600&display=swap");
:root{--bg:#090b08;--panel:#11150f;--panel2:#182015;--line:#30382a;--text:#f0ead5;--muted:#8d9077;--gold:#d8a928;--green:#3e633c;--orange:#b94b2e;--red:#9f2f23}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.app-shell{max-width:1600px;margin:auto;background:var(--bg);box-shadow:0 0 100px #000}.topbar{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;height:78px;padding:0 5vw;border-bottom:1px solid #ffffff0b;background:#080b09d9}.brand{display:flex;align-items:center;gap:11px;min-width:220px}.brand-mark{display:grid;width:35px;height:35px;place-items:center;border:1px solid var(--gold);border-radius:4px;color:var(--gold);font:700 11px Oswald;letter-spacing:-.08em}.brand b{display:block;font:600 12px Cinzel;letter-spacing:.12em}.brand small{display:block;margin-top:3px;color:#777b62;font:8px Oswald;letter-spacing:.2em}.main-nav{display:flex;align-items:stretch;gap:8px;margin:auto;color:#868c73;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.main-nav>a,.nav-group>button{padding:31px 10px;border:0;border-bottom:2px solid transparent;background:none;color:inherit;font:inherit;cursor:pointer}.main-nav>a:hover,.main-nav>a.active,.nav-group:hover>button,.nav-group.open>button{color:var(--text);border-color:var(--gold)}.nav-group{position:relative}.nav-group>button span{margin-left:5px;color:var(--gold)}.mega-menu{position:absolute;top:78px;left:0;display:none;grid-template-columns:repeat(2,minmax(170px,1fr));min-width:350px;padding:13px;border:1px solid #244333;background:#07100ddd;box-shadow:0 18px 35px #000b;backdrop-filter:blur(8px)}.nav-group:hover .mega-menu,.nav-group:focus-within .mega-menu,.nav-group.open .mega-menu{display:grid}.mega-menu a{display:flex;align-items:flex-start;gap:10px;padding:12px;color:#dce1d1;border:0}.mega-menu a:hover{background:#10241a;color:#e3b52d}.mega-menu b{display:grid;width:28px;height:28px;place-items:center;border:1px solid #1b6446;color:#18a66b;font-size:13px}.mega-menu span{font:600 11px Oswald;letter-spacing:.04em}.mega-menu small{display:block;margin-top:4px;color:#667668;font:9px Manrope;letter-spacing:0;text-transform:none}.discord-link{display:flex;align-items:center;gap:8px;color:#d2d2b9;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.online-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 11px var(--green)}.discord-link b{margin-left:8px;color:var(--gold);font-size:15px}.menu-toggle{display:none}.portal-hero{position:relative;min-height:480px;padding:140px 12vw 60px;overflow:hidden;background:radial-gradient(ellipse at 76% 51%,#536b384d,transparent 27%),linear-gradient(106deg,#182517 0,#080b08 70%)}.hero-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(#a79c5a20 1px,transparent 1px),linear-gradient(90deg,#a79c5a20 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.hero-copy{position:relative;z-index:2;max-width:590px}.overline{color:#b4b89e;font:500 10px Oswald;letter-spacing:.2em}.overline.green{color:#79a35d}.overline .rule,.overline>.rule{display:inline-block;width:30px;height:1px;margin:0 10px 3px 0;background:var(--gold)}h1{margin:18px 0;color:#f0ead5;font:600 clamp(38px,4.2vw,68px)/1.05 Cinzel;letter-spacing:-.03em}h1 span,h2 em{color:var(--gold);font-style:normal}.hero-description{max-width:390px;color:#b0b29a;font-size:14px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:35px}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:14px 17px;background:var(--gold);color:#171606;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.primary-button:hover{background:#f0c849}.primary-button b{font-size:17px;font-weight:400}.secondary-link{color:#c0c3ad;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.secondary-link b{margin-left:8px;color:var(--gold);font-size:14px}.hero-dinosaur{position:absolute;right:4%;bottom:-17%;width:52%;height:90%;opacity:.64;background:radial-gradient(ellipse at 54% 39%,#a1804988 0 3%,transparent 3.5%),radial-gradient(ellipse at 55% 50%,#5c6444 0 13%,transparent 13.5%),linear-gradient(157deg,transparent 34%,#34482b 34% 45%,transparent 45.5%),radial-gradient(ellipse at 49% 79%,#334428 0 20%,transparent 20.5%);filter:drop-shadow(0 0 35px #8b7a3f44);transform:skewX(-9deg) rotate(-3deg)}.hero-dinosaur:after{position:absolute;content:"";width:130%;height:100%;left:-16%;background:linear-gradient(90deg,#080b08,transparent 35%,transparent 70%,#080b08)}.hero-stats{position:absolute;right:9%;bottom:36px;left:12%;z-index:2;display:flex;gap:50px;padding-top:17px;border-top:1px solid #92884d45;color:#8c927b}.hero-stats span{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.hero-stats b{color:var(--gold);font:600 20px Oswald}.hero-stats small{font-size:9px}.hero-dashboard{position:absolute;z-index:3;right:8vw;bottom:110px;left:8vw;display:grid;grid-template-columns:minmax(290px, 420px);gap:16px}.summary-card{min-height:135px;padding:21px;border:1px solid #29352a;background:#0a0e0be8;box-shadow:0 12px 28px #0006}.summary-card small{color:#81886f;font:10px Oswald;letter-spacing:.14em}.overview-card>div{display:flex;gap:8px;margin-top:14px}.overview-card span{flex:1;padding:10px 5px;border:1px solid #283329;text-align:center}.overview-card span b{display:block;color:#e8eadf;font:600 22px Oswald}.overview-card span i{color:#7f897a;font:8px Oswald;font-style:normal}.roster-section{padding:120px 8vw 100px;background:#0b0e09}.section-top{display:flex;justify-content:space-between;align-items:end}.section-top h2,.rules-strip h2,.community-section h2{margin:12px 0 0;font:600 clamp(34px,4vw,58px)/.95 Cinzel;letter-spacing:-.05em}.section-intro{max-width:300px;margin:0;color:#808a73;font-size:12px;line-height:1.7}.dashboard-columns{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;margin:42px 0 55px}.survivor-list,.map-preview,.activity-section,.marketplace-section{border:1px solid var(--line);background:var(--panel);padding:21px}.list-heading,.activity-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:#e8eadf;font:600 16px Oswald;letter-spacing:.04em;text-transform:uppercase}.list-heading a{color:var(--gold);font-size:10px;text-decoration:none}.survivor-row{display:flex;align-items:center;gap:13px;margin-top:8px;padding:14px 12px;border:1px solid #28332a;background:#0b0f0c;color:#a5ad9d;font-size:11px}.survivor-row>b{color:var(--gold);font-size:18px}.survivor-row strong{flex:1;color:#e5e7dc}.survivor-row strong small{margin-left:6px;padding:3px 6px;border:1px solid #4b5b4b;color:#9aab92;font-size:9px}.survivor-row em{padding:5px 8px;background:#163523;color:#6cc886;font:9px Oswald;font-style:normal;letter-spacing:.08em}.survivor-row span{min-width:100px;text-align:right;color:#788579}.map-art{position:relative;height:184px;overflow:hidden;border:1px solid #263c54;background:radial-gradient(ellipse at 45% 52%,#536c3a 0 13%,transparent 14%),linear-gradient(32deg,transparent 35%,#42603a 36% 52%,transparent 53%),#122848}.map-art:before{position:absolute;inset:0;content:"";opacity:.35;background-image:linear-gradient(#b7c47730 1px,transparent 1px),linear-gradient(90deg,#b7c47730 1px,transparent 1px);background-size:28px 28px}.map-art i{position:absolute;top:12px;left:12px;color:#cdb13e;font:10px Oswald;font-style:normal;letter-spacing:.14em}.map-art span,.map-art b{position:absolute;color:#e2b52f;font-size:18px}.map-art span{top:43%;left:47%}.map-art b{top:62%;left:61%}.map-preview>small{display:block;margin-top:9px;color:#697668;font-size:10px}.filter-row{display:flex;align-items:center;gap:8px;margin:47px 0 17px;padding-bottom:15px;border-bottom:1px solid var(--line)}.filter{padding:9px 13px;border:1px solid var(--line);background:transparent;color:#8a9279;font:600 9px Manrope;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.filter:hover,.filter.active{border-color:var(--gold);color:var(--gold)}.roster-count{margin-left:auto;color:#747c68;font:10px Oswald;letter-spacing:.15em}.dino-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dino-card{border:1px solid var(--line);background:var(--panel);transition:.25s}.dino-card:hover{border-color:#858247;transform:translateY(-3px)}.dino-card.featured{border-color:#8b6d25}.dino-art{position:relative;height:180px;overflow:hidden;background:#202c18}.dino-art:before{position:absolute;inset:15% -15% -35%;content:"";border-radius:50%;background:radial-gradient(ellipse,#74834b 0 12%,transparent 13%),linear-gradient(150deg,transparent 40%,#3e5b32 41% 50%,transparent 51%),radial-gradient(ellipse at 53% 70%,#3b532d 0 24%,transparent 25%);filter:blur(2px);opacity:.85}.dino-art:after{position:absolute;inset:0;content:"";background:linear-gradient(0deg,#10150e,transparent 65%)}.dino-art span{position:absolute;z-index:1;bottom:13px;left:15px;color:#c5c9a7;font:10px Oswald;letter-spacing:.18em}.tyrant{background:linear-gradient(135deg,#4b2d1c,#202a17)}.tyrant:before{background:radial-gradient(ellipse,#c09147 0 13%,transparent 14%),linear-gradient(145deg,transparent 38%,#85502a 39% 51%,transparent 52%),radial-gradient(ellipse at 53% 70%,#624026 0 25%,transparent 26%)}.carno{background:linear-gradient(135deg,#1b3426,#131b12)}.carno:before{background:radial-gradient(ellipse,#719447 0 12%,transparent 13%),linear-gradient(145deg,transparent 38%,#4e7139 39% 51%,transparent 52%),radial-gradient(ellipse at 53% 70%,#2f5029 0 25%,transparent 26%)}.teno{background:linear-gradient(135deg,#4a411d,#1c2112)}.teno:before{background:radial-gradient(ellipse,#dbb841 0 12%,transparent 13%),linear-gradient(145deg,transparent 38%,#8f7e31 39% 51%,transparent 52%),radial-gradient(ellipse at 53% 70%,#5d5728 0 25%,transparent 26%)}.deino{background:linear-gradient(135deg,#324124,#151b0f)}.deino:before{background:radial-gradient(ellipse,#c5b64d 0 12%,transparent 13%),linear-gradient(145deg,transparent 38%,#707835 39% 51%,transparent 52%),radial-gradient(ellipse at 53% 70%,#4d5c2f 0 25%,transparent 26%)}.galli{background:linear-gradient(135deg,#51351c,#202012)}.galli:before{background:radial-gradient(ellipse,#dfb554 0 12%,transparent 13%),linear-gradient(145deg,transparent 38%,#a07135 39% 51%,transparent 52%),radial-gradient(ellipse at 53% 70%,#715631 0 25%,transparent 26%)}.hypsi{background:linear-gradient(135deg,#243d26,#121a10)}.hypsi:before{background:radial-gradient(ellipse,#8aac4f 0 12%,transparent 13%),linear-gradient(145deg,transparent 38%,#587a3f 39% 51%,transparent 52%),radial-gradient(ellipse at 53% 70%,#34572f 0 25%,transparent 26%)}.dino-info{display:flex;justify-content:space-between;padding:16px 15px 11px}.dino-info small{color:#78866d;font:9px Oswald;letter-spacing:.12em}.dino-info h3{margin:6px 0 0;color:#eee9d6;font:600 17px Cinzel}.dino-arrow{color:var(--gold);font-size:17px;font-weight:400}.meter{height:2px;margin:0 15px;background:#37402a}.meter span{display:block;height:100%;background:var(--gold)}.dino-meta{display:flex;justify-content:space-between;padding:12px 15px;color:#78836f;font:9px Oswald;letter-spacing:.09em;text-transform:uppercase}.dino-meta i{color:var(--orange);font-style:normal}.activity-section{margin-top:18px}.activity-heading span{color:#6e7c6d;font:9px Oswald;letter-spacing:.14em}.activity-list div{display:flex;align-items:center;gap:12px;padding:13px;border-top:1px solid #222c24;color:#899488;font-size:12px}.activity-list div>b{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#0d3b23;color:#15b35b}.activity-list div span{flex:1}.activity-list small{display:block;color:#687469;font-size:9px}.activity-list strong{color:#0eb663;font:13px Oswald}.marketplace-section{margin-top:18px}.marketplace-section h2{margin:10px 0;color:#ece9d8;font:600 36px Cinzel}.marketplace-section h2 em{font-size:26px}.marketplace-section>p:last-of-type{color:#89947d;font-size:12px}.rules-strip{display:grid;grid-template-columns:70px 1fr 1fr auto;align-items:center;gap:35px;padding:75px 8vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#151d12}.strip-number{color:#66794f;font:32px Oswald}.rules-strip>p{max-width:310px;color:#89947c;font-size:12px;line-height:1.7}.outline-button{padding:14px 16px;border:1px solid #66724d;color:#c4c9a8;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.outline-button b{margin-left:18px;color:var(--gold);font-size:14px}.community-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:475px;padding:95px 15vw;background:radial-gradient(circle at 24% 50%,#50683d66,transparent 18%),#d7d3b2;color:#293329}.community-orb{display:grid;width:230px;height:230px;place-items:center;border:1px solid #788b52;border-radius:50%;box-shadow:0 0 0 28px #a2a27638,0 0 0 60px #a2a2761d;color:#576f3e;font:italic 46px Cinzel}.community-copy{max-width:430px}.community-copy>p:not(.overline){color:#66705e;font-size:13px;line-height:1.7}.primary-button.dark{background:#284729;color:#eae7cf}.primary-button.dark:hover{background:#3c6139}footer{display:flex;justify-content:space-between;padding:24px 5vw;color:#747e66;font:9px Oswald;letter-spacing:.15em;text-transform:uppercase}footer a{color:#b7b994}footer span:nth-child(2){color:#81917f}
.empty-roster{display:flex;flex-direction:column;align-items:center;gap:7px;padding:35px 15px;border:1px dashed #354238;background:#0b0f0c;color:#778578;text-align:center;font-size:11px}.empty-roster>b{color:var(--gold);font-size:22px}.empty-roster strong{color:#c9d0c3;font:600 14px Oswald;letter-spacing:.04em}.empty-roster span{font-size:10px}.wallet-section{margin:38px 8vw 100px;padding:21px;border:1px solid var(--line);background:var(--panel)}.wallet-balance{display:flex;flex-direction:column;align-items:center;gap:6px;padding:35px 15px;margin-bottom:14px;border:1px solid #283329;background:#0b0f0c;text-align:center}.wallet-balance>small{color:#81886f;font:10px Oswald;letter-spacing:.14em}.wallet-balance>b{color:var(--gold);font:600 46px Oswald}.wallet-balance>span{max-width:320px;color:#778578;font-size:11px}footer span:nth-child(2){color:#81917f}
.dino-card{cursor:pointer}.dino-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.dino-dialog{width:min(420px,calc(100% - 40px));padding:30px;border:1px solid #8b6d25;background:#11150f;color:var(--text);box-shadow:0 20px 90px #000b}.dino-dialog::backdrop{background:#030403cc;backdrop-filter:blur(3px)}.dino-dialog h2{margin:12px 0 5px;font-size:34px}.dialog-role{margin:0;color:var(--gold);font:10px Oswald;letter-spacing:.16em;text-transform:uppercase}.dialog-description{margin:23px 0;color:#abb19a;font-size:13px;line-height:1.7}.dialog-social{display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid var(--line);color:#75816e;font:10px Oswald;letter-spacing:.1em;text-transform:uppercase}.dialog-social strong{color:#d9dec2}.dialog-close{position:absolute;top:17px;right:18px;border:0;background:none;color:#aaa982;font-size:24px;cursor:pointer}.dialog-close:hover{color:var(--gold)}footer span:nth-child(2){color:#81917f}
@media(max-width:760px){.topbar{height:68px;padding:0 20px}.main-nav,.discord-link{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;margin-left:auto;padding:8px;border:0;background:none}.menu-toggle span{width:22px;height:1px;background:#dce3d7}.main-nav.open{position:absolute;top:68px;right:15px;left:15px;display:flex;flex-direction:column;gap:0;padding:8px;background:#121a14f5;border:1px solid var(--line)}.main-nav.open a,.main-nav.open .nav-group>button{width:100%;padding:13px;text-align:left;border:0}.main-nav.open .nav-group{width:100%}.main-nav.open .mega-menu{position:static;grid-template-columns:1fr;min-width:0;padding:4px 0 7px;border:0;border-top:1px solid #26372b;box-shadow:none;background:#0b120e}.main-nav.open .mega-menu a{padding:10px 13px}.portal-hero{min-height:420px;padding:120px 27px 60px}.hero-dinosaur{right:-28%;width:90%;opacity:.4}.hero-dashboard{right:27px;bottom:94px;left:27px;grid-template-columns:1fr}.summary-card{min-height:112px}.hero-stats{display:none}.roster-section{padding:100px 27px 75px}.roster-section,.rules-strip,.community-section{padding-left:27px;padding-right:27px}.section-top,.section-heading{display:block}.section-intro{margin-top:20px}.dashboard-columns{grid-template-columns:1fr;margin:35px 0}.survivor-row{flex-wrap:wrap}.survivor-row span{min-width:0;margin-left:auto}.filter-row{overflow:auto;white-space:nowrap}.roster-count{display:none}.dino-grid{grid-template-columns:1fr}.dino-art{height:155px}.rules-strip{grid-template-columns:1fr;gap:20px}.strip-number{font-size:22px}.rules-strip h2{margin-top:8px}.community-section{grid-template-columns:1fr;gap:60px}.community-orb{width:180px;height:180px;font-size:34px}footer{flex-direction:column;gap:12px;padding:25px 27px}}

/* ---- Dashboard / MyDinos / Marketplace / Skins / Leaderboard / Supporter / Live map ---- */
.page-header{padding:150px 8vw 0}
.page-header h1{margin:10px 0 0;font:600 clamp(30px,3.6vw,48px)/1.05 Cinzel}
.page-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:30px 0}
.summary-tile{border:1px solid var(--line);background:var(--panel);padding:18px}
.summary-tile small{display:block;color:#81886f;font:10px Oswald;letter-spacing:.12em}
.summary-tile b{display:block;margin-top:10px;color:var(--gold);font:600 26px Oswald}
.quest-list{display:flex;flex-direction:column;gap:10px}
.quest-row{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--line);background:var(--panel)}
.quest-row>div:first-child{flex:1}
.quest-row strong{display:block;color:#e8eadf;font:600 13px Oswald}
.quest-row span{color:#8a9279;font-size:11px}
.quest-reward{color:var(--gold);font:700 12px Oswald;white-space:nowrap}
.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:30px}
.tier-card{border:1px solid var(--line);background:var(--panel);padding:26px;text-align:center}
.tier-card.popular{border-color:var(--gold)}
.tier-card h3{margin:10px 0 4px;font:600 20px Cinzel;color:#eee9d6}
.tier-card .price{color:var(--gold);font:700 26px Oswald;margin-bottom:14px}
.tier-card ul{list-style:none;padding:0;margin:0 0 18px;color:#a5ad9d;font-size:11px;text-align:left}
.tier-card li{padding:6px 0;border-bottom:1px solid #202a1f}
.leaderboard-table{width:100%;border-collapse:collapse;margin-top:20px}
.leaderboard-table th,.leaderboard-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #202a1f;font-size:12px;color:#a5ad9d}
.leaderboard-table th{color:#7f897a;font:10px Oswald;letter-spacing:.1em;text-transform:uppercase}
.storage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:20px}
.storage-card{border:1px solid var(--line);background:var(--panel);padding:16px}
.storage-card h3{margin:8px 0 4px;color:#eee9d6;font:600 16px Cinzel}
.storage-card .stat-row{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0;font-size:10px;color:#8a9279}
.storage-card .stat-row span{padding:3px 6px;border:1px solid #283329}
.storage-card .actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.small-button{padding:8px 10px;border:1px solid #66724d;background:transparent;color:#c4c9a8;font:9px Oswald;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.small-button:hover{border-color:var(--gold);color:var(--gold)}
.small-button:disabled{opacity:.4;cursor:not-allowed}
.form-row{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;align-items:center}
.form-row input,.form-row select{padding:10px;border:1px solid var(--line);background:#0b0f0c;color:var(--text);font-size:12px}
.map-canvas-wrap{border:1px solid var(--line);background:var(--panel);padding:16px;margin-top:20px}
.map-svg{width:100%;height:auto;border:1px solid #263c54;background:#0e1a2c}
.map-status{margin-top:12px;color:#8a9279;font-size:11px}
.tag-pill{display:inline-block;padding:3px 8px;border:1px solid #4b5b4b;color:#9aab92;font-size:9px;text-transform:uppercase;letter-spacing:.06em}