:root{color-scheme:dark;--jade:#a9d9ff}
body{background:#081626;color:#f1f6ff}
body::before{background:url('/img/index/landing-bg.webp') center/cover no-repeat}
.grass::before{background:url('/img/index/landing-bg.webp') center/cover no-repeat}
.account-panel,.rules-panel{background:linear-gradient(135deg,#142b43f0,#0b172deF);border-color:#9bbbe54a;box-shadow:0 22px 65px #02091870;backdrop-filter:blur(8px)}
.primary{color:#142b43}.primary:hover{background:#c4e5ff}
input,select{background:#08172dcc;border-color:#8ca9d34d;color:#f0f5ff}
input:focus,select:focus{border-color:#a9d9ff;box-shadow:0 0 0 3px #87bcf21a}
input::placeholder{color:#8399b4}
.brand small,.intro,.world-stats,.panel-note,label,.quiet,.show-password{color:#c5d7ec}
.eyebrow,.account-tabs button[aria-pressed=true],.opening-label{color:#d5eaff}
.account-tabs button[aria-pressed=true]{border-color:#a9d9ff}
.world-opening{border-color:#9ecbff80}.world-opening p,.panel-foot,footer{color:#b5c8dd}
.preview-card{background:linear-gradient(135deg,#152b43ef,#0d1b30ed);border-color:#9bbbe54a;backdrop-filter:blur(8px)}
.preview-kicker,.preview-card p{color:#bfd0e6}.preview-card strong{color:#f5f9ff}
.preview-tags span{color:#d0def0;border-color:#9bbbe540;background:#a5caff0c}
.effects-toggle{color:#c9ddf2;border-color:#9bbbe550;background:#142b4360}
.night-moths{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.night-moths span{position:absolute;left:8%;bottom:16%;width:18px;height:16px;animation:night-moth-flight 22s -5s ease-in-out infinite;opacity:0}
.night-moths span:nth-child(2){left:83%;bottom:12%;animation-duration:28s;animation-delay:-15s}
.night-moths span:nth-child(3){left:58%;bottom:7%;animation-duration:32s;animation-delay:-23s}
.night-moths span::before,.night-moths span::after{content:'';position:absolute;top:0;width:8px;height:13px;background:#a9cfe0a6;border:1px solid #d1e9f359;border-radius:80% 20% 65% 35%;transform-origin:right bottom;animation:night-moth-wing .26s ease-in-out infinite alternate}
.night-moths span::before{left:0}.night-moths span::after{right:0;transform-origin:left bottom;border-radius:20% 80% 35% 65%;animation-direction:alternate-reverse}
@keyframes night-moth-wing{from{transform:scaleX(.2) rotate(-12deg)}to{transform:scaleX(1) rotate(8deg)}}
@keyframes night-moth-flight{0%,100%{opacity:0;transform:translate(0,15px) rotate(-10deg)}15%{opacity:.65}40%{transform:translate(65px,-65px) rotate(15deg)}65%{opacity:.7;transform:translate(120px,-25px) rotate(-15deg)}85%{opacity:0;transform:translate(170px,-110px) rotate(10deg)}}
.effects-off .night-moths{display:none}
@media(max-width:700px){body::before{background:url('/img/index/landing-bg-mobile.webp') center/cover no-repeat}.grass::before{background:url('/img/index/landing-bg-mobile.webp') center/cover no-repeat}.night-moths span:nth-child(3){display:none}}
@media(prefers-reduced-motion:reduce){.night-moths{display:none}}