:root{--ink:#2b1a11;--deep:#20120d;--red:#8c261c;--red2:#b53a20;--gold:#e5ad2f;--gold2:#ffd76a;--paper:#ead8a7;--paper2:#f6edcf;--green:#567b36;--blue:#21495a;--muted:#6d5a45;--shadow:0 18px 45px rgba(38,22,12,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#cbb77f;font-family:Georgia,'Times New Roman',serif;min-height:100vh;background-image:radial-gradient(circle at 20% 10%,rgba(255,255,255,.2),transparent 25%),linear-gradient(rgba(121,93,48,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(121,93,48,.08) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px}.paper-noise{position:fixed;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(8deg,rgba(77,50,20,.025) 0 1px,transparent 1px 5px)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}main{width:min(1400px,calc(100% - 32px));margin:22px auto 70px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:10px 20px;background:rgba(42,23,15,.96);border-bottom:3px solid #9b6e25;box-shadow:0 10px 25px rgba(0,0,0,.22);color:#f7eac5}.brand{display:flex;align-items:center;gap:10px;font-weight:800;white-space:nowrap}.brand img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}.topbar nav{display:flex;gap:6px;flex:1;overflow:auto}.topbar nav a{padding:10px 9px;border-radius:8px;font-size:.95rem}.topbar nav a:hover{background:rgba(255,255,255,.08);color:var(--gold2)}.account-actions{display:flex;align-items:center;gap:9px}.user-chip{display:grid;line-height:1.05;text-align:right}.user-chip small{opacity:.7;font-size:.72rem;margin-top:4px}.gold-button,.ghost,.danger{border:1px solid transparent;border-radius:9px;padding:10px 14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:6px}.gold-button{background:linear-gradient(#ffd86f,#d89b20);color:#3a210c;border-color:#8a5f16;box-shadow:inset 0 1px #fff1b6,0 5px 12px rgba(87,52,7,.2)}.gold-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.ghost{background:rgba(255,255,255,.06);border-color:rgba(255,234,190,.32);color:inherit}.danger{background:#77271e;color:#fff;border-color:#51170f}.small{padding:7px 10px;font-size:.86rem}.big{padding:13px 18px}.full{width:100%}.flash{position:relative;z-index:5;margin:0 auto 16px;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);border:1px solid}.flash.success{background:#e6f1d1;border-color:#719247}.flash.warning{background:#fff0c8;border-color:#b58a2b}.flash.error{background:#f6d7cc;border-color:#a54b36}.hero{min-height:610px;position:relative;overflow:hidden;border-radius:22px;border:6px solid #624320;box-shadow:var(--shadow);background:radial-gradient(circle at 72% 45%,rgba(123,199,198,.7),transparent 20%),linear-gradient(135deg,#d7c58f 0 42%,#85aa9e 42% 65%,#b89b55 65%);isolation:isolate}.hero:before{content:"";position:absolute;inset:16px;border:2px dashed rgba(75,50,19,.35);border-radius:14px;pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.25),transparent 22%),repeating-linear-gradient(17deg,rgba(70,47,20,.05) 0 1px,transparent 1px 8px);z-index:-1}.hero-copy{position:absolute;z-index:5;left:6%;top:14%;width:min(570px,47%)}.eyebrow{font-size:.78rem;letter-spacing:.2em;font-weight:900;color:var(--red);text-transform:uppercase}.hero h1,.dashboard-head h1,.auth-card h1,.center-card h1{font-size:clamp(2.6rem,6vw,5.8rem);line-height:.9;margin:14px 0 20px;text-shadow:0 2px #f6e9c1}.hero h1 em{color:var(--red);font-style:normal}.hero-copy p{font-size:1.15rem;line-height:1.65;max-width:54ch}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.island-wrap{position:absolute;right:2%;bottom:-7%;width:50%;height:90%;display:flex;align-items:flex-end;justify-content:center}.island{width:min(670px,100%);filter:drop-shadow(0 22px 16px rgba(42,30,12,.35));animation:float 5s ease-in-out infinite}.island-glow{position:absolute;width:70%;height:40%;bottom:10%;background:radial-gradient(ellipse,rgba(255,223,116,.56),transparent 66%);filter:blur(10px)}.flying{position:absolute;z-index:4;filter:drop-shadow(0 10px 8px rgba(0,0,0,.18));animation:fly 7s ease-in-out infinite}.dragon-one{width:130px;right:36%;top:8%;transform:rotate(-8deg)}.dragon-two{width:110px;right:8%;top:14%;animation-delay:-3.4s}.compass{position:absolute;color:rgba(75,51,24,.22);font-size:220px;line-height:1}.compass-a{left:-50px;bottom:-35px;transform:rotate(18deg)}.compass-b{right:18%;top:-70px;font-size:170px}.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0}.parchment-card,.post-card,.chain-card,.trade-card,.composer{background:linear-gradient(135deg,rgba(248,239,207,.98),rgba(225,205,157,.98));border:1px solid #9d7c43;border-radius:14px;box-shadow:var(--shadow);padding:22px;position:relative}.parchment-card:before,.post-card:before,.chain-card:before,.trade-card:before{content:"";position:absolute;inset:6px;border:1px solid rgba(112,78,30,.2);border-radius:9px;pointer-events:none}.card-icon{font-size:2rem;color:var(--red)}.parchment-card h2,.post-card h2,.chain-card h2{margin:8px 0 10px}.parchment-card p{line-height:1.55}.route-map{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#6c4a21;border:4px solid #6c4a21;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.route-map>div{background:#e7d59f;padding:20px}.route-map span{color:var(--red);font-weight:900}.route-map h3{margin:6px 0}.route-map p{margin:0;color:var(--muted)}footer{background:#2a1710;color:#d5c49a;padding:25px max(20px,calc((100% - 1400px)/2));display:flex;justify-content:space-between;gap:20px;border-top:3px solid #9b6e25}.auth-shell{min-height:70vh;display:grid;place-items:center}.auth-card{display:grid;grid-template-columns:310px minmax(320px,520px);max-width:920px;width:100%;background:#efe3bc;border:5px solid #63411d;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.auth-card img{width:100%;height:100%;object-fit:cover;min-height:550px}.auth-card>div{padding:42px}.auth-card h1{font-size:3.4rem}.stack{display:grid;gap:14px}.stack label{display:grid;gap:6px;font-weight:700}.stack small,.muted{color:var(--muted);font-weight:400;font-size:.9rem}.stack input,.stack textarea,.stack select,.inline-form input,.inline-form select,.rating-form input,.rating-form select{width:100%;background:#fffaf0;border:1px solid #96784c;border-radius:8px;padding:11px;color:var(--ink);outline:none}.stack input:focus,.stack textarea:focus,.stack select:focus,.inline-form input:focus,.inline-form select:focus{box-shadow:0 0 0 3px rgba(222,167,48,.25);border-color:#9d6f10}.center-card{margin:70px auto;max-width:650px}.center-card h1{font-size:3rem}.otp{font-size:2rem;letter-spacing:.4em;text-align:center}.dashboard-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:26px 5px}.dashboard-head h1{font-size:4.2rem;margin:8px 0}.dashboard-head p{margin:0;color:#5f4b36}.role-badge,.tag{display:inline-block;border-radius:99px;padding:7px 10px;background:#6f2a20;color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.03em}.composer{margin-bottom:20px}.composer summary{font-weight:900;font-size:1.08rem;cursor:pointer;color:#6e261d}.composer[open] summary{margin-bottom:16px}.post-grid,.trade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.post-card p,.chain-card p{line-height:1.55}.post-meta{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:.85rem}.preserve{white-space:pre-wrap}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.gallery img{width:100%;height:180px;object-fit:cover;border-radius:8px;border:1px solid #8a6d40}.gallery.compact img{height:110px}.empty-state{padding:45px;text-align:center;border:2px dashed #8f734d;border-radius:14px;color:#6a563d;background:rgba(244,233,196,.45)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.families{display:grid;gap:20px}.family-card{border:4px solid #67461f;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);background:#d8c58c}.family-banner{min-height:220px;background-size:cover;background-position:center;position:relative;display:flex;align-items:end}.family-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(28,16,10,.85))}.family-banner h2{position:relative;z-index:1;color:white;font-size:2.5rem;margin:20px;text-shadow:0 2px 5px #000}.dragon-row{display:flex;gap:12px;overflow:auto;padding:16px}.dragon-tile{min-width:145px;background:#f2e5bb;border:1px solid #9d7a3e;border-radius:12px;padding:8px;font-weight:900;color:var(--ink)}.dragon-tile img{width:100%;height:125px;object-fit:contain;display:block}.dragon-modal{max-width:930px;width:calc(100% - 30px);border:5px solid #62401c;border-radius:16px;background:#efe0b2;padding:28px;color:var(--ink)}.dragon-modal::backdrop{background:rgba(20,12,7,.82);backdrop-filter:blur(3px)}.close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:2rem}.modal-grid{display:grid;grid-template-columns:45% 1fr;gap:25px}.dragon-focus{width:100%;height:430px;object-fit:contain}.perk-list{display:grid;gap:8px;margin:18px 0}.perk-list>div{display:flex;align-items:center;gap:10px;background:#e0cb92;border:1px solid #9b7533;border-radius:10px;padding:8px}.perk-list img{width:55px;height:55px;object-fit:cover;border-radius:8px}.slot-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chain-list{display:grid;gap:20px}.chain-card{padding:25px}.chain-hero{display:grid;grid-template-columns:220px 1fr;gap:20px}.chain-hero>img{width:220px;height:170px;object-fit:cover;border-radius:12px;border:2px solid #76501f}.chain-hero h2{font-size:2rem}.chain-hero h2 small{font-size:.9rem;color:#7f4d11}.alliance-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.alliance-unit{background:#f2e6bd;border:1px solid #9f804c;border-radius:12px;padding:14px}.capacity{height:9px;background:#c9b98e;border-radius:99px;overflow:hidden}.capacity span{display:block;height:100%;background:#5f833c}.inline-form{display:flex;align-items:center;gap:8px}.add-alliance{max-width:520px}.mini{margin-top:10px}.rating-form{display:grid;grid-template-columns:130px 1fr auto;gap:8px;align-items:end;border-top:1px dashed #9b7e4d;padding-top:14px}.rating-form label{display:grid;gap:4px}.trade-card{padding:20px}.trade-sides{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.trade-sides>div{padding:12px;border:1px solid #9c7f50;border-radius:10px;background:#f4e8c3}.trade-sides h3{margin:0 0 8px;color:var(--red)}.trade-sides p{margin:5px 0}.matched{border-top:1px dashed #947241;margin-top:14px;padding-top:12px}.reaction-row{display:flex;align-items:center;gap:8px;margin-top:12px}.reaction-row button{border:0;background:transparent;font-size:1.5rem}.reaction-row .up{color:#3d7b32}.reaction-row .down{color:#9a2a22}.reaction-row .danger{font-size:.82rem;margin-left:auto}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;margin-top:14px}.table-wrap th,.table-wrap td{text-align:left;border-bottom:1px solid #b49a66;padding:11px;vertical-align:middle}.table-wrap th{color:#6f2a20}.log-list{display:grid;gap:8px}.log-list>div{display:grid;grid-template-columns:160px 1fr 1fr;gap:10px;border-bottom:1px solid #c7ae77;padding:9px}.log-list small{color:var(--muted)}@keyframes float{50%{transform:translateY(-14px) rotate(1deg)}}@keyframes fly{50%{transform:translate(16px,-10px) rotate(6deg)}}@media(max-width:1100px){.topbar{flex-wrap:wrap}.topbar nav{order:3;width:100%}.hero{min-height:760px}.hero-copy{width:88%;left:6%;top:7%}.island-wrap{width:70%;right:-6%;height:55%}.intro-grid,.route-map{grid-template-columns:1fr 1fr}.post-grid,.trade-grid{grid-template-columns:1fr}.alliance-cards{grid-template-columns:1fr 1fr}.auth-card{grid-template-columns:240px 1fr}.chain-hero{grid-template-columns:170px 1fr}.chain-hero>img{width:170px}}@media(max-width:720px){main{width:min(100% - 18px,1400px)}.topbar{padding:8px 10px}.brand span{display:none}.account-actions .user-chip{display:none}.hero{min-height:780px;border-width:3px}.hero-copy{width:90%;top:6%}.hero h1{font-size:3.4rem}.hero-copy p{font-size:1rem}.island-wrap{width:100%;right:-10%;height:47%}.dragon-one{right:55%;top:44%}.dragon-two{top:51%}.intro-grid,.route-map,.grid-2{grid-template-columns:1fr}.auth-card{grid-template-columns:1fr}.auth-card img{height:190px;min-height:0;object-position:center 33%}.auth-card>div{padding:26px}.dashboard-head{align-items:flex-start;flex-direction:column}.dashboard-head h1{font-size:3.2rem}.gallery{grid-template-columns:1fr 1fr}.modal-grid{grid-template-columns:1fr}.dragon-focus{height:260px}.chain-hero{grid-template-columns:1fr}.chain-hero>img{width:100%}.alliance-cards{grid-template-columns:1fr}.rating-form{grid-template-columns:1fr}.inline-form{flex-wrap:wrap}.log-list>div{grid-template-columns:1fr}.slot-form{grid-template-columns:1fr}footer{flex-direction:column}.flying{width:85px}}
.edit-box{margin:12px 0}.edit-box summary{cursor:pointer;font-weight:800;color:#6f2a20}.chat-stream{display:grid;gap:7px;max-height:240px;overflow:auto;margin:10px 0}.chat-stream.tall{max-height:480px}.chat-stream>div{display:grid;grid-template-columns:110px 1fr auto;gap:8px;padding:8px 10px;background:#f2e4b8;border:1px solid #b39762;border-radius:8px}.chat-stream small{color:var(--muted)}@media(max-width:720px){.chat-stream>div{grid-template-columns:1fr}.chat-stream small{font-size:.75rem}}


/* === Atlas time-of-day visual system (browser/system local time) === */
body{
  --sky-top:#72c8f4;
  --sky-mid:#b8e4f7;
  --sky-low:#f5dda4;
  --horizon-glow:rgba(255,220,132,.72);
  --ambient:rgba(255,255,255,.22);
  transition:background-color .8s ease,color .8s ease;
}
body[data-time-theme="dawn"]{
  --sky-top:#624b89;--sky-mid:#d88993;--sky-low:#f7c87d;--horizon-glow:rgba(255,191,108,.88);--ambient:rgba(255,215,183,.24);
  background-color:#c69b83;
}
body[data-time-theme="day"]{
  --sky-top:#50b8ed;--sky-mid:#a8ddf6;--sky-low:#e9f5dc;--horizon-glow:rgba(255,236,151,.8);--ambient:rgba(255,255,255,.28);
  background-color:#c8b784;
}
body[data-time-theme="afternoon"]{
  --sky-top:#4b8fc9;--sky-mid:#f0a562;--sky-low:#f6d178;--horizon-glow:rgba(255,172,76,.84);--ambient:rgba(255,217,165,.24);
  background-color:#c39b70;
}
body[data-time-theme="night"]{
  --sky-top:#07152e;--sky-mid:#102d55;--sky-low:#263d63;--horizon-glow:rgba(102,143,211,.28);--ambient:rgba(119,159,220,.08);
  background-color:#18263b;
  color:#e8dfc5;
}
body[data-time-theme="night"] .dashboard-head p,
body[data-time-theme="night"] .muted{color:#c8bdd0}
body[data-time-theme="night"] .paper-noise{opacity:.38}

.hero{
  background:
    radial-gradient(ellipse at 72% 92%,var(--horizon-glow),transparent 34%),
    linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 57%,var(--sky-low) 100%);
  min-height:650px;
}
.hero:after{
  background:
    radial-gradient(circle at 18% 18%,var(--ambient),transparent 24%),
    repeating-linear-gradient(17deg,rgba(70,47,20,.035) 0 1px,transparent 1px 8px);
}
.hero-copy{width:min(610px,52%)}
.sky-orb{position:absolute;z-index:1;width:92px;height:92px;border-radius:50%;right:14%;top:13%;background:#fff3ab;box-shadow:0 0 30px rgba(255,232,132,.72),0 0 80px rgba(255,220,100,.35);transition:all .8s ease}
body[data-time-theme="dawn"] .sky-orb{background:#ffd28c;right:12%;top:43%;box-shadow:0 0 35px rgba(255,151,93,.65),0 0 90px rgba(255,173,110,.5)}
body[data-time-theme="afternoon"] .sky-orb{background:#ffd06b;right:11%;top:29%;box-shadow:0 0 35px rgba(255,172,61,.65),0 0 95px rgba(255,135,57,.34)}
body[data-time-theme="night"] .sky-orb{width:74px;height:74px;background:#f3f0d5;right:13%;top:14%;box-shadow:0 0 24px rgba(213,224,255,.48),0 0 68px rgba(120,154,219,.3)}
body[data-time-theme="night"] .sky-orb:after{content:"";position:absolute;width:68px;height:68px;left:-18px;top:-9px;border-radius:50%;background:var(--sky-top)}
.star-field{display:none;position:absolute;inset:0;z-index:0;opacity:.8;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.4px),radial-gradient(circle,#d9e8ff 0 1px,transparent 1.3px),radial-gradient(circle,#fff7ca 0 1.2px,transparent 1.6px);background-size:83px 83px,127px 127px,173px 173px;background-position:12px 14px,57px 38px,21px 77px}
body[data-time-theme="night"] .star-field{display:block}

/* Only the supplied transparent dragon artwork is used in the sky. */
.flying{position:absolute;z-index:4;width:150px;filter:drop-shadow(0 12px 10px rgba(0,0,0,.22));animation:atlasFlight 8s ease-in-out infinite;transform-origin:center}
.flying img{display:block;width:100%;height:auto;pointer-events:none;user-select:none}
.dragon-one{right:34%;top:8%}
.dragon-two{width:125px;right:5%;top:28%;animation-delay:-3.8s}
.dragon-flame{position:absolute;width:42px;height:16px;right:-21px;top:52%;transform:translateY(-50%) rotate(-7deg);border-radius:80% 20% 70% 30%;background:linear-gradient(90deg,#fff2a0 0 18%,#ffad28 38%,#f04b22 70%,rgba(219,43,24,0) 100%);filter:drop-shadow(0 0 5px rgba(255,117,23,.8));animation:flamePulse .18s ease-in-out infinite alternate;transform-origin:left center}
.dragon-flame:after{content:"";position:absolute;left:7px;top:5px;width:24px;height:6px;border-radius:100%;background:linear-gradient(90deg,#fff7c0,#ffca35,rgba(255,89,22,0));}
@keyframes atlasFlight{0%,100%{transform:translate3d(0,0,0) rotate(-3deg)}50%{transform:translate3d(18px,-16px,0) rotate(4deg)}}
@keyframes flamePulse{from{transform:translateY(-50%) rotate(-7deg) scaleX(.78) scaleY(.85);opacity:.78}to{transform:translateY(-50%) rotate(-4deg) scaleX(1.15) scaleY(1.08);opacity:1}}

/* Retire the old floating-island graphic completely. */
.island-wrap,.island,.island-glow{display:none!important}

/* Member-facing identity uses public usernames. */
.post-meta span,.chain-hero .eyebrow,.chat-stream strong,.user-chip strong{overflow-wrap:anywhere}

body[data-time-theme="night"] .hero h1,
body[data-time-theme="night"] .hero-copy p{color:#f5ecd5;text-shadow:0 2px 6px rgba(0,0,0,.38)}
body[data-time-theme="night"] .hero h1 em{color:#ffd36a}
body[data-time-theme="night"] .hero .eyebrow{color:#ffd36a}
body[data-time-theme="night"] .compass{color:rgba(230,222,190,.15)}

@media(max-width:1100px){.hero-copy{width:72%}.dragon-one{right:16%;top:42%}.dragon-two{right:3%;top:54%}}
@media(max-width:720px){.hero-copy{width:90%}.flying{width:96px}.dragon-one{right:48%;top:52%}.dragon-two{width:88px;right:5%;top:58%}.sky-orb{right:8%;top:12%}.dragon-flame{width:29px;height:12px;right:-14px}}

/* ===== Atlas cinematic home experience ===== */
body[data-time-theme="dawn"]{--sky-top:#361e61;--sky-mid:#d45d64;--sky-low:#ffb56b;--orb:#ffd6a2;--orb-glow:rgba(255,181,107,.65);--haze:rgba(255,222,184,.38);--ambient:#d89178;--nav-glass:rgba(35,20,45,.78)}
body[data-time-theme="day"]{--sky-top:#1978c9;--sky-mid:#58bfe9;--sky-low:#d5f4ff;--orb:#fff4b0;--orb-glow:rgba(255,236,128,.62);--haze:rgba(255,255,255,.38);--ambient:#6fc8ec;--nav-glass:rgba(20,55,72,.76)}
body[data-time-theme="afternoon"]{--sky-top:#3979a7;--sky-mid:#ee8d58;--sky-low:#ffd39b;--orb:#ffd07a;--orb-glow:rgba(255,151,64,.68);--haze:rgba(255,223,178,.44);--ambient:#df9c62;--nav-glass:rgba(56,38,42,.78)}
body[data-time-theme="night"]{--sky-top:#071326;--sky-mid:#142d55;--sky-low:#315176;--orb:#eef4ff;--orb-glow:rgba(175,205,255,.42);--haze:rgba(160,191,224,.16);--ambient:#294a70;--nav-glass:rgba(8,15,30,.88)}
body{transition:background 1.4s ease,color .4s ease}.topbar{background:var(--nav-glass,#2a1710);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);border-bottom-color:rgba(229,173,47,.68)}
.hero.atlas-sky{--mx:0;--my:0;min-height:min(790px,82vh);height:clamp(650px,78vh,790px);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:28px;box-shadow:0 35px 80px rgba(26,16,12,.28),inset 0 0 0 1px rgba(255,255,255,.15);background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 52%,var(--sky-low) 100%);isolation:isolate;transform:translateZ(0)}
.hero.atlas-sky:before{content:"";position:absolute;inset:0;border:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 26%,rgba(255,244,205,.08) 66%,rgba(20,31,45,.2));z-index:1}
.hero.atlas-sky:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 110%,var(--haze),transparent 50%);z-index:2;pointer-events:none}
.sky-gradient{position:absolute;inset:-8%;z-index:0;background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.22),transparent 20%),radial-gradient(circle at 78% 82%,var(--haze),transparent 32%);transform:translate(calc(var(--mx)*-12px),calc(var(--my)*-10px)) scale(1.05);transition:transform .35s ease-out}
.sky-rays{position:absolute;inset:-20%;z-index:0;opacity:.42;background:conic-gradient(from 245deg at 82% 14%,transparent 0deg,rgba(255,245,190,.24) 8deg,transparent 17deg,transparent 28deg,rgba(255,245,190,.12) 38deg,transparent 50deg);filter:blur(3px);animation:rayDrift 16s ease-in-out infinite alternate}
body[data-time-theme="night"] .sky-rays{opacity:.08}
.sky-stars{position:absolute;inset:0;z-index:0;opacity:0;transition:opacity 1.3s;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.4px),radial-gradient(circle,#b9d6ff 0 1.2px,transparent 1.6px),radial-gradient(circle,#fff8d5 0 .8px,transparent 1.1px);background-size:83px 83px,137px 137px,191px 191px;background-position:17px 11px,50px 36px,93px 12px;animation:starTwinkle 4.5s ease-in-out infinite alternate}
body[data-time-theme="night"] .sky-stars{opacity:.82}
body[data-time-theme="dawn"] .sky-stars{opacity:.12}
.celestial-orb{position:absolute;right:8%;top:8%;width:108px;height:108px;border-radius:50%;z-index:1;background:var(--orb);box-shadow:0 0 40px var(--orb-glow),0 0 110px var(--orb-glow);transform:translate(calc(var(--mx)*-18px),calc(var(--my)*-12px));transition:transform .4s ease-out,background 1.3s ease,box-shadow 1.3s ease}
.celestial-orb span{position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.65),transparent 24%),radial-gradient(circle at 65% 70%,rgba(110,130,160,.08),transparent 25%)}
body[data-time-theme="night"] .celestial-orb{width:92px;height:92px;box-shadow:0 0 32px rgba(212,228,255,.38),0 0 100px rgba(112,151,210,.28)}
.cloud-field{position:absolute;inset:0;z-index:1;pointer-events:none;filter:blur(.1px)}
.cloud-field i{position:absolute;display:block;width:230px;height:62px;border-radius:999px;background:rgba(255,255,255,.52);box-shadow:55px -18px 0 -4px rgba(255,255,255,.5),105px 4px 0 -14px rgba(255,255,255,.42),-48px 8px 0 -16px rgba(255,255,255,.4);filter:blur(1.5px)}
.cloud-far{opacity:.24;transform:translate(calc(var(--mx)*-7px),calc(var(--my)*-3px))}.cloud-far i:nth-child(1){top:16%;left:-14%;animation:cloudDrift 48s linear infinite}.cloud-far i:nth-child(2){top:31%;left:37%;animation:cloudDrift 60s linear infinite -17s}.cloud-far i:nth-child(3){top:10%;left:76%;animation:cloudDrift 56s linear infinite -29s}.cloud-far i:nth-child(4){top:48%;left:11%;animation:cloudDrift 66s linear infinite -44s}
.cloud-near{opacity:.5;transform:translate(calc(var(--mx)*-13px),calc(var(--my)*-7px))}.cloud-near i{transform:scale(1.55);filter:blur(4px)}.cloud-near i:nth-child(1){bottom:13%;left:-20%;animation:cloudDrift 41s linear infinite -10s}.cloud-near i:nth-child(2){bottom:3%;left:43%;animation:cloudDrift 46s linear infinite -31s}.cloud-near i:nth-child(3){bottom:24%;left:83%;animation:cloudDrift 52s linear infinite -21s}
body[data-time-theme="night"] .cloud-field i{background:rgba(173,195,225,.18);box-shadow:55px -18px 0 -4px rgba(173,195,225,.16),105px 4px 0 -14px rgba(173,195,225,.13),-48px 8px 0 -16px rgba(173,195,225,.14)}
.magic-dust{position:absolute;inset:0;z-index:2;pointer-events:none}.magic-dust i{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(255,232,149,.9);box-shadow:0 0 10px rgba(255,219,102,.9);animation:dustFloat 6s ease-in-out infinite}.magic-dust i:nth-child(1){left:8%;top:78%;animation-delay:-1s}.magic-dust i:nth-child(2){left:18%;top:21%;animation-delay:-4s}.magic-dust i:nth-child(3){left:34%;top:68%;animation-delay:-2.5s}.magic-dust i:nth-child(4){left:46%;top:18%;animation-delay:-5s}.magic-dust i:nth-child(5){left:55%;top:82%;animation-delay:-3s}.magic-dust i:nth-child(6){left:66%;top:28%;animation-delay:-.5s}.magic-dust i:nth-child(7){left:73%;top:63%;animation-delay:-4.7s}.magic-dust i:nth-child(8){left:84%;top:41%;animation-delay:-2s}.magic-dust i:nth-child(9){left:92%;top:72%;animation-delay:-3.6s}.magic-dust i:nth-child(10){left:61%;top:10%;animation-delay:-1.8s}
.flight-path{position:absolute;z-index:4;pointer-events:none;will-change:transform}.dragon-shell{position:relative;transform-origin:center;filter:drop-shadow(0 18px 12px rgba(13,28,42,.28));will-change:transform}.dragon-shell img{display:block;width:100%;height:auto;user-select:none}.dragon-flight-one{width:132px;left:-18%;top:15%;animation:flightOne 18s linear infinite}.dragon-flight-one .dragon-shell{animation:dragonBob 1.9s ease-in-out infinite}.dragon-flight-two{width:152px;right:-20%;top:30%;animation:flightTwo 22s linear infinite -7s}.dragon-flight-two .dragon-shell{animation:dragonBob 2.3s ease-in-out infinite -1.1s;transform:scaleX(-1)}.dragon-flight-two .dragon-shell img{transform:scaleX(1)}.dragon-flight-three{width:104px;left:-15%;top:58%;opacity:.88;animation:flightThree 26s linear infinite -13s}.dragon-flight-three .dragon-shell{animation:dragonBob 2.6s ease-in-out infinite -1.6s}
.wind-a,.wind-b{position:absolute;height:2px;width:54px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);border-radius:50%;filter:blur(.5px);opacity:.75}.wind-a{left:-42px;top:42%;animation:windPulse 1.1s ease-in-out infinite}.wind-b{left:-32px;top:58%;animation:windPulse 1.4s ease-in-out infinite -.6s}
.flame-breath{position:absolute;left:-48px;top:52%;width:80px;height:35px;transform:rotate(-3deg);filter:drop-shadow(0 0 12px rgba(255,113,30,.8));animation:flameBurst 4.8s ease-in-out infinite}.flame-breath:before{content:"";position:absolute;right:0;top:7px;width:62px;height:20px;border-radius:70% 12% 70% 12%;background:radial-gradient(circle at 75% 50%,#fff7b2 0 12%,#ffb52f 21%,#ff5a21 52%,rgba(255,53,24,0) 74%);transform-origin:right center;animation:flameFlicker .12s linear infinite alternate}.flame-breath i{position:absolute;width:8px;height:8px;border-radius:50%;background:#ffb432;right:6px;top:12px;opacity:0;animation:ember 1.15s ease-out infinite}.flame-breath i:nth-child(2){animation-delay:.22s}.flame-breath i:nth-child(3){animation-delay:.44s}.flame-breath i:nth-child(4){animation-delay:.66s}
.map-compass{position:absolute;right:6%;bottom:7%;z-index:3;width:150px;height:150px;border:1px solid rgba(255,243,204,.35);border-radius:50%;opacity:.4;box-shadow:inset 0 0 0 9px rgba(255,255,255,.025);animation:compassTurn 34s linear infinite}.map-compass:before,.map-compass:after{content:"";position:absolute;left:50%;top:50%;background:rgba(255,243,204,.35);transform:translate(-50%,-50%)}.map-compass:before{width:1px;height:124px}.map-compass:after{height:1px;width:124px}.map-compass span{position:absolute;color:rgba(255,248,221,.68);font:700 11px/1 Georgia,serif}.map-compass span:nth-child(1){top:8px;left:50%;transform:translateX(-50%)}.map-compass span:nth-child(2){right:8px;top:50%;transform:translateY(-50%)}.map-compass span:nth-child(3){bottom:8px;left:50%;transform:translateX(-50%)}.map-compass span:nth-child(4){left:8px;top:50%;transform:translateY(-50%)}.map-compass b{position:absolute;left:50%;top:50%;width:17px;height:62px;background:linear-gradient(180deg,#f8d36b 0 50%,rgba(255,255,255,.45) 50%);clip-path:polygon(50% 0,100% 100%,50% 82%,0 100%);transform:translate(-50%,-50%)}
.hero-copy.atlas-glass{position:absolute;z-index:7;left:5.5%;top:50%;transform:translateY(-50%) translate(calc(var(--mx)*8px),calc(var(--my)*5px));width:min(600px,52%);padding:34px 36px;border:1px solid rgba(255,255,255,.2);border-radius:22px;background:linear-gradient(135deg,rgba(30,27,33,.38),rgba(45,37,28,.18));backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);box-shadow:0 24px 70px rgba(4,13,24,.18);color:#fff8e7;text-shadow:0 1px 2px rgba(14,19,24,.3);transition:transform .35s ease-out}
.hero-copy.atlas-glass .eyebrow{color:#ffda74;text-shadow:0 0 16px rgba(255,211,99,.18)}.hero-copy.atlas-glass h1{font-size:clamp(3rem,5.6vw,6.1rem);margin:14px 0 20px;line-height:.9;color:#fff8e7;text-shadow:0 6px 28px rgba(16,26,35,.38)}.hero-copy.atlas-glass h1 em{color:#ffd05b;text-shadow:0 0 25px rgba(255,204,71,.22)}.hero-copy.atlas-glass p{font-size:1.12rem;line-height:1.6;color:rgba(255,249,232,.88);max-width:52ch}.hero-copy.atlas-glass .ghost{background:rgba(10,20,30,.22);border-color:rgba(255,255,255,.3);color:#fff}.theme-status{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:7px 11px;border-radius:999px;background:rgba(10,20,30,.2);border:1px solid rgba(255,255,255,.15);font-size:.78rem;color:rgba(255,255,255,.82)}.theme-dot{width:7px;height:7px;border-radius:50%;background:#ffd365;box-shadow:0 0 10px #ffd365;animation:statusPulse 1.8s ease-in-out infinite}.hero-vignette{position:absolute;inset:0;z-index:6;pointer-events:none;box-shadow:inset 0 -100px 140px rgba(15,25,35,.16),inset 0 0 130px rgba(6,12,22,.14)}
body[data-time-theme="night"] .hero-copy.atlas-glass{background:linear-gradient(135deg,rgba(8,18,36,.55),rgba(9,25,48,.28));border-color:rgba(168,199,244,.2)}
body[data-time-theme="night"] .magic-dust i{background:#c7dcff;box-shadow:0 0 10px rgba(163,197,255,.9)}
@keyframes flightOne{0%{transform:translate(-15vw,10px) rotate(-6deg) scale(.82)}25%{transform:translate(28vw,-45px) rotate(3deg) scale(1)}52%{transform:translate(63vw,45px) rotate(-2deg) scale(1.08)}77%{transform:translate(91vw,-15px) rotate(4deg) scale(.98)}100%{transform:translate(128vw,28px) rotate(-3deg) scale(.86)}}
@keyframes flightTwo{0%{transform:translate(20vw,30px) rotate(2deg) scale(.9)}28%{transform:translate(-20vw,-40px) rotate(-4deg) scale(1.02)}55%{transform:translate(-62vw,35px) rotate(3deg) scale(1.12)}80%{transform:translate(-93vw,-20px) rotate(-3deg) scale(1)}100%{transform:translate(-130vw,20px) rotate(2deg) scale(.9)}}
@keyframes flightThree{0%{transform:translate(-12vw,15px) rotate(-5deg) scale(.7)}32%{transform:translate(36vw,-28px) rotate(3deg) scale(.82)}67%{transform:translate(84vw,24px) rotate(-2deg) scale(.78)}100%{transform:translate(130vw,-8px) rotate(2deg) scale(.7)}}
@keyframes dragonBob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(2deg)}}
@keyframes windPulse{0%,100%{transform:scaleX(.6);opacity:.15}50%{transform:scaleX(1.2);opacity:.75}}
@keyframes flameBurst{0%,52%,100%{opacity:0;transform:rotate(-3deg) scaleX(.1);transform-origin:right center}59%,76%{opacity:1;transform:rotate(-3deg) scaleX(1)}}
@keyframes flameFlicker{from{transform:scaleX(.93) scaleY(.84)}to{transform:scaleX(1.08) scaleY(1.1)}}
@keyframes ember{0%,55%{opacity:0;transform:translate(0,0) scale(.2)}62%{opacity:1}100%{opacity:0;transform:translate(-62px,-22px) scale(.05)}}
@keyframes cloudDrift{from{transform:translateX(-15vw) scale(var(--cloud-scale,1))}to{transform:translateX(125vw) scale(var(--cloud-scale,1))}}
@keyframes dustFloat{0%,100%{transform:translate(0,0) scale(.6);opacity:.15}50%{transform:translate(10px,-28px) scale(1.1);opacity:.8}}
@keyframes rayDrift{from{transform:rotate(-2deg) scale(1)}to{transform:rotate(3deg) scale(1.06)}}
@keyframes starTwinkle{from{filter:brightness(.8)}to{filter:brightness(1.35)}}
@keyframes compassTurn{to{transform:rotate(360deg)}}
@keyframes statusPulse{50%{transform:scale(1.45);opacity:.62}}
@media(max-width:900px){.hero.atlas-sky{height:720px;min-height:720px}.hero-copy.atlas-glass{left:4%;right:4%;top:48%;width:auto;padding:28px}.dragon-flight-one{width:105px}.dragon-flight-two{width:120px}.dragon-flight-three{width:80px}.map-compass{width:105px;height:105px;right:5%;bottom:4%}.celestial-orb{right:7%;top:7%;width:78px;height:78px}}
@media(max-width:600px){.hero.atlas-sky{height:760px;min-height:760px;border-radius:20px}.hero-copy.atlas-glass{top:51%;padding:24px 20px}.hero-copy.atlas-glass h1{font-size:clamp(2.8rem,14vw,4.5rem)}.hero-copy.atlas-glass p{font-size:1rem}.dragon-flight-one{top:12%;width:90px}.dragon-flight-two{top:24%;width:100px}.dragon-flight-three{top:72%;width:70px}.celestial-orb{width:66px;height:66px}.cloud-near{opacity:.35}.map-compass{opacity:.24}.theme-status{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.flight-path,.dragon-shell,.cloud-field i,.magic-dust i,.sky-rays,.sky-stars,.map-compass,.theme-dot,.flame-breath,.wind-a,.wind-b{animation:none!important}.hero-copy.atlas-glass,.sky-gradient,.celestial-orb{transition:none!important}}

/* ===== Atlas v4 · Anime Treasure Map Home ===== */
.atlas-anime-home{--px:0;--py:0;position:relative;min-height:clamp(620px,78vh,860px);margin:18px auto 32px;max-width:1500px;overflow:hidden;border-radius:30px;isolation:isolate;background:#0b4b73;box-shadow:0 34px 90px rgba(16,24,31,.24),0 0 0 1px rgba(255,255,255,.12)}
.atlas-bg{position:absolute;inset:-3%;z-index:-10;background-image:var(--atlas-home-image);background-size:cover;background-position:center;transform:translate(calc(var(--px)*-12px),calc(var(--py)*-8px)) scale(1.06);transition:filter 1.2s ease,transform .2s ease-out;animation:atlasCameraBreath 12s ease-in-out infinite alternate}
.atlas-time-wash{position:absolute;inset:0;z-index:-8;pointer-events:none;mix-blend-mode:soft-light;transition:background 1.2s ease,opacity 1.2s ease}
body[data-time-theme="dawn"] .atlas-time-wash{background:linear-gradient(115deg,rgba(125,71,158,.48),rgba(255,161,88,.22) 48%,rgba(255,220,153,.12));opacity:.75}
body[data-time-theme="day"] .atlas-time-wash{background:linear-gradient(130deg,rgba(74,177,255,.16),rgba(255,245,184,.13));opacity:.55}
body[data-time-theme="afternoon"] .atlas-time-wash{background:linear-gradient(125deg,rgba(255,177,59,.36),rgba(255,100,53,.15) 65%,rgba(102,57,129,.14));opacity:.72}
body[data-time-theme="night"] .atlas-bg{filter:brightness(.45) saturate(.8) hue-rotate(8deg) contrast(1.1)}
body[data-time-theme="night"] .atlas-time-wash{background:linear-gradient(120deg,rgba(8,22,65,.72),rgba(31,67,128,.34) 58%,rgba(21,17,64,.56));opacity:.95;mix-blend-mode:multiply}
body[data-time-theme="dawn"] .atlas-bg{filter:saturate(1.05) brightness(.88) sepia(.04)}
body[data-time-theme="afternoon"] .atlas-bg{filter:saturate(1.05) brightness(.88) sepia(.08)}
.atlas-sunmoon{position:absolute;right:8%;top:8%;z-index:-4;width:110px;height:110px;border-radius:50%;pointer-events:none;transition:all 1.1s ease}
.atlas-sunmoon span{position:absolute;inset:0;border-radius:50%;transition:all 1.1s ease}
body[data-time-theme="day"] .atlas-sunmoon span,body[data-time-theme="afternoon"] .atlas-sunmoon span,body[data-time-theme="dawn"] .atlas-sunmoon span{background:radial-gradient(circle,#fff8c4 0 25%,#ffe26d 39%,rgba(255,194,66,.38) 58%,transparent 72%);box-shadow:0 0 55px rgba(255,217,89,.8);animation:sunPulse 3.4s ease-in-out infinite}
body[data-time-theme="dawn"] .atlas-sunmoon{top:19%;right:10%;opacity:.74;transform:scale(.8)}
body[data-time-theme="afternoon"] .atlas-sunmoon{top:14%;right:7%;opacity:.78}
body[data-time-theme="night"] .atlas-sunmoon span{background:radial-gradient(circle at 35% 32%,#fff 0 5%,#e8f3ff 30%,#a8c8ef 50%,rgba(152,188,235,.15) 67%,transparent 75%);box-shadow:0 0 45px rgba(180,210,255,.55)}
body[data-season="summer"] .atlas-sunmoon{animation:summerSunFloat 7s ease-in-out infinite}
body[data-season="summer"][data-time-theme="day"] .atlas-sunmoon:after{content:"";position:absolute;inset:-42px;border:2px solid rgba(255,239,151,.22);border-radius:50%;animation:sunRing 4s linear infinite}
.atlas-light-rays{position:absolute;inset:-15%;z-index:-5;pointer-events:none;background:repeating-conic-gradient(from 245deg at 88% 3%,rgba(255,246,193,.14) 0 3deg,transparent 3deg 9deg);filter:blur(3px);opacity:.5;animation:raySweep 13s ease-in-out infinite alternate}
body[data-time-theme="night"] .atlas-light-rays{opacity:.08}
.atlas-water-shimmer{position:absolute;right:-3%;bottom:4%;z-index:-3;width:58%;height:35%;background:linear-gradient(115deg,transparent 0 30%,rgba(255,255,255,.12) 37%,transparent 43%,rgba(140,230,255,.13) 55%,transparent 64%);filter:blur(2px);mix-blend-mode:screen;transform:skewX(-16deg);animation:waterShimmer 8s linear infinite;pointer-events:none}
.atlas-map-glow{position:absolute;left:7%;top:19%;z-index:-2;width:64%;height:64%;border-radius:44% 35% 40% 38%;background:radial-gradient(ellipse at center,rgba(255,227,139,.08),transparent 68%);box-shadow:0 0 90px rgba(255,210,103,.08);animation:mapGlow 5s ease-in-out infinite;pointer-events:none}
.atlas-compass-pulse{position:absolute;right:3.1%;bottom:2.6%;z-index:2;width:30%;aspect-ratio:1;border-radius:50%;pointer-events:none;transform:translate(calc(var(--px)*9px),calc(var(--py)*5px))}
.atlas-compass-pulse:before,.atlas-compass-pulse:after{content:"";position:absolute;inset:14%;border:1px solid rgba(255,224,132,.2);border-radius:50%;animation:compassAura 4.5s ease-out infinite}
.atlas-compass-pulse:after{inset:22%;animation-delay:-2.2s}
.atlas-compass-pulse span{position:absolute;left:50%;top:50%;width:3px;height:28%;transform-origin:50% 90%;background:linear-gradient(#ffe37a,rgba(255,255,255,.15));clip-path:polygon(50% 0,100% 100%,50% 82%,0 100%);opacity:.4;animation:needleQuiver 6s ease-in-out infinite}
.atlas-leaves{position:absolute;inset:0;z-index:3;pointer-events:none;filter:drop-shadow(0 8px 12px rgba(3,24,16,.18))}
.atlas-leaves i{position:absolute;width:88px;height:24px;border-radius:100% 0 100% 0;background:linear-gradient(90deg,rgba(10,88,55,.65),rgba(43,129,69,.82));transform-origin:0 50%;opacity:.78}
.leaves-left i:nth-child(1){left:-18px;top:4%;transform:rotate(18deg);animation:leafSwayA 4.1s ease-in-out infinite}.leaves-left i:nth-child(2){left:-25px;top:10%;transform:rotate(35deg) scale(.9);animation:leafSwayB 5.2s ease-in-out infinite}.leaves-left i:nth-child(3){left:2%;top:-4px;transform:rotate(78deg) scale(1.2);animation:leafSwayA 4.8s ease-in-out infinite -.8s}.leaves-left i:nth-child(4){left:8%;top:-5px;transform:rotate(98deg);animation:leafSwayB 5.4s ease-in-out infinite -1.5s}.leaves-left i:nth-child(5){left:14%;top:-8px;transform:rotate(112deg) scale(.85);animation:leafSwayA 4.6s ease-in-out infinite -2s}
.leaves-right i{right:-30px;transform-origin:100% 50%}.leaves-right i:nth-child(1){top:2%;transform:rotate(160deg) scale(1.1);animation:leafSwayB 4.6s ease-in-out infinite}.leaves-right i:nth-child(2){top:9%;transform:rotate(145deg);animation:leafSwayA 5.2s ease-in-out infinite -.8s}.leaves-right i:nth-child(3){top:18%;transform:rotate(130deg) scale(.9);animation:leafSwayB 4.8s ease-in-out infinite -1.2s}.leaves-right i:nth-child(4){top:27%;transform:rotate(118deg) scale(.75);animation:leafSwayA 5.5s ease-in-out infinite -2s}
body[data-time-theme="night"] .atlas-leaves i{filter:brightness(.48) saturate(.7)}
.atlas-season-fx{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none}.atlas-season-fx i{position:absolute;left:calc(var(--n,1)*8%);top:-8%;opacity:0}
.atlas-season-fx i:nth-child(1){--n:1;--d:-1s}.atlas-season-fx i:nth-child(2){--n:2;--d:-4s}.atlas-season-fx i:nth-child(3){--n:3;--d:-7s}.atlas-season-fx i:nth-child(4){--n:4;--d:-2s}.atlas-season-fx i:nth-child(5){--n:5;--d:-5s}.atlas-season-fx i:nth-child(6){--n:6;--d:-8s}.atlas-season-fx i:nth-child(7){--n:7;--d:-3s}.atlas-season-fx i:nth-child(8){--n:8;--d:-6s}.atlas-season-fx i:nth-child(9){--n:9;--d:-9s}.atlas-season-fx i:nth-child(10){--n:10;--d:-2.5s}.atlas-season-fx i:nth-child(11){--n:11;--d:-5.5s}.atlas-season-fx i:nth-child(12){--n:12;--d:-8.5s}
body[data-season="winter"] .atlas-season-fx i{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 8px rgba(216,239,255,.6);animation:snowFall 10s linear infinite var(--d);opacity:.8}
body[data-season="spring"] .atlas-season-fx i{width:12px;height:7px;border-radius:70% 20% 70% 20%;background:rgba(255,188,211,.8);animation:petalFall 9s ease-in-out infinite var(--d);opacity:.74}
body[data-season="autumn"] .atlas-season-fx i{width:13px;height:8px;border-radius:70% 10% 70% 10%;background:linear-gradient(135deg,#d58931,#9c462a);animation:leafFall 8s ease-in-out infinite var(--d);opacity:.78}
body[data-season="summer"] .atlas-season-fx i{width:4px;height:4px;border-radius:50%;background:#fff5b8;box-shadow:0 0 11px #ffe56a;animation:summerMote 6.5s ease-in-out infinite var(--d);opacity:.58;top:calc((var(--n)*7)% + 4%)}
.atlas-film-grain{position:absolute;inset:0;z-index:7;pointer-events:none;opacity:.1;background-image:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 1px),radial-gradient(circle at 70% 80%,#000 0 1px,transparent 1px);background-size:5px 5px,7px 7px;mix-blend-mode:overlay}
.atlas-home-copy{position:absolute;z-index:8;left:4.5%;bottom:8%;width:min(650px,56%);padding:30px 32px;border:1px solid rgba(255,245,208,.3);border-radius:26px;background:linear-gradient(135deg,rgba(40,25,13,.61),rgba(73,46,19,.27));backdrop-filter:blur(11px) saturate(1.15);-webkit-backdrop-filter:blur(11px) saturate(1.15);box-shadow:0 18px 60px rgba(6,14,19,.32),inset 0 1px rgba(255,255,255,.18);color:#fff8e8;text-shadow:0 2px 5px rgba(0,0,0,.35);transform:translate(calc(var(--px)*6px),calc(var(--py)*4px));transition:transform .2s ease-out,background .9s ease}
body[data-time-theme="night"] .atlas-home-copy{background:linear-gradient(135deg,rgba(8,18,39,.72),rgba(12,35,66,.42));border-color:rgba(177,211,255,.28)}
.atlas-home-copy .eyebrow{color:#ffe08a;letter-spacing:.18em}.atlas-home-copy h1{margin:10px 0 12px;color:#fffaf0;font-size:clamp(2.7rem,5vw,5.2rem);line-height:.94;max-width:12ch}.atlas-home-copy p{max-width:57ch;color:rgba(255,250,234,.9);font-size:1.06rem;line-height:1.62}.atlas-world-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:17px 0 6px;padding:8px 12px;width:max-content;max-width:100%;border-radius:999px;background:rgba(12,20,24,.25);border:1px solid rgba(255,255,255,.12);font-size:.78rem}.status-orb{width:8px;height:8px;border-radius:50%;background:#ffd760;box-shadow:0 0 13px #ffd760;animation:statusPulse 1.8s ease-in-out infinite}.status-separator{opacity:.55}.atlas-home-copy .ghost{background:rgba(15,20,23,.25);border-color:rgba(255,255,255,.28);color:#fff}
.atlas-scroll-hint{position:absolute;z-index:8;right:3%;top:45%;display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,250,230,.7);font-size:.62rem;letter-spacing:.24em;writing-mode:vertical-rl}.atlas-scroll-hint i{display:block;width:1px;height:70px;background:linear-gradient(rgba(255,239,181,.8),transparent);animation:scrollLine 2s ease-in-out infinite}
.atlas-home-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1400px;margin:0 auto 30px}.anime-parchment-card{position:relative;overflow:hidden;min-height:210px;padding:28px;border:1px solid rgba(127,85,34,.24);border-radius:22px;background:linear-gradient(145deg,#f6e5b9,#ead09a);box-shadow:0 18px 40px rgba(75,49,24,.12);color:#3b2a1a}.anime-parchment-card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.38) 42%,transparent 68%);transform:translateX(-130%);animation:parchmentGlint 8s ease-in-out infinite}.anime-parchment-card h2,.anime-parchment-card p{position:relative;z-index:1}.anime-parchment-card p{line-height:1.6}.card-number{position:absolute;right:18px;top:9px;font:800 4.4rem/1 Georgia,serif;color:rgba(90,52,17,.07)}
.atlas-home-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;max-width:1400px;margin:0 auto 34px}.atlas-home-gallery figure{margin:0;overflow:hidden;border-radius:20px;box-shadow:0 15px 35px rgba(23,35,44,.16)}.atlas-home-gallery img{display:block;width:100%;height:260px;object-fit:cover;transition:transform .45s ease}.atlas-home-gallery figure:hover img{transform:scale(1.04)}

/* Admin: multi-role + account controls */
.member-admin-list{display:grid;gap:16px;margin-top:18px}.member-admin-card{padding:18px;border:1px solid rgba(116,82,44,.2);border-radius:18px;background:rgba(255,250,237,.62)}.member-admin-head,.section-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.member-admin-head small{display:block;margin-top:4px;color:var(--muted)}.role-chip-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.role-badge.mini{font-size:.68rem;padding:4px 7px}.admin-actions-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:20px;margin-top:14px}.admin-actions-grid h3{margin:0 0 8px}.role-check-form{display:flex;flex-wrap:wrap;gap:9px 13px;align-items:center}.role-check-form label{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.45);font-size:.82rem}.role-check-form input{width:auto}.ban-banner{display:flex;gap:8px;align-items:center;margin-top:10px;padding:9px 11px;border-radius:10px;background:rgba(142,33,31,.1);color:#7b2623}.admin-home-editor fieldset{border:1px solid rgba(117,82,44,.2);border-radius:14px;padding:12px}.admin-home-editor legend{padding:0 7px;font-weight:700}.admin-home-editor fieldset input,.admin-home-editor fieldset textarea{width:100%;margin-top:7px}

@keyframes atlasCameraBreath{0%{transform:translate(calc(var(--px)*-12px),calc(var(--py)*-8px)) scale(1.055)}100%{transform:translate(calc(var(--px)*-12px),calc(var(--py)*-8px)) scale(1.075)}}
@keyframes sunPulse{50%{transform:scale(1.08);filter:brightness(1.12)}}@keyframes summerSunFloat{50%{transform:translateY(8px)}}@keyframes sunRing{0%{transform:scale(.65);opacity:.6}100%{transform:scale(1.45);opacity:0}}@keyframes raySweep{to{transform:rotate(4deg) scale(1.05)}}@keyframes waterShimmer{0%{transform:translateX(-30%) skewX(-16deg)}100%{transform:translateX(70%) skewX(-16deg)}}@keyframes mapGlow{50%{opacity:.5;transform:scale(1.02)}}@keyframes compassAura{0%{transform:scale(.7);opacity:.5}100%{transform:scale(1.15);opacity:0}}@keyframes needleQuiver{0%,100%{transform:translate(-50%,-90%) rotate(-4deg)}45%{transform:translate(-50%,-90%) rotate(8deg)}70%{transform:translate(-50%,-90%) rotate(2deg)}}@keyframes leafSwayA{0%,100%{margin-left:0;filter:brightness(.94)}50%{margin-left:8px;filter:brightness(1.08)}}@keyframes leafSwayB{0%,100%{margin-top:0}50%{margin-top:6px}}@keyframes snowFall{0%{transform:translate(0,-10vh) scale(.7);opacity:0}15%{opacity:.8}100%{transform:translate(80px,115vh) scale(1.15);opacity:.2}}@keyframes petalFall{0%{transform:translate(0,-10vh) rotate(0);opacity:0}10%{opacity:.7}50%{transform:translate(45px,55vh) rotate(180deg)}100%{transform:translate(-30px,115vh) rotate(420deg);opacity:.1}}@keyframes leafFall{0%{transform:translate(0,-10vh) rotate(0);opacity:0}15%{opacity:.8}50%{transform:translate(-55px,55vh) rotate(250deg)}100%{transform:translate(40px,115vh) rotate(520deg);opacity:.15}}@keyframes summerMote{0%,100%{transform:translate(0,0) scale(.7);opacity:.15}50%{transform:translate(22px,-32px) scale(1.3);opacity:.85}}@keyframes scrollLine{0%,100%{transform:scaleY(.4);transform-origin:top;opacity:.25}50%{transform:scaleY(1);opacity:.9}}@keyframes parchmentGlint{0%,70%{transform:translateX(-130%)}90%,100%{transform:translateX(130%)}}
@media(max-width:950px){.atlas-anime-home{min-height:720px}.atlas-home-copy{left:4%;right:4%;bottom:6%;width:auto}.atlas-home-cards{grid-template-columns:1fr}.atlas-compass-pulse{width:42%;right:-1%;bottom:8%}.admin-actions-grid{grid-template-columns:1fr}.atlas-scroll-hint{display:none}}
@media(max-width:620px){.atlas-anime-home{min-height:760px;border-radius:20px}.atlas-bg{background-position:62% center}.atlas-home-copy{padding:24px 20px}.atlas-home-copy h1{font-size:clamp(2.5rem,13vw,4.2rem)}.atlas-world-status{border-radius:14px}.atlas-compass-pulse{width:58%;opacity:.7}.atlas-sunmoon{width:76px;height:76px}.member-admin-head,.section-title-row{flex-direction:column}.role-chip-row{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.atlas-bg,.atlas-sunmoon,.atlas-sunmoon span,.atlas-light-rays,.atlas-water-shimmer,.atlas-map-glow,.atlas-compass-pulse:before,.atlas-compass-pulse:after,.atlas-compass-pulse span,.atlas-leaves i,.atlas-season-fx i,.status-orb,.atlas-scroll-hint i,.anime-parchment-card:before{animation:none!important}}

/* Requested layout refinements */
.chain-logo-button{width:220px;padding:0;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer}
.chain-logo-button img{display:block;width:220px;height:170px;object-fit:cover;border-radius:12px;border:2px solid #76501f;box-shadow:0 10px 24px rgba(47,28,12,.18);transition:transform .2s ease,box-shadow .2s ease}
.chain-logo-button span{display:block;margin-top:7px;font-size:.78rem;font-weight:800;color:var(--red)}
.chain-logo-button:hover img,.chain-logo-button:focus-visible img{transform:translateY(-2px) scale(1.015);box-shadow:0 14px 30px rgba(47,28,12,.26)}
.chain-modal{max-width:980px;width:calc(100% - 34px);max-height:88vh;overflow:auto;border:5px solid #62401c;border-radius:18px;background:linear-gradient(135deg,#f4e7bd,#dfc58a);padding:30px;color:var(--ink);box-shadow:0 28px 80px rgba(0,0,0,.4)}
.chain-modal::backdrop{background:rgba(10,9,13,.82);backdrop-filter:blur(5px)}
.chain-modal-head{display:grid;grid-template-columns:minmax(190px,300px) 1fr;gap:24px;align-items:start}
.chain-modal-head>img{width:100%;max-height:260px;object-fit:cover;border-radius:14px;border:2px solid #76501f}
.chain-modal-head h1{font-size:clamp(2rem,5vw,4.2rem);margin:8px 0 14px}
.chain-modal-gallery{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:24px}
.chain-modal-gallery img{height:210px}

.post-grid.important-feed{grid-template-columns:1fr;gap:26px}
.important-feed .post-card{width:100%;padding:30px 34px;min-height:280px}
.important-feed .post-card h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:12px 0 16px}
.important-feed .post-card .preserve{font-size:1.03rem;line-height:1.7;max-width:110ch}
.important-feed .gallery{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:20px}
.important-feed .gallery img{height:clamp(240px,31vw,430px)}

.trade-dragon-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:10px}
.trade-dragon-chip{overflow:hidden;border:1px solid #9d7a3e;border-radius:12px;background:rgba(255,250,235,.72)}
.trade-dragon-chip img{display:block;width:100%;height:130px;object-fit:contain;padding:8px;background:rgba(255,255,255,.3)}
.trade-dragon-chip span{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;font-size:.85rem;font-weight:800}
.trade-dragon-chip strong{white-space:nowrap;color:var(--red)}
.trade-text-fallback{margin:0;padding:11px 12px;border:1px dashed #9d7a3e;border-radius:10px;background:rgba(255,250,235,.45)}

.dragon-tile{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.dragon-tile:hover,.dragon-tile:focus-visible{transform:translateY(-3px);box-shadow:0 12px 22px rgba(45,27,11,.18);outline:2px solid rgba(181,58,32,.35)}
.dragon-modal[open]{display:block}

@media(max-width:700px){
  .chain-hero,.chain-modal-head{grid-template-columns:1fr}
  .chain-logo-button,.chain-logo-button img{width:100%}
  .important-feed .post-card{padding:24px 20px}
  .important-feed .gallery{grid-template-columns:1fr}
  .important-feed .gallery img{height:auto;max-height:460px}
}

/* v6 visual refinements: permanent vivid night hero + bright site UI */
body{
  color:#2d241c;
  background:#02040a;
  background-image:
    radial-gradient(circle at 12% 18%,rgba(255,255,255,.95) 0 1px,transparent 1.6px),
    radial-gradient(circle at 76% 22%,rgba(188,214,255,.9) 0 1px,transparent 1.7px),
    radial-gradient(circle at 33% 72%,rgba(255,255,255,.75) 0 1px,transparent 1.5px),
    radial-gradient(circle at 90% 64%,rgba(255,227,174,.75) 0 1px,transparent 1.8px),
    linear-gradient(#02040a,#050917 58%,#080d1f);
  background-size:190px 190px,260px 260px,320px 320px,420px 420px,100% 100%;
  background-attachment:fixed;
}
body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background-repeat:repeat;animation:atlasStarsTwinkle 4.8s ease-in-out infinite alternate}
body:before{background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1.2px,transparent 1.8px);background-size:145px 145px;opacity:.42}
body:after{background-image:radial-gradient(circle,rgba(155,196,255,.9) 0 1px,transparent 1.7px);background-size:230px 230px;background-position:70px 90px;opacity:.28;animation-delay:-2.1s}
.paper-noise{display:none}
main{position:relative;z-index:1}
.topbar{background:rgba(250,247,240,.94);color:#2b241f;border-bottom:1px solid rgba(96,73,46,.18);box-shadow:0 10px 32px rgba(0,0,0,.18);backdrop-filter:blur(16px)}
.topbar nav a{border-radius:12px;font-weight:700;color:#3b332c;transition:background .2s ease,color .2s ease,transform .2s ease}
.topbar nav a:hover{background:#efe8da;color:#7b4d16;transform:translateY(-1px)}
.brand img{border-color:#d7a842;box-shadow:0 4px 14px rgba(0,0,0,.12)}
footer{background:rgba(249,245,235,.96);color:#51483d;border-top:1px solid rgba(92,69,42,.18)}

.atlas-anime-home{background:#09152d;box-shadow:0 34px 90px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.14)}
.atlas-bg{filter:saturate(1.14) brightness(.93) contrast(1.04)!important}
.atlas-anime-home:after{content:"";position:absolute;inset:0;z-index:-7;pointer-events:none;background:linear-gradient(90deg,rgba(3,8,20,.46) 0%,rgba(4,11,28,.14) 42%,rgba(3,8,20,.08) 70%,rgba(1,3,10,.24) 100%)}
.atlas-time-wash,.atlas-sunmoon,.atlas-compass-pulse,.atlas-scroll-hint,.atlas-world-status{display:none!important}
.atlas-light-rays{opacity:.22!important;mix-blend-mode:screen}
.atlas-water-shimmer{opacity:.52!important}
.atlas-map-glow{opacity:.42!important}
.atlas-home-copy{background:linear-gradient(135deg,rgba(248,244,234,.94),rgba(255,255,255,.82));border:1px solid rgba(255,255,255,.62);box-shadow:0 24px 70px rgba(0,0,0,.25);backdrop-filter:blur(14px)}
.atlas-home-copy .eyebrow{color:#8e5a16}
.atlas-home-copy h1{color:#211b16;text-shadow:none}
.atlas-home-copy p{color:#52483c}
.atlas-home-copy .ghost{background:#fff;border-color:#d9d1c5;color:#352f29}

.parchment-card,.post-card,.chain-card,.trade-card,.composer,.anime-parchment-card,.member-admin-card,.auth-card,.center-card{background:linear-gradient(145deg,rgba(255,253,248,.98),rgba(244,238,226,.98));border-color:rgba(112,86,54,.22);box-shadow:0 16px 42px rgba(0,0,0,.18)}
.route-map{background:#d8cbb6;border-color:#d8cbb6}.route-map>div{background:#fbf8f1}

.gold-button,.ghost,.danger{border-radius:14px;padding:11px 17px;font-weight:800;letter-spacing:.01em;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease}
.gold-button{background:linear-gradient(135deg,#f6c861,#e5a629);color:#2f210d;border:1px solid rgba(130,86,15,.36);box-shadow:0 8px 20px rgba(206,147,35,.22),inset 0 1px rgba(255,255,255,.65)}
.gold-button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(206,147,35,.30);filter:none}
.ghost{background:rgba(255,255,255,.92);border:1px solid #d9d3ca;color:#38312a;box-shadow:0 5px 14px rgba(0,0,0,.07)}
.ghost:hover{transform:translateY(-2px);border-color:#c2b8aa;box-shadow:0 9px 20px rgba(0,0,0,.11)}
.danger{background:linear-gradient(135deg,#d95858,#b93838);border:1px solid rgba(114,25,25,.35);box-shadow:0 7px 18px rgba(151,36,36,.20)}
.danger:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(151,36,36,.28)}
button:focus-visible,a:focus-visible{outline:3px solid rgba(73,142,255,.42);outline-offset:2px}

@keyframes atlasStarsTwinkle{0%{opacity:.18;filter:brightness(.75)}50%{opacity:.48;filter:brightness(1.25)}100%{opacity:.28;filter:brightness(.95)}}
@media(prefers-reduced-motion:reduce){body:before,body:after{animation:none!important}}

/* ===== v7 UI ONLY · Dragon City Modern Fantasy × Anime Game Menu =====
   Visual-only redesign. No routes, forms, permissions, fields, or backend behavior changed. */
:root{
  --ink:#172033;
  --deep:#101a33;
  --red:#e6534e;
  --red2:#ff7268;
  --gold:#f4b83f;
  --gold2:#ffd879;
  --paper:#ffffff;
  --paper2:#f6f9ff;
  --green:#33aa82;
  --blue:#245b9e;
  --teal:#20b7c2;
  --muted:#66728b;
  --shadow:0 18px 55px rgba(36,55,92,.14);
}
html{background:#eef4ff}
body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 8% 0%,rgba(109,218,255,.34),transparent 24%),
    radial-gradient(circle at 94% 5%,rgba(255,208,101,.30),transparent 24%),
    linear-gradient(180deg,#edf8ff 0,#f7faff 34%,#f5f7fc 100%);
  background-attachment:fixed;
}
body:before,body:after{display:none!important}
.paper-noise{display:none!important}
main{width:min(1480px,calc(100% - 32px));margin:28px auto 84px}

/* navbar */
.topbar{
  top:12px;
  width:min(1480px,calc(100% - 28px));
  margin:12px auto 0;
  padding:9px 12px 9px 14px;
  gap:16px;
  border:1px solid rgba(84,113,164,.16);
  border-radius:22px;
  background:rgba(255,255,255,.88);
  color:var(--ink);
  box-shadow:0 16px 44px rgba(38,66,112,.13);
  backdrop-filter:blur(18px) saturate(1.3);
}
.brand{gap:10px;font-weight:900;letter-spacing:-.02em}.brand img{width:44px;height:44px;border:2px solid rgba(255,184,51,.85);box-shadow:0 0 0 4px rgba(255,199,83,.12),0 7px 20px rgba(35,55,90,.18)}
.topbar nav{gap:5px;scrollbar-width:none}.topbar nav::-webkit-scrollbar{display:none}.topbar nav a{position:relative;padding:10px 12px;border-radius:13px;color:#53617b;font-size:.9rem;font-weight:800;transition:.2s ease}.topbar nav a:hover{color:#173e72;background:linear-gradient(135deg,#edf7ff,#fff7e3);transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(57,126,192,.12)}
.account-actions{gap:8px}.user-chip{padding:7px 10px;border-radius:13px;background:#f4f7fc}.user-chip strong{font-size:.9rem}.user-chip small{color:#77839a}

/* modern game buttons */
.gold-button,.ghost,.danger{
  position:relative;
  overflow:hidden;
  border-radius:14px;
  padding:11px 17px;
  min-height:42px;
  border:1px solid transparent;
  font-weight:900;
  letter-spacing:-.01em;
  line-height:1;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease;
}
.gold-button:before,.ghost:before,.danger:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.32) 45%,transparent 70%);transform:translateX(-140%);transition:transform .45s ease;pointer-events:none}.gold-button:hover:before,.ghost:hover:before,.danger:hover:before{transform:translateX(140%)}
.gold-button{background:linear-gradient(135deg,#ffd76d 0,#ffb83f 48%,#ff9660 100%);color:#432e08;border-color:rgba(211,137,22,.35);box-shadow:0 8px 0 rgba(178,112,21,.18),0 12px 26px rgba(244,164,49,.22)}
.gold-button:hover{transform:translateY(-2px);box-shadow:0 10px 0 rgba(178,112,21,.14),0 18px 30px rgba(244,164,49,.28);filter:saturate(1.08)}
.ghost{background:rgba(255,255,255,.78);border-color:rgba(77,111,164,.20);color:#31405d;box-shadow:0 8px 24px rgba(42,68,110,.08)}.ghost:hover{background:#fff;border-color:rgba(38,183,194,.34);color:#174d67;transform:translateY(-2px);box-shadow:0 14px 28px rgba(42,68,110,.13)}
.danger{background:linear-gradient(135deg,#ff6b69,#e74b59);border-color:rgba(169,45,58,.24);color:#fff;box-shadow:0 10px 24px rgba(210,60,73,.22)}.danger:hover{transform:translateY(-2px);filter:brightness(1.03);box-shadow:0 15px 30px rgba(210,60,73,.28)}
.small{padding:8px 11px;min-height:34px;border-radius:11px}.big{padding:14px 20px;min-height:50px;border-radius:16px}.full{width:100%}

/* general cards */
.parchment-card,.post-card,.chain-card,.trade-card,.composer,.anime-parchment-card,.member-admin-card,.auth-card,.center-card{
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,250,255,.98));
  border:1px solid rgba(87,119,169,.16);
  border-radius:22px;
  color:var(--ink);
  box-shadow:var(--shadow);
}
.parchment-card:before,.post-card:before,.chain-card:before,.trade-card:before{display:none}
.parchment-card,.post-card,.chain-card,.trade-card,.composer{padding:24px}
.post-card,.chain-card,.trade-card,.parchment-card,.member-admin-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.post-card:hover,.chain-card:hover,.trade-card:hover,.parchment-card:hover,.member-admin-card:hover{transform:translateY(-2px);border-color:rgba(56,158,191,.25);box-shadow:0 22px 52px rgba(39,68,116,.16)}

/* page titles */
.dashboard-head{padding:34px 4px 24px;align-items:center}.dashboard-head:before{content:"";width:8px;height:58px;border-radius:99px;background:linear-gradient(#27c0ca,#5b7ff0,#ffb83f);box-shadow:0 5px 18px rgba(70,139,214,.24);flex:none}.dashboard-head>div:first-child{margin-right:auto}.dashboard-head h1{font-size:clamp(2.5rem,5vw,4.4rem);margin:4px 0 8px;line-height:.95;letter-spacing:-.055em;color:#17223b;text-shadow:none}.dashboard-head p{color:#65728a}.eyebrow{font-family:inherit;font-size:.72rem;letter-spacing:.18em;color:#2a789e;font-weight:950}
.role-badge,.tag{background:linear-gradient(135deg,#22559b,#25a9b5);color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:0 5px 14px rgba(38,94,150,.16)}

/* inputs / forms */
.stack{gap:15px}.stack label{font-weight:800;color:#33405a}.stack small,.muted{color:#76839b}
.stack input,.stack textarea,.stack select,.inline-form input,.inline-form select,.rating-form input,.rating-form select,.admin-home-editor fieldset input,.admin-home-editor fieldset textarea{
  background:#f8fbff;
  color:#1d2940;
  border:1px solid #d9e2f0;
  border-radius:13px;
  padding:12px 13px;
  outline:none;
  box-shadow:inset 0 1px 2px rgba(46,73,118,.03);
  transition:.18s ease;
}
.stack input:focus,.stack textarea:focus,.stack select:focus,.inline-form input:focus,.inline-form select:focus,.rating-form input:focus,.rating-form select:focus,.admin-home-editor fieldset input:focus,.admin-home-editor fieldset textarea:focus{background:#fff;border-color:#39acbd;box-shadow:0 0 0 4px rgba(39,183,194,.12)}
.composer{border:1px solid rgba(75,118,179,.16)}.composer summary{color:#225b82;font-weight:900}.composer[open]{box-shadow:0 24px 58px rgba(38,68,116,.15)}

/* home · premium anime game menu treatment */
.atlas-anime-home{
  min-height:clamp(650px,80vh,900px);
  margin:20px auto 34px;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.55);
  background:#164d78;
  box-shadow:0 32px 90px rgba(28,55,96,.22),0 0 0 8px rgba(255,255,255,.48);
}
.atlas-bg{filter:saturate(1.12) brightness(1.03) contrast(1.03)!important;transform:translate(calc(var(--px)*-15px),calc(var(--py)*-10px)) scale(1.06)}
.atlas-anime-home:after{content:"";position:absolute;inset:0;z-index:-7;pointer-events:none;background:linear-gradient(90deg,rgba(10,35,68,.48) 0%,rgba(20,63,101,.16) 42%,rgba(255,214,113,.03) 72%),linear-gradient(0deg,rgba(6,30,61,.20),transparent 50%)}
.atlas-light-rays{opacity:.42!important;mix-blend-mode:screen}.atlas-water-shimmer{opacity:.66!important}.atlas-map-glow{opacity:.55!important}.atlas-film-grain{opacity:.035}
.atlas-leaves i{filter:saturate(1.2);opacity:.88}
.atlas-home-copy{
  left:4.5%;bottom:7%;width:min(680px,57%);
  padding:34px 36px;
  color:#13213b;
  background:linear-gradient(135deg,rgba(255,255,255,.93),rgba(239,248,255,.82));
  border:1px solid rgba(255,255,255,.74);
  border-radius:28px;
  box-shadow:0 26px 75px rgba(9,31,64,.25),inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(18px) saturate(1.18);
}
.atlas-home-copy:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:5px;border-radius:0 99px 99px 0;background:linear-gradient(#2ac3c9,#5f7cf3,#ffbb42);box-shadow:0 0 22px rgba(52,183,203,.34)}
.atlas-home-copy .eyebrow{color:#237897}.atlas-home-copy h1{font-family:inherit;font-size:clamp(3.1rem,6vw,6.2rem);line-height:.86;letter-spacing:-.065em;color:#17223b;text-shadow:none;margin:15px 0 20px}.atlas-home-copy p{color:#516079;font-size:1.06rem;line-height:1.7}.atlas-home-copy .ghost{background:rgba(255,255,255,.82);color:#253a58;border-color:rgba(48,109,164,.18)}
.hero-actions{gap:12px;margin-top:28px}

/* home cards */
.atlas-home-cards{gap:18px}.anime-parchment-card{min-height:220px;padding:27px;background:linear-gradient(145deg,#fff,#f3f8ff);border:1px solid rgba(65,116,178,.14);color:#1d2940;box-shadow:0 18px 45px rgba(38,68,116,.11)}.anime-parchment-card:before{background:linear-gradient(110deg,transparent 20%,rgba(102,224,235,.10) 44%,transparent 68%)}.anime-parchment-card:after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#2bc1c8,#5f78ee,#ffbd48)}.anime-parchment-card h2{margin-top:16px;font-size:1.45rem;letter-spacing:-.025em}.anime-parchment-card p{color:#66738b}.card-number{font-family:inherit;font-weight:950;color:rgba(52,92,153,.055)}
.atlas-home-gallery figure{border-radius:22px;border:1px solid rgba(75,112,165,.13);box-shadow:0 16px 44px rgba(34,67,114,.13);background:#fff;padding:7px}.atlas-home-gallery img{border-radius:16px}

/* post feeds */
.post-grid,.trade-grid{gap:20px}.important-feed .post-card{padding:30px 32px;min-height:260px}.important-feed .post-card h2{color:#17223a;letter-spacing:-.035em}.post-meta{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #edf1f7;color:#7a879e}.gallery{gap:10px}.gallery img{border:1px solid #e0e8f3;border-radius:14px;box-shadow:0 8px 20px rgba(46,71,109,.08)}
.empty-state{background:rgba(255,255,255,.62);border:1.5px dashed #b9c8dc;border-radius:20px;color:#71809a}

/* dragons */
.family-card{border:1px solid rgba(70,111,166,.18);border-radius:24px;background:#fff;box-shadow:var(--shadow)}.family-banner{min-height:250px}.family-banner:after{background:linear-gradient(transparent 28%,rgba(11,31,58,.88))}.family-banner h2{font-family:inherit;font-size:2.35rem;letter-spacing:-.04em}.dragon-row{padding:18px;gap:14px}.dragon-tile{min-width:155px;background:linear-gradient(145deg,#fff,#f4f8ff);border:1px solid #dce7f3;border-radius:17px;color:#23314c;box-shadow:0 8px 22px rgba(44,71,111,.08)}.dragon-tile:hover,.dragon-tile:focus-visible{transform:translateY(-5px) scale(1.01);outline:none;border-color:#58bec8;box-shadow:0 18px 34px rgba(43,104,141,.17)}
.dragon-modal,.chain-modal{border:1px solid rgba(105,139,184,.24);border-radius:28px;background:linear-gradient(145deg,#fff,#f1f6ff);color:var(--ink);box-shadow:0 30px 100px rgba(5,17,38,.42)}.dragon-modal::backdrop,.chain-modal::backdrop{background:rgba(8,18,37,.68);backdrop-filter:blur(9px)}.close{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#f1f5fb;color:#4a5870;font-size:1.5rem}.close:hover{background:#e9f5f7;color:#1b7180}
.perk-list>div{background:#f6f9fe;border:1px solid #dfe7f2;border-radius:14px}

/* trading */
.trade-dragon-chip{border:1px solid #dde6f1;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(42,68,107,.07)}.trade-dragon-chip img{background:linear-gradient(#f9fbff,#f2f7fc)}.trade-dragon-chip strong{color:#248c99}.trade-text-fallback{border:1px dashed #c4d0df;border-radius:14px;background:#f8fbff;color:#5f6d84}

/* comments/chat/admin */
.chat-stream{scrollbar-color:#b9c8da transparent}.reaction-row button{border-radius:12px!important}.member-admin-card{background:linear-gradient(145deg,#fff,#f6f9fd)}.role-check-form label{background:#f2f6fb;border:1px solid #e0e8f2;color:#44526b}.ban-banner{background:#fff1f1;color:#a33743;border:1px solid #ffd6d9;border-radius:13px}.admin-home-editor fieldset{border:1px solid #dfe7f1;border-radius:17px;background:#fafcff}.table-wrap{border-radius:18px;overflow:auto;border:1px solid #e0e8f2;background:#fff;box-shadow:0 12px 32px rgba(36,66,108,.08)}table{border-collapse:collapse;width:100%}th{background:#f3f7fc;color:#53617a;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}th,td{padding:13px 14px;border-bottom:1px solid #edf1f6}

/* auth */
.auth-shell{min-height:72vh}.auth-card{grid-template-columns:minmax(280px,38%) minmax(360px,1fr);max-width:1000px;border:1px solid rgba(78,115,167,.16);border-radius:28px;box-shadow:0 28px 75px rgba(36,65,108,.16)}.auth-card img{min-height:590px}.auth-card>div{padding:48px}.auth-card h1,.center-card h1{font-family:inherit;letter-spacing:-.05em;color:#17223b;text-shadow:none}.auth-card h1{font-size:3.5rem}.center-card{padding:32px}.center-card h1{font-size:2.8rem}

.flash{border-radius:15px;border-width:1px;box-shadow:0 12px 32px rgba(42,65,101,.10)}.flash.success{background:#effbf5;border-color:#bee8d2;color:#277758}.flash.warning{background:#fff9e9;border-color:#f3dda5;color:#8a651d}.flash.error{background:#fff1f1;border-color:#f0c2c7;color:#963c49}
footer{background:#fff;color:#6e7a8f;border-top:1px solid #e3eaf3;box-shadow:0 -6px 24px rgba(40,66,105,.04)}

@media(max-width:1050px){.topbar{flex-wrap:wrap}.topbar nav{order:3;width:100%}.account-actions{margin-left:auto}.atlas-home-copy{width:min(720px,76%)}}
@media(max-width:760px){main{width:min(100% - 20px,1480px)}.topbar{top:6px;width:calc(100% - 12px);margin-top:6px;border-radius:17px}.brand span{display:none}.account-actions .user-chip small{display:none}.atlas-anime-home{min-height:740px;border-radius:25px}.atlas-home-copy{left:3.5%;right:3.5%;bottom:4%;width:auto;padding:27px 22px}.atlas-home-copy h1{font-size:clamp(2.7rem,13vw,4.6rem)}.hero-actions>*{flex:1 1 210px}.dashboard-head{align-items:flex-start}.dashboard-head:before{height:46px}.grid-2,.grid-3,.post-grid,.trade-grid,.modal-grid,.auth-card{grid-template-columns:1fr}.auth-card img{min-height:250px;max-height:300px}.auth-card>div{padding:28px}}
@media(prefers-reduced-motion:reduce){.gold-button:before,.ghost:before,.danger:before{display:none}.post-card,.chain-card,.trade-card,.parchment-card,.member-admin-card,.dragon-tile{transition:none}}

/* ===== v8 UI · Crystal Sky / Modern Dragon City ===== */
:root{
  --v8-ink:#18213b;
  --v8-muted:#697590;
  --v8-violet:#7357ff;
  --v8-cyan:#26c6da;
  --v8-blue:#4d8dff;
  --v8-pink:#ff6fae;
  --v8-gold:#ffc857;
  --v8-panel:rgba(255,255,255,.82);
  --v8-border:rgba(86,109,174,.16);
  --v8-shadow:0 24px 70px rgba(58,74,126,.14);
}
html{background:#f5f7ff}
body{
  color:var(--v8-ink);
  background:
    radial-gradient(circle at 4% 6%,rgba(132,217,255,.38),transparent 25%),
    radial-gradient(circle at 92% 5%,rgba(182,151,255,.30),transparent 24%),
    radial-gradient(circle at 70% 82%,rgba(255,198,225,.24),transparent 24%),
    linear-gradient(180deg,#eef8ff 0%,#f8f7ff 48%,#fff8fc 100%);
  background-attachment:fixed;
}
main{width:min(1540px,calc(100% - 34px));margin:24px auto 90px}
.topbar{
  width:min(1540px,calc(100% - 28px));
  border-radius:26px;
  padding:10px 13px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(100,121,181,.15);
  box-shadow:0 18px 60px rgba(62,78,132,.12);
  backdrop-filter:blur(24px) saturate(1.35);
}
.brand span{font-size:1rem;letter-spacing:-.025em}.brand img{border-radius:14px}
.topbar nav a{font-size:.88rem;border-radius:14px;color:#606b84;padding:10px 13px}
.topbar nav a:hover{background:linear-gradient(135deg,rgba(104,205,255,.18),rgba(126,91,255,.10));color:#4d4bb1;box-shadow:none}
.user-chip{background:linear-gradient(135deg,#f3f8ff,#f8f2ff);border:1px solid rgba(108,119,188,.12)}

.dashboard-head{padding:38px 4px 26px;gap:18px}.dashboard-head:before{width:6px;height:64px;background:linear-gradient(180deg,var(--v8-cyan),var(--v8-violet),var(--v8-pink));box-shadow:0 0 28px rgba(104,87,255,.22)}
.dashboard-head h1{font-size:clamp(2.7rem,5.4vw,4.8rem);letter-spacing:-.065em;background:linear-gradient(120deg,#1a2748 10%,#4d4cb0 62%,#246e9a);-webkit-background-clip:text;background-clip:text;color:transparent}
.dashboard-head p{font-size:1.02rem;max-width:780px}.head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.eyebrow{color:#6c57d7;letter-spacing:.16em}

.gold-button,.ghost,.danger{
  border-radius:16px;
  min-height:44px;
  padding:12px 18px;
  font-size:.92rem;
  letter-spacing:-.015em;
  box-shadow:none;
}
.gold-button{color:#fff;background:linear-gradient(135deg,#6756ee 0%,#6e83ff 48%,#2bc1d2 100%);border:1px solid rgba(82,76,206,.22);box-shadow:0 12px 28px rgba(89,84,218,.21)}
.gold-button:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 18px 34px rgba(78,83,218,.26);filter:saturate(1.08)}
.ghost{background:rgba(255,255,255,.72);border:1px solid rgba(91,107,164,.16);color:#4e5b78;backdrop-filter:blur(10px)}
.ghost:hover{background:#fff;border-color:rgba(92,85,220,.27);color:#514dc2;transform:translateY(-2px);box-shadow:0 12px 30px rgba(78,92,142,.10)}
.danger{background:linear-gradient(135deg,#ff7684,#ed4f69);border:0;color:#fff;box-shadow:0 10px 24px rgba(226,73,97,.16)}

.parchment-card,.post-card,.trade-card,.member-admin-card,.auth-card,.center-card,.dragon-library-card{
  background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(247,249,255,.78));
  border:1px solid var(--v8-border);
  box-shadow:var(--v8-shadow);
  backdrop-filter:blur(16px) saturate(1.08);
}
.post-card,.trade-card,.dragon-library-card{border-radius:26px}
.post-card:hover,.trade-card:hover,.dragon-library-card:hover{transform:translateY(-4px);box-shadow:0 30px 78px rgba(57,73,128,.18);border-color:rgba(105,91,230,.22)}

/* Important Event/Guide imagery: never crop and inset exactly 110px on both sides on wide screens. */
.important-feed{grid-template-columns:1fr}.important-feed .post-card{padding:34px 38px;overflow:hidden}.important-feed .post-card h2{font-size:clamp(1.8rem,3vw,2.7rem)}
.event-guide-gallery{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;width:calc(100% - 220px)!important;margin:26px auto 10px!important}
.event-guide-gallery img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;border-radius:20px!important;background:linear-gradient(145deg,#eef4ff,#faf8ff);padding:8px;box-shadow:0 16px 40px rgba(47,65,119,.12)}

/* Form actions now open as real dialogs instead of expanding inline. */
.form-modal{
  width:min(760px,calc(100vw - 30px));
  max-height:min(90vh,920px);
  overflow:auto;
  padding:32px;
  border:1px solid rgba(116,104,216,.20);
  border-radius:30px;
  color:var(--v8-ink);
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,247,255,.96));
  box-shadow:0 34px 110px rgba(18,26,62,.38);
}
.form-modal::backdrop{background:rgba(24,29,55,.55);backdrop-filter:blur(10px) saturate(.8)}
.form-modal .close{position:sticky;float:right;top:0;z-index:3;border:0;width:42px;height:42px;background:#f0f2fb;color:#59617a;border-radius:50%;cursor:pointer}.modal-title{padding-right:48px;margin-bottom:24px}.modal-title h2{margin:5px 0 8px;font-size:2rem;letter-spacing:-.045em}.modal-title p{color:var(--v8-muted)}

/* Dragon Info: flat dragon library, description only in popup. */
.dragon-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}
.dragon-library-card{padding:0;overflow:hidden;transition:.22s ease}
.dragon-card-open{display:block;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer;color:inherit}
.dragon-art{position:relative;aspect-ratio:1/.9;overflow:hidden;background:radial-gradient(circle at 50% 38%,#fff 0,#edf4ff 55%,#e7e8ff 100%)}
.dragon-art:after{content:"";position:absolute;inset:auto 12% 8% 12%;height:16%;border-radius:50%;background:rgba(75,90,154,.14);filter:blur(12px)}
.dragon-art>.dragon-main-image{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;padding:15px;transition:transform .26s ease;filter:drop-shadow(0 15px 18px rgba(46,59,103,.18))}.dragon-card-open:hover .dragon-art>.dragon-main-image{transform:scale(1.055) translateY(-3px)}
.dragon-card-name{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 19px}.dragon-card-name span{font-weight:900;font-size:1.08rem}.dragon-card-name small{color:#777f98}.dragon-focus-wrap{display:grid;place-items:center;min-height:400px;border-radius:22px;background:radial-gradient(circle,#fff,#edf4ff 70%)}.dragon-focus{max-height:470px;object-fit:contain!important}
.dragon-modal{width:min(1000px,calc(100vw - 30px));background:linear-gradient(145deg,#fff,#f2f6ff);border-radius:30px}.dragon-modal h1{font-size:clamp(2.4rem,5vw,4.4rem);letter-spacing:-.06em}

/* General detail polish */
.trade-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.trade-card{padding:25px}.trade-sides{gap:14px}.trade-dragon-chip{border-radius:18px;overflow:hidden}.trade-dragon-chip img{width:92px;height:92px;object-fit:contain}
.post-meta{border-color:#e9edf5}.tag,.role-badge{background:linear-gradient(135deg,#6657df,#3caac8)}
.table-wrap{border-radius:22px;box-shadow:0 18px 48px rgba(53,69,121,.10)}th{background:linear-gradient(180deg,#f5f6ff,#eef5ff);color:#6e7591}.empty-state{border-radius:24px;background:rgba(255,255,255,.66)}
footer{background:rgba(255,255,255,.72);backdrop-filter:blur(16px);border-top-color:rgba(97,113,168,.12)}

@media(max-width:900px){.event-guide-gallery{width:100%!important}.trade-grid{grid-template-columns:1fr}}
@media(max-width:650px){main{width:calc(100% - 18px)}.dashboard-head{align-items:flex-start}.head-actions{width:100%}.form-modal{padding:23px}.dragon-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dragon-card-name{padding:14px;align-items:flex-start;flex-direction:column}.important-feed .post-card{padding:25px 20px}.event-guide-gallery{margin-top:20px!important}}

/* v9 requested sizing refinements only */
@media (min-width:901px){
  .event-guide-gallery{width:calc(100% - 440px)!important;margin-left:auto!important;margin-right:auto!important}
}
/* v10 requested dashboard refinements */
.event-guide-gallery{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:min(100%,980px)!important;margin:24px auto 12px!important;gap:16px!important;align-items:center}
.event-guide-gallery img{width:100%!important;height:260px!important;max-height:260px!important;object-fit:contain!important;padding:6px!important;background:#f6f8ff!important}
.dragon-rank{position:absolute;z-index:3;top:12px;left:12px;padding:7px 10px;border-radius:999px;background:rgba(24,33,59,.84);color:#fff;font-size:.74rem;font-weight:900;backdrop-filter:blur(8px)}
.dragon-rate-form{display:flex;gap:10px;align-items:end;margin:18px 0;padding:14px;border-radius:18px;background:#f5f7ff}.dragon-rate-form label{flex:1}.dragon-comments{margin-top:20px;padding-top:18px;border-top:1px solid #e5e9f4}.comment-help{display:flex;align-items:center;justify-content:space-between;color:#7b849c;font-size:.8rem}.dragon-comment-list{display:grid;gap:10px;margin-top:14px;max-height:270px;overflow:auto}.dragon-comment-list article{padding:12px 14px;border-radius:15px;background:#f7f9ff;border:1px solid #e8ecf6}.dragon-comment-list p{margin:5px 0}.dragon-comment-list small{color:#8b93a8}
.top-dragons-home{margin:34px 0 50px}.dashboard-head.compact{padding-bottom:14px}.dashboard-head.compact h2{font-size:clamp(2rem,4vw,3.3rem);margin:3px 0}.rank-category{margin:18px 0 26px}.rank-category-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.rank-category-title span{font-size:1.35rem;font-weight:950;color:#4f50bb}.rank-category-title small{color:#818aa1}.rank-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.rank-dragon{position:relative;text-decoration:none;color:inherit;padding:12px;border-radius:20px;background:rgba(255,255,255,.84);border:1px solid #e4e8f4;box-shadow:0 12px 30px rgba(56,72,124,.08);transition:.2s}.rank-dragon:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(56,72,124,.14)}.rank-dragon img{display:block;width:100%;height:120px;object-fit:contain}.rank-dragon strong,.rank-dragon small{display:block}.rank-dragon small{color:#727c95;margin-top:3px}.rank-number{position:absolute;top:9px;left:9px;padding:5px 8px;border-radius:999px;background:#5c58d5;color:#fff;font-weight:900;font-size:.72rem}
.trade-builder-modal{width:min(1000px,calc(100vw - 30px))}.trade-builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.slot-head{display:flex;justify-content:space-between;align-items:center}.trade-slots{display:grid;gap:10px}.trade-slot{display:grid;grid-template-columns:90px 1fr 36px;gap:10px;align-items:center;padding:10px;border-radius:18px;background:#f6f8ff;border:1px solid #e3e8f4}.trade-slot-preview{width:90px;height:90px;display:grid;place-items:center;border-radius:14px;background:#fff;overflow:hidden;color:#a0a7b9;font-size:1.5rem}.trade-slot-preview img{width:100%;height:68px;object-fit:contain}.trade-slot-preview small{font-size:.64rem;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-slot-fields{display:grid;grid-template-columns:1fr 105px;gap:8px}.slot-remove{width:32px;height:32px;border:0;border-radius:50%;background:#ffe9ed;color:#d8445f;cursor:pointer;font-size:1.15rem}
@media(max-width:900px){.rank-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-builder-grid{grid-template-columns:1fr}.event-guide-gallery{width:100%!important}}
@media(max-width:600px){.event-guide-gallery{grid-template-columns:1fr!important}.event-guide-gallery img{height:auto!important;max-height:280px!important}.trade-slot{grid-template-columns:72px 1fr 32px}.trade-slot-preview{width:72px;height:72px}.trade-slot-fields{grid-template-columns:1fr}.rank-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v11 requested refinements */
.post-grid.important-feed{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
.important-feed .post-card{padding:22px 24px!important;min-height:0!important}
.important-feed .post-card h2{font-size:clamp(1.35rem,2vw,1.9rem)!important;margin:10px 0 12px!important}
.important-feed .gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.important-feed .gallery img{width:100%!important;height:190px!important;object-fit:contain!important;background:#f7f9ff!important}
.dragon-search-wrap{display:flex;align-items:center;gap:14px;margin:0 0 22px;padding:10px 14px;border:1px solid #e1e7f2;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(50,72,115,.08)}
.dragon-search-wrap input{border:0!important;box-shadow:none!important;background:transparent!important;font-size:1rem;flex:1}.dragon-search-wrap span{font-size:.82rem;color:#7d879c;white-space:nowrap}
.star-rating-form{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:15px 17px;border-radius:18px;background:#f5f7ff;border:1px solid #e7eafa}.star-picker{display:flex;gap:3px;margin-top:6px}.star-choice{appearance:none;border:0!important;background:transparent!important;box-shadow:none!important;padding:0 2px!important;font-size:2rem;line-height:1;color:#c9cfdb;cursor:pointer;transform:none!important}.star-choice:hover,.star-choice.selected{color:#f4b942}.star-choice:hover{scale:1.12}
.trade-grid{grid-template-columns:repeat(auto-fill,minmax(300px,390px))!important;align-items:start;justify-content:start;gap:18px!important}.trade-card{padding:18px!important;border-radius:22px!important}.trade-sides{grid-template-columns:1fr 1fr!important;gap:9px!important;margin:10px 0!important}.trade-sides>div{padding:9px!important}.trade-dragon-list{display:grid;gap:7px}.trade-dragon-chip{display:flex;align-items:center;gap:7px;padding:6px!important;border-radius:13px!important}.trade-dragon-chip img{width:54px!important;height:54px!important}.trade-dragon-chip span{font-size:.78rem;min-width:0}.trade-dragon-chip strong{display:block}.trade-text-fallback{font-size:.8rem;margin:5px 0!important}.reaction-row .up,.reaction-row .down{width:40px;height:40px;border-radius:13px!important;font-size:1.35rem!important;font-weight:900;background:#f4f7fb!important}.reaction-row .up{color:#1c9b55!important}.reaction-row .down{color:#dc4653!important}
@media(max-width:900px){.post-grid.important-feed{grid-template-columns:1fr!important}.trade-grid{grid-template-columns:1fr!important}.important-feed .gallery img{height:auto!important;max-height:260px}}

/* v12 requested dashboard additions */
.trade-card{background:linear-gradient(145deg,#102b56,#071a38)!important;border-color:#244c7d!important;color:#f2f7ff!important}.trade-card .post-meta,.trade-card h3,.trade-card p,.trade-card strong{color:#f2f7ff!important}.trade-card .tag{background:#2e69ad}.trade-card .trade-sides>div,.trade-card .trade-dragon-chip{background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.12)!important}
.detail-card{cursor:pointer}.post-preview{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reaction-row{display:flex;align-items:center;gap:9px;margin-top:15px}.reaction-row form{margin:0}.reaction-row button{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #e2e7f1!important}.reaction-row button.active{box-shadow:0 0 0 3px rgba(80,102,200,.16)!important;background:#fff!important}.reaction-row .open-label{margin-left:auto;font-size:.78rem}
.content-detail-modal{width:min(1050px,calc(100vw - 28px));max-height:90vh;overflow:auto;padding:34px;border:1px solid #dce4f1;border-radius:28px;background:#fff;color:var(--v8-ink);box-shadow:0 34px 110px rgba(18,26,62,.38)}.content-detail-modal::backdrop{background:rgba(15,25,50,.62);backdrop-filter:blur(8px)}.content-detail-modal>.close{float:right;width:42px;height:42px;border:0;border-radius:50%;cursor:pointer}.content-detail-modal h1{font-size:clamp(2.2rem,5vw,4rem);margin:8px 0}.detail-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:25px 0}.detail-gallery figure{margin:0;padding:10px;border-radius:18px;background:#f4f7fd;text-align:center}.detail-gallery img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:12px}.detail-gallery a{display:inline-flex;margin-top:9px;text-decoration:none}
.tier-tabs{display:flex;gap:10px;margin-bottom:24px}.tier-tabs button{padding:12px 19px;border:1px solid #dfe5f1;border-radius:14px;background:#fff;color:#606b84;font-weight:850;cursor:pointer}.tier-tabs button.active{background:linear-gradient(135deg,#6756ee,#2caec9);color:#fff}.tier-list-feed{display:grid;gap:24px}.tier-list-card{padding:24px;border-radius:25px;background:#111827;border:1px solid #2d384b;box-shadow:0 22px 55px rgba(32,43,70,.18)}.tier-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.tier-list-head h2{color:#fff;margin:4px 0}.tier-board{display:grid;border:5px solid #080b10;background:#080b10;gap:3px}.tier-row{display:grid;grid-template-columns:64px 1fr;min-height:92px;gap:3px}.tier-label{display:grid;place-items:center;font-size:1.35rem;color:#111}.tier-S{background:#ff4935}.tier-A{background:#ff9e24}.tier-B{background:#ffd62b}.tier-C{background:#18bc63}.tier-D{background:#169bea}.tier-E{background:#904ce9;color:#fff}.tier-F{background:#eb3bd5}.tier-drop{display:flex;align-items:center;align-content:flex-start;gap:8px;flex-wrap:wrap;padding:8px;background:#30343b;min-height:92px}.tier-dragon{width:82px;padding:5px;border-radius:10px;background:#fff;color:#16213c;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.2)}.tier-dragon img{display:block;width:72px;height:62px;object-fit:contain}.tier-dragon span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;font-weight:800}.tier-editor-modal{width:min(1100px,calc(100vw - 25px))}.editable .tier-dragon,.dragon-pool .tier-dragon{cursor:grab}.dragon-pool{border-radius:16px;min-height:110px}.tier-builder h3{margin-bottom:8px}
@media(max-width:650px){.detail-gallery{grid-template-columns:1fr}.tier-list-head{align-items:flex-start;flex-direction:column}.tier-row{grid-template-columns:44px 1fr}.tier-dragon{width:66px}.tier-dragon img{width:56px;height:50px}.content-detail-modal{padding:22px}}

/* v14 Atlas Command Center and tier rank display */
.command-hero{--mx:0;--my:0;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);align-items:center;min-height:650px;padding:58px 58px 142px;overflow:hidden;border-radius:34px;background:linear-gradient(135deg,#dff5ff 0%,#dce8ff 42%,#efe5ff 100%);box-shadow:0 30px 90px rgba(48,73,126,.17)}.command-sky{position:absolute;z-index:-4;inset:0;background:linear-gradient(90deg,rgba(19,39,80,.08),transparent 45%),url('/static/assets/atlas-anime-map.webp') center/cover;opacity:.32}.command-hero:after{content:"";position:absolute;z-index:-3;inset:0;background:linear-gradient(90deg,rgba(239,250,255,.96) 0%,rgba(239,250,255,.78) 38%,rgba(224,239,255,.25) 67%,rgba(223,230,255,.55) 100%)}.command-welcome{position:relative;z-index:3;max-width:610px;padding:34px 36px;border-radius:28px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.86);box-shadow:0 22px 65px rgba(46,67,117,.13);backdrop-filter:blur(19px)}.command-welcome h1{font-size:clamp(3rem,5.4vw,5.8rem);line-height:.93;letter-spacing:-.07em;margin:10px 0 20px;color:#152848}.command-welcome p{max-width:560px;font-size:1.04rem;color:#5f6f89}.floating-island-stage{position:relative;z-index:2;display:grid;place-items:center;transform:translate(calc(var(--mx)*-18px),calc(var(--my)*-14px));transition:transform .15s ease}.floating-island-stage img{position:relative;z-index:2;width:min(92%,570px);aspect-ratio:1.2;object-fit:contain;border-radius:42%;mix-blend-mode:multiply;filter:drop-shadow(0 38px 32px rgba(37,72,128,.28));animation:islandFloat 5s ease-in-out infinite}.island-aura{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(91,218,255,.45),rgba(116,101,255,.12) 48%,transparent 70%);filter:blur(10px)}.orbit{position:absolute;border:1px solid rgba(67,108,182,.28);border-radius:50%;transform:rotate(-12deg)}.orbit-one{width:90%;height:42%}.orbit-two{width:68%;height:62%;transform:rotate(55deg)}@keyframes islandFloat{50%{transform:translateY(-14px) rotate(.6deg)}}.command-cloud{position:absolute;z-index:-1;width:260px;height:80px;border-radius:50%;background:rgba(255,255,255,.52);filter:blur(18px)}.cloud-one{right:25%;top:10%}.cloud-two{right:3%;bottom:26%;width:340px}.command-shortcuts{position:absolute;z-index:5;left:34px;right:34px;bottom:28px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.command-shortcuts a{display:grid;grid-template-columns:auto 1fr;column-gap:9px;padding:14px;border-radius:17px;text-decoration:none;color:#26395d;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.92);box-shadow:0 10px 28px rgba(40,66,112,.09);transition:.2s}.command-shortcuts a:hover{transform:translateY(-4px);background:#fff}.command-shortcuts b{grid-row:1/3;color:#6458d4}.command-shortcuts span{font-weight:900}.command-shortcuts small{color:#7b879b}.latest-atlas-strip{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:12px;align-items:stretch;margin:22px 0 10px}.latest-atlas-strip>div,.latest-atlas-strip>a{padding:20px;border-radius:20px;background:rgba(255,255,255,.83);border:1px solid #e1e7f1}.latest-atlas-strip h2{margin:5px 0}.latest-atlas-strip a{text-decoration:none;color:inherit}.latest-atlas-strip a small,.latest-atlas-strip a strong{display:block}.latest-atlas-strip a small{color:#6458d4;font-weight:900;margin-bottom:5px}.compact-home-cards{margin-top:22px}.compact-home-cards .anime-parchment-card{min-height:0}
.tier-rank-badges{position:absolute;z-index:4;right:10px;bottom:10px;display:grid;gap:5px}.tier-rank-badges span{padding:5px 8px;border-radius:9px;background:rgba(255,255,255,.9);color:#384463;font-size:.65rem;font-weight:900;box-shadow:0 4px 14px rgba(35,49,88,.13)}.dragon-tier-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.dragon-tier-summary span{padding:11px;border-radius:14px;background:#f4f6ff;color:#5c61a4}.dragon-tier-summary strong{display:block;color:#263455;font-size:.78rem;margin-bottom:4px}
@media(max-width:1100px){.command-hero{grid-template-columns:1fr 1fr;padding-inline:32px}.command-shortcuts{grid-template-columns:repeat(3,1fr)}.command-hero{padding-bottom:205px}.latest-atlas-strip{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.command-hero{grid-template-columns:1fr;padding:24px 18px 410px;min-height:980px}.command-welcome{padding:27px 24px}.floating-island-stage{position:absolute;left:8%;right:8%;top:400px}.command-shortcuts{grid-template-columns:repeat(2,1fr);left:16px;right:16px;bottom:18px}.latest-atlas-strip{grid-template-columns:1fr}.dragon-tier-summary{grid-template-columns:1fr}}

/* v16 live random dragon windows and restored editable home gallery */
.random-dragon-showcase{position:relative;min-height:390px;margin:-5px 0 25px;overflow:hidden;border-radius:30px;background:radial-gradient(circle at 62% 45%,rgba(255,255,255,.96),rgba(221,240,255,.78) 37%,rgba(226,218,255,.77) 72%),url('/static/assets/atlas-anime-map.webp') center/cover;border:1px solid rgba(94,113,171,.15);box-shadow:0 22px 65px rgba(49,68,119,.13)}.random-dragon-showcase:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,251,255,.97),rgba(244,251,255,.67) 40%,transparent 72%);pointer-events:none}.random-showcase-copy{position:absolute;z-index:3;left:42px;top:50%;width:min(36%,430px);transform:translateY(-50%)}.random-showcase-copy h2{font-size:clamp(2.2rem,4vw,4.2rem);line-height:.95;letter-spacing:-.06em;margin:8px 0 14px;color:#203150}.floating-dragon-window{position:absolute;z-index:4;width:150px;padding:9px;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:rgba(255,255,255,.82);box-shadow:0 18px 42px rgba(43,60,109,.20);backdrop-filter:blur(12px);cursor:pointer;transition:opacity .22s,transform .3s,box-shadow .2s;animation:dragonWindowFloat 4.6s ease-in-out infinite}.floating-dragon-window:hover{z-index:8;transform:translateY(-7px) scale(1.05);box-shadow:0 25px 56px rgba(43,60,109,.28)}.floating-dragon-window.swapping{opacity:.08;transform:scale(.88)}.floating-dragon-window img{display:block;width:100%;height:112px;object-fit:contain;border-radius:15px;background:radial-gradient(circle,#fff,#eef4ff)}.floating-dragon-window span{display:block;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#34415f;font-size:.75rem;font-weight:900}.window-1{right:31%;top:36px;animation-delay:-.4s}.window-2{right:17%;top:185px;animation-delay:-2.1s}.window-3{right:5%;top:45px;animation-delay:-1.2s}.window-4{right:39%;top:215px;animation-delay:-3.4s}.window-5{right:17%;top:18px;width:125px;animation-delay:-2.8s}@keyframes dragonWindowFloat{50%{translate:0 -9px;rotate:.5deg}}.command-home-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.command-home-gallery figure{margin:0;overflow:hidden;border-radius:22px;background:#fff;border:1px solid #e2e8f2;box-shadow:0 14px 38px rgba(52,70,118,.11)}.command-home-gallery img{display:block;width:100%;height:220px;object-fit:contain;background:#f4f7fc}
@media(max-width:960px){.random-showcase-copy{left:28px;width:34%}.floating-dragon-window{width:125px}.floating-dragon-window img{height:92px}.window-1{right:35%}.window-4{right:39%}.command-home-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.random-dragon-showcase{min-height:470px}.random-showcase-copy{left:20px;right:20px;top:25px;width:auto;transform:none}.random-showcase-copy h2{font-size:2.35rem}.floating-dragon-window{width:43%;max-width:160px;top:auto;bottom:30px}.floating-dragon-window img{height:118px}.window-1{left:6%;right:auto}.window-2{right:6%}.window-3,.window-4,.window-5{display:none}.command-home-gallery{grid-template-columns:1fr}.command-home-gallery img{height:auto;max-height:300px}}
@media(prefers-reduced-motion:reduce){.floating-dragon-window,.floating-island-stage img{animation:none}}

/* ========================================================================== */
/* Atlas v17 · Midnight Dragon Nexus — authoritative site-wide colour layer   */
/* ========================================================================== */
:root{--nexus-bg:#050d1d;--nexus-deep:#07162e;--nexus-panel:#0d2342;--nexus-panel-2:#132b50;--nexus-line:rgba(108,154,222,.20);--nexus-text:#f4f7ff;--nexus-muted:#aab8d0;--nexus-purple:#7657ff;--nexus-cyan:#35d5e5;--nexus-gold:#ffc857;--nexus-shadow:0 24px 70px rgba(0,4,18,.42)}
html{background:var(--nexus-bg)!important}body,body[data-time-theme]{color:var(--nexus-text)!important;background:radial-gradient(circle at 9% 4%,rgba(53,213,229,.12),transparent 24%),radial-gradient(circle at 88% 8%,rgba(118,87,255,.17),transparent 28%),radial-gradient(circle at 52% 92%,rgba(46,95,170,.13),transparent 34%),linear-gradient(180deg,#050d1d 0%,#07162e 45%,#081226 100%)!important;background-attachment:fixed!important}.paper-noise{opacity:.14!important;mix-blend-mode:soft-light}.topbar{background:rgba(5,15,34,.88)!important;border:1px solid rgba(103,153,222,.18)!important;box-shadow:0 18px 60px rgba(0,3,15,.42),inset 0 1px rgba(255,255,255,.035)!important}.brand span,.topbar nav a,.user-chip strong{color:var(--nexus-text)!important}.topbar nav a:hover{color:#fff!important;background:linear-gradient(135deg,rgba(53,213,229,.14),rgba(118,87,255,.20))!important;box-shadow:inset 0 0 0 1px rgba(94,190,239,.12)!important}.user-chip{background:linear-gradient(135deg,rgba(21,50,89,.9),rgba(33,34,85,.9))!important;border-color:rgba(114,131,226,.24)!important}.user-chip small{color:#a9bad5!important}
.dashboard-head h1,.dashboard-head.compact h2{background:linear-gradient(110deg,#fff 8%,#b9eaff 45%,#ab95ff 84%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.dashboard-head p,.muted,.modal-title p,.random-showcase-copy p{color:var(--nexus-muted)!important}.dashboard-head:before{background:linear-gradient(180deg,var(--nexus-cyan),var(--nexus-purple),#c25cff)!important;box-shadow:0 0 30px rgba(53,213,229,.25)!important}.eyebrow{color:#77e8f0!important}.gold-button{color:#fff!important;background:linear-gradient(135deg,#7657ff 0%,#586fff 48%,#25bfcf 100%)!important;border-color:rgba(119,137,255,.35)!important;box-shadow:0 13px 32px rgba(78,70,230,.27)!important}.gold-button:hover{box-shadow:0 18px 38px rgba(58,191,220,.22),0 12px 34px rgba(100,75,235,.26)!important}.ghost{color:#dbe8ff!important;background:rgba(19,45,81,.78)!important;border-color:rgba(113,158,220,.25)!important}.ghost:hover{color:#fff!important;background:rgba(28,61,105,.95)!important;border-color:rgba(64,215,233,.42)!important}.danger{color:#fff!important;background:linear-gradient(135deg,#d94a66,#9f294b)!important}.tag,.role-badge{color:#fff!important;background:linear-gradient(135deg,#684de1,#208fae)!important}
.parchment-card,.post-card,.member-admin-card,.auth-card,.center-card,.dragon-library-card,.anime-parchment-card,.rank-dragon,.latest-atlas-strip>div,.latest-atlas-strip>a{color:var(--nexus-text)!important;background:linear-gradient(145deg,rgba(17,43,79,.96),rgba(8,27,55,.94))!important;border-color:var(--nexus-line)!important;box-shadow:var(--nexus-shadow)!important;backdrop-filter:blur(16px)}.post-card:hover,.dragon-library-card:hover,.rank-dragon:hover{border-color:rgba(53,213,229,.42)!important;box-shadow:0 30px 80px rgba(0,4,20,.48),0 0 32px rgba(53,213,229,.08)!important}.post-card h2,.parchment-card h2,.member-admin-card h2,.anime-parchment-card h2,.latest-atlas-strip h2,.rank-dragon strong{color:var(--nexus-text)!important}.post-card p,.anime-parchment-card p,.latest-atlas-strip strong,.rank-dragon small,.post-meta,.post-meta time{color:var(--nexus-muted)!important}.post-meta{border-color:rgba(115,153,207,.18)!important}.empty-state{color:var(--nexus-muted)!important;background:rgba(11,34,66,.76)!important;border-color:rgba(105,150,214,.22)!important}
input,textarea,select{color:var(--nexus-text)!important;background:#081a34!important;border-color:rgba(112,156,217,.25)!important;caret-color:var(--nexus-cyan)}input::placeholder,textarea::placeholder{color:#7589a9!important}input:focus,textarea:focus,select:focus{border-color:rgba(53,213,229,.62)!important;box-shadow:0 0 0 3px rgba(53,213,229,.10)!important}label,legend,fieldset{color:#dfeaff!important}fieldset{border-color:rgba(112,156,217,.22)!important}.form-modal,.content-detail-modal,.dragon-modal{color:var(--nexus-text)!important;background:linear-gradient(145deg,#102a4d,#07172f)!important;border-color:rgba(106,164,229,.28)!important;box-shadow:0 38px 120px rgba(0,3,15,.72),0 0 45px rgba(100,79,230,.11)!important}.form-modal::backdrop,.content-detail-modal::backdrop,.dragon-modal::backdrop{background:rgba(1,6,18,.78)!important;backdrop-filter:blur(10px)}.form-modal .close,.content-detail-modal>.close,.dragon-modal .close{color:#dce9ff!important;background:#18345c!important}.modal-title h2,.content-detail-modal h1,.dragon-modal h1{color:#fff!important}.edit-box,.modern-rating,.application-form,.dragon-tier-summary span,.star-rating-form{color:var(--nexus-text)!important;background:rgba(8,28,57,.74)!important;border-color:rgba(107,151,215,.20)!important}
.gallery img,.event-guide-gallery img,.detail-gallery figure,.detail-gallery img,.rank-dragon img,.dragon-art,.dragon-focus-wrap,.trade-slot-preview,.command-home-gallery figure,.command-home-gallery img{background:radial-gradient(circle at 50% 38%,#183b67,#091b36 72%)!important}.detail-gallery figure{border:1px solid rgba(108,153,216,.18)!important}.dragon-card-name span{color:#f4f7ff!important}.dragon-card-name small{color:#9eb1cf!important}.tier-rank-badges span{color:#dce9ff!important;background:rgba(7,25,52,.90)!important;border:1px solid rgba(95,194,220,.16)!important}.dragon-tier-summary strong{color:#81eaf1!important}.perk-list>div{background:#102d51!important;border-color:rgba(105,151,214,.20)!important}.perk-list span{color:#e8f1ff!important}.dragon-rank{background:rgba(5,15,34,.88)!important;border:1px solid rgba(91,210,228,.22)!important}.dragon-search-wrap{background:#0b203e!important;border-color:rgba(104,153,220,.24)!important;box-shadow:0 14px 38px rgba(0,5,20,.30)!important}.dragon-search-wrap span{color:#9cafca!important}
.random-dragon-showcase{background:radial-gradient(circle at 64% 45%,rgba(44,83,137,.68),rgba(12,35,70,.88) 42%,rgba(15,19,56,.94) 75%),url('/static/assets/atlas-anime-map.webp') center/cover!important;border-color:rgba(95,159,224,.24)!important;box-shadow:var(--nexus-shadow)!important}.random-dragon-showcase:after{background:linear-gradient(90deg,rgba(6,20,43,.98),rgba(8,27,55,.74) 42%,rgba(8,21,46,.12) 78%)!important}.random-showcase-copy h2{color:#f2f7ff!important}.floating-dragon-window{color:var(--nexus-text)!important;background:rgba(9,30,59,.86)!important;border-color:rgba(99,183,224,.25)!important;box-shadow:0 18px 46px rgba(0,4,19,.45)!important}.floating-dragon-window img{background:radial-gradient(circle,#173b67,#07172f)!important}.floating-dragon-window span{color:#dceaff!important}
.command-hero{background:linear-gradient(135deg,#07182f,#132553 48%,#251c54)!important;border:1px solid rgba(92,158,222,.25)!important;box-shadow:0 35px 95px rgba(0,3,16,.52)!important}.command-sky{opacity:.30!important}.command-hero:after{background:linear-gradient(90deg,rgba(5,19,42,.97),rgba(7,25,52,.79) 40%,rgba(17,26,65,.25) 72%,rgba(19,17,58,.64))!important}.command-welcome{color:var(--nexus-text)!important;background:linear-gradient(135deg,rgba(8,29,58,.88),rgba(20,30,72,.72))!important;border-color:rgba(109,174,227,.22)!important;box-shadow:0 25px 75px rgba(0,3,16,.42)!important}.command-welcome h1{color:#f5f8ff!important;text-shadow:0 4px 24px rgba(45,201,224,.10)}.command-welcome p{color:#b5c4dc!important}.command-shortcuts a{color:#eef5ff!important;background:linear-gradient(145deg,rgba(17,50,88,.91),rgba(15,29,69,.91))!important;border-color:rgba(107,159,221,.20)!important;box-shadow:0 12px 32px rgba(0,4,18,.32)!important}.command-shortcuts a:hover{background:linear-gradient(145deg,#173f6d,#29255f)!important;border-color:rgba(53,213,229,.36)!important}.command-shortcuts b{color:var(--nexus-cyan)!important}.command-shortcuts small{color:#9eafca!important}.island-aura{background:radial-gradient(circle,rgba(53,213,229,.34),rgba(118,87,255,.20) 48%,transparent 70%)!important}.orbit{border-color:rgba(91,218,235,.30)!important}.card-number{color:rgba(53,213,229,.15)!important}
.table-wrap{background:#081a33!important;border-color:rgba(109,153,215,.20)!important;box-shadow:var(--nexus-shadow)!important}table{color:var(--nexus-text)!important}th{color:#91e5ed!important;background:linear-gradient(180deg,#102c50,#0b2342)!important}td{color:#cedcf1!important;border-color:rgba(105,148,208,.14)!important}tr:nth-child(even){background:rgba(20,48,84,.35)!important}.admin-home-editor,.pending-panel{background:linear-gradient(145deg,#102c50,#091a35)!important}.member-admin-head small,.log-list small{color:var(--nexus-muted)!important}.log-list>div,.ban-banner{background:rgba(7,25,51,.72)!important;border-color:rgba(107,151,215,.18)!important}
.trade-card{background:linear-gradient(145deg,#102b56,#06152e)!important;border-color:rgba(72,151,213,.28)!important}.trade-card .trade-sides>div,.trade-card .trade-dragon-chip,.matched,.chat-stream>div{background:rgba(20,53,91,.72)!important;border-color:rgba(105,153,217,.18)!important}.trade-slot{background:#0b2344!important;border-color:rgba(108,153,216,.20)!important}.slot-remove{background:#4b2035!important;color:#ff93a7!important}.reaction-row .up,.reaction-row .down{background:#102b4e!important;border-color:rgba(105,153,215,.22)!important}.reaction-row button.active{background:#173b65!important;box-shadow:0 0 0 3px rgba(53,213,229,.13)!important}.reaction-row .up{color:#57e295!important}.reaction-row .down{color:#ff7e91!important}.open-label,.rating-badge,.rank-category-title span{color:#72e3ec!important}.star-choice{color:#526681!important}.star-choice:hover,.star-choice.selected{color:var(--nexus-gold)!important}
.tier-tabs button{color:#cad8ee!important;background:#0d2749!important;border-color:rgba(107,153,216,.22)!important}.tier-tabs button.active{color:#fff!important;background:linear-gradient(135deg,#7357f2,#249caf)!important}.tier-list-card{background:linear-gradient(145deg,#101d38,#080f20)!important;border-color:rgba(102,146,205,.22)!important}.tier-board{border-color:#030815!important;background:#030815!important}.tier-drop{background:#18253a!important}.tier-dragon{color:#e8f2ff!important;background:#102a4b!important;border:1px solid rgba(104,153,217,.18)!important}.tier-dragon img{background:radial-gradient(circle,#1a416e,#091a33)!important}
.flash{box-shadow:0 12px 34px rgba(0,4,18,.35)!important}.flash.success{color:#8ef0ba!important;background:#0b392d!important;border-color:#23775b!important}.flash.warning{color:#ffd879!important;background:#493615!important;border-color:#806126!important}.flash.error{color:#ff9ca9!important;background:#491c2b!important;border-color:#8c354d!important}footer{color:#95a9c7!important;background:rgba(4,13,29,.88)!important;border-top-color:rgba(102,146,207,.18)!important}
@media(max-width:650px){.topbar{background:rgba(5,15,34,.94)!important}.command-welcome{background:rgba(7,25,52,.91)!important}.random-showcase-copy{z-index:6}.floating-dragon-window{background:rgba(8,28,56,.94)!important}}

/* v18 · Atlas logo hero, layered stars, nebulae and rare shooting stars */
.hero-nebula,.stars-distant,.stars-twinkle,.shooting-stars{position:absolute;inset:0;pointer-events:none}.hero-nebula{z-index:-2;filter:blur(24px);opacity:.52}.nebula-cyan{background:radial-gradient(ellipse at 68% 42%,rgba(42,215,229,.30),transparent 36%),radial-gradient(ellipse at 90% 15%,rgba(45,133,207,.18),transparent 28%)}.nebula-purple{background:radial-gradient(ellipse at 84% 66%,rgba(132,77,255,.30),transparent 38%),radial-gradient(ellipse at 48% 5%,rgba(101,61,214,.14),transparent 30%)}.stars-distant{z-index:-1;opacity:.55;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.3px),radial-gradient(circle,#92eaf2 0 .8px,transparent 1.2px),radial-gradient(circle,#d5c9ff 0 .9px,transparent 1.25px);background-size:67px 67px,113px 113px,173px 173px;background-position:8px 14px,43px 26px,91px 7px}.stars-twinkle{z-index:-1;opacity:0;background-repeat:repeat;will-change:opacity,filter}.twinkle-one{background-image:radial-gradient(circle,#fff 0 1.8px,rgba(255,255,255,.25) 2.4px,transparent 3px);background-size:151px 151px;background-position:21px 39px;animation:atlasStarBlinkOne 4.8s ease-in-out infinite}.twinkle-two{background-image:radial-gradient(circle,#ffe5a0 0 1.5px,rgba(255,207,91,.24) 2.2px,transparent 3px),radial-gradient(circle,#9ff5ff 0 1.4px,transparent 2.8px);background-size:211px 211px,263px 263px;background-position:74px 18px,13px 92px;animation:atlasStarBlinkTwo 7.2s ease-in-out infinite -2.6s}.shooting-stars{z-index:0;overflow:hidden}.shooting-stars i{position:absolute;left:104%;top:17%;width:150px;height:2px;border-radius:50%;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),#fff);filter:drop-shadow(0 0 6px rgba(159,230,255,.9));transform:rotate(-28deg);animation:atlasShoot 14s ease-in infinite}.shooting-stars i:after{content:"";position:absolute;right:-2px;top:-2px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 12px #aeefff}.shooting-stars i:nth-child(2){top:46%;animation-delay:-6.8s;animation-duration:19s;scale:.72}.logo-hero-stage{isolation:isolate}.logo-hero-stage img{width:min(94%,610px)!important;aspect-ratio:1!important;object-fit:contain!important;border-radius:0!important;mix-blend-mode:normal!important;filter:drop-shadow(0 28px 30px rgba(0,0,0,.48)) drop-shadow(0 0 18px rgba(255,195,74,.20))!important;animation:atlasLogoFloat 5.5s ease-in-out infinite!important}.logo-golden-aura{position:absolute;z-index:-1;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,205,91,.33) 0%,rgba(255,160,38,.15) 32%,rgba(116,74,255,.10) 55%,transparent 72%);filter:blur(17px);animation:atlasAuraPulse 4.8s ease-in-out infinite}.logo-hero-stage:after{content:"";position:absolute;z-index:-2;width:68%;height:20%;bottom:4%;border-radius:50%;background:rgba(1,5,15,.58);filter:blur(24px)}
@keyframes atlasStarBlinkOne{0%,18%,100%{opacity:0;filter:brightness(.7)}38%,57%{opacity:.82;filter:brightness(1.5)}72%{opacity:.14}}
@keyframes atlasStarBlinkTwo{0%,25%,100%{opacity:.05}42%,61%{opacity:.72;filter:brightness(1.45)}78%{opacity:0}}
@keyframes atlasShoot{0%,82%{opacity:0;translate:0 0}84%{opacity:0}86%{opacity:1}91%{opacity:0;translate:-125vw 62vw}100%{opacity:0;translate:-125vw 62vw}}
@keyframes atlasLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
@keyframes atlasAuraPulse{0%,100%{opacity:.68;transform:scale(.94)}50%{opacity:1;transform:scale(1.05)}}
@media(max-width:760px){.stars-distant{opacity:.40;background-size:94px 94px,157px 157px,241px 241px}.twinkle-two,.shooting-stars i:nth-child(2){display:none}.twinkle-one{animation-duration:6.5s}.shooting-stars i{width:100px;animation-duration:20s}.hero-nebula{opacity:.36;filter:blur(30px)}.logo-hero-stage img{width:min(86%,430px)!important}.logo-golden-aura{width:68%}}
@media(prefers-reduced-motion:reduce){.stars-twinkle,.shooting-stars i,.logo-hero-stage img,.logo-golden-aura{animation:none!important}.stars-twinkle{opacity:.24!important}.shooting-stars{display:none!important}.logo-hero-stage img{transform:none!important}}

/* v19 · Dashboard-specific motion language */
dialog[open]{animation:nexusPortalOpen .32s cubic-bezier(.2,.8,.2,1)}.post-grid>*:not(.empty-state),.dragon-library>*:not(.empty-state),.trade-grid>*:not(.empty-state),.tier-list-feed>*:not(.empty-state){animation:nexusCardArrive .55s cubic-bezier(.2,.75,.2,1) both}.post-grid>*:nth-child(2),.dragon-library>*:nth-child(2),.trade-grid>*:nth-child(2){animation-delay:.07s}.post-grid>*:nth-child(3),.dragon-library>*:nth-child(3),.trade-grid>*:nth-child(3){animation-delay:.14s}.post-grid>*:nth-child(4),.dragon-library>*:nth-child(4),.trade-grid>*:nth-child(4){animation-delay:.21s}.post-grid>*:nth-child(n+5),.dragon-library>*:nth-child(n+5),.trade-grid>*:nth-child(n+5){animation-delay:.27s}
/* Events — signal pulse and image energy */
body[data-page="events"] .post-card{position:relative;overflow:hidden}body[data-page="events"] .post-card:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid transparent;pointer-events:none;transition:.25s}body[data-page="events"] .post-card:hover:after{border-color:rgba(53,213,229,.58);animation:eventSignalPulse 1.8s ease-in-out infinite}body[data-page="events"] .event-guide-gallery img{transition:transform .45s ease,filter .45s ease}body[data-page="events"] .post-card:hover .event-guide-gallery img{transform:scale(1.025);filter:brightness(1.1) saturate(1.08)}
/* Guide — alternating arrival and golden title sweep */
body[data-page="guide"] .post-card:nth-child(even){animation-name:nexusGuideFromRight}body[data-page="guide"] .post-card h2{position:relative;padding-bottom:8px}body[data-page="guide"] .post-card h2:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--nexus-gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}body[data-page="guide"] .post-card:hover h2:after{transform:scaleX(1)}body[data-page="guide"] .event-guide-gallery img{opacity:.88;transition:opacity .35s,filter .35s}body[data-page="guide"] .post-card:hover .event-guide-gallery img{opacity:1;filter:brightness(1.08)}
/* Dragon Info — energy wells, tilt and shining tier badges */
body[data-page="dragon-info"] .dragon-art:before{content:"";position:absolute;z-index:0;left:18%;right:18%;bottom:3%;height:20%;border-radius:50%;background:radial-gradient(ellipse,rgba(53,213,229,.34),rgba(118,87,255,.15) 45%,transparent 72%);filter:blur(10px);animation:dragonEnergyBreathe 3.2s ease-in-out infinite}body[data-page="dragon-info"] .dragon-library-card{transform-style:preserve-3d}body[data-page="dragon-info"] .tier-rank-badges span{position:relative;overflow:hidden}body[data-page="dragon-info"] .tier-rank-badges span:after{content:"";position:absolute;top:-40%;bottom:-40%;left:-45%;width:25%;background:linear-gradient(90deg,transparent,rgba(255,229,144,.75),transparent);transform:skewX(-22deg);transition:left .55s ease}body[data-page="dragon-info"] .dragon-library-card:hover .tier-rank-badges span:after{left:125%}@media(pointer:fine){body[data-page="dragon-info"] .dragon-library-card:hover{transform:perspective(900px) rotateX(2deg) rotateY(-2deg) translateY(-7px)!important}}
/* Tier List — row reveal, drag glow and drop bounce */
body[data-page="tier-list"] .tier-row{animation:tierRowReveal .38s ease both}body[data-page="tier-list"] .tier-row:nth-child(2){animation-delay:.05s}body[data-page="tier-list"] .tier-row:nth-child(3){animation-delay:.10s}body[data-page="tier-list"] .tier-row:nth-child(4){animation-delay:.15s}body[data-page="tier-list"] .tier-row:nth-child(5){animation-delay:.20s}body[data-page="tier-list"] .tier-row:nth-child(6){animation-delay:.25s}body[data-page="tier-list"] .tier-row:nth-child(7){animation-delay:.30s}.tier-drop{transition:background .2s,box-shadow .2s}.tier-drop.drag-active{background:#203b61!important;box-shadow:inset 0 0 0 2px var(--nexus-cyan),inset 0 0 30px rgba(53,213,229,.16)!important}.tier-dragon.dragging{opacity:.42;transform:scale(.92)}.tier-dragon.just-dropped{animation:tierDropBounce .48s cubic-bezier(.2,1.4,.35,1)}
/* Trading — orb flow and interactive dragon chips */
body[data-page="trading"] .trade-sides{position:relative;overflow:visible}body[data-page="trading"] .trade-sides:after{content:"";position:absolute;z-index:3;left:48%;top:50%;width:7px;height:7px;border-radius:50%;background:var(--nexus-cyan);box-shadow:0 0 12px var(--nexus-cyan),0 0 24px rgba(118,87,255,.6);animation:tradeOrbFlow 3.2s ease-in-out infinite;pointer-events:none}body[data-page="trading"] .trade-dragon-chip{transition:transform .2s,border-color .2s}body[data-page="trading"] .trade-dragon-chip:hover{transform:translateY(-3px);border-color:rgba(53,213,229,.45)!important}body[data-page="trading"] .matched{animation:matchedTradeGlow 2.5s ease-in-out infinite}
/* DC Comments and all async reactions */
body[data-page="dc-comments"] .post-card:hover{transform:translateY(-4px)}.reaction-row button.reaction-fired{animation:reactionSuccess .62s cubic-bezier(.2,1.25,.35,1)}.reaction-row .up.reaction-fired{--reaction-color:#57e295}.reaction-row .down.reaction-fired{--reaction-color:#ff6f86}
/* Buttons — restrained tactile response */
.gold-button:active,.ghost:active,.danger:active{transform:translateY(1px) scale(.975)!important;filter:brightness(1.14)}
@keyframes nexusCardArrive{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}@keyframes nexusGuideFromRight{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:none}}@keyframes nexusPortalOpen{from{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:none}}@keyframes eventSignalPulse{0%,100%{box-shadow:inset 0 0 0 rgba(53,213,229,0)}50%{box-shadow:inset 0 0 24px rgba(53,213,229,.10),0 0 18px rgba(53,213,229,.10)}}@keyframes dragonEnergyBreathe{0%,100%{opacity:.45;transform:scaleX(.88)}50%{opacity:1;transform:scaleX(1.1)}}@keyframes tierRowReveal{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}@keyframes tierDropBounce{0%{transform:scale(.75) translateY(-12px)}65%{transform:scale(1.08) translateY(2px)}100%{transform:none}}@keyframes tradeOrbFlow{0%,100%{translate:-12px -16px;opacity:.25}50%{translate:18px 16px;opacity:1}}@keyframes matchedTradeGlow{0%,100%{box-shadow:inset 0 0 0 rgba(118,87,255,0)}50%{box-shadow:inset 0 0 25px rgba(118,87,255,.12),0 0 18px rgba(118,87,255,.10)}}@keyframes reactionSuccess{0%{transform:scale(1);box-shadow:0 0 0 0 var(--reaction-color)}45%{transform:scale(1.22);box-shadow:0 0 0 10px transparent}100%{transform:scale(1)}}
@media(max-width:760px){.post-grid>*:not(.empty-state),.dragon-library>*:not(.empty-state),.trade-grid>*:not(.empty-state),.tier-list-feed>*:not(.empty-state){animation-duration:.32s!important;animation-delay:0s!important}body[data-page="dragon-info"] .dragon-library-card:hover{transform:translateY(-3px)!important}body[data-page="trading"] .trade-sides:after{display:none}}
@media(prefers-reduced-motion:reduce){dialog[open],.post-grid>*,.dragon-library>*,.trade-grid>*,.tier-list-feed>*,body[data-page] .post-card,body[data-page] .tier-row,body[data-page] .dragon-art:before,.matched,.reaction-row button.reaction-fired{animation:none!important;transition:none!important;transform:none!important}.trade-sides:after{display:none!important}.tier-rank-badges span:after{display:none!important}}

/* Food calculator */
.food-calc-shell{width:min(1120px,100%);margin:38px auto 80px}.food-calc-head{text-align:center;margin-bottom:25px}.food-calc-head h1{margin:8px 0 10px;font-size:clamp(3rem,7vw,5.6rem);line-height:.95;color:#f5f8ff}.food-calc-head p{max-width:650px;margin:auto;color:#a9bad5;font-size:1.05rem}.food-calc-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(380px,1.2fr);gap:20px}.food-calc-controls,.food-result-card,.food-calc-note{border:1px solid rgba(103,153,222,.22);border-radius:24px;background:linear-gradient(145deg,rgba(10,30,58,.96),rgba(8,19,43,.96) 58%,rgba(31,21,66,.92));box-shadow:0 24px 70px rgba(0,3,15,.4)}.food-calc-controls{display:grid;align-content:center;padding:30px}.food-calc-controls label{display:grid;gap:3px;margin-bottom:9px;color:#ecf6ff;font-weight:900}.food-calc-controls label small{color:#8fa6c4;font-weight:500}.food-calc-controls select{width:100%;padding:14px 15px;border:1px solid rgba(100,209,226,.32);border-radius:14px;color:#edf9ff;background:#091b36;font-size:1rem;font-weight:800;outline:none}.food-calc-controls select:focus{border-color:#55dbe6;box-shadow:0 0 0 4px rgba(85,219,230,.1)}.food-level-arrow{display:flex;align-items:center;gap:12px;margin:14px 0;color:#f1c95e}.food-level-arrow i{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(85,219,230,.4))}.food-level-arrow i:last-child{background:linear-gradient(90deg,rgba(85,219,230,.4),transparent)}.food-level-arrow span{font-size:1.45rem}.food-calc-button{margin-top:24px}.food-calc-reset{margin-top:9px}.food-result-card{position:relative;min-height:430px;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;padding:34px;background:#000}.food-result-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 48%,rgba(88,225,220,.12),transparent 34%),radial-gradient(circle at 25% 28%,rgba(115,75,235,.14),transparent 40%);pointer-events:none}.food-result-copy,.food-result-art{position:relative;z-index:1}.food-result-label{color:#63e1e6;font-size:.68rem;font-weight:900;letter-spacing:.28em}.food-result-copy strong{display:block;margin:10px 0 5px;color:#fff2a6;font-size:clamp(2.7rem,5vw,5.3rem);line-height:1;text-shadow:0 0 30px rgba(244,201,73,.22);overflow-wrap:anywhere}.food-result-copy>p{margin:8px 0;color:#dbeaff;font-size:1.08rem;font-weight:800}.food-result-copy .food-calc-message{color:#91a8c4;font-size:.84rem;font-weight:500;line-height:1.5}.food-result-art{display:grid;place-items:center}.food-result-art img{width:min(100%,250px);aspect-ratio:1;object-fit:contain;mix-blend-mode:screen;filter:saturate(1.14) drop-shadow(0 0 24px rgba(96,228,193,.17));transform:scale(.9);transition:transform .45s ease}.food-result-card.has-result .food-result-art img{transform:scale(1.03)}.food-calc-note{margin-top:20px;padding:22px 26px}.food-calc-note h2{margin:0 0 14px;color:#f0f6ff}.food-calc-note>div{display:grid;grid-template-columns:repeat(10,auto);gap:8px;align-items:center}.food-calc-note span{color:#efca62;font-weight:900}.food-calc-note b{color:#b8c8dc}.food-calc-note span:not(:first-child){border-left:1px solid rgba(119,154,200,.2);padding-left:12px}@media(max-width:820px){.food-calc-grid{grid-template-columns:1fr}.food-result-card{min-height:350px}.food-calc-note>div{grid-template-columns:repeat(5,1fr);text-align:center}.food-calc-note span:not(:first-child){border:0;padding:0}}@media(max-width:520px){.food-calc-shell{margin-top:20px}.food-calc-head h1{font-size:2.8rem}.food-calc-controls{padding:22px}.food-result-card{grid-template-columns:1fr;min-height:450px;padding:28px;text-align:center}.food-result-art{order:-1}.food-result-art img{width:170px}.food-result-copy strong{font-size:2.7rem}.food-calc-note>div{grid-template-columns:1fr 1fr;text-align:left}.food-calc-note span:not(:first-child){border:0;padding:0}}

/* v24 · autonomous Introducing The OGs cinematic home */
body[data-page="dragon-city-atlas"]{overflow:hidden;background:#01040c!important}body[data-page="dragon-city-atlas"]>footer,body[data-page="dragon-city-atlas"]>.paper-noise{display:none!important}body[data-page="dragon-city-atlas"]>main{width:100%;height:100svh;margin:0;padding:0;overflow:hidden}
.og-cinema{--og-x:0;--og-y:0;position:relative;width:100%;height:100svh;overflow:hidden;isolation:isolate;color:#eff8ff;background:radial-gradient(circle at 58% 46%,#172557 0,#070d22 38%,#01040d 75%);font-family:'Trebuchet MS','Arial Narrow',Arial,sans-serif;perspective:1500px}.og-space,.og-nebula,.og-starfield,.og-shooters{position:absolute;inset:0;pointer-events:none}.og-space{z-index:-4;overflow:hidden}.og-nebula{filter:blur(28px);will-change:transform}.og-nebula-cyan{background:radial-gradient(ellipse at 70% 42%,rgba(37,220,233,.26),transparent 34%),radial-gradient(ellipse at 96% 7%,rgba(29,119,210,.16),transparent 27%);animation:ogNebulaCyan 14s ease-in-out infinite}.og-nebula-purple{background:radial-gradient(ellipse at 25% 66%,rgba(139,66,255,.28),transparent 38%),radial-gradient(ellipse at 49% 2%,rgba(91,54,205,.14),transparent 27%);animation:ogNebulaPurple 17s ease-in-out infinite}
.og-architecture{position:absolute;z-index:-1;inset:0;display:grid;place-items:center;pointer-events:none;transform:translate(calc(var(--og-x)*-12px),calc(var(--og-y)*-8px));transition:transform .35s ease-out}.og-architecture span{font-family:Georgia,'Times New Roman',serif;font-size:min(84vw,900px);font-weight:900;line-height:.7;color:transparent;-webkit-text-stroke:1px rgba(170,204,235,.115);text-shadow:0 0 70px rgba(76,206,230,.055);animation:ogArchitecture 11s ease-in-out infinite}.og-architecture i,.og-architecture b{position:absolute;width:min(70vw,860px);aspect-ratio:1;border:1px solid rgba(91,220,233,.10);border-radius:50%;transform:rotateX(72deg) rotateZ(13deg);animation:ogOrbit 18s linear infinite}.og-architecture b{width:min(53vw,650px);border-color:rgba(171,106,255,.11);transform:rotateY(73deg) rotateZ(-18deg);animation-direction:reverse;animation-duration:22s}
.og-scene{position:absolute;z-index:3;inset:0;opacity:0;pointer-events:none;transform-style:preserve-3d}.og-intro-scene{display:grid;place-items:center;animation:ogIntroScene 22s ease-in-out infinite}.og-intro-copy{text-align:center;transform:translateZ(80px)}.og-kicker{display:block;margin-bottom:16px;color:#7cebf2;font-size:clamp(.62rem,1vw,.82rem);font-weight:900;letter-spacing:.62em}.og-intro-copy h1{position:relative;margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(7rem,24vw,22rem);font-weight:900;line-height:.7;letter-spacing:-.07em;color:#f7f7f4;text-shadow:0 0 4px rgba(255,255,255,.7),0 0 28px rgba(255,194,73,.25),0 25px 80px rgba(0,0,0,.66)}.og-intro-copy h1:after{content:"";position:absolute;left:12%;right:4%;top:8%;height:22%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.58),transparent);filter:blur(10px);transform:skewX(-24deg);animation:ogTitleShine 4s ease-in-out infinite}.og-intro-copy p{margin:30px 0 0;color:#dbeafa;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.15rem,2.6vw,2.4rem);font-style:italic;letter-spacing:.16em;text-shadow:0 0 20px rgba(94,226,238,.22)}.og-intro-copy>i{display:block;width:180px;height:1px;margin:26px auto 0;background:linear-gradient(90deg,transparent,#e6b750,transparent);box-shadow:0 0 12px rgba(230,183,80,.45)}
.og-dragon-scene{--enter-x:42vw;--exit-x:-42vw;display:grid;grid-template-columns:minmax(320px,.7fr) minmax(430px,1.3fr);align-items:center;gap:3vw;padding:7vh 8vw 8vh;animation:ogDragonScene 22s cubic-bezier(.2,.75,.2,1) infinite}.og-anarchaos,.og-elusive{--enter-x:-42vw;--exit-x:42vw}.og-purus{animation-delay:-18s}.og-anarchaos{animation-delay:-14s}.og-rhinodillo{animation-delay:-10s}.og-elusive{animation-delay:-6s}.og-number{position:absolute;z-index:-1;left:2vw;bottom:-8vh;color:rgba(172,211,238,.055);font-family:Georgia,'Times New Roman',serif;font-size:clamp(14rem,35vw,34rem);font-weight:900;line-height:.8}.og-copy{position:relative;z-index:4;transform:translateZ(120px)}.og-copy>span{display:block;color:#5fe5ed;font-size:.7rem;font-weight:900;letter-spacing:.45em}.og-copy h2{margin:12px 0 15px;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(3.3rem,7vw,7.5rem);line-height:.82;letter-spacing:-.065em;text-shadow:0 5px 30px rgba(0,0,0,.7),0 0 30px rgba(105,219,233,.10)}.og-copy p{margin:0;color:#9db5ce;font-size:clamp(.9rem,1.4vw,1.2rem);letter-spacing:.18em;text-transform:uppercase}.og-copy p strong{color:#f2c363;font-weight:900}.og-frame-wrap{position:relative;justify-self:center;width:min(48vw,820px);transform-style:preserve-3d;animation:ogFrameFloat 5.2s ease-in-out infinite}.og-frame-wrap>span{display:block;margin-top:12px;color:#8298b1;font-size:.58rem;font-weight:900;letter-spacing:.26em;text-align:right}.og-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:1.48/1;padding:9px;border:1px solid rgba(116,222,235,.38);border-radius:20px;background:linear-gradient(135deg,rgba(88,230,239,.35),rgba(255,203,94,.16) 38%,rgba(156,82,255,.38));box-shadow:0 45px 100px rgba(0,0,0,.62),0 0 46px rgba(65,215,230,.16),inset 0 1px rgba(255,255,255,.8);transform:rotateY(-5deg) rotateX(2deg);backdrop-filter:blur(12px)}.og-anarchaos .og-frame{transform:rotateY(5deg) rotateX(2deg)}.og-frame:before{content:"";position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 -50px 70px rgba(0,2,11,.22);pointer-events:none}.og-frame img{display:block;width:100%;height:100%;border-radius:13px;object-fit:cover;background:#050b19;filter:saturate(1.13) contrast(1.07) brightness(1.04)}.og-frame.og-portrait{width:min(33vw,410px);margin:auto;aspect-ratio:.80/1}.og-frame.og-portrait img{object-position:center}.og-frame.og-wide{aspect-ratio:16/9}.og-gloss{position:absolute;z-index:4;top:-25%;bottom:-25%;left:-35%;width:18%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),rgba(255,241,190,.68),rgba(255,255,255,.10),transparent);filter:blur(2px);transform:skewX(-20deg);animation:ogGloss 4s ease-in-out infinite}.og-frame-wrap:before{content:"";position:absolute;z-index:-1;left:8%;right:8%;bottom:-8%;height:20%;border-radius:50%;background:radial-gradient(ellipse,rgba(70,216,232,.35),rgba(151,72,248,.14) 45%,transparent 72%);filter:blur(18px)}
.og-enter{position:absolute;z-index:10;right:clamp(16px,3vw,46px);top:clamp(16px,3vh,34px);display:grid;gap:2px;min-width:175px;padding:11px 17px;border:1px solid rgba(114,227,235,.34);border-radius:999px;color:#f1f8ff;background:rgba(5,18,39,.58);box-shadow:0 10px 40px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(15px);text-align:left;text-decoration:none;transition:.28s}.og-enter:hover{border-color:#74e8ef;background:#12345b;box-shadow:0 0 30px rgba(70,217,231,.20);transform:translateY(-2px)}.og-enter span{font-family:Georgia,'Times New Roman',serif;font-size:1rem;font-weight:900}.og-enter small{color:#90a7c0;font-size:.58rem;letter-spacing:.05em}.og-timeline{position:absolute;z-index:9;left:clamp(16px,3vw,45px);bottom:clamp(14px,3vh,30px);display:flex;align-items:center;gap:12px;color:#71879e;font-size:.55rem;font-weight:900;letter-spacing:.22em}.og-timeline i{position:relative;width:120px;height:1px;background:rgba(126,160,192,.25)}.og-timeline i:after{content:"";position:absolute;inset:-1px auto -1px 0;width:0;background:linear-gradient(90deg,#55dbe6,#e5b959);box-shadow:0 0 10px rgba(85,219,230,.4);animation:ogTimeline 22s linear infinite}
.og-nav-dialog{width:min(920px,calc(100vw - 30px));padding:50px;border:1px solid rgba(111,221,233,.30);border-radius:28px;color:#edf7ff;background:linear-gradient(145deg,#0c2749,#06142d 56%,#211642);box-shadow:0 50px 150px rgba(0,0,0,.75),0 0 50px rgba(90,211,231,.12)}.og-nav-dialog::backdrop{background:rgba(0,3,12,.83);backdrop-filter:blur(12px)}.og-nav-dialog>span{color:#66e2eb;font-size:.68rem;font-weight:900;letter-spacing:.38em}.og-nav-dialog h2{margin:10px 0 28px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.8rem,6vw,5rem);letter-spacing:-.055em}.og-nav-dialog nav{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.og-nav-dialog nav a{display:flex;align-items:center;gap:15px;padding:15px 17px;border:1px solid rgba(104,157,211,.18);border-radius:14px;background:rgba(11,36,68,.72);transition:.22s}.og-nav-dialog nav a:hover{border-color:rgba(92,226,236,.52);background:#133c66;transform:translateX(5px)}.og-nav-dialog nav b{color:#55dce7;font-size:.7rem}.og-nav-close{position:absolute;right:17px;top:14px;width:42px;height:42px;border:1px solid rgba(126,170,218,.24);border-radius:50%;color:#eaf7ff;background:#12345c;font-size:1.7rem}
@keyframes ogDragonScene{0%{opacity:0;transform:translate3d(var(--enter-x),3vh,-900px) rotateY(-30deg);filter:blur(11px)}3%{opacity:1;filter:none}7%,14.5%{opacity:1;transform:translate3d(0,0,0) rotateY(0);filter:none}18.18%{opacity:0;transform:translate3d(var(--exit-x),-2vh,260px) rotateY(24deg);filter:blur(8px)}18.19%,100%{opacity:0}}
@keyframes ogFrameFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes ogGloss{0%,58%{left:-35%;opacity:0}66%{opacity:1}88%,100%{left:122%;opacity:0}}@keyframes ogTitleShine{0%,55%{translate:-80% 0;opacity:0}70%{opacity:.8}100%{translate:180% 0;opacity:0}}@keyframes ogTimeline{to{width:100%}}@keyframes ogNebulaCyan{50%{transform:translate(-3%,2%) scale(1.08);opacity:.72}}@keyframes ogNebulaPurple{50%{transform:translate(4%,-3%) scale(.94);opacity:.82}}@keyframes ogStarDrift{to{background-position:70px 95px,110px 140px,180px 90px}}@keyframes ogTwinkle{0%,100%{opacity:.08;filter:brightness(.7)}45%{opacity:.72;filter:brightness(1.35)}65%{opacity:.25}}@keyframes ogShoot{0%,82%{opacity:0;translate:0 0}84%{opacity:1}91%{opacity:.85}96%,100%{opacity:0;translate:-130vw 70vh}}@keyframes ogArchitecture{50%{scale:1.025;opacity:.72}}@keyframes ogOrbit{to{rotate:1turn}}
@media(max-width:900px){.og-dragon-scene{grid-template-columns:1fr;padding:11vh 6vw 8vh;text-align:center}.og-copy{align-self:start}.og-copy h2{font-size:clamp(3rem,11vw,5.4rem)}.og-copy p{font-size:.75rem}.og-frame-wrap{width:min(86vw,680px);align-self:center}.og-frame.og-portrait{width:min(54vw,360px)}.og-number{left:50%;translate:-50% 0}.og-kicker{letter-spacing:.4em}.og-enter{min-width:0}.og-enter small{display:none}.og-timeline span{display:none}.og-timeline i{width:78px}.og-nav-dialog{padding:44px 22px 25px}.og-nav-dialog nav{grid-template-columns:1fr}}
@media(max-width:560px){.og-copy>span{font-size:.56rem}.og-copy h2{margin-block:7px 10px}.og-frame{border-radius:15px;padding:6px}.og-frame img{border-radius:10px}.og-enter{right:12px;top:12px;padding:9px 13px}.og-intro-copy h1{font-size:30vw}.og-intro-copy p{font-size:1rem;letter-spacing:.08em}.og-shooters i:nth-child(2){display:none}}
.og-frame.og-catalog-art{background:#000}.og-frame.og-catalog-art:before{background-color:#000;background-size:contain;background-repeat:no-repeat;background-position:center;filter:blur(28px) brightness(.42);opacity:.6}.og-frame.og-catalog-art img{background:#000;object-fit:contain}
@media(prefers-reduced-motion:reduce){.og-scene,.og-nebula,.og-starfield,.og-shooters i,.og-architecture span,.og-architecture i,.og-architecture b,.og-frame-wrap,.og-gloss,.og-timeline i:after{animation:none!important}.og-intro-scene{opacity:1!important;transform:none!important}.og-dragon-scene{display:none}.og-timeline{display:none}}
.og-cinema{--og-move-x:0px;--og-move-y:0px}.og-architecture{transform:translate(var(--og-move-x),var(--og-move-y))}

/* v26 · performance pass and chromatic OG names */
.og-scene{contain:layout paint style;will-change:transform,opacity;backface-visibility:hidden}.og-frame-wrap,.og-architecture{will-change:transform}.og-frame{backdrop-filter:none;box-shadow:0 30px 65px rgba(0,0,0,.52),0 0 30px rgba(65,215,230,.12),inset 0 1px rgba(255,255,255,.7)}.og-copy h2,.og-intro-copy h1{font-family:Copperplate,'Trebuchet MS','Arial Black',Arial,sans-serif;font-weight:900}.og-copy h2{color:transparent;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 6px 18px rgba(0,0,0,.56))}.og-purus .og-copy h2{background-image:linear-gradient(105deg,#fff2a2 0%,#e88cff 32%,#8846ec 68%,#ffd75e 100%)}.og-anarchaos .og-copy h2{background-image:linear-gradient(105deg,#ffdf70 0%,#ff774d 34%,#e73363 66%,#a66cff 100%)}.og-rhinodillo .og-copy h2{background-image:linear-gradient(105deg,#bffcff 0%,#45e2ed 28%,#4a8fff 64%,#c071ff 100%)}.og-elusive .og-copy h2{background-image:linear-gradient(105deg,#fffbd0 0%,#ffd83d 32%,#8cf8ff 69%,#ffffff 100%)}.og-intro-copy h1{color:transparent;background:linear-gradient(100deg,#ffffff 5%,#f2c75e 34%,#67e8ef 64%,#ffffff 92%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 18px 45px rgba(0,0,0,.62))}
@keyframes ogDragonScene{0%{visibility:visible;opacity:0;transform:translate3d(var(--enter-x),3vh,-650px) rotateY(-24deg)}3%{visibility:visible;opacity:1}7%,14.5%{visibility:visible;opacity:1;transform:translate3d(0,0,0) rotateY(0)}18.18%{visibility:visible;opacity:0;transform:translate3d(var(--exit-x),-2vh,180px) rotateY(18deg)}18.19%,100%{visibility:hidden;opacity:0}}
@keyframes ogNebulaCyan{0%,100%{opacity:.72}50%{opacity:.46}}@keyframes ogNebulaPurple{0%,100%{opacity:.78}50%{opacity:.52}}
@media(max-width:900px){.og-frame{box-shadow:0 22px 48px rgba(0,0,0,.48),0 0 20px rgba(65,215,230,.10)}}
@media(max-width:560px){.og-frame-wrap{animation-duration:7s}.og-gloss{animation-duration:6s}}

/* v27 · lightweight dark-space art direction */
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
.og-cinema{
  --og-display-font:'Arial Black','Helvetica Neue',Arial,sans-serif;
  background:
    radial-gradient(circle at 72% 40%,rgba(9,72,80,.18),transparent 28%),
    radial-gradient(circle at 20% 78%,rgba(6,38,48,.14),transparent 30%),
    #010305;
}
.og-nebula,.og-architecture i,.og-architecture b{display:none!important}
.og-cinema,.og-cinema button,.og-cinema a{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
.og-cinema .og-enter span,.og-cinema .og-nav-dialog h2{font-family:'Arial Black','Helvetica Neue',Arial,sans-serif}
.og-architecture span,.og-number{font-family:'Arial Black','Helvetica Neue',Arial,sans-serif!important}
.og-architecture span{animation:none;color:transparent;-webkit-text-stroke:1px rgba(121,226,229,.075);text-shadow:none}
.og-copy{min-height:15rem;display:flex;flex-direction:column;justify-content:center}
.og-copy h2,.og-intro-copy h1{
  font-family:var(--og-display-font)!important;
  color:transparent!important;
  background-image:linear-gradient(105deg,#ffffff 0%,#e9ffff 34%,#72e4e1 70%,#16a8ae 100%)!important;
  -webkit-background-clip:text;
  background-clip:text;
}
.og-copy h2{
  max-width:9.5em;
  min-height:1.76em;
  display:flex;
  align-items:center;
  font-size:clamp(3.25rem,5.8vw,6.35rem);
  line-height:.88;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.og-intro-copy h1{letter-spacing:-.045em}
.og-intro-copy p{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-style:normal}
@media(max-width:900px){
  .og-copy{min-height:10rem;align-items:center}
  .og-copy h2{width:100%;max-width:11em;min-height:1.76em;justify-content:center;font-size:clamp(3rem,9.4vw,5.1rem)}
}
@media(max-width:560px){
  .og-copy{min-height:8.5rem}
  .og-copy h2{font-size:clamp(2.55rem,10.5vw,3.75rem);line-height:.9}
}

/* v28 · readable cinematic supporting text */
.og-kicker{font-size:clamp(.84rem,1.15vw,1.02rem);letter-spacing:.42em}
.og-intro-copy p{font-size:clamp(1.2rem,2.35vw,2rem);letter-spacing:.12em}
.og-copy p{font-size:clamp(1rem,1.45vw,1.28rem);letter-spacing:.12em}
.og-frame-wrap>span{font-size:clamp(.72rem,.82vw,.88rem);letter-spacing:.18em}
.og-enter small{font-size:.72rem}
.og-timeline{font-size:.68rem;letter-spacing:.14em}

/* v29 · four-profile Dragon Isle cinematic */
.og-cinema{background:#071b24;perspective:none}
.og-island-bg{position:absolute;z-index:-3;inset:0;background-image:linear-gradient(90deg,rgba(2,11,18,.88) 0%,rgba(3,15,22,.67) 43%,rgba(2,10,16,.35) 100%),linear-gradient(0deg,rgba(1,8,13,.76),transparent 45%),url('/static/assets/dragon-isle-intro.webp');background-position:center;background-size:cover;filter:saturate(.82) brightness(.76);transform:scale(1.015)}
.og-space,.og-architecture,.og-intro-scene{display:none!important}
.og-dragon-scene{grid-template-columns:minmax(330px,.88fr) minmax(420px,1.12fr);gap:clamp(28px,4vw,70px);padding:8vh clamp(30px,7vw,112px) 9vh;animation:ogDragonProfile 20s cubic-bezier(.22,.72,.2,1) infinite}
.og-purus{animation-delay:0s}.og-anarchaos{animation-delay:-15s}.og-rhinodillo{animation-delay:-10s}.og-elusive{animation-delay:-5s}
.og-copy{min-height:0;align-items:flex-start;padding:clamp(22px,3vw,42px);border:1px solid rgba(238,205,132,.28);border-radius:24px;background:linear-gradient(135deg,rgba(5,18,24,.90),rgba(8,32,38,.78));box-shadow:0 28px 75px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(8px)}
.og-copy h2{width:auto;max-width:100%;min-height:0;margin:0 0 12px;display:block;font-size:clamp(3rem,5.2vw,6rem);line-height:.92;letter-spacing:-.045em;background-image:linear-gradient(105deg,#fff8dc 0%,#f4d37c 42%,#65e0dc 100%)!important;text-wrap:balance}
.og-copy .og-alias{margin:0;color:#f3eee0;font-size:clamp(1.02rem,1.35vw,1.28rem);line-height:1.35;letter-spacing:.08em;text-transform:uppercase}
.og-copy .og-alias strong{color:#7de7e1}
.og-copy .og-bio{max-width:58ch;margin:20px 0 0;padding-top:18px;border-top:1px solid rgba(238,205,132,.24);color:#e2e7df;font-size:clamp(.98rem,1.2vw,1.18rem);font-weight:500;line-height:1.7;letter-spacing:0;text-transform:none;text-wrap:pretty}
.og-frame-wrap{width:min(48vw,760px);animation:ogFrameFloat 6s ease-in-out infinite}
.og-frame,.og-frame.og-portrait,.og-frame.og-wide{width:100%;aspect-ratio:4/3;margin:0;padding:10px;isolation:isolate;background:#07151b;transform:none}
.og-frame:after{content:"";position:absolute;z-index:0;inset:8px;border-radius:13px;background-image:linear-gradient(rgba(4,16,21,.20),rgba(4,16,21,.38)),var(--dragon-image);background-position:center;background-size:cover;filter:blur(16px) saturate(.85);transform:scale(1.08)}
.og-frame img{position:relative;z-index:1;object-fit:contain;object-position:center;background:rgba(3,13,18,.26);filter:saturate(1.08) contrast(1.04) brightness(1.02)}
.og-frame-wrap>span{color:#d7c795;text-shadow:0 2px 8px #000}
.og-number{color:rgba(248,218,146,.08)}
.og-timeline i:after{animation-duration:20s;background:linear-gradient(90deg,#f2d179,#60dedb)}
@keyframes ogDragonProfile{0%{visibility:visible;opacity:0;transform:translate3d(var(--enter-x),2vh,-120px) scale(.96)}3%{visibility:visible;opacity:1;transform:translate3d(0,0,0) scale(1)}20%{visibility:visible;opacity:1;transform:translate3d(0,0,0) scale(1)}24.8%{visibility:visible;opacity:0;transform:translate3d(var(--exit-x),-1vh,80px) scale(1.02)}25%,100%{visibility:hidden;opacity:0}}
@media(max-width:900px){
  .og-dragon-scene{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:14px;padding:8vh 5vw 7vh;text-align:left}
  .og-copy{width:min(90vw,720px);min-height:0;justify-self:center;align-self:end;padding:20px 24px}
  .og-copy h2{font-size:clamp(2.6rem,8.5vw,4.8rem)}
  .og-copy .og-bio{margin-top:12px;padding-top:12px;font-size:clamp(.9rem,2.4vw,1.06rem);line-height:1.5}
  .og-frame-wrap{width:min(78vw,620px);align-self:start}
  .og-frame,.og-frame.og-portrait,.og-frame.og-wide{aspect-ratio:16/9}
}
@media(max-width:560px){
  .og-dragon-scene{padding:8.5vh 4vw 6.5vh;gap:10px}
  .og-copy{padding:16px 18px;border-radius:18px}
  .og-copy h2{font-size:clamp(2.3rem,10vw,3.35rem);margin-bottom:7px}
  .og-copy .og-alias{font-size:.86rem}
  .og-copy .og-bio{font-size:clamp(.78rem,3.25vw,.94rem);line-height:1.42}
  .og-frame-wrap{width:min(88vw,520px)}
  .og-frame-wrap>span,.og-timeline span{display:none}
}
@media(prefers-reduced-motion:reduce){.og-dragon-scene{display:none!important}.og-purus{display:grid!important;visibility:visible!important;opacity:1!important;transform:none!important}.og-frame-wrap{animation:none!important}}

/* v30 · faster gallery, gold names, distraction-free chrome */
.og-dragon-scene{animation-duration:12s}
.og-purus{animation-delay:0s}.og-anarchaos{animation-delay:-9s}.og-rhinodillo{animation-delay:-6s}.og-elusive{animation-delay:-3s}
.og-copy h2{background-image:linear-gradient(105deg,#fff5a6 0%,#ffd447 42%,#e9a81d 76%,#fff1a0 100%)!important;filter:drop-shadow(0 5px 15px rgba(0,0,0,.58)) drop-shadow(0 0 12px rgba(255,198,42,.18))}
@media(max-width:560px){
  .og-dragon-scene{padding-top:7.5vh;padding-bottom:4vh}
  .og-copy{width:92vw;padding:14px 16px}
  .og-copy .og-bio{font-size:clamp(.76rem,3vw,.88rem);line-height:1.36}
  .og-frame-wrap{width:min(88vw,500px)}
}

/* v31 · solid-yellow profiles and transparent catalog art on black */
.og-copy h2{
  color:#ffd447!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#ffd447!important;
}
body[data-page="dragon-info"] .dragon-art,
body[data-page="dragon-info"] .dragon-focus-wrap,
body[data-page="dragon-info"] .dragon-art>.dragon-main-image,
body[data-page="dragon-info"] .dragon-focus{
  background:#000!important;
}
body[data-page="dragon-info"] .dragon-art:before,
body[data-page="dragon-info"] .dragon-art:after{display:none!important}
body[data-page="dragon-info"] .dragon-art>.dragon-main-image,
body[data-page="dragon-info"] .dragon-focus{
  width:min(90%,460px)!important;
  max-width:460px!important;
  height:min(90%,460px)!important;
  max-height:460px!important;
  object-fit:contain!important;
  margin:auto;
  padding:8px!important;
  image-rendering:-webkit-optimize-contrast;
  filter:contrast(1.12) saturate(1.06) drop-shadow(0 12px 18px rgba(0,0,0,.38))!important;
}
body[data-page="dragon-info"] .dragon-art{display:grid;place-items:center}
body[data-page="dragon-info"] .dragon-card-open:hover .dragon-art>.dragon-main-image{transform:none}
.dragon-focus-wrap{min-height:500px!important;overflow:hidden}
.dragon-modal .modal-grid{grid-template-columns:minmax(400px,1fr) minmax(0,1fr)}
.gold-button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.45)}
@media(max-width:900px){.dragon-modal .modal-grid{grid-template-columns:1fr}.dragon-focus-wrap{min-height:400px!important}}
@media(max-width:520px){.dragon-focus-wrap{min-height:330px!important}body[data-page="dragon-info"] .dragon-focus{width:96%!important;height:96%!important}}

/* v34 · original-bright artwork and Primary Admin calculator image control */
.og-frame.og-catalog-art{background:#000!important}
.og-frame.og-catalog-art:before{background:none!important;box-shadow:none!important;filter:none!important;opacity:0!important}
.og-frame.og-catalog-art img{background:#000!important;object-fit:contain!important;filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
.food-result-art img{mix-blend-mode:normal!important;filter:none!important;opacity:1!important}
.admin-food-image-card{display:grid;grid-template-columns:1fr 180px minmax(260px,.7fr);gap:24px;align-items:center;margin-bottom:20px}
.admin-food-image-card h2{margin:7px 0}.admin-food-image-card p{margin:0;color:var(--muted)}
.admin-food-image-card>img{width:180px;height:150px;object-fit:contain;border:1px solid rgba(103,153,222,.24);border-radius:18px;background:#000}
.admin-food-image-card form{margin:0}
@media(max-width:800px){.admin-food-image-card{grid-template-columns:1fr}.admin-food-image-card>img{width:100%;height:190px}}
/* Community leaderboards */
.community-dragon-rankings{margin:28px 0;padding:26px;border:1px solid rgba(255,211,91,.22);border-radius:24px;background:linear-gradient(145deg,rgba(13,20,43,.98),rgba(5,8,19,.98));box-shadow:0 20px 55px rgba(0,0,0,.28)}
.section-title-row h2{margin:.25rem 0;font-size:clamp(1.55rem,3vw,2.35rem)}
.section-title-row p{margin:.25rem 0 1.4rem;color:var(--muted)}
.community-category-block{display:grid;grid-template-columns:115px minmax(0,1fr);gap:18px;align-items:stretch;margin-top:16px}
.community-category-title{display:flex;flex-direction:column;justify-content:center;padding:18px;border-radius:18px;background:linear-gradient(145deg,#242d53,#11162d);border-left:4px solid #ffd35b}
.community-category-title span{font-weight:900;letter-spacing:.13em;color:#ffd35b}.community-category-title h3{margin:.3rem 0 0}
.category-m .community-category-title{border-left-color:#d4b6ff}.category-m .community-category-title span{color:#d4b6ff}.category-l .community-category-title{border-left-color:#77d7ff}.category-l .community-category-title span{color:#77d7ff}
.community-dragon-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:12px;overflow-x:auto;padding:2px 2px 10px;scrollbar-color:#ffd35b #11162d}
.community-ranked-dragon{position:relative;display:flex;flex-direction:column;gap:7px;min-width:0;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:#0b1022;color:#fff;text-align:left;cursor:pointer;transition:transform .18s,border-color .18s}
.community-ranked-dragon:hover{transform:translateY(-3px);border-color:#ffd35b}
.community-ranked-dragon b{position:absolute;z-index:1;top:15px;left:15px;padding:4px 8px;border-radius:999px;background:#ffd35b;color:#141018}
.community-ranked-dragon img{width:100%;height:125px;object-fit:contain;border-radius:12px;background:#000}
.community-ranked-dragon span{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-ranked-dragon small{color:#ffd35b}
.community-ranking-empty{grid-column:1/-1;display:grid;place-items:center;min-height:110px;padding:20px;border:1px dashed rgba(255,255,255,.2);border-radius:16px;color:var(--muted)}
@media(max-width:760px){.community-dragon-rankings{padding:18px}.community-category-block{grid-template-columns:1fr}.community-category-title{min-height:auto}}
.trade-card-private{padding:0;overflow:hidden}.trade-card-preview{display:block;width:100%;padding:18px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.trade-image-quantity{display:grid;grid-template-rows:100px auto;gap:7px;min-width:105px;padding:9px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#080d1d;text-align:center}.trade-image-quantity img{width:100%;height:100px;object-fit:contain;border-radius:9px;background:#000}.trade-image-quantity strong{color:#ffd35b;font-size:1.05rem}.trade-missing-art{display:grid;place-items:center;height:100px;border-radius:9px;background:#000;font-size:2rem}.trade-detail-modal .trade-revealed{margin:22px 0}

/* v40 · structured mobile dashboard and centered intro */
.mobile-menu-toggle{display:none;width:44px;height:44px;padding:10px;border:1px solid rgba(119,215,255,.28);border-radius:12px;background:rgba(16,36,70,.88);color:#fff}
.mobile-menu-toggle span{display:block;width:22px;height:2px;margin:4px auto;border-radius:5px;background:currentColor;transition:transform .22s ease,opacity .22s ease}
@media(max-width:760px){
body:not([data-page="dragon-city-atlas"]){overflow-x:hidden}body:not([data-page="dragon-city-atlas"]) main{width:calc(100% - 20px);margin:12px auto 48px}
.topbar{position:sticky;top:6px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;width:calc(100% - 12px);margin:6px auto 0;padding:8px 9px;border-radius:17px}.brand{min-width:0}.brand img{width:42px;height:42px}.brand span{display:block;overflow:hidden;text-overflow:ellipsis;font-size:.92rem}
.mobile-menu-toggle{display:block;grid-column:2;grid-row:1;align-self:center}.topbar.mobile-menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.topbar.mobile-menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}.topbar.mobile-menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.topbar nav{display:none;grid-column:1/-1;grid-row:2;width:100%;max-height:calc(100svh - 92px);padding:7px;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid rgba(119,215,255,.16)}.topbar.mobile-menu-open nav{display:grid;grid-template-columns:1fr 1fr;gap:6px}.topbar nav a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border:1px solid rgba(119,215,255,.10);background:rgba(9,25,51,.72);font-size:.84rem}
.account-actions{grid-column:3;grid-row:1;gap:5px;margin:0}.account-actions .user-chip{display:none}.account-actions .ghost,.account-actions .gold-button{min-height:42px;padding:8px 10px;font-size:.76rem}.account-actions form{margin:0}
.dashboard-head{padding:20px 3px 15px;gap:14px}.dashboard-head h1{font-size:clamp(2.35rem,12vw,3.2rem);margin:6px 0 10px}.dashboard-head p{line-height:1.5}.dashboard-head>.gold-button,.dashboard-head>.head-actions,.dashboard-head>.head-actions .gold-button{width:100%}
.post-grid,.trade-grid,.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)!important}.parchment-card,.post-card,.trade-card,.composer{padding:18px}.post-meta{flex-wrap:wrap}.gallery{grid-template-columns:1fr}.gallery img{height:auto;max-height:360px}
.trade-sides,.trade-builder-grid{grid-template-columns:1fr}.trade-dragon-list{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-image-quantity{min-width:0}
dialog,.dragon-modal,.content-detail-modal,.form-modal,.chain-modal{width:calc(100% - 16px)!important;max-width:none!important;max-height:92svh;padding:22px 16px!important;border-width:2px!important;border-radius:18px!important}.modal-grid,.chain-modal-head{grid-template-columns:1fr}.dragon-focus{height:min(54vw,260px)}.detail-gallery{grid-template-columns:1fr!important}.detail-gallery img{height:auto!important;max-height:70svh;object-fit:contain}
.table-wrap{margin-inline:-6px}.table-wrap table{min-width:620px}.inline-form{display:grid;grid-template-columns:1fr;width:100%}.inline-form>*{width:100%}.tier-board{overflow-x:auto}.tier-row{min-width:580px}.slot-form{grid-template-columns:1fr}.star-rating-form{align-items:stretch}.star-picker{display:flex;justify-content:space-between}.star-choice{min-width:42px;min-height:42px}
.community-dragon-row{grid-auto-columns:minmax(140px,72vw)}.random-dragon-showcase{min-height:540px}footer{padding:20px;gap:8px;font-size:.82rem}
}
@media(max-width:560px){
.og-dragon-scene{grid-template-rows:auto auto;align-content:center;justify-items:center;gap:14px;padding:7vh 4vw 8vh!important;text-align:center!important}.og-copy{align-self:center!important;justify-self:center!important;width:min(92vw,520px)!important}.og-frame-wrap{align-self:center!important;justify-self:center!important;width:min(90vw,500px)!important}.og-number{display:none!important}.og-copy .og-bio{max-height:25svh;overflow:auto}.og-enter{top:14px;right:14px;padding:9px 13px}.og-enter span{font-size:.86rem}
}

/* v41 · Home dashboard, clean headings and streamlined admin */
.dashboard-head:before{display:none!important}.dashboard-head{padding-left:0!important}
.home-dashboard,.home-community-section{width:min(1400px,calc(100% - 32px));margin:34px auto}.home-dashboard{padding:30px;border:1px solid var(--nexus-line);border-radius:26px;background:linear-gradient(145deg,rgba(13,35,68,.98),rgba(5,18,40,.98));box-shadow:var(--nexus-shadow)}
.home-section-heading h1{margin:6px 0 8px;color:#fff;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em}.home-section-heading p{margin:0;color:var(--nexus-muted)}
.home-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.home-dashboard-grid a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:88px;padding:16px;border:1px solid rgba(112,156,217,.20);border-radius:17px;background:#0a2345;color:#eef6ff;transition:.18s}.home-dashboard-grid a:hover{transform:translateY(-2px);border-color:rgba(53,213,229,.55);background:#102f58}.home-dashboard-grid b{color:var(--nexus-cyan);font-size:.78rem}.home-dashboard-grid span{display:grid;gap:4px}.home-dashboard-grid strong{font-size:1.05rem}.home-dashboard-grid small{color:var(--nexus-muted)}.home-dashboard-grid i{color:var(--nexus-gold);font-style:normal;font-size:1.35rem}
.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.home-community-section .ghost{color:#eef6ff!important}.food-result-card{grid-template-columns:1fr!important}.food-result-art{display:none!important}
.admin-member-panel,.admin-log-panel{margin-bottom:22px;padding:24px;border:1px solid var(--nexus-line);border-radius:24px;background:linear-gradient(145deg,rgba(13,35,68,.98),rgba(5,18,40,.98));box-shadow:var(--nexus-shadow);color:var(--nexus-text)}.admin-panel-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.admin-panel-heading h2{margin:5px 0 0;color:#fff;font-size:1.8rem}.member-admin-list{display:grid;gap:10px}.compact-admin-card{display:grid!important;grid-template-columns:minmax(190px,1.3fr) minmax(220px,1fr) auto auto;align-items:center;gap:16px;padding:16px!important}.member-identity{display:flex;align-items:center;gap:12px}.member-identity>div:last-child{display:grid;gap:4px}.member-identity small{color:var(--nexus-muted)}.member-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#1c5186,#673bc2);color:#fff;font-weight:900}.admin-status{padding:7px 10px;border-radius:999px;font-size:.78rem;font-weight:800}.admin-status.active{background:rgba(70,220,151,.13);color:#62e4a3}.admin-status.banned{background:rgba(255,101,101,.14);color:#ff9696}.member-quick-actions{display:flex;justify-content:flex-end;gap:7px}.delete-action{background:#4e1b28!important}.admin-action-modal{max-width:570px!important}.role-option-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.role-option-list label{display:flex!important;align-items:center;gap:10px;padding:13px;border:1px solid rgba(112,156,217,.2);border-radius:13px;background:#081a34}.role-option-list input{width:auto!important}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.admin-modal-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--nexus-muted)}.admin-modal-divider:before,.admin-modal-divider:after{content:"";height:1px;flex:1;background:rgba(112,156,217,.2)}
.auth-card,.auth-card>div{color:#eef6ff!important}.auth-card h1,.auth-card label{color:#fff!important}.auth-card .eyebrow{color:#63e6ee!important}.auth-card small{color:#b8c9e0!important}.auth-card input{color:#f4f8ff!important;background:#071a35!important;border-color:#5277a6!important}.auth-card input::placeholder{color:#91a5c3!important}.auth-card .ghost{color:#fff!important;border-color:#6688b2!important}
@media(max-width:900px){.home-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-admin-card{grid-template-columns:1fr auto}.member-quick-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:600px){.home-dashboard,.home-community-section{width:calc(100% - 18px);margin:20px auto}.home-dashboard{padding:18px}.home-dashboard-grid{grid-template-columns:1fr}.section-title-row,.admin-panel-heading{align-items:flex-start;flex-direction:column}.compact-admin-card{grid-template-columns:1fr}.role-option-list{grid-template-columns:1fr}.member-quick-actions{grid-column:auto;flex-wrap:wrap}.modal-actions{flex-direction:column-reverse}.modal-actions>*{width:100%}}

/* v42 · scrollable public Home */
body[data-page="dragon-city-atlas"]{overflow-x:hidden!important;overflow-y:auto!important;background:#01040c!important}
body[data-page="dragon-city-atlas"]>main{width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}
.og-cinema{height:100svh;min-height:620px}
.og-scroll-cue{position:absolute;z-index:12;left:50%;bottom:20px;translate:-50% 0;display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:center;padding:11px 16px;border:1px solid rgba(114,227,235,.34);border-radius:999px;color:#f1f8ff;background:rgba(5,18,39,.72);box-shadow:0 10px 40px rgba(0,0,0,.4);backdrop-filter:blur(15px)}.og-scroll-cue span{font-weight:900}.og-scroll-cue small{grid-column:1;color:#9db2c9}.og-scroll-cue i{grid-column:2;grid-row:1/3;color:#ffd45b;font-size:1.35rem;font-style:normal;animation:homeCueBounce 1.5s ease-in-out infinite}.og-scroll-cue:hover{border-color:#74e8ef;background:#12345b}
.home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;scroll-margin-top:20px}.home-account-links{display:flex;gap:9px;flex-wrap:wrap}.home-account-links .ghost{color:#eef6ff!important}
@keyframes homeCueBounce{50%{transform:translateY(4px)}}
@media(max-width:600px){.og-cinema{min-height:100svh}.og-scroll-cue{bottom:10px}.og-scroll-cue small{display:none}.og-scroll-cue i{grid-row:1}.home-section-heading{align-items:flex-start;flex-direction:column}.home-account-links{width:100%}.home-account-links>*{flex:1}}
@media(prefers-reduced-motion:reduce){.og-scroll-cue i{animation:none}}

/* v43 · keep the main dashboard/navigation visible above the intro */
/* v44 · participant-visible private chat flows */
.private-chat-shell{width:min(900px,100%);margin:0 auto 60px;overflow:hidden;border:1px solid var(--nexus-line);border-radius:24px;background:linear-gradient(145deg,#0d2a4d,#07172f);box-shadow:var(--nexus-shadow);color:var(--nexus-text)}.private-chat-shell>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;border-bottom:1px solid rgba(112,156,217,.18);background:rgba(13,38,72,.88)}.private-chat-shell>header>div{display:flex;align-items:center;gap:9px}.private-chat-shell>header small{color:var(--nexus-muted)}.chat-status-dot{width:9px;height:9px;border-radius:50%;background:#59e59d;box-shadow:0 0 13px rgba(89,229,157,.7)}
.private-chat-stream{height:min(54vh,520px);padding:20px;overflow-y:auto;background:rgba(3,14,31,.72)}.private-chat-stream>div{width:min(78%,620px);margin:8px 0;padding:11px 13px;border:1px solid rgba(112,156,217,.18);border-radius:16px 16px 16px 4px;background:#102c50}.private-chat-stream>div.mine{margin-left:auto;border-radius:16px 16px 4px 16px;background:linear-gradient(135deg,#3c3d98,#176c88)}.private-chat-stream>div strong,.private-chat-stream>div span,.private-chat-stream>div small{display:block}.private-chat-stream>div strong{color:#7ee9ef;font-size:.78rem}.private-chat-stream>div span{margin:5px 0;color:#f1f7ff;white-space:pre-wrap;overflow-wrap:anywhere}.private-chat-stream>div small{color:#9eb2cd;font-size:.7rem;text-align:right}
.private-chat-compose{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px 20px;border-top:1px solid rgba(112,156,217,.18)}.private-chat-compose input{width:100%;min-width:0}.private-chat-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;border-top:1px solid rgba(112,156,217,.18);color:var(--nexus-muted)}.private-chat-actions form{margin:0}
@media(max-width:650px){.private-chat-shell>header,.private-chat-actions{align-items:flex-start;flex-direction:column}.private-chat-compose{grid-template-columns:1fr}.private-chat-compose button{width:100%}.private-chat-stream>div{width:90%}}
/* Notifications and conversation dashboards */
.dashboard-head h1,.dragon-card-name span,.dragon-modal h1{line-height:1.18!important;padding-bottom:.12em;overflow:visible!important}
.otp-input{font-size:2rem!important;letter-spacing:.45em;text-align:center;font-weight:800;color:#ffe082!important;background:#081423!important;border:1px solid #d8aa45!important}
.resend-form{margin-top:12px}
.notification-center{position:relative;z-index:80}.notification-center summary{list-style:none;cursor:pointer;position:relative;font-size:1.15rem;padding:10px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#0b1725}.notification-center summary::-webkit-details-marker{display:none}.notification-center summary b{position:absolute;right:-6px;top:-7px;min-width:19px;height:19px;border-radius:20px;background:#e64c57;color:#fff;display:grid;place-items:center;font-size:.68rem}.notification-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(390px,88vw);max-height:70vh;overflow:auto;background:#091421;border:1px solid rgba(245,196,81,.35);border-radius:16px;padding:14px;box-shadow:0 20px 55px #000b}.notification-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.notification-item{display:flex;flex-direction:column;gap:4px;padding:11px;border-radius:11px;color:#eaf2f7;text-decoration:none;border-left:3px solid transparent}.notification-item.unread{background:rgba(54,190,208,.11);border-left-color:#3ed2e3}.notification-item span,.notification-item small{color:#aebfcb}.notification-item:hover{background:rgba(245,196,81,.1)}
.trade-card-actions{display:flex;gap:9px;align-items:center;padding:10px 12px;background:rgba(4,11,18,.78);border-top:1px solid rgba(255,255,255,.08)}.chat-button{display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:9px 14px;border-radius:10px;border:1px solid #36c7d8;background:linear-gradient(135deg,#0a5061,#113444);color:#eaffff!important;text-decoration:none;font-weight:800}.chat-button b{background:#f2bd4b;color:#17202a;border-radius:20px;min-width:21px;height:21px;display:grid;place-items:center}.chat-button small{text-transform:capitalize;color:#b9f5ff}.applicant-dashboard-modal{width:min(880px,94vw);border:1px solid rgba(54,199,216,.4);border-radius:18px;background:#08131f;color:#edf7fa;padding:25px}.applicant-chat-dashboard{display:grid;grid-template-columns:minmax(220px,36%) 1fr;gap:18px}.applicant-chat-dashboard aside{display:flex;flex-direction:column;gap:7px;max-height:55vh;overflow:auto}.applicant-chat-dashboard aside a{display:flex;flex-direction:column;padding:12px;border-radius:11px;background:#102333;border:1px solid rgba(255,255,255,.09);color:#fff;text-decoration:none}.applicant-chat-dashboard aside a:hover{border-color:#42d3e2}.applicant-chat-dashboard aside small{text-transform:capitalize;color:#9fb9c6}.applicant-dashboard-hint{min-height:230px;display:grid;place-content:center;text-align:center;border:1px dashed rgba(255,255,255,.16);border-radius:14px;padding:24px;color:#aac0cc}
@media(max-width:720px){.notification-panel{position:fixed;right:4vw;top:74px}.applicant-chat-dashboard{grid-template-columns:1fr}.trade-card-actions{flex-wrap:wrap}.chat-button{flex:1}}

/* Compact multi-dragon trades and consistent readable interface text. */
body :is(h1,h2,h3,h4,h5,h6,p,span,strong,small,label,a,button,li,td,th,summary,input,textarea,select,option){color:#f4f8ff!important}
body :is(h1,h2,.eyebrow):not(.og-copy h2){background-image:linear-gradient(110deg,#72baff,#fff)!important;background-clip:text;-webkit-background-clip:text;color:#e3f1ff!important;-webkit-text-fill-color:transparent}
body :is(input,textarea,select,option){background-color:#071528!important;-webkit-text-fill-color:#f4f8ff}
body :is(input,textarea)::placeholder{color:#c5dfff!important}
body :is(.parchment-card,.post-card,.composer,dialog){background-color:#08172b!important}
body .trade-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr))!important;gap:20px!important;align-items:start}
body .trade-card-private{padding:0!important;border-radius:18px!important;min-width:0}
body .trade-card-preview{padding:16px!important}
body .trade-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body .trade-sides>div{background:#000!important;border:1px solid #254464!important;padding:10px!important;min-width:0;border-radius:12px}
body .trade-sides h3{font-size:.95rem;margin:0 0 10px}
body .trade-dragon-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:7px}
body .trade-image-quantity,body .trade-dragon-chip{display:grid;grid-template-rows:60px auto;justify-items:center;gap:4px;min-width:0;padding:5px!important;background:#000!important;border:1px solid #24384f;border-radius:9px!important}
body .trade-image-quantity img,body .trade-dragon-chip img{width:100%!important;height:60px!important;object-fit:contain;background:#000!important}
body .trade-image-quantity strong,body .trade-dragon-chip strong{font-size:.85rem;line-height:1.3;white-space:nowrap}
body .trade-missing-art{height:60px}
body .trade-sides:after{display:none!important}
body .trade-card-actions{padding:0 16px 12px}
body .trade-detail-modal{width:min(760px,calc(100% - 24px));padding:24px!important;max-height:85svh;overflow:auto}
body .trade-detail-modal h1{font-size:clamp(1.5rem,4vw,2.3rem);margin:16px 0;overflow-wrap:anywhere}
body .trade-detail-modal .trade-dragon-list{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}
body .trade-card-preview:focus-visible{outline:3px solid #8ecaff;outline-offset:-4px}
@media(max-width:420px){body .trade-card-preview{padding:10px!important}body .trade-sides>div{padding:6px!important}body .trade-detail-modal{padding:16px!important}}

/* Shared navigation geometry on every page, including the cinematic home. */
html{scrollbar-gutter:stable}
body>.topbar{display:flex!important;position:sticky!important;top:12px;left:auto;transform:none;width:min(1540px,calc(100% - 28px));margin:12px auto 0;padding:10px 13px;gap:12px;border-radius:26px;z-index:100}
.topbar .brand,.topbar .account-actions{flex-shrink:0}
.topbar nav{min-width:0;align-items:center}
.topbar nav a{flex-shrink:0;white-space:nowrap;padding:10px 9px}
.topbar .account-actions{white-space:nowrap}
.topbar a:focus-visible,.mobile-menu-toggle:focus-visible{outline:2px solid #a8d8ff;outline-offset:3px}
@media(min-width:1051px) and (max-width:1650px){.topbar .user-chip small{display:none}.topbar .brand span{font-size:.92rem}.topbar nav{gap:2px}.topbar nav a{padding:10px 7px}}
@media(max-width:1050px) and (min-width:761px){body>.topbar{flex-wrap:wrap}.topbar nav{order:3;width:100%;flex-basis:100%}.topbar .account-actions{margin-left:auto}}
@media(max-width:760px){body>.topbar{display:grid!important;top:6px;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;width:calc(100% - 12px);margin:6px auto 0;padding:8px 9px;border-radius:17px}.topbar nav{align-items:stretch}.topbar nav a{white-space:nowrap;padding:10px 12px}.topbar .brand span{font-size:.92rem}.topbar .account-actions{margin-left:0}}
.inline-button{display:inline-flex;width:auto}

/* v55 · player profiles, trader reputation and faster image-heavy lists */
.dragon-library-card,.post-card,.trade-card{content-visibility:auto;contain-intrinsic-size:auto 340px}
.user-chip{display:flex!important;align-items:center;gap:9px;text-align:left}.user-chip>img,.user-chip-fallback{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(121,209,255,.35);border-radius:11px;background:#020812;object-fit:contain;color:#fff;font-weight:900}.user-chip>span:last-child{display:grid;gap:1px}.user-chip small{color:#adc4df!important}
.profile-link{color:#7ee9ef!important;text-decoration:none;font-weight:800}.profile-link:hover{text-decoration:underline}
.player-profile-hero{display:grid;grid-template-columns:minmax(230px,340px) 1fr;align-items:center;gap:clamp(25px,5vw,72px);width:min(1080px,100%);margin:36px auto 24px;padding:clamp(22px,4vw,42px);border:1px solid rgba(112,191,255,.28);border-radius:28px;background:linear-gradient(145deg,#0d2d54,#071a34);box-shadow:0 24px 80px rgba(0,0,0,.42)}.player-profile-avatar{display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(115,197,255,.27);border-radius:24px;background:#000;overflow:hidden}.player-profile-avatar img{width:100%;height:100%;padding:7%;object-fit:contain;filter:none!important;image-rendering:-webkit-optimize-contrast}.player-profile-avatar>span{display:grid;place-items:center;width:45%;aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#2d78b0,#6c3ad1);font-size:clamp(3rem,9vw,7rem);font-weight:900}.player-profile-hero h1{margin:9px 0;font-size:clamp(2.6rem,7vw,5.5rem);overflow-wrap:anywhere}.player-profile-hero p{font-size:1.05rem}.player-profile-hero .ghost{display:inline-flex;margin-top:18px}
.trader-reputation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(1080px,100%);margin:0 auto 60px}.reputation-card{display:grid;align-content:center;gap:5px;min-height:160px;padding:24px;border:1px solid rgba(255,255,255,.16);border-radius:21px;background:#0a203e!important;text-align:left}.reputation-card strong{font-size:2.9rem}.reputation-card span{font-size:.87rem;font-weight:900;letter-spacing:.08em}.reputation-card.good{border-color:rgba(80,227,151,.42)}.reputation-card.good span{color:#63e7a3!important}.reputation-card.scammer{border-color:rgba(255,101,126,.48);cursor:pointer}.reputation-card.scammer span{color:#ff8da2!important}.reputation-card.scammer:not(:disabled):hover{transform:translateY(-2px);background:#321729!important}.reputation-card.scammer:disabled{cursor:default;opacity:.72}.reputation-card small{color:#aebfd7!important}
.evidence-modal{width:min(920px,calc(100% - 24px))!important}.evidence-review-list{display:grid;gap:18px;margin-top:20px}.evidence-review-list>article{padding:18px;border:1px solid rgba(255,117,142,.26);border-radius:17px;background:#07162a}.evidence-review-list .detail-gallery{margin:14px 0}.evidence-review-list .detail-gallery img{width:100%;max-height:520px;object-fit:contain;background:#000}
.trader-rating-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.trader-rating-option{position:relative;display:grid!important;gap:7px;padding:18px;border:1px solid rgba(126,192,244,.25);border-radius:16px;background:#081c37;cursor:pointer}.trader-rating-option input{position:absolute;opacity:0;pointer-events:none}.trader-rating-option:has(input:checked){border-color:#76dcff;box-shadow:0 0 0 2px rgba(118,220,255,.2);background:#113158}.trader-rating-option.scammer:has(input:checked){border-color:#ff738d;box-shadow:0 0 0 2px rgba(255,115,141,.2);background:#351529}.trader-rating-option strong{font-size:1rem}.trader-rating-option small{color:#adbed5!important}.scammer-evidence-fields{margin:16px 0;padding:18px;border:1px solid rgba(255,115,141,.35);border-radius:16px;background:rgba(92,16,41,.22)}
.profile-avatar-action{margin:7px 0 0}.profile-avatar-action button{width:100%}
body[data-page="dragon-info"] .dragon-focus{filter:saturate(1.05) contrast(1.08)!important;image-rendering:-webkit-optimize-contrast!important}
@media(max-width:760px){.account-actions .user-chip{display:none!important}.player-profile-hero{grid-template-columns:1fr;text-align:center;margin-top:18px}.player-profile-avatar{width:min(300px,82vw);margin:auto}.player-profile-hero .role-chip-row{justify-content:center}.trader-reputation,.trader-rating-options{grid-template-columns:1fr}.reputation-card{min-height:118px}}

/* v56 · profile likes, active fire and searchable avatar picker */
.player-profile-metrics{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0}.player-profile-metrics>span{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid rgba(116,192,255,.23);border-radius:999px;background:#071a34}.active-days-metric{border-color:rgba(255,157,54,.42)!important;background:linear-gradient(135deg,rgba(106,28,12,.42),rgba(26,26,55,.88))!important}.active-days-metric i{font-style:normal;font-size:1.45rem;filter:drop-shadow(0 0 8px rgba(255,112,29,.68));animation:profileFire 1.7s ease-in-out infinite}.profile-like-count{color:#ff9eb3!important}.player-profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.player-profile-actions form{margin:0}.profile-like-button{min-height:45px;padding:10px 18px;border:1px solid rgba(255,114,148,.55);border-radius:13px;background:#32152a;color:#ffd9e3!important;font-weight:900;cursor:pointer}.profile-like-button:hover,.profile-like-button.liked{background:#a5274b!important;border-color:#ff8cab}.profile-dragon-picker{width:min(980px,calc(100% - 24px))!important}.profile-dragon-search{position:sticky;z-index:3;top:-24px;display:grid!important;gap:7px;margin:18px 0;padding:15px 0;background:#08172b!important}.profile-dragon-search input{width:100%;font-size:1rem}.profile-dragon-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;max-height:55svh;overflow-y:auto;overscroll-behavior:contain;padding:2px 5px 12px 2px}.profile-dragon-results form{content-visibility:auto;contain-intrinsic-size:180px;margin:0}.profile-dragon-results button{display:grid;width:100%;height:100%;grid-template-rows:112px auto auto;gap:5px;padding:10px;border:1px solid rgba(115,191,255,.2);border-radius:14px;background:#06172f!important;cursor:pointer}.profile-dragon-results button:hover,.profile-dragon-results form.selected button{border-color:#68e2ee;box-shadow:0 0 0 2px rgba(104,226,238,.15)}.profile-dragon-results img{width:100%;height:112px;object-fit:contain;background:#000;border-radius:10px;image-rendering:-webkit-optimize-contrast}.profile-dragon-results span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}.profile-dragon-results small{color:#9fb6d2!important}@keyframes profileFire{50%{transform:translateY(-2px) scale(1.08);filter:drop-shadow(0 0 13px rgba(255,159,48,.86))}}@media(prefers-reduced-motion:reduce){.active-days-metric i{animation:none}}@media(max-width:760px){.player-profile-metrics,.player-profile-actions{justify-content:center}.profile-dragon-results{grid-template-columns:repeat(2,minmax(0,1fr))}}