@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--ink:#242625;--muted:#858781;--line:#e6e7e1;--paper:#f7f8f4;--orange:#e96b3d}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans','Noto Sans KR',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #edaa8e;outline-offset:4px}a{color:inherit;text-decoration:none}header{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:32px;padding:0 max(calc((100vw - 1180px)/2),32px);background:#fff}.brand{display:flex;align-items:center;font-weight:800;font-size:22px;letter-spacing:-1px;white-space:nowrap}.domain{color:#979a93}.mark{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;border-radius:11px;width:40px;height:36px;font-size:23px;margin-right:12px;letter-spacing:-4px;padding-right:4px}.mark span{color:#ff9263}.header-note{font-size:12px;color:var(--muted)}.saved-button{margin-left:auto;border:0;background:none;display:flex;align-items:center;gap:8px}.saved-button b{background:#edeee9;font-size:11px;border-radius:5px;padding:3px 6px}.saved-button.active{color:var(--orange)}main{max-width:1180px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;padding:54px 0 38px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--orange);font-weight:700}h1{font-size:38px;letter-spacing:-1.9px;line-height:1.3;margin:12px 0 10px}.intro p{margin:0;color:#73766f;font-size:14px}.search{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dedfd8;border-radius:10px;padding:13px 16px;width:330px;margin-top:24px}.search span{font-size:25px;line-height:20px;color:#6d7068}.search input{background:none;border:0;outline:0;min-width:0;width:100%;font-size:13px}.search kbd{font-size:11px;background:#f5f5f1;border:1px solid var(--line);padding:2px 6px;color:#8e9187;border-radius:3px}.filters{border:1px solid var(--line);border-radius:12px;background:white;padding:0 22px}.device-row,.category-row{display:flex;align-items:center;gap:20px;padding:20px 0}.device-row{border-bottom:1px solid #efefe9}.filter-label{font-size:12px;color:#878a81;min-width:50px}.device-row>div,.category-row>div{display:flex;gap:8px;flex-wrap:wrap}.device{display:flex;align-items:center;gap:8px;border:1px solid #e4e5de;background:white;border-radius:7px;padding:10px 14px;font-size:12px}.device svg{width:17px;height:17px}.device small{font-size:10px;color:#8c8e85}.device.active{background:#282d28;border-color:#282d28;color:white}.device.active small{color:#c6cbbf}.category{background:none;border:0;padding:6px 13px;color:#777c72;font-size:12px;border-radius:5px}.category.active{background:#fdefe7;color:#cf6034;font-weight:700}#reset{border:0;background:none;color:#9a9d95;margin-left:auto;font-size:11px;white-space:nowrap}.listing{padding-top:32px}.list-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.list-top>div{display:flex;align-items:center;gap:9px}h2{font-size:17px;letter-spacing:-.5px;margin:0}#count{color:var(--orange);font-weight:700;font-size:14px}.sort-label select{border:0;background:transparent;color:#686d64;font-size:12px;padding:7px 4px}.column-head{display:grid;grid-template-columns:66px 1fr 130px 218px 108px;padding:12px 18px;border-top:1px solid #d7dad0;color:#94978d;font-size:10px;letter-spacing:.2px}.column-head>span:first-child{text-align:center}.game{background:white;border:1px solid var(--line);border-radius:9px;margin-bottom:8px;overflow:hidden;transition:border-color .18s,box-shadow .18s}.game:hover{border-color:#bcc2b2;box-shadow:0 3px 10px #232b2310}.game-row{display:grid;grid-template-columns:66px 1fr 130px 218px 108px;align-items:center;padding:16px 18px;min-height:115px}.rank{text-align:center;color:#90968a;font-size:19px;font-weight:600;font-variant-numeric:tabular-nums}.rank.top{color:var(--orange)}.game-info{display:flex;align-items:center;gap:20px;min-width:0}.thumb{width:108px;height:77px;object-fit:cover;border-radius:7px;flex:none}.title-line{display:flex;align-items:center;gap:8px}h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.3px}.url{display:block;font-size:10px;margin:4px 0 8px;color:#a0a499;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.url:hover{color:var(--orange)}.short{font-size:12px;color:#7b8075;line-height:1.5;margin:0}.cat-cell{font-size:11px;color:#7d8476}.cat-cell span{background:#f3f5ef;border-radius:4px;padding:5px 8px}.badges{display:flex;flex-wrap:wrap;gap:5px;max-width:205px}.badge{font-size:10px;display:flex;gap:4px;align-items:center;color:#69806c;background:#f0f5ed;border:1px solid #e3ebde;padding:5px 6px;border-radius:4px;white-space:nowrap}.badge.mouse{color:#957353;background:#f8f3e9;border-color:#eee4d1}.badge svg{width:12px;height:12px}.actions{display:flex;justify-content:flex-end;gap:10px;align-items:center}.play{display:flex;justify-content:center;align-items:center;border:1px solid #e0e3d9;border-radius:6px;background:#fafbf8;width:34px;height:34px;font-size:19px}.play:hover{background:var(--orange);color:white;border-color:var(--orange)}.expand,.save{border:0;background:transparent;color:#969d8c;padding:7px;font-size:16px}.expand[aria-expanded=true]{transform:rotate(180deg);color:var(--orange)}.details{border-top:1px solid #eef0e9;background:#fafbf8;padding:22px 30px 22px 104px;display:grid;grid-template-columns:1fr 230px;gap:24px}.details[hidden]{display:none}.details p{font-size:12px;line-height:1.9;color:#71796a;margin:4px 0}.detail-title{font-size:12px;font-weight:700;color:#3f4937}.detail-meta{border-left:1px solid #e1e7d9;padding-left:24px}.save{font-size:12px;padding:7px 0}.save.selected{color:var(--orange)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:26px 0;color:#969b8d;font-size:10px;margin-top:32px}footer b{color:#5d6556}.design-note{font-size:10px;color:#a0a596;margin:0 0 24px}#empty{text-align:center;padding:60px;color:#8b9183}#empty button{display:block;margin:20px auto;border:1px solid var(--line);padding:10px 15px;background:white;border-radius:6px}@media(min-width:1500px){main{max-width:1240px}header{padding-left:calc((100vw - 1240px)/2);padding-right:calc((100vw - 1240px)/2)}}@media(max-width:1250px){main{margin:0 30px}.column-head,.game-row{grid-template-columns:48px 1fr 95px 175px 85px}.game-info{gap:14px}.thumb{width:90px;height:70px}.badges{max-width:165px}.short{max-width:290px}.details{padding-left:80px}}@media(max-width:900px){header{padding:0 24px;height:72px}.header-note{display:none}.intro{padding:36px 0 28px}h1{font-size:32px}.search{width:280px}.column-head,.game-row{grid-template-columns:36px 1fr 154px 70px}.column-head span:nth-child(3),.cat-cell{display:none}.thumb{width:80px;height:68px}.game-info{gap:12px}.game-row{padding:14px 10px}.actions{gap:3px}.short{font-size:11px}.device{padding:9px 10px}.filters{padding:0 16px}.device-row,.category-row{gap:9px}.category{padding:6px 9px}.filter-label{min-width:46px}.details{padding:20px 24px;grid-template-columns:1fr 190px}}@media(max-width:620px){header{padding:0 18px;height:65px}.brand{font-size:19px}.mark{width:34px;height:32px;font-size:20px;margin-right:8px}.saved-button{font-size:12px}.saved-button>span{display:none}main{margin:0 16px}.intro{display:block;padding:29px 0 23px}h1{font-size:30px;margin:10px 0 8px}.eyebrow{font-size:9px}.intro p{font-size:12px}.search{width:100%;margin-top:22px;padding:12px 14px}.filters{padding:0 13px}.device-row,.category-row{display:block;padding:14px 0}.filter-label{display:block;font-size:10px;margin-bottom:10px}.device-row>div{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.device-row>div .device:first-child{grid-column:1/-1;padding:7px;justify-content:center}.device{padding:9px 7px;justify-content:center;font-size:11px;gap:5px}.device small{font-size:9px}.category-row{position:relative}.category-row>div{gap:3px}.category{padding:7px 9px;font-size:11px}#reset{position:absolute;right:0;top:12px}.listing{padding-top:24px}.column-head{display:none}.game-row{grid-template-columns:24px 1fr 49px;grid-template-rows:auto auto;padding:15px 10px;gap:9px 4px}.rank{font-size:15px;align-self:center}.game-info{gap:12px}.thumb{width:64px;height:64px}h3{font-size:15px}.url{max-width:175px;font-size:9px;margin:4px 0}.short{font-size:10px;line-height:1.5}.badges{grid-column:2;grid-row:2;max-width:none;margin-left:76px;gap:4px}.badge{font-size:9px;padding:3px 5px}.actions{grid-column:3;grid-row:1/3;flex-direction:column;gap:6px}.play{width:30px;height:30px}.expand{padding:3px}.details{grid-template-columns:1fr;padding:18px 20px;gap:12px}.detail-meta{border:0;border-top:1px solid #e1e7d9;padding:10px 0 0}.list-top{margin-bottom:12px}footer{gap:10px;flex-direction:column;line-height:1.7}.design-note{line-height:1.7}}