*{box-sizing:border-box}body{margin:0;background:#0b1020;color:#eaf0ff;font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:auto;padding:0 24px}.header{border-bottom:1px solid #28324d;background:#111a30}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;flex-wrap:wrap}.brand{font-size:24px;font-weight:900;letter-spacing:-1px}.brand span{color:#73a7ff}.links{display:flex;gap:16px;flex-wrap:wrap}.links a{color:#b7c6e7}.hero{padding:70px 0 45px;background:radial-gradient(circle at 75% 20%,#20396d,#0b1020 65%)}h1{font-size:clamp(32px,5vw,54px);margin:0 0 14px;line-height:1.15}.lead{color:#b8c7e7;max-width:720px;line-height:1.8}.search{display:flex;gap:10px;margin-top:30px;max-width:650px}.search input{flex:1;min-width:0;background:#18243d;color:white;border:1px solid #3d4f70;border-radius:12px;padding:15px;font-size:16px}.btn{background:#5d91f2;color:#061127;border:0;border-radius:12px;padding:15px 22px;font-weight:800;cursor:pointer}.section{padding:40px 0}.section h2{margin:0 0 18px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:10px 16px;border-radius:999px;background:#18243d;border:1px solid #33415f;color:#dbe5ff}.chip.active{background:#456eae}.empty{padding:48px 22px;text-align:center;background:#121d33;border:1px dashed #41516f;border-radius:18px;color:#c5d0e7}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.card{background:#16223b;border:1px solid #33415f;border-radius:16px;overflow:hidden}.thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#233e75,#4d397c);display:grid;place-items:center;font-size:38px}.cardbody{padding:18px}.card p{color:#b7c6e7}.footer{margin-top:65px;border-top:1px solid #28324d;padding:28px 0;color:#93a5c9;font-size:14px}.muted{color:#aebddd}.playbox{min-height:340px;background:#121d33;border:1px solid #344363;border-radius:18px;display:grid;place-items:center;text-align:center;padding:32px}iframe{width:100%;height:min(75vh,720px);border:0;background:white}@media(max-width:620px){.nav{padding:16px 0}.hero{padding:48px 0 24px}.search{flex-direction:column}.btn{width:100%}}
/* Game InChart - game player */
.game-toolbar {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    margin: 16px 0;
}

.game-toolbar button,
.game-toolbar a {
    display: inline-block;
    padding: 12px 18px;
    background: #243858;
    border: 1px solid #405b86;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.playbox.game-player {
    display: block;
    padding: 0;
    overflow: hidden;
}

.game-player iframe {
    display: block;
    width: 100%;
    height: 900px;
    border: 0;
    background: white;
}

.game-player:fullscreen {
    width: 100vw;
    height: 100vh;
    border: 0;
    border-radius: 0;
    background: #fff;
}

.game-player:fullscreen iframe {
    width: 100%;
    height: 100%;
}

@media (max-width: 620px) {
    .game-player iframe {
        height: 780px;
    }
}


/* Unified game action buttons */
.game-toolbar .game-action {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 42px;
    padding: 10px 18px;
    border: 1px solid #405b86;
    border-radius: 10px;
    background: #243858;
    color: #ffffff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
    cursor: pointer;
}

.game-toolbar .game-action:hover {
    background: #35527e;
}

.game-toolbar .game-action:focus-visible {
    outline: 2px solid #73a7ff;
    outline-offset: 3px;
}

#game-frame:fullscreen {
    width: 100vw;
    height: 100vh;
    border: 0;
    background: #faf8ef;
}

#game-player:fullscreen {
    width: 100vw;
    height: 100vh;
    padding: 0;
    border: 0;
    border-radius: 0;
}

#game-player:fullscreen iframe {
    width: 100%;
    height: 100%;
}

/* Game detail title - 50% size */
main.wrap.section > h1 {
    font-size: 27px;
    line-height: 1.3;
    margin-bottom: 14px;
}

/* Game InChart - full browser width */
.wrap {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 24px;
    padding-right: 24px;
}

/* Wide game player */
.playbox.game-player {
    width: 100%;
    max-width: none;
}

/* Responsive horizontal spacing */
@media (max-width: 620px) {
    .wrap {
        padding-left: 12px;
        padding-right: 12px;
    }
}

/* GAME_INCHART_SEO_TAGS_V1 */
.game-seo-content{padding-top:16px;padding-bottom:28px}
.game-seo-content h2{font-size:22px;margin:0 0 10px}
.game-seo-content p{line-height:1.7}
.game-seo-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.game-seo-tag{display:inline-block;border:1px solid #d4d8e0;border-radius:999px;padding:6px 11px;font-size:13px;line-height:1.4}

/* GAME_INCHART_THUMB_V1 */
.card .thumb{aspect-ratio:16/9;height:auto;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center}
.card .thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}