:root{color-scheme:dark;--bg:#11131d;--panel:#1c202e;--panel2:#212636;--line:#303547;--text:#f5f5f1;--muted:#a1a7b7;--lime:#b9f575;--soft:#d4eac1;--blue:#bbc9ff;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}body.modal-open{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.wrap{max-width:1280px;margin:auto;padding-left:32px;padding-right:32px}.skip{position:absolute;left:8px;top:-100px;background:var(--lime);color:#121712;padding:10px;z-index:200}.skip:focus{top:8px}.header{height:76px;border-bottom:1px solid #2b2e3b;background:#11131df5}.nav{height:100%;display:flex;align-items:center;gap:66px}.brand{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.1em;font-weight:900;line-height:1}.brand>span:last-child{display:grid;gap:5px}.brand small{font-size:8px;letter-spacing:.26em;color:#9198a9}.brand-dot{color:var(--lime)}.brand-icon{display:grid;place-items:center;width:43px;height:43px;color:#172018;background:var(--lime);border-radius:13px}.brand-icon svg{width:28px}.nav-links{display:flex;gap:30px;color:#aeb3bf;font-size:13px;font-weight:650}.nav-links a:hover{color:white}.nav-right{margin-left:auto;display:flex;align-items:center;gap:10px}.nav-saved,.lang{border:1px solid #373b4b;color:#e8e9e6;background:#1a1c28;border-radius:9px;min-height:39px;padding:0 12px;font-size:12px;font-weight:750;display:flex;align-items:center;gap:7px}.nav-saved svg{width:17px;height:17px}.saved-count{color:#172018;background:var(--lime);min-width:18px;height:18px;padding:0 4px;border-radius:5px;display:grid;place-items:center;font-size:10px}.lang{color:#e3e5e9}.hero{min-height:510px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding-top:62px;padding-bottom:65px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.18em;font-weight:850;color:var(--lime)}.status-dot,.art-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 13px #b9f57585}.hero h1{font-size:clamp(48px,5.4vw,75px);letter-spacing:-.065em;line-height:1.02;margin:22px 0}.hero-accent{color:var(--lime)}.hero-desc{font-size:16px;color:#aab0be;line-height:1.65;max-width:430px;margin:0}.hero-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.button{border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;min-height:49px;font-size:13px;font-weight:800;border:1px solid transparent;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.primary{background:var(--lime);color:#111a10}.primary span{margin-left:13px}.ghost{background:#252939;border-color:#343a4b;color:#eff0ef}.ghost svg,.share svg{width:17px;height:17px}.hero-quick{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:34px}.hero-quick>span{color:#777e8e;font-size:9px;font-weight:800;letter-spacing:.12em;margin-right:2px}.hero-quick button{background:none;border:1px solid #383c4b;color:#c1c7cf;padding:7px 9px;font-size:10px;font-weight:700;border-radius:7px}.hero-quick button:hover,.hero-quick button.active{border-color:var(--lime);color:var(--lime)}.hero-art{position:relative;overflow:hidden;min-height:358px;border:1px solid #3a4053;border-radius:23px;padding:23px;background:linear-gradient(135deg,#252a3b,#222537 55%,#1c282c);box-shadow:0 25px 85px #0004}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,transparent,#000)}.art-glow{position:absolute;width:330px;height:330px;background:#8cd16d;filter:blur(100px);opacity:.15;left:23%;top:20%}.art-heading{position:relative;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#afb6c4;font-weight:800;letter-spacing:.15em}.art-live{display:flex;align-items:center;gap:7px}.art-live i{width:6px;height:6px}.art-number{color:#707889}.cover-stack{position:relative;min-height:217px;margin-top:16px}.cover-tile{position:absolute;overflow:hidden;background:#3b4050;border:4px solid #414758;border-radius:14px;box-shadow:0 14px 35px #0008}.cover-tile img{display:block;width:100%;height:100%;object-fit:cover}.cover-tile span{position:absolute;left:10px;bottom:8px;font-size:9px;font-weight:900;text-shadow:0 2px 4px #000}.cover-tile:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#111b);pointer-events:none}.cover-tile span{z-index:1}.tile-1{width:58%;height:135px;left:3%;top:32px;transform:rotate(-9deg)}.tile-2{width:60%;height:143px;right:0;top:8px;transform:rotate(8deg)}.tile-3{width:54%;height:130px;left:25%;bottom:0;transform:rotate(-2deg);z-index:2}.art-bottom{position:relative;display:flex;align-items:center;gap:9px;font-size:10px;color:#b3c3b6;font-weight:700;margin-top:16px}.mini-spark{color:var(--lime);font-size:20px}.value-strip{background:#1a1e29;border-top:1px solid #2b303d;border-bottom:1px solid #2b303d}.value-inner{min-height:54px;display:flex;align-items:center;justify-content:center;gap:70px;color:#b4bbc5;font-size:11px;font-weight:700}.value-inner>span{display:flex;align-items:center;gap:9px}.value-inner i{height:6px;width:6px;border-radius:50%;background:#b3ec73}.discovery{padding-top:74px;padding-bottom:70px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow.muted{color:#a1a8b7}.eyebrow.muted>span:first-child{color:var(--lime)}.section-head h2,.how h2{font-size:clamp(29px,3vw,42px);letter-spacing:-.05em;line-height:1.1;margin:14px 0 9px}.section-head p,.how-title>p{color:var(--muted);font-size:14px;margin:0;line-height:1.55}.text-button{display:flex;align-items:center;gap:8px;color:#cbd0da;background:none;border:0;font-size:12px;font-weight:750;padding:8px 0}.text-button:hover{color:var(--lime)}.finder-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:27px;align-items:start}.filter-panel{border:1px solid var(--line);background:#191d29;border-radius:16px;padding:20px;position:sticky;top:15px}.filter-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #303443}.filter-title h3{font-size:14px;margin:0}.reset{border:0;background:none;color:#aab18f;font-size:10px;font-weight:800;padding:4px}.reset:hover{color:var(--lime)}.filter-group{padding:19px 0;border-bottom:1px solid #303443}.filter-group.last{border:0;padding-bottom:13px}.filter-group label,.field-title{display:block;font-size:11px;font-weight:850;color:#ecede9;margin-bottom:7px}.filter-group p{font-size:10px;color:#969daf;line-height:1.5;margin:0 0 11px}.number-field,.select-wrap{display:flex;align-items:center;position:relative;background:#252a38;border:1px solid #363d4e;border-radius:8px;height:40px}.number-field svg{width:16px;height:16px;margin-left:10px;flex:none;color:#a4adbb}.number-field select,.select-wrap select{color:#ecedec;appearance:none;width:100%;height:100%;background:none;border:0;outline:0;padding:0 26px 0 9px;font-size:11px}.number-field select option,.select-wrap select option{background:#242838;color:white}.number-field>span,.select-wrap>span{position:absolute;right:12px;color:#9fa8b9;pointer-events:none}.quick-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.quick-chips button{color:#b1b7c6;background:#222633;border:1px solid #373c4b;border-radius:7px;font-size:10px;padding:7px 9px}.quick-chips button.active{border-color:var(--lime);background:#344031;color:var(--lime)}.choice-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.choice-group button{white-space:nowrap;color:#a9afbd;background:#222633;border:1px solid #363a49;border-radius:7px;font-weight:700;font-size:10px;padding:9px 2px}.choice-group button.active{background:#b9f575;color:#142014;border-color:var(--lime)}.filter-foot{font-size:10px;line-height:1.55;color:#81899b;margin:4px 0 0}.results-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.result-label{font-size:9px;font-weight:850;letter-spacing:.14em;color:#8c94a5}.results-top p{font-size:12px;font-weight:700;color:#d9dbe0;margin:6px 0 0}.search-box{width:230px;background:#1d212e;border:1px solid #343a49;border-radius:9px;height:41px;display:flex;align-items:center;gap:9px;padding:0 11px}.search-box:focus-within{border-color:var(--lime)}.search-box svg{width:17px;height:17px;flex:none;color:#8d95a5}.search-box input{width:100%;background:none;border:0;outline:0;color:#fff;font-size:11px}.search-box input::placeholder{color:#868e9d}.applied{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.applied:has(.applied-tag){margin-bottom:13px}.applied-tag{border:1px solid #46523a;background:#293328;color:#d6eabc;font-size:10px;font-weight:750;padding:6px 8px;border-radius:6px}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.game-card{min-width:0;background:#1b1f2b;border:1px solid #313646;border-radius:13px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s}.game-card:hover{transform:translateY(-4px);border-color:#626e67;box-shadow:0 12px 30px #0003}.card-cover{position:relative;aspect-ratio:460/215;background:linear-gradient(125deg,#4f6759,#313b59);overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:cover;display:block}.card-cover:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#111a);pointer-events:none}.cover-fallback{display:none;position:absolute;left:15px;bottom:16px;font-size:13px;font-weight:900;letter-spacing:.04em;z-index:1}.image-missing .cover-fallback{display:block}.price-badge{position:absolute;top:11px;left:11px;z-index:2;color:#172017;background:var(--lime);font-size:9px;font-weight:900;border-radius:5px;padding:5px 7px}.price-badge.paid{background:#edf0ed;color:#222830}.save-game{position:absolute;top:9px;right:9px;z-index:2;width:31px;height:31px;border:1px solid #ffffff50;background:#121722c9;color:white;border-radius:8px;display:grid;place-items:center}.save-game:hover,.save-game.active{color:var(--lime);border-color:var(--lime)}.save-game svg{width:15px;height:15px}.save-game.active svg path{fill:currentColor}.card-body{padding:15px;display:flex;flex-direction:column;flex:1}.card-kicker{display:flex;gap:6px;align-items:center;letter-spacing:.11em;color:#97a0b1;font-size:8px;font-weight:850;text-transform:uppercase}.card-kicker i{width:3px;height:3px;border-radius:50%;background:#81927a}.card-body h3{font-size:15px;line-height:1.25;letter-spacing:-.02em;margin:9px 0 7px;min-height:37px}.card-desc{font-size:11px;line-height:1.55;color:#a6acbb;margin:0;min-height:50px}.card-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:13px}.card-tags span{font-size:9px;color:#c0c8cf;background:#2b3040;border-radius:5px;padding:5px 6px}.card-bottom{border-top:1px solid #343947;display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:15px;padding-top:12px}.card-players{font-size:10px;font-weight:800;color:#c7ccd2}.card-more{color:var(--lime);border:0;background:none;padding:3px 0;font-size:10px;font-weight:850}.card-more:hover{color:#e0ffc5}.empty{grid-column:1/-1;border:1px dashed #454b58;background:#1a1e28;text-align:center;border-radius:13px;padding:45px 20px}.empty strong{display:block;font-size:16px}.empty p{font-size:12px;color:var(--muted);line-height:1.6}.empty button{border:1px solid #414954;background:#2b3240;border-radius:8px;color:#fff;font-size:11px;padding:10px 14px}.info-note{border-left:2px solid #789b62;background:#1b231f;padding:15px 17px;margin-top:25px;border-radius:0 9px 9px 0}.info-note strong{font-size:11px;color:#d8e6d5}.info-note p{font-size:10px;line-height:1.6;color:#a4b0a3;margin:6px 0 0}.how{border-top:1px solid #2a2e3b;padding-top:65px;padding-bottom:76px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.steps article{border:1px solid #333947;background:#1b1f2b;border-radius:13px;padding:22px}.steps article>span{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#34412f;color:var(--lime);font-size:10px;font-weight:900}.steps h3{font-size:13px;margin:19px 0 7px}.steps p{font-size:11px;line-height:1.6;color:#a7afba;margin:0}.footer{background:#171a23;border-top:1px solid #292d39}.footer-inner{display:flex;justify-content:space-between;gap:25px;padding-top:26px;padding-bottom:28px}.footer strong{font-size:11px;letter-spacing:.1em}.footer strong span{color:var(--lime)}.footer p,.footer-inner>div:last-child{color:#838b99;font-size:10px;line-height:1.6}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px}.modal-shade{position:absolute;inset:0;background:#080a10d9}.modal-box{position:relative;z-index:1;width:min(600px,100%);max-height:92dvh;overflow-y:auto;border:1px solid #454c5c;background:#1d222e;border-radius:17px;box-shadow:0 30px 100px #000b}.modal-close{position:absolute;right:13px;top:13px;width:35px;height:35px;border:1px solid #ffffff65;background:#121722d9;color:white;border-radius:9px;font-size:24px;line-height:1;z-index:4}.modal-cover{aspect-ratio:460/190;position:relative;background:linear-gradient(130deg,#485d53,#373d57);overflow:hidden}.modal-cover img{width:100%;height:100%;object-fit:cover;display:block}.modal-inner{padding:24px}.modal-inner h2{font-size:26px;letter-spacing:-.04em;margin:11px 0}.modal-inner .modal-desc{color:#bdc3cc;font-size:13px;line-height:1.7}.modal-facts{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.modal-facts span{background:#303747;border:1px solid #414a59;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:750}.modal-note{font-size:11px;line-height:1.6;background:#29352c;color:#d0dfc8;border-radius:9px;padding:12px}.modal-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:18px}.modal-actions a,.modal-actions button{font-size:12px}.modal-source{font-size:10px;color:#959fae;line-height:1.5;margin:14px 0 0}.toast{position:fixed;z-index:200;bottom:22px;left:50%;transform:translate(-50%,14px);background:#edf4df;color:#162112;border-radius:9px;padding:11px 15px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 6px 24px #0005;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.hero{gap:35px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:clamp(45px,6vw,62px)}.nav{gap:35px}.finder-layout{grid-template-columns:215px minmax(0,1fr)}}
@media(max-width:680px){.wrap{padding-left:18px;padding-right:18px}.header{height:68px}.nav{gap:0}.nav-links{display:none}.brand-icon{width:39px;height:39px}.brand{font-size:11px}.brand small{font-size:7px}.nav-saved,.lang{font-size:11px;min-height:36px;padding:0 9px}.hero{grid-template-columns:1fr;gap:25px;padding-top:42px;padding-bottom:37px}.hero h1{font-size:clamp(44px,11vw,62px);margin:16px 0}.hero-desc{font-size:14px}.hero-ctas{margin-top:22px}.hero-quick{margin-top:25px}.hero-art{min-height:290px;padding:18px}.cover-stack{min-height:175px}.tile-1{height:108px}.tile-2{height:116px}.tile-3{height:105px}.art-bottom{margin-top:12px}.value-inner{justify-content:flex-start;gap:17px;overflow-x:auto;white-space:nowrap;min-height:49px;font-size:10px}.discovery{padding-top:50px;padding-bottom:45px}.section-head{align-items:start}.section-head h2,.how h2{font-size:30px}.section-head p{font-size:12px}.share{font-size:10px}.finder-layout{grid-template-columns:1fr;gap:20px}.filter-panel{position:static;padding:16px}.filter-group{padding:13px 0}.filter-panel .filter-foot{margin-top:0}.results-top{align-items:start}.search-box{width:52%}.game-grid{gap:10px}.card-body{padding:11px}.card-body h3{font-size:13px;min-height:33px}.card-desc{font-size:10px;min-height:61px}.card-bottom{display:block}.card-more{display:block;margin-top:6px}.steps{grid-template-columns:1fr}.how{padding-top:45px;padding-bottom:50px}.steps article{padding:18px}.steps h3{margin-top:12px}.footer-inner{display:block}.footer-inner>div:last-child{margin-top:18px}}
@media(max-width:350px){.nav-saved>span:not(.saved-count){display:none}.game-grid{grid-template-columns:1fr}.card-body h3,.card-desc{min-height:0}.card-bottom{display:flex}.card-more{margin:0}.hero h1{font-size:42px}}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav-saved.active{border-color:var(--lime);color:var(--lime)}.modal-actions svg{width:16px;height:16px}

.image-missing img,.share[hidden]{display:none!important}.local-title{display:block;margin-top:4px;font-size:10px;line-height:1.35;color:#a1a9b6;font-weight:600;letter-spacing:0}.game-card .card-body h3:has(.local-title){min-height:50px}
/* Keep game descriptions and filter labels easy to read. */
.card-desc{font-size:12px;line-height:1.6;min-height:58px}.card-kicker{font-size:9px}.card-tags span{font-size:10px}.card-players,.card-more{font-size:11px}.filter-group p,.filter-foot{font-size:11px}.number-field select,.select-wrap select{font-size:12px}.local-title{font-size:11px}.info-note p{font-size:11px}
@media(max-width:680px){.card-desc{font-size:11px;min-height:64px}.card-kicker{font-size:9px}.card-players,.card-more{font-size:10px}}