:root{--bg:#fff5e5;--ink:#30382f;--blue:#528edb;--mint:#68b69c;--paper:#fffaf0}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:'DM Mono',monospace;font-size:13px;overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:3px}#desktop{height:calc(100dvh - 55px);position:relative;overflow:hidden}.topline{position:absolute;top:24px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;opacity:.43}.shortcuts{position:absolute;top:72px;left:28px;display:grid;grid-template-rows:repeat(4,100px);grid-auto-flow:column;gap:15px 24px;z-index:2}.shortcut{width:94px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;background:none;border:1px solid transparent;border-radius:8px}.shortcut:hover,.shortcut:focus-visible{background:#ffffff70;border-color:#dbc9ae}.shortcut svg{width:51px;height:51px;filter:drop-shadow(2px 4px 0 #d2b88f22);transition:transform .15s}.shortcut:hover svg{transform:translateY(-4px)}.shortcut span{font-size:11px;background:#fffaf0c4;padding:2px 5px}.wallpaper{position:absolute;left:56%;top:47%;transform:translate(-50%,-50%);width:550px;text-align:center;user-select:none}.sun{position:absolute;width:370px;height:370px;border-radius:50%;background:#d4e5fa;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.65;z-index:-1}.wordmark{font-family:Nunito,sans-serif;font-weight:1000;letter-spacing:-6px;font-size:90px;line-height:1.1;color:#6f7160}.wordmark span{color:#79a4da}.wordmark sup{font-family:monospace;letter-spacing:0;font-size:16px;vertical-align:top;display:inline-block;margin-top:25px;margin-left:8px}.mascot{width:96px;height:77px;margin:27px auto 20px;position:relative;background:#79a4da;border-radius:15px 15px 13px 13px;transform:skew(-7deg)}.mascot:after{content:'';position:absolute;width:80px;height:12px;bottom:-10px;left:8px;background:#79a4da;border-radius:5px}.mascot:before{content:'';position:absolute;right:1px;top:-12px;width:17px;height:17px;border-radius:4px;background:#8fc4a8}.mascot i{display:flex;gap:21px;position:absolute;inset:12px 11px 16px;background:#6f7160;border-radius:8px;align-items:center;justify-content:center}.mascot b{width:12px;height:13px;background:var(--bg);border-radius:3px}.wallpaper p{font-size:11px;letter-spacing:1px;color:#989480;margin-top:32px}.version{font-size:8px;letter-spacing:2px;color:#b9aa91}.cloud{position:absolute;background:#fffdf5;height:35px;clip-path:polygon(0 45%,15% 45%,15% 0,62% 0,62% 30%,100% 30%,100% 100%,0 100%)}.c1{width:230px;left:37%;top:19%}.c2{width:165px;right:5%;top:45%;opacity:.7}.c3{width:120px;left:24%;top:65%}.spark{position:absolute;color:#99c7ac;font-size:24px}.s1{left:43%;top:12%}.s2{right:14%;bottom:26%;color:#79a4da}.s3{right:5%;top:20%}.land{position:absolute;bottom:0;width:100%;pointer-events:none;clip-path:polygon(0 55%,5% 55%,5% 25%,10% 25%,10% 40%,17% 40%,17% 65%,29% 65%,29% 40%,34% 40%,34% 10%,39% 10%,39% 35%,44% 35%,44% 65%,58% 65%,58% 50%,70% 50%,70% 20%,75% 20%,75% 40%,82% 40%,82% 60%,93% 60%,93% 30%,100% 30%,100% 100%,0 100%)}.l1{height:110px;background:#c3e4d2}.l2{height:75px;background:#99d2b8;transform:scaleX(-1)}.l3{height:40px;background:#6dbb9d}.grass{position:absolute;bottom:10px;width:55px;height:4px;background:#d6ebcd}.g1{left:5%}.g2{left:45%;width:120px}.g3{right:9%}.welcome{position:absolute;right:35px;bottom:105px;padding:22px 25px;background:#fffaf0c9;border:1px solid #e0d4bc;box-shadow:4px 4px 0 #e0d4bc44;border-radius:8px;max-width:300px}.welcome>span{font-size:8px;letter-spacing:1.2px;color:#4673aa}.welcome p{font-family:Nunito;font-size:19px;font-weight:800;margin:12px 0 7px}.welcome small{font-size:10px;color:#99917d}.welcome button{position:absolute;right:6px;top:4px;border:0;background:none;color:#99917d}.taskbar{height:55px;background:var(--paper);border-top:2px solid var(--ink);display:flex;align-items:center;gap:10px;padding:7px 13px;position:relative;z-index:100}.start{height:39px;background:#cde1fa;border:2px solid var(--ink);border-radius:8px;box-shadow:2px 2px 0 #30382f;display:flex;align-items:center;gap:8px;font-size:22px;padding:0 13px}.start strong{font-family:Nunito;font-size:20px;font-weight:1000;letter-spacing:-1px}.start strong span{color:#3977bc}.divider{width:1px;background:#d8cdb9;height:26px}#tasks{display:flex;gap:6px;overflow:auto}#tasks button{background:#eee7d8;border:1px solid #b9b4a5;border-radius:5px;padding:7px 14px;white-space:nowrap}#tasks button.active{background:#d7eadb}.tray{margin-left:auto;display:flex;align-items:center;gap:17px;white-space:nowrap}.online{font-size:10px;color:#6b9f83}.tray button{border:0;background:none;font-size:20px}#clock{font-size:12px}#showdesktop{height:33px;width:8px;border:1px solid #d3c8b6;border-radius:3px}.start-menu{position:absolute;bottom:64px;left:13px;width:280px;background:var(--paper);border:2px solid var(--ink);border-radius:9px;box-shadow:5px 5px 0 #30382f2a;z-index:110;overflow:hidden}.menu-head{padding:20px;background:#d5e6fc;font:1000 29px Nunito}.menu-head span{color:#3977bc}.menu-head small{display:block;font:10px 'DM Mono';margin-top:6px}#menuapps{display:grid;grid-template-columns:1fr 1fr;padding:10px}#menuapps button{border:0;background:none;padding:12px;text-align:left;border-radius:5px}#menuapps button:hover{background:#e5efdf}.start-menu footer{border-top:1px solid #dfd6c4;padding:12px;font-size:9px}.window{position:absolute;width:540px;max-width:calc(100vw - 24px);height:390px;max-height:calc(100dvh - 105px);background:var(--paper);border:2px solid var(--ink);border-radius:9px;box-shadow:7px 8px 0 #30382f25;display:flex;flex-direction:column;overflow:hidden;z-index:5}.window.max{left:12px!important;top:12px!important;width:calc(100% - 24px);height:calc(100% - 24px)}.titlebar{background:#cbdff7;border-bottom:2px solid var(--ink);padding:8px 10px;display:flex;align-items:center;gap:6px;touch-action:none;cursor:grab;user-select:none}.titlebar strong{flex:1;font-size:12px;font-weight:500}.titlebar button{border:1px solid var(--ink);border-radius:4px;width:24px;height:23px;background:var(--paper)}.titlebar button:last-child{background:#8eb4e7}.content{padding:25px;overflow:auto;flex:1}.content h1{font:900 30px Nunito;margin:0 0 12px}.content h2{font:800 19px Nunito}.content p{font-size:12px;line-height:1.9;color:#7c7b69}.tag{color:#4673aa;font-size:9px;letter-spacing:1.5px}.primary,.themebtn{border:1.5px solid var(--ink);background:#b6d3f5;border-radius:5px;padding:10px 15px;box-shadow:2px 2px 0 var(--ink);margin:7px 7px 5px 0}.note{resize:none;width:100%;height:200px;padding:15px;background:#fffae9;border:1px solid #cdbfa7;border-radius:4px;line-height:1.8}.status{font-size:9px;color:#799780;margin-top:10px}.calc-display{background:#dae9cd;padding:15px;font-size:25px;text-align:right;border:2px solid var(--ink);border-radius:4px;overflow:hidden}.keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.keys button{border:1px solid #9b9b88;background:#fff7e8;padding:10px;border-radius:4px}.keys button:last-child{background:#a8ccf5}.folder{padding:12px 0;border-bottom:1px dashed #d6c8b2}.folder b{display:block;margin-bottom:6px}.folder small{color:#92917d}.color-dot{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:middle;margin-right:5px}.statrow{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e1d9ca}.focus-clock{text-align:center;font-size:63px;margin:25px 0}.center{text-align:center}.window[hidden]{display:none}@media(max-width:700px){.topline{left:19px;right:19px;font-size:8px;letter-spacing:1px}.topline span:last-child{display:none}.shortcuts{top:55px;left:12px;grid-template-rows:repeat(2,90px);grid-template-columns:repeat(4,1fr);grid-auto-flow:row;gap:8px;width:calc(100% - 24px)}.shortcut{width:auto}.shortcut svg{width:44px;height:44px}.shortcut span{font-size:9px}.wallpaper{left:50%;top:65%;width:100%}.sun{width:260px;height:260px}.wordmark{font-size:62px;letter-spacing:-4px}.mascot{transform:scale(.8) skew(-7deg);margin:15px auto}.wallpaper p{font-size:8px;margin-top:15px}.version,.welcome{display:none}.online{display:none}.tray{gap:7px}.taskbar{gap:5px;padding:7px}.start{padding:0 7px}.start strong{font-size:17px}#tasks button{padding:8px;font-size:10px}.window{left:12px!important;top:20px!important}.content{padding:18px}.c1{top:40%;left:8%}.c2{top:72%}}
.brand-mascot{display:block;width:100px;height:100px;margin:20px auto}.feature-window{width:670px;height:560px}.field{display:flex;flex-direction:column;gap:7px;margin:14px 0;font-size:11px}.field input,.field textarea,.field select,.search{width:100%;padding:11px;background:#fffdf6;border:1px solid #c6cbbc;border-radius:6px;color:var(--ink);font:inherit}.field textarea{resize:vertical}.formrow{display:flex;gap:10px;align-items:center}.grow,.search{flex:1;min-width:0}.notice{padding:16px;background:#eaf1f8;border:1px solid #ccdeec;border-radius:7px;margin:12px 0;line-height:1.7}.notice p{margin:7px 0}.notice small{display:block}.model-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.model-card,.assistant-card,.wallet-card{padding:16px;border:1px solid #d5dccc;border-radius:8px;margin-top:10px;background:#fffdf6}.model-card h2{margin:9px 0}.model-card p{font-size:11px}.model-card small{display:block;margin-top:12px;font-size:10px;color:#758372}.prices{display:flex;gap:15px;font-size:9px;background:#eaf1f8;padding:10px;border-radius:4px}.prices b{display:block;margin-top:5px;font-size:14px}.textbutton{background:none;border:0;color:#3b6da9;text-decoration:underline;padding:8px}.small{font-size:10px!important}.assistant-form{padding:15px;border:1px solid #acc5df;border-radius:7px}.direction{padding:10px;border:1px solid #abc1d8;border-radius:6px;background:#f7f9fa}.direction.selected{background:#cde1fa}.wallet-card code{display:block;overflow-wrap:anywhere;margin-top:10px}.chat-log{height:210px;overflow:auto;padding:12px;border:1px solid #d6dfcf;border-radius:7px;background:#f7faf4;margin-top:15px}.empty-chat{text-align:center;padding:50px 5px}.bubble{padding:13px;margin:10px 0;border-radius:7px;background:#e4eefa;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7}.bubble.user{background:#e4efdf;margin-left:25px}.bubble b{display:block;font-size:10px;margin-bottom:5px}.bubble.assistant{margin-right:25px}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.primary{font-size:11px}.status{overflow-wrap:anywhere}.feature-window .content{padding:22px}.shortcuts{grid-template-rows:repeat(4,95px);gap:10px 12px}.start-menu{max-height:calc(100dvh - 75px);overflow:auto}@media(max-width:700px){.shortcuts{grid-template-rows:repeat(3,75px);gap:5px}.shortcut svg{width:36px;height:36px}.wallpaper{top:70%}.brand-mascot{width:75px;height:75px;margin:12px auto}.feature-window{max-height:calc(100dvh - 90px)}.model-list{grid-template-columns:1fr}.feature-window .content{padding:16px}.formrow{flex-wrap:wrap}.field select{max-width:100%}.chat-log{height:180px}}

@font-face{font-family:Pixel;src:url(fonts/pixelify-regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Pixel;src:url(fonts/pixelify-bold.ttf) format("truetype");font-weight:700;font-display:swap}
*{font-family:Pixel,monospace!important}body{font-size:15px}.wordmark{font-size:88px;font-weight:700;letter-spacing:-2px}.wordmark sup{font-size:16px}.content h1{font-size:32px;font-weight:700}.content p{font-size:14px;line-height:1.6}.shortcut span{font-size:14px;background:#fffaf0dd}.shortcut svg{width:48px;height:48px;image-rendering:pixelated;filter:drop-shadow(2px 3px 0 #30382f20)}.brand-mascot{width:96px;height:96px;image-rendering:pixelated}.start strong{font-size:23px;letter-spacing:0}.menu-head{font-size:30px}.welcome p{font-size:23px}.titlebar strong{font-size:15px}.window,.titlebar button,.primary,.themebtn,.start,.start-menu,.model-card,.assistant-card,.notice,.wallet-card,.direction,.field input,.field textarea,.field select,.search,.chat-log,.bubble,.welcome{border-radius:0}.primary{font-size:14px}.topline,.tag,.version{letter-spacing:1px}.tag,.small,.status,.model-card small{font-size:12px!important}.model-card p{font-size:13px}.prices{font-size:12px}.tray time{font-size:15px}.wallpaper p{font-size:14px}.field{font-size:14px}.bubble{font-size:15px}.bubble b{font-size:13px}.shortcut{border-radius:0}.window{box-shadow:6px 6px 0 #30382f35}@media(max-width:700px){.wordmark{font-size:56px;letter-spacing:-1px}.shortcut svg{width:40px;height:40px}.shortcut span{font-size:12px}.wallpaper p{font-size:11px}.start strong{font-size:20px}.brand-mascot{width:64px;height:64px}}

#tasks{min-width:0}.tray{flex-shrink:0}#wallet-taskbar{font-size:14px;background:#cde1fa;border:1px solid #30382f;padding:6px 10px;white-space:nowrap}.miner-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.miner-stats>div{padding:15px;background:#eaf1f8;border:1px solid #bfd3e9}.miner-stats small{display:block;font-size:11px;color:#4673aa}.miner-stats b{display:block;font-size:23px;margin-top:8px}.miner-progress{width:100%;height:15px;accent-color:#528edb}.miner-intensity{accent-color:#528edb}.shortcuts{grid-template-rows:repeat(5,85px);gap:7px 12px}@media(max-width:700px){.shortcuts{grid-template-rows:repeat(4,66px);grid-template-columns:repeat(4,1fr);gap:2px;top:40px}.shortcut svg{width:32px;height:32px}.shortcut{gap:3px}.shortcut span{font-size:11px}.wallpaper{top:76%}.sun{width:210px;height:210px}.wordmark{font-size:45px}.brand-mascot{width:48px;height:48px;margin:8px auto}.tray{gap:4px}#wallet-taskbar{font-size:12px;padding:6px}#sound{display:none}.start strong{font-size:16px}.start img{width:20px;height:20px}.miner-stats{gap:7px}}

/* Tray link for X */
#tray-x{display:inline-flex;align-items:center;gap:6px;font-size:13px;background:#cde1fa;border:1px solid #30382f;padding:6px 10px;color:var(--ink);text-decoration:none;white-space:nowrap;transition:background .15s,transform .1s}
#tray-x:hover{background:#b8d6fa;transform:translateY(-1px)}
#tray-x svg{width:14px;height:14px;display:block}

/* X profile card inside BLUE OS */
.x-card{background:#fffdf6;border:2px solid #30382f;padding:16px;margin:14px 0;box-shadow:4px 4px 0 #30382f25}
.x-card-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.x-card-avatar{width:44px;height:44px;background:#152232;border:1px solid #30382f;display:flex;align-items:center;justify-content:center}
.x-card-avatar svg{width:24px;height:24px;fill:#ffffff}
.x-card-name{font-size:18px;font-weight:700}
.x-badge{background:#528edb;color:#fff;font-size:11px;padding:1px 5px;margin-left:4px;vertical-align:middle}
.x-card-handle{font-size:13px;color:#4673aa;margin-top:2px}
.x-card-bio{font-size:13px;line-height:1.6;color:#55594e;margin:10px 0}
.x-card-url{font-size:12px;margin-top:12px;padding-top:8px;border-top:1px dashed #d5dccc}
.x-card-url code{color:#254d7e;background:#eaf1f8;padding:3px 7px;font-size:13px}
.x-direct-btn{text-decoration:none;display:inline-flex;align-items:center}

/* Pixel city scenery: tiled layers move at different speeds */
#desktop{isolation:isolate;animation:auto-day-night-sky 72s ease-in-out infinite}
.scenery{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.sky-stars{position:absolute;inset:0;animation:auto-day-night-stars 72s ease-in-out infinite,star-sparkle 3s ease-in-out infinite}
.sky-stars:before{content:'';position:absolute;left:36%;top:13%;width:3px;height:3px;background:#fff7db;box-shadow:120px 30px #fff7db,270px -20px #fff7db,450px 60px #fff7db,-70px 120px #fff7db,640px 15px #fff7db,230px 130px #fff7db}
@keyframes star-sparkle{0%,100%{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}

/* Celestial bodies with automatic day/night trajectory */
.pixel-sun,.pixel-moon{position:absolute;width:96px;height:96px;will-change:transform,opacity;pointer-events:none}
.pixel-sun{animation:auto-day-night-sun 72s ease-in-out infinite}
.sun-rays{animation:sun-rotate 40s linear infinite;transform-origin:32px 32px}
@keyframes sun-rotate{to{transform:rotate(360deg)}}
.pixel-moon{animation:auto-day-night-moon 72s ease-in-out infinite,moon-drift 40s ease-in-out infinite alternate}

.sky-track,.city-track{position:absolute;left:0;width:calc(100% + 1200px);background-repeat:repeat-x;animation:city-pass linear infinite;will-change:transform}
.sky-track{height:250px;background-image:url(sky-clouds.svg);background-size:1200px 250px}
.clouds-back{top:8%;opacity:.45;animation:city-pass 180s linear infinite -40s,auto-day-night-clouds 72s ease-in-out infinite}
.clouds-front{top:25%;opacity:.65;animation:city-pass 110s linear infinite -65s,auto-day-night-clouds 72s ease-in-out infinite}
.city-track{height:280px;bottom:0;background-size:1200px 280px}
.city-far{background-image:url(city-far.svg);bottom:30px;opacity:.6;animation:city-pass 150s linear infinite -32s,auto-day-night-city 72s ease-in-out infinite}
.city-middle{background-image:url(city-middle.svg);bottom:8px;animation:city-pass 85s linear infinite -24s,auto-day-night-city 72s ease-in-out infinite}
.city-near{background-image:url(city-near.svg);bottom:-23px;animation:city-pass 45s linear infinite -14s,auto-day-night-city 72s ease-in-out infinite}
.rail-track{position:absolute;bottom:0;left:0;height:20px;width:calc(100% + 120px);background:repeating-linear-gradient(90deg,#183553 0 9px,transparent 9px 120px);border-top:5px solid #183553;border-bottom:5px solid #183553;animation:rail-pass 3s linear infinite,auto-day-night-rail 72s ease-in-out infinite}
.wallpaper{top:44%;z-index:0}
.wallpaper .sun{display:none}
.wordmark{animation:auto-day-night-wordmark 72s ease-in-out infinite}
.wordmark span{animation:auto-day-night-wordmark-span 72s ease-in-out infinite}
.wallpaper p{animation:auto-day-night-p 72s ease-in-out infinite}
.topline{opacity:1;color:#42617e;z-index:1}
.welcome{bottom:60px;background:#fffaf0ed;z-index:1}
.shortcut span{background:#f3f7f5e8;color:#253b55}
#windows{position:absolute;inset:0;z-index:4;pointer-events:none}
#windows .window{pointer-events:auto}

/* ==================== AUTOMATIC DAY-NIGHT ANIMATIONS ==================== */
@keyframes auto-day-night-sky{
  0%,100%{background:linear-gradient(180deg,#c9829f 0%,#e89f8b 32%,#fcd699 64%,#eef2ea 100%)}
  25%,45%{background:linear-gradient(180deg,#478fde 0%,#79b7f0 42%,#bbe3fb 75%,#edf6fd 100%)}
  55%,70%{background:linear-gradient(180deg,#2b1f48 0%,#692d5c 28%,#bf464b 58%,#f27e46 80%,#fcd578 100%)}
  78%,93%{background:linear-gradient(180deg,#091322 0%,#12213a 42%,#1c3253 72%,#243f60 100%)}
}

@keyframes auto-day-night-sun{
  0%{left:18%;top:22%;opacity:1;transform:translate(0,0) scale(1);filter:drop-shadow(0 0 35px #ffa25a88)}
  25%,45%{left:58%;top:8%;opacity:1;transform:translate(0,0) scale(1.1);filter:drop-shadow(0 0 45px #ffe57a99)}
  55%,70%{left:46%;top:48%;opacity:.96;transform:translate(0,0) scale(1.35);filter:drop-shadow(0 0 55px #ff512fdd) hue-rotate(-20deg) saturate(1.3)}
  75%{left:46%;top:70%;opacity:0;transform:translateY(60px) scale(.7)}
  78%,93%{left:46%;top:75%;opacity:0;transform:translateY(80px) scale(.7)}
  96%{left:14%;top:38%;opacity:0}
  100%{left:18%;top:22%;opacity:1;transform:translate(0,0) scale(1);filter:drop-shadow(0 0 35px #ffa25a88)}
}

@keyframes auto-day-night-moon{
  0%,48%{right:16%;top:15%;opacity:0;transform:translateY(60px) scale(.7)}
  55%,70%{right:16%;top:14%;opacity:.35;transform:translateY(15px) scale(.85);filter:drop-shadow(0 0 15px #ffd9aa44)}
  78%,93%{right:16%;top:8%;opacity:1;transform:translate(0,0) scale(1);filter:drop-shadow(0 0 30px #fff4cf88)}
  97%{right:16%;top:12%;opacity:0;transform:translateY(40px) scale(.8)}
  100%{opacity:0}
}

@keyframes auto-day-night-stars{
  0%,48%{opacity:0}
  55%,70%{opacity:.4}
  78%,93%{opacity:.95}
  98%,100%{opacity:0}
}

@keyframes auto-day-night-clouds{
  0%,100%{filter:sepia(.3) hue-rotate(-25deg) brightness(1.05) saturate(1.2);opacity:.7}
  25%,45%{filter:brightness(1.15);opacity:.85}
  55%,70%{filter:sepia(.7) hue-rotate(-45deg) saturate(2.2) brightness(.95);opacity:.85}
  78%,93%{filter:brightness(.45) contrast(1.25) hue-rotate(20deg);opacity:.55}
}

@keyframes auto-day-night-city{
  0%,100%{filter:sepia(.3) hue-rotate(-30deg) brightness(1.0) saturate(1.2)}
  25%,45%{filter:none}
  55%,70%{filter:sepia(.4) hue-rotate(-50deg) brightness(.8) saturate(1.35)}
  78%,93%{filter:brightness(.55) contrast(1.3) saturate(.85) hue-rotate(15deg)}
}

@keyframes auto-day-night-rail{
  0%,100%{border-color:#4a3249}
  25%,45%{border-color:#183553}
  55%,70%{border-color:#381a38}
  78%,93%{border-color:#0b1828}
}

@keyframes auto-day-night-wordmark{
  0%,100%{color:#4a2c47;text-shadow:3px 3px #fed2c2}
  25%,45%{color:#214b74;text-shadow:3px 3px #d6ebfc}
  55%,70%{color:#ffe6c2;text-shadow:3px 3px #441738}
  78%,93%{color:#cbe2fb;text-shadow:3px 3px #08111c}
}

@keyframes auto-day-night-wordmark-span{
  0%,100%{color:#bf6074}
  25%,45%{color:#468fd8}
  55%,70%{color:#ff9858}
  78%,93%{color:#6daaf0}
}

@keyframes auto-day-night-p{
  0%,100%{color:#5a3b54}
  25%,45%{color:#315d86}
  55%,70%{color:#ffd7b2}
  78%,93%{color:#9ec3eb}
}

@keyframes city-pass{to{transform:translateX(-1200px)}}
@keyframes rail-pass{to{transform:translateX(-120px)}}
@keyframes moon-drift{from{transform:translate(0,0)}to{transform:translate(-25px,8px)}}

@media(max-width:700px){
  #tray-x span{display:none}
  #tray-x{padding:5px 7px}
  .topline{max-width:190px;top:10px;left:10px;font-size:8px}
  .pixel-sun{width:64px;height:64px}
  .pixel-moon{right:9%;top:46%;width:68px;height:68px}
  .clouds-back{top:30%}
  .clouds-front{top:55%}
  .city-track{bottom:-95px}
  .city-far{bottom:-65px}
  .city-middle{bottom:-85px}
  .wallpaper{top:73%}
  .wallpaper p{background:#e7f0f5cf;display:inline;padding:2px 6px}
  .rail-track{height:13px}
  .wordmark{font-size:43px}
}