/* DexPad field edition: a red pocket dex in an original pixel landscape. */
:root{--bg:#d9eee4;--shell:#bd3a4c;--shell-light:#fa7a76;--lime:#ffe49a;--ink:#263f3b;--paper:#faf9ef;--muted:#697a66;--line:#d5ddc8;--accent:#bf3a4e;color-scheme:light}
body{background:#d9eee4;color:#2b483f;isolation:isolate}
.world-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#d9eee4 url('assets/theme/field-landscape.svg') center bottom/cover no-repeat;image-rendering:pixelated}
.world-clouds{position:absolute;inset:2% -180px auto;height:220px;background:url('assets/theme/clouds.svg') left center/1200px 220px repeat-x;will-change:transform;animation:field-cloud-drift 55s linear infinite alternate;opacity:.78}
.world-clouds.far{top:19%;opacity:.38;background-size:900px 165px;height:165px;animation-duration:73s;animation-direction:alternate-reverse}
.world-crest{position:absolute;width:156px;height:156px;right:7%;top:31px;border:3px solid #fffbe673;border-radius:50%;transform:rotate(-18deg);animation:field-crest 12s ease-in-out infinite}
.world-crest:before{content:'';position:absolute;top:calc(50% - 1.5px);left:0;right:0;height:3px;background:#fffbe673}
.world-crest:after{content:'';position:absolute;inset:calc(50% - 17px);border:3px solid #fffbe6;border-radius:50%;background:#deeee3}
.field-mote{position:absolute;width:5px;height:5px;background:#fff9cf;box-shadow:4px 0 #fff9cf;opacity:0;animation:field-mote 9s ease-in-out infinite;left:var(--x);top:var(--y);animation-delay:var(--delay)}
.site-header{z-index:1}.site-brand>span{font-weight:700;letter-spacing:-1.25px}.site-brand span span,.brand-word>span{color:#b53549}.site-brand img{width:39px;height:39px;filter:drop-shadow(0 2px 0 #20433c13)}
.site-brand i,.brand-word i{color:#637e6a}.header-center{color:#385e4c;background:#f6fae998;border:1px solid #9fbea450;border-radius:20px;padding:9px 15px;letter-spacing:.07em;font-size:9px}.header-center .status-dot{background:#598b60;box-shadow:none;animation-name:field-led}
.quiet-button{color:#385945;border:1px solid #9db99c;background:#f8faed9c;padding:9px 13px;border-radius:5px}.quiet-button span{color:#b53549}.quiet-button:hover{background:#fffbed}
.outside-label{color:#406346;font-weight:600}.outside-label span:first-child:before{background:#bd3a4c}
.console{background:linear-gradient(132deg,#ffffff0f,transparent 40%),linear-gradient(135deg,var(--shell-light),var(--shell) 60%,color-mix(in srgb,var(--shell) 78%,#532633));border-color:color-mix(in srgb,var(--shell) 65%,#25343a);box-shadow:inset 0 2px 2px #ffd7bd99,inset 0 -6px 4px #26333c55,0 10px 0 color-mix(in srgb,var(--shell) 65%,#2c2934),0 15px 0 color-mix(in srgb,var(--shell) 35%,#24353a),0 30px 55px #33563d40}
.console:before{border-color:#ffd9b52b}.console:after{background:repeating-linear-gradient(90deg,transparent 0 37px,#ffe6b805 38px 39px,transparent 40px 69px),repeating-linear-gradient(0deg,transparent 0 39px,#ffe6b806 40px 41px,transparent 42px 72px)}
.shell-screw{background:linear-gradient(130deg,#8b3749,#e29c8f);box-shadow:inset 0 0 1px #4c2532}.shell-screw:after{background:#653342}
.screen-bezel{background:#25373d;box-shadow:0 1px 1px #ffddd050,inset 0 1px 4px #11282b}.bezel-title{color:#c7d9ce}.bezel-title i{background:#85d8df;box-shadow:0 0 6px #85d8df55}.bezel-bottom{color:#a0b6ac}.bezel-bottom span:last-child{color:#ffe49a}
.lcd{box-shadow:0 0 0 3px #172d30,inset 0 0 18px #45623a12}.os-bar{background:#f3eedc;border-bottom:2px solid #cc4958;color:#4b6752}.os-home b{color:#2f4c40}.os-home b span{opacity:1;color:#b43549}.os-home img{border-radius:0;width:18px;height:18px}.os-location{color:#6a7b64}
.os-status .os-credit-link #save-status{color:#345f72}.os-credit-link{background:#dfedf0;border-color:#b2d0d2}.battery{border-color:#668566}.battery:before{background:#7a9e70}.battery:after{background:#668566}
#screen-main{background-color:var(--paper);background-image:radial-gradient(#44684a0c .7px,transparent .8px);background-size:12px 12px;scrollbar-color:#b8c5a6 transparent}
.os-footer{background:#eeeedd;color:#6a7b61}.os-footer kbd{background:#e0e5cd;color:#526842}.footer-save i{background:#5d9367}
.dex-device-lights{height:31px;display:flex;align-items:flex-start;gap:5px;margin:4px 0 0}.dex-device-lights>i{height:6px;width:6px;border:1px solid #6e3142;border-radius:50%;margin-top:4px;background:#ffe49a}.dex-device-lights>i:last-child{background:#c0dd9b}
.dex-sensor{height:29px;width:29px;border:3px solid #fff0d5;border-radius:50%;background:radial-gradient(circle at 36% 29%,#eefeff 0 13%,#9de1ec 16% 33%,#459fc2 73%);box-shadow:0 0 0 1px #703044,0 2px 1px #742b3c55;position:relative}.dex-sensor:after{content:'';position:absolute;inset:2px;border:1px solid #d9f9f775;border-radius:50%}
.left-hardware>.hardware-label{margin:11px 0 18px}.hardware-label{color:#fff3d7d9}.power-label{color:#fff0d5}.power-led{background:#a5e8ed;animation-name:field-led}
.joystick{background:linear-gradient(145deg,#4e4a4c,#26373c);box-shadow:0 2px 1px #ffc7ae77,0 -2px 4px #65273a77}.joystick i{background:radial-gradient(circle at 40% 30%,#677477,#2c4044 70%);border-color:#26363e;box-shadow:inset 0 2px 2px #b0bebd55}
.dpad button,.dpad span{background:#293e43;color:#c4d6cb;box-shadow:inset 1px 1px 0 #667c7b}.dpad span{box-shadow:none}.dpad button:hover{background:#3c5b5b;color:#fff0bd}.speaker i{background:#7d2c40;box-shadow:1px 0 #ffc8b444}
.action-pad button{border-color:#4b343b;box-shadow:0 3px 0 #773044,inset 0 1px 2px #fff3d4}.action-pad button:nth-child(1){background:radial-gradient(circle at 35% 20%,#e3fcf8,#89ced9);color:#2b6578}.action-pad button:nth-child(2){background:radial-gradient(circle at 35% 20%,#e7efbf,#a2c48a);color:#435d39}.action-pad button:nth-child(3){background:radial-gradient(circle at 35% 20%,#fff0b0,#e5b956);color:#71512e}.action-pad button:nth-child(4){background:radial-gradient(circle at 35% 20%,#ffc4a3,#de8a7c);color:#713244}
.small-system-buttons button{color:#ffead3}.small-system-buttons button:before{background:#6a2c3c;box-shadow:1px 1px #ffb89b77}.system-key{color:#ffeed2}
.under-console{color:#3b6047}.under-console>span{padding:7px 10px;background:#f1f4dfc9;border:1px solid #a6bd945c;border-radius:4px}.under-console i{background:#5d8a53}.under-console b{color:#8e9b52}.under-console button{color:#375b43;background:#f4f4dfd9;border:1px solid #91af8655;border-radius:4px;padding:9px 13px}.under-console button:hover{background:#fffae8}
.eyebrow,.rewards-page .eyebrow{color:#5f7154}.eyebrow:before{background:#bd3a4c}.page-heading p,.fine-print,.rewards-page .fine-print{color:#637057}
.panel{background:#fffdf5}.primary{background:#b8334b;border-color:#b8334b;color:#fff8e8}.primary:hover{background:#9c283f;box-shadow:0 3px 0 #6d2335}.secondary{border-color:#bdcaaa;color:#49613d;background:#fbfbec}.secondary:hover{background:#eaf0d7}.text-button{color:#526f46}.text-button:hover{color:#a32b42}
.icon-button{background:#fffbee;border-color:#cfd7bd;color:#4e6950}.icon-button:hover{background:#f8ecd0}.filter-button.active,.filter-button:hover{background:#f9e7cc;border-color:#e2bc88;color:#80512c}.tiny-tag{background:#edf2de;color:#657754}
.field input,.field select,.field textarea,.search-input,.note-input{background:#fffef8;border-color:#cdd6b9}.progress{background:#e4e8d4}.progress i{background:#7c9b66}
.home-hero{background:#f1f0db;border-color:#c4d1ab;min-height:220px}.hero-copy{background:linear-gradient(90deg,#f5f1df 90%,#f5f1df00)}.hero-copy>span{color:#79663d}.hero-copy h1{color:#2b463c}.hero-copy h1 span{color:#b3374b}.hero-copy p{color:#5d704c}.hero-copy .text-button{color:#46693d}
.hero-art{background:#dbe6be url('assets/theme/hero-field.svg') center bottom/cover no-repeat}.hero-art:before{border:2px solid #88a97855;background:linear-gradient(180deg,#ffffff40 0 48%,#6f98672b 48% 51%,#faf2ce40 51%);box-shadow:0 0 0 19px #ffffef18,0 0 0 38px #ffffef10;width:166px;height:166px;top:22px}.hero-art:after{background:radial-gradient(ellipse,#5f865633,transparent 70%)}.hero-floating-card{background:#fffcf0ed;border-color:#d5d5ae;box-shadow:0 3px 0 #6981580c;color:#5d754c}.hero-tag{color:#567448}.pixel-spark{background:#efcf77;box-shadow:8px 0 #efcf77}
.app-tile{background:#fffdf2;border-color:#d8dec4;color:#354c3d;box-shadow:0 2px 0 #d8dfc329}.app-tile:hover,.app-tile.selected{background:#fff8e6;border-color:#cf6972;box-shadow:0 4px 0 #dab4a355}.lcd .app-tile.selected{box-shadow:inset 0 -3px #c34b58}.lcd .app-tile.selected:hover{box-shadow:0 4px 0 #dab4a355}.app-tile:after{color:#b2394d}.app-tile small{color:#68745a}.app-icon{border-color:#ffffff9c;box-shadow:inset 0 2px 0 #fffc,0 3px 0 #7b73551a}.home-credit-link{color:#967036}.home-credit-link span{color:#89764b}.journey-mini{background:#edf0da;border-color:#d7dfc1}.journey-mini p{color:#6a7c55}.level-badge b{background:#f7e4b5;color:#7b5b31}
.credit-badge{background:#fff0c6;border-color:#e0cb8b;color:#83612a}.hub-tabs button.active,.hub-tabs button:hover{color:#a83247;background:#f8e5d8;border-color:#dcaf9b}.hub-tabs button i{background:#bd3a4c}.wallet-panel{background:#294c49;border-color:#294c49}.wallet-panel>.eyebrow{color:#ccdfc4}.wallet-panel>.eyebrow:before{background:#ffe49a}.wallet-panel>p,.wallet-summary>span{color:#b4cdb8}.wallet-amount{color:#fff5d6}.wallet-amount small{color:#d4e0be}.credit-coin{background:#efd476;color:#76612b;border-color:#fff0b0}.wallet-summary button{color:#ffebad}.daily-panel{background:#fff7df;border-color:#e5d6ad}.streak-days .done{background:#d9e9c4;border-color:#b3cd95;color:#4d713e}.earn-rules{background:#f1f0db;border-color:#d7ddbf}.earn-rules b{color:#89703a}.pump-roadmap{background:#edf0dc;border-color:#d4dbbc}.pump-roadmap>div b{background:#e1e8ce;color:#66764b}
.evolution-row:hover,.evolution-row.active{background:#f9edda;border-color:#ddb6a0}.evolution-scene{background:linear-gradient(135deg,#f0f4da,#f7edda)}.evolution-ready:before{background:#ffe49a2e}.shop-item{background:#fffdf1;border-color:#d7dec2}.shop-item-icon{background:#e5edce;color:#62804a}.shop-item-icon.title{background:#dcecf0;color:#47798a}.shop-item-icon.shell{background:#ffe4d3;color:#ae5360}
.island-console{border-color:#7fa57c;box-shadow:0 3px 0 #5e86551c}.island-hud{background:#d9e9c9;color:#5d7c4f}.island-hud>span:first-child{color:#496d41}.island-location.active .island-pin{background:#fff0b6;border-color:#b89552}.trainer-cap{background:#d14d57;box-shadow:2px 3px 0 #ef8c76,0 -1px 0 #f7b39b}.trainer-body{background:#598b9f;border-left-color:#3f6d86;box-shadow:0 1px 0 #355966}.trainer-legs{background:#3b5267;box-shadow:6px 0 #3b5267}.island-trainer[data-facing=left] .trainer-cap{box-shadow:-2px 3px 0 #ef8c76}
.capture-ball{background:linear-gradient(#e85a64 0 45%,#2d3e42 45% 54%,#fff3d5 54%);border-color:#2d3e42}.toast{background:#fff3cf;color:#5b5932;border-color:#cdbc82}
/* Startup remains fully opaque while the cartridge powers up. */
.boot-overlay{background:#deede1;color:#2c4a40}.boot-overlay:before{background:linear-gradient(#e9f1e45c,#dde7c755),url('assets/theme/field-landscape.svg') center bottom/cover no-repeat;background-size:auto,cover;opacity:1}.boot-top{z-index:1}.boot-top>.mono{color:#5d7b65}.boot-top .brand-word{font-weight:700}.boot-bottom{z-index:2}.boot-step{color:#426147}.boot-track{background:#b9c9a5}.boot-track>i{background:#bf3a4e}.boot-bottom>.mono{color:#66835b}
.boot-handheld{background:linear-gradient(135deg,#fa8a7d,#d24c59 55%,#ac3049);border-color:#8b3d50;box-shadow:inset 0 2px 2px #ffe2bd88,inset 0 -5px 2px #81243b66,0 10px 0 #882a40,0 13px 0 #592f3e,0 35px 55px #305b4140}.boot-handheld:before{content:'';position:absolute;top:24px;left:30px;width:23px;height:23px;border-radius:50%;border:3px solid #fff3dc;background:radial-gradient(circle at 35% 28%,#edfffa 0 12%,#a5e6ef 16% 34%,#4baccb 72%);box-shadow:0 0 0 1px #7f3045}.boot-lcd{border-color:#293c40}.boot-slot{background:#582e39;border-color:#713440;box-shadow:inset 0 -2px #eb9e8e}.mini-dpad{color:#2a3b40;text-shadow:1px 1px #efbba0}.mini-buttons i{background:linear-gradient(#fff0b3,#e7c271);border-color:#6c3b3d;box-shadow:0 2px 0 #8b3747}.mini-buttons i:last-child{background:linear-gradient(#c5f0f2,#80c6d4)}.boot-handheld>small{color:#ffe8cc}.boot-cartridge{background:linear-gradient(120deg,#ecead8,#b4bda8);border-color:#e8ecd9}.cartridge-ridges{background:repeating-linear-gradient(90deg,#acb39d 0 5px,#d5d7bf 5px 9px)}.cartridge-label{background:#f6e3a1;border-color:#aea36c}.cartridge-label:before{background:repeating-linear-gradient(135deg,transparent 0 7px,#dbb76622 7px 8px)}.cartridge-label b{color:#65512c}.cartridge-label small{color:#7a6c43}.boot-screen-content img{width:49px;height:49px}.boot-screen-content strong{color:#345243}
.console[data-shell=gold] .hardware-label,.console[data-shell=gold] .power-label,.console[data-shell=gold] .system-key,.console[data-shell=gold] .small-system-buttons button{color:#58452f}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#2f809b}
.credits-paper{position:relative;background:#fffdf3f5;border:1px solid #c5d5b7;border-radius:12px;box-shadow:0 15px 50px #4d6a3b18}.credits-paper p a{color:#a83448}.credits-paper h1,.credits-paper h2{color:#2c4c3d}
.stat-label,.page-count,.home-launcher-label>span{color:#687656}.field-area-column .area-species>span,.habitat-state{color:#62784d}
@keyframes field-cloud-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-180px,0,0)}}
@keyframes field-crest{0%,100%{transform:translateY(0) rotate(-18deg)}50%{transform:translateY(9px) rotate(-13deg)}}
@keyframes field-mote{0%,100%{transform:translate3d(0,15px,0);opacity:0}35%,65%{opacity:.65}80%{transform:translate3d(12px,-30px,0);opacity:0}}
@keyframes field-led{0%,100%{opacity:.75}50%{opacity:1}}
@media(max-width:1100px){.header-center{font-size:7px;padding:8px 11px}.world-crest{right:3%}.hero-art:before{width:145px;height:145px;top:30px}}
@media(max-width:700px){.site-brand img{width:33px;height:33px}.header-center{display:none}.quiet-button{padding:8px 10px}.site-header{padding:0 20px}.world-clouds{background-size:900px 165px;height:165px;top:0}.world-clouds.far{top:22%;background-size:700px 128px;height:128px}.world-crest{width:108px;height:108px;top:27px;right:-25px;opacity:.65}.world-crest:after{inset:calc(50% - 13px);border-width:2px}.world-crest:before{height:2px}.field-mote{width:3px;height:3px}.console{box-shadow:inset 0 2px 2px #ffe5c588,inset 0 -5px 4px #741f3555,0 7px 0 #7b263b,0 11px 0 #542d37,0 23px 40px #35563c3d}.under-console{margin-top:25px;gap:5px}.under-console>span{padding:6px;font-size:5px}.under-console button{font-size:7px;padding:7px 8px;white-space:nowrap}.under-console b{padding-left:5px}.outside-label{font-size:6px}.home-hero{min-height:225px}.hero-copy{padding-left:15px;background:linear-gradient(90deg,#f5f1df 94%,#f5f1df00)}.hero-copy h1{font-size:25px;letter-spacing:-1.2px}.hero-copy h1 span{white-space:normal}.hero-art{background-position:58% bottom}.hero-art:before{width:107px;height:107px;top:56px;box-shadow:0 0 0 13px #ffffef18}.hero-tag{font-size:4px;right:8px;bottom:13px}.hero-copy .text-button{font-size:7px}.boot-top>.mono{font-size:6px}.boot-step{font-size:7px}.boot-screen-content img{width:43px;height:43px}.home-page .home-bottom .journey-mini{min-width:0}.site-brand>span{font-size:24px}.theme-credits{padding:20px 16px}}
@media(max-width:370px){.hero-copy h1{font-size:23px}.quiet-button{font-size:9px;gap:8px}.under-console>span{font-size:4px}.under-console button{font-size:6px}}