:root{--color-base: hsl(0, 0%, 55%);--color-light: hsl(0, 0%, 90%);--color-dark: hsl(0, 0%, 10%);--datamon-shell-padding: clamp(12px, 3vw, 28px);--datamon-stage-width: min(800px, calc((100dvh - (var(--datamon-shell-padding) * 2)) * 10 / 9))}html{touch-action:none;min-height:100%}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 18% 20%,rgb(124 58 237 / .28),transparent 30rem),radial-gradient(circle at 82% 82%,rgb(20 184 166 / .2),transparent 28rem),linear-gradient(135deg,#21172f,#43384d 48%,#1f2937);color:#f8f3df;overflow-x:hidden}@media(display-mode:fullscreen){body{background:#000}}#app{display:flex;justify-content:center;align-items:center;width:100%;height:100%}#app>div:first-child{transform-origin:center!important}#datamon-shell{box-sizing:border-box;display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,var(--datamon-stage-width)) minmax(140px,1fr);align-items:center;justify-content:center;gap:clamp(12px,2.4vw,32px);width:100%;min-height:100dvh;padding:var(--datamon-shell-padding)}#datamon-stage{box-sizing:border-box;width:100%;max-width:var(--datamon-stage-width);aspect-ratio:10 / 9;padding:clamp(6px,1vw,10px);border:2px solid rgb(248 243 223 / .42);border-radius:18px;background:linear-gradient(180deg,rgb(255 255 255 / .1),transparent 24%),#0f172a9e;box-shadow:0 28px 80px #0006,inset 0 0 0 1px #0006}.datamon-side-panel{box-sizing:border-box;align-self:center;max-width:280px;padding:clamp(14px,1.7vw,22px);border:2px solid rgb(248 243 223 / .34);border-radius:16px;background:#0f172a80;box-shadow:0 18px 54px #00000040;font-family:emerald,monospace;text-shadow:2px 2px 0 rgb(0 0 0 / .32)}.datamon-side-panel-right{justify-self:start}.brand-logo-stack{display:flex;flex-direction:column;align-items:center;justify-self:end;justify-content:center;gap:clamp(18px,3vw,34px);width:min(240px,100%)}.brand-logo{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 18px 38px rgb(0 0 0 / .36))}.brand-logo-datadog{max-width:clamp(130px,16vw,210px)}.brand-logo-mozilla{max-width:clamp(120px,14vw,180px)}.datamon-side-panel h1{margin:0 0 12px;font-size:clamp(2.4rem,5vw,4.2rem);line-height:.86;letter-spacing:.03em}.datamon-side-panel p{margin:0;font-size:clamp(1.2rem,1.6vw,1.75rem);line-height:1.08}.datamon-eyebrow{margin-bottom:10px!important;color:#7dd3fc;text-transform:uppercase}.datamon-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.datamon-chip-row span,.datamon-side-panel kbd{border:1px solid rgb(248 243 223 / .45);border-radius:999px;background:#f8f3df1f;color:#fef9c3}.datamon-chip-row span{padding:5px 9px 3px;font-size:1.1rem}.datamon-side-panel ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.datamon-side-panel li{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:clamp(1.15rem,1.45vw,1.55rem)}.datamon-side-panel kbd{padding:4px 8px 2px;font-family:inherit;white-space:nowrap}.datamon-side-panel .datamon-hint{margin-top:18px;color:#bae6fd}@media(max-width:860px){:root{--datamon-stage-width: min(800px, calc(100vw - 24px) , calc((100dvh - 24px) * 10 / 9))}#datamon-shell{display:flex;min-height:100dvh;padding:12px}.brand-logo-stack,.datamon-side-panel{display:none}}@media(orientation:landscape)and (pointer:fine){#app{align-items:center}}@media(pointer:coarse){body:has(>#touchControls[class=visible]) #app{align-items:start}body:has(>#touchControls[class=visible]) #app>div:first-child{transform-origin:top!important}}#layout:fullscreen #dpad,#layout:fullscreen{bottom:6rem}input:-webkit-autofill{-webkit-text-fill-color:#a1a1a1}input{font-size:3.2rem}.hidden{display:none!important}#touchControls{--text-shadow-size: .65vh;--controls-size: 10vh;--touch-control-opacity: .6;--controls-padding: 1rem;--controls-size-with-padding: calc( var(--controls-size) + var(--controls-padding) );--controls-size-with-wide-padding: calc( var(--controls-size) * 1.2 + var(--controls-padding) );--control-group-extra-size: calc(var(--controls-size) * .8);--control-group-extra-wide-size: calc(var(--controls-size) * 1.2);--control-group-extra-2-offset: calc( var(--controls-size-with-padding) + (var(--controls-size) - var(--control-group-extra-size)) / 2 );--control-group-extra-1-offset: calc( var(--controls-padding) + (var(--controls-size) - var(--control-group-extra-size)) / 2 );--small-control-size: calc(var(--controls-size) / 3);--rect-control-size: calc(var(--controls-size) * .74);font-family:emerald;font-size:var(--controls-size);text-shadow:var(--color-dark) var(--text-shadow-size) var(--text-shadow-size);color:var(--color-light)}@media(orientation:landscape){#touchControls{--controls-size: 20vh;--text-shadow-size: 1.3vh;--small-button-offset: 4vh}}#touchControls:not(.visible){display:none}#touchControls .active{opacity:var(--touch-control-opacity)}.control-group{position:fixed;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;width:var(--controls-size)}.control-group-dpad{width:calc(2 * var(--controls-size));height:calc(2 * var(--controls-size))}.control-group-extra{width:var(--control-group-extra-size);height:var(--control-group-extra-size)}#touchControls:not([data-ui-mode^=SETTINGS]) #apadPreviousTab,#touchControls:not([data-ui-mode^=SETTINGS]) #apadNextTab,#touchControls:is(.config-mode) #apadPreviousTab,#touchControls:is(.config-mode) #apadNextTab{display:none}#touchControls:not([data-ui-mode=COMMAND]):not([data-ui-mode=FIGHT]):not([data-ui-mode=BALL]):not([data-ui-mode=TARGET_SELECT]) #apadInfo{display:none}#touchControls:not([data-ui-mode=COMMAND]):not([data-ui-mode=FIGHT]):not([data-ui-mode=BALL]):not([data-ui-mode=TARGET_SELECT]):not([data-ui-mode=MODIFIER_SELECT]) #apadStats{display:none}#touchControls:not(.config-mode):not([data-ui-mode=STARTER_SELECT],[data-ui-mode=POKEDEX],[data-ui-mode=POKEDEX_PAGE]) #apadOpenFilters,#touchControls:not(.config-mode):not([data-ui-mode=STARTER_SELECT],[data-ui-mode=POKEDEX],[data-ui-mode=POKEDEX_PAGE],[data-ui-mode=RUN_INFO]) #apadCycleForm,#touchControls:not(.config-mode):not([data-ui-mode=STARTER_SELECT],[data-ui-mode=POKEDEX],[data-ui-mode=POKEDEX_PAGE],[data-ui-mode=RUN_INFO]) #apadCycleShiny,#touchControls:not(.config-mode):not([data-ui-mode=STARTER_SELECT]) #apadCycleNature,#touchControls:not(.config-mode):not([data-ui-mode=STARTER_SELECT],[data-ui-mode=POKEDEX_PAGE],[data-ui-mode=RUN_INFO]) #apadCycleAbility,#touchControls:not(.config-mode):not([data-ui-mode=STARTER_SELECT],[data-ui-mode=POKEDEX_PAGE]) #apadCycleGender,#touchControls:not(.config-mode):not([data-ui-mode=STARTER_SELECT],[data-ui-mode=POKEDEX]) #apadCycleTera{display:none}#configToolbar{width:100%;position:fixed;top:1rem;left:0;z-index:9;-webkit-user-select:none;user-select:none}#configToolbar .column{display:flex;flex-direction:column;align-items:center;gap:10%;padding:0 var(--controls-padding)}#configToolbar .button-row{display:flex;justify-content:space-evenly;width:100%}#configToolbar .info-row{display:flex;justify-content:flex-start;width:100%}#configToolbar .button{z-index:3;background-color:var(--color-base);display:flex;justify-content:center;align-items:center;text-align:center;height:var(--small-control-size);font-size:var(--small-control-size);border-radius:8px;padding:2px 8px;text-shadow:var(--color-dark) calc(var(--text-shadow-size) / 3) calc(var(--text-shadow-size) / 3)}#configToolbar .button:active{opacity:var(--touch-control-opacity)}#configToolbar .orientation-label{font-size:var(--small-control-size);text-shadow:var(--color-dark) calc(var(--text-shadow-size) / 3) calc(var(--text-shadow-size) / 3)}#dpad{z-index:3;opacity:.8}#dpad svg{width:calc(2 * var(--controls-size));height:calc(2 * var(--controls-size));fill:var(--color-base)}.apad-button{background-color:var(--color-base);display:flex;justify-content:center;align-items:center;right:0;bottom:0;width:var(--controls-size);height:var(--controls-size);opacity:.8;border-radius:8px}.apad-small{width:var(--small-control-size);height:var(--small-control-size)}.apad-label{-webkit-user-select:none;user-select:none;height:100%;margin-right:-2px}.apad-small>.apad-label{font-size:var(--small-control-size);text-shadow:var(--color-dark) calc(var(--text-shadow-size) / 3) calc(var(--text-shadow-size) / 3)}.apad-rectangle{text-align:center;width:var(--rect-control-size);height:var(--small-control-size)}.apad-square{width:var(--small-control-size);height:var(--small-control-size)}.apad-circle{width:var(--controls-size);height:var(--controls-size);border-radius:50%}#control-group-dpad{left:var(--controls-padding);bottom:var(--controls-padding)}#control-group-action{right:var(--controls-padding);bottom:var(--controls-size-with-padding)}#control-group-cancel{right:var(--controls-size-with-wide-padding);bottom:var(--controls-padding)}#control-group-extra-1{right:var(--control-group-extra-1-offset);bottom:var(--control-group-extra-1-offset)}#control-group-extra-2{width:var(--control-group-extra-wide-size);right:var(--control-group-extra-2-offset);bottom:var(--control-group-extra-2-offset)}#layout:fullscreen #dpad,#layout:fullscreen #apad{bottom:6rem}input:-internal-autofill-selected{-webkit-background-clip:text;background-clip:text}#banner{display:none;position:absolute;top:33.2%;left:0;text-align:center;z-index:1000}#banner>img{opacity:50%}#tnc-links{font-size:xx-small;position:relative}a{color:#328cea;margin-right:4px;margin-left:4px}@-moz-keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-ms-keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.blink-image{-moz-animation:blink normal 4s infinite ease-in-out;-webkit-animation:blink normal 4s infinite ease-in-out;-ms-animation:blink normal 4s infinite ease-in-out;animation:blink normal 4s infinite ease-in-out}