@font-face{font-family:Roboto;src:url(../fonts/Roboto-Variable.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}html{background:radial-gradient(ellipse at center,#8a92a8,#5c6478,#3a4050);transition:background .5s}html.dark-mode{background:radial-gradient(ellipse at center,#18182a,#0e0e1a,#060610)}body{font-family:Roboto,system-ui,sans-serif;display:flex;align-items:center;justify-content:center;min-height:100vh}.pdex-device{display:flex;transform-origin:center;filter:drop-shadow(0 12px 40px rgba(0,0,0,.5))}.pdex-left,.pdex-right{padding:14px;display:flex;flex-direction:column;gap:10px;position:relative;transition:background .4s,border-color .4s}.pdex-left{width:310px;height:540px;background:linear-gradient(160deg,#e84040,#d53535,#c02828 70%,#b52020);border:3px solid #8a1a1a;border-right:none;border-radius:18px 0 0 18px;box-shadow:inset 0 2px #ffffff1f,inset 0 -2px #00000026,-4px 0 16px #0000004d}.pdex-right{width:310px;height:540px;background:linear-gradient(160deg,#e84040,#d53535,#c02828 70%,#b52020);border:3px solid #8a1a1a;border-left:none;border-radius:0 18px 18px 0;box-shadow:inset 0 2px #ffffff1f,inset 0 -2px #00000026,4px 0 16px #0000004d}.pdex-hinge{width:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:linear-gradient(180deg,#8a1a1a,#6a1010,#8a1a1a);border:3px solid #601010;border-left:none;border-right:none;transition:background .4s,border-color .4s}.screen-bezel{background:#6a6a6a;padding:6px;border-radius:10px;box-shadow:inset 0 1px 3px #0006,0 1px #ffffff0f;min-height:0}.screen-main{background:linear-gradient(180deg,#9ac89a,#78b068);border-radius:6px;padding:8px;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #0003;display:flex;flex-direction:column;min-height:0}.screen-info{background:linear-gradient(180deg,#162a1c,#0a1a0e);border:3px solid #555;border-radius:6px;padding:10px;color:#3ed050;font-family:Courier New,monospace;font-size:12px;line-height:1.5;position:relative;box-shadow:inset 0 2px 6px #0006,0 2px 4px #0000004d;text-shadow:0 0 4px rgba(62,208,80,.2);height:140px;flex-shrink:0;overflow-y:auto}.screen-info::-webkit-scrollbar{width:4px}.screen-info::-webkit-scrollbar-thumb{background:#3ed05040;border-radius:2px}.screen-info::-webkit-scrollbar-track{background:transparent}.scanlines,.scanlines-green{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit}.scanlines{background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px)}.scanlines-green{background:repeating-linear-gradient(0deg,transparent 0px,transparent 1.5px,rgba(0,255,0,.015) 1.5px,rgba(0,255,0,.015) 3px)}.poke-list{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.poke-list::-webkit-scrollbar{width:4px}.poke-list::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.poke-list::-webkit-scrollbar-track{background:transparent}.poke-list-item{width:100%;height:36px;display:flex;align-items:center;gap:4px;padding:0 4px;border:none;cursor:pointer;background:transparent;font-family:inherit;border-bottom:1px solid rgba(0,0,0,.06);transition:background .1s}.poke-list-item:hover{background:#00000014}.poke-list-item.active{background:#00000024;border-left:3px solid #333}.poke-list-arrow{width:14px;font-size:8px;color:#333;flex-shrink:0;text-align:center}.poke-list-id{font-size:9px;color:#666;font-weight:600;font-family:Courier New,monospace;min-width:40px}.poke-list-name{font-size:11px;font-weight:600;color:#222;text-transform:capitalize;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-btn{background:#0003;border:1.5px solid rgba(255,255,255,.12);border-radius:4px;padding:4px 8px;font-size:9px;font-weight:600;color:#fff9;cursor:pointer;font-family:Courier New,monospace;transition:background .1s}.nav-btn:hover{background:#00000059;color:#ffffffe6}.nav-btn:active{transform:translateY(1px)}.action-btn{width:38px;height:38px;border-radius:50%;border:2px solid rgba(0,0,0,.25);cursor:pointer;font-size:13px;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -3px 5px #00000040,0 3px 6px #00000059;transition:box-shadow .1s,transform .1s}.action-btn:active{box-shadow:inset 0 2px 4px #0006;transform:translateY(1px)}.action-green{background:radial-gradient(circle at 40% 35%,#5ad88a,#3ab06a)}.action-red{background:radial-gradient(circle at 40% 35%,#f06060,#d04040)}.dark-mode .pdex-left,.dark-mode .pdex-right{background:linear-gradient(160deg,#3a3a52,#2c2c42,#202036 70%,#1a1a30);border-color:#1a1a28}.dark-mode .pdex-hinge{background:linear-gradient(180deg,#1a1a28,#101020,#1a1a28);border-color:#0a0a18}.dark-mode .screen-main{background:linear-gradient(180deg,#2a4a2a,#1a3a1a)}.dark-mode .screen-info{background:linear-gradient(180deg,#0a1a0e,#050d08);color:#28c040}.dark-mode .screen-bezel{background:#4a4a4a}.dark-mode .poke-list-item.active{background:#ffffff1a;border-left-color:#8f8}.dark-mode .poke-list-item:hover{background:#ffffff0f}.dark-mode .poke-list-arrow{color:#8f8}.dark-mode .poke-list-id{color:#8a8}.dark-mode .poke-list-name{color:#dfd}.dark-mode .poke-list-item{border-bottom-color:#ffffff0d}.pdex-mobile{width:300px;height:560px;background:linear-gradient(160deg,#e84040,#d53535,#c02828 70%,#b52020);border:3px solid #8a1a1a;border-radius:18px;padding:14px;flex-direction:column;gap:8px;box-shadow:inset 0 2px #ffffff1f,inset 0 -2px #00000026;transition:background .4s,border-color .4s;filter:drop-shadow(0 12px 40px rgba(0,0,0,.5))}.dark-mode .pdex-mobile{background:linear-gradient(160deg,#3a3a52,#2c2c42,#202036 70%,#1a1a30);border-color:#1a1a28}.pdex-device{display:flex}.pdex-mobile{display:none}@media(max-width:680px){.pdex-device{display:none!important}.pdex-mobile{display:flex!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}