:root{color:#e7edf5;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#10151e;font-family:Noto Sans KR,system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{min-height:44px;color:inherit;background:#1a2330;border:1px solid #364152;border-radius:10px;padding:10px 15px}button{cursor:pointer;font-weight:500}button:hover{background:#263445}button:disabled{opacity:.48;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #8be3bb}a{color:#8be3bb;text-decoration:none}input{color:#fff;background:#131c28;border:1px solid #364152;border-radius:10px;width:100%;min-height:48px;padding:12px;font-size:16px}select{max-width:100%;font-size:15px}small,.muted{color:#a2afbf}header{border-bottom:1px solid #26303e;justify-content:space-between;align-items:center;gap:20px;max-width:1280px;margin:auto;padding:22px 32px;display:flex}.brand{color:#f3f7fc;white-space:nowrap;align-items:center;gap:8px;font-size:20px;display:flex}.brand strong{color:#8be3bb;font-weight:400}nav{gap:8px;display:flex}nav button{color:#9eacbe;background:0 0;border:0}nav .active{color:#8be3bb;background:#1b302d}main{max-width:1280px;margin:auto;padding:30px 32px}h1{letter-spacing:-1px;margin:12px 0 24px;font-size:36px;line-height:1.25}h1 span{color:#8293a9;margin-left:14px;font-size:20px;font-weight:400}h2{margin:0 0 16px;font-size:22px}h3{margin:0;font-size:18px}.eyebrow{letter-spacing:2px;color:#8be3bb;margin:0;font-size:11px;font-weight:700}.pcbar{background:#19232e;border:1px solid #334350;border-radius:14px;align-items:center;gap:14px;margin-bottom:34px;padding:16px 20px;display:flex}.pcbar label{color:#a2afbf;font-size:12px;display:block}.pcbar select{background:0 0;border:0;width:100%;min-height:30px;padding:0;font-size:16px;font-weight:600}.pcbar>div{flex:1;min-width:0}.pcbar .refresh{font-size:13px}.signal{background:#8be3bb;border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 16px #8be3bb50}.title{justify-content:space-between;align-items:center;gap:16px;display:flex}.searchbar{gap:12px;display:flex}.search{flex:1;position:relative}.search span{color:#a2afbf;font-size:28px;position:absolute;top:3px;left:17px}.search input{min-height:54px;padding-left:48px}.filters{background:#17202b;border:1px solid #303e50;border-radius:14px;flex-wrap:wrap;gap:18px;margin-top:16px;padding:20px;display:flex}.filters label:not(.check){color:#b7c4d3;flex:1;gap:8px;min-width:160px;font-size:13px;display:grid}.check{align-items:center;gap:8px;display:flex}.check input{accent-color:#8be3bb;width:20px;min-height:20px}fieldset{border:0;width:100%;min-width:0;margin:0;padding:0}legend{color:#b7c4d3;margin-bottom:8px;font-size:13px}.tags{flex-wrap:wrap;gap:8px;max-height:200px;display:flex;overflow:auto}.tags button{min-height:44px;font-size:13px}.tags .chosen{color:#10251b;background:#8be3bb;border-color:#8be3bb}.results{color:#9eacbe;justify-content:space-between;align-items:center;gap:12px;margin:22px 0;font-size:13px;display:flex}.results select{background:0 0;border:0}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.card{background:#18212c;border:1px solid #293748;border-radius:14px;overflow:hidden}.cover{aspect-ratio:460/215;border:0;border-radius:0;width:100%;padding:0;display:block;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;display:block}.placeholder{color:#c4d1df;background:linear-gradient(130deg,#223b48,#1c2637);place-content:center;height:100%;padding:24px;font-size:22px;display:grid}.cardbody{padding:18px}.gamename{text-align:left;background:0 0;border:0;min-height:44px;padding:0;font-size:18px;font-weight:700;line-height:1.4}.chips{flex-wrap:wrap;gap:6px;min-height:25px;margin:12px 0;display:flex}.chips span{color:#c0ccda;background:#263343;border-radius:4px;padding:3px 7px;font-size:11px}.support{color:#a6cbb7;margin:14px 0;font-size:12px}.cardmeta{color:#9eacbe;justify-content:space-between;gap:8px;margin:16px 0;font-size:12px;display:flex}.primary{color:#10261c;background:#8be3bb;border-color:#8be3bb;font-weight:700}.primary:hover{background:#b0efd0}.install{width:100%;min-height:46px;font-size:14px}.empty{text-align:center;color:#acbacb;border:1px dashed #3a4b5e;border-radius:14px;margin:20px 0;padding:50px 20px}.empty h2{color:#e7edf5}.panel,.job{background:#18212c;border:1px solid #2e3b4b;border-radius:14px;margin:20px 0;padding:26px}.actions{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.error,.notice{color:#ffd3cf;background:#412b2c;border:1px solid #805055;border-radius:10px;margin:12px 0;padding:16px}.error{justify-content:space-between;gap:10px;display:flex}.error button{background:0 0;border:0;padding:0 10px}.notice{color:#ead9a5;background:#342f21;border-color:#6f6040;font-size:14px}.qr img{border-radius:12px;max-width:100%;margin-top:20px}.login{max-width:440px;padding:12vh 24px}.login h1{font-size:36px}.login>p:not(.eyebrow){color:#acbacb;font-size:18px}.login form{gap:12px;margin:32px 0 20px;display:grid}.login label{font-size:13px}.login .primary{min-height:50px}.login small{font-size:12px}footer{color:#6e8198;border-top:1px solid #26303e;margin:64px 0 10px;padding-top:24px;font-size:11px;line-height:1.9}dialog{color:#e7edf5;background:#17202b;border:1px solid #415066;border-radius:18px;width:calc(100% - 24px);max-width:660px;max-height:90dvh;padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#050911bd}.close{z-index:1;background:#10151ee6;font-size:24px;position:absolute;top:12px;right:12px}.hero{width:100%;display:block}.detailbody{padding:26px}.detailbody>p{color:#b7c4d3;font-size:14px;line-height:1.9}dl{grid-template-columns:90px minmax(0,1fr);gap:14px;margin:26px 0;font-size:13px;display:grid}dt{color:#91a3ba}dd{overflow-wrap:anywhere;margin:0}.storelink{text-align:center;margin-top:18px;padding:10px;display:block}progress{accent-color:#8be3bb;width:100%}.job small{display:block}.job p{overflow-wrap:anywhere}@media (width>=1200px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}header{padding:18px 20px}.brand{font-size:17px}main{padding:24px 20px}nav{gap:0}nav button{padding:9px;font-size:13px}}@media (width<=520px){header{flex-wrap:wrap;gap:16px;padding:18px 16px 0}.brand{font-size:20px}nav{justify-content:space-between;width:100%}nav button{border-radius:8px 8px 0 0;flex:1;padding:12px 8px}main{padding:20px 16px}.pcbar{gap:10px;margin-bottom:28px;padding:14px}.pcbar .refresh{padding:8px 10px}h1{margin-bottom:18px;font-size:30px}.title{align-items:flex-start}.title>button{max-width:110px;padding:10px;font-size:12px}.grid{grid-template-columns:minmax(0,1fr);gap:16px}.cardbody{padding:18px}.cover{aspect-ratio:460/215}.results{align-items:flex-start}.results select{max-width:130px;font-size:13px}.panel,.job{padding:20px}.eyebrow{font-size:9px}.detailbody{padding:20px}.search input{font-size:16px}.searchbar{gap:8px}.searchbar>button{padding:10px 12px}.filters{padding:16px}.login{padding-top:10vh}}
