/* Portal-style reference layer: imported after style.css by the preview shell. */
@font-face{font-family:GmarketSans;src:url("assets/fonts/GmarketSansLight.woff2") format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:GmarketSans;src:url("assets/fonts/GmarketSansMedium.woff2") format("woff2");font-weight:400 500;font-display:swap}
@font-face{font-family:GmarketSans;src:url("assets/fonts/GmarketSansBold.woff2") format("woff2");font-weight:700;font-display:swap}

:root{--navy:#3c83d1;--blue:#438fdc;--line:#e4eaf1;--page:#f7f9fc;--text:#263342;--muted:#748293;font-family:GmarketSans,"Malgun Gothic","Apple SD Gothic Neo",sans-serif;background:#f7f9fc}
body{min-width:0;font-family:GmarketSans,"Malgun Gothic","Apple SD Gothic Neo",sans-serif;font-size:14px;line-height:1.55;background:var(--page);color:var(--text)}
button,input,select{font-family:inherit}.brand b,.home-hero h1,.game-hero h1,.page-title{font-family:GmarketSans,"Malgun Gothic",sans-serif}
.notice{min-height:30px;padding:6px 12px;background:#eff7ff;color:#5a7895;font-size:12px}
.site-header{position:relative;background:linear-gradient(112deg,#6cbaf4 0%,#548ee9 100%);box-shadow:0 2px 8px #376eb21c}
.header-inner{height:80px;max-width:1180px;padding:0 20px;gap:27px}
.brand{gap:8px;font-weight:500;letter-spacing:-.55px}.brand>b{font-size:21px;font-weight:500}.brand>b span{color:#e9f6ff}.brand img{width:37px;height:37px}
.primary-nav{gap:27px}.primary-nav a{border-width:3px;color:#f4f9ff;font-size:16px;font-weight:700;line-height:18px}.primary-nav a.active,.primary-nav a:hover{border-color:#fff;color:#fff}
.global-search{width:238px;height:42px;border-radius:24px;box-shadow:0 3px 9px #245ea421}.global-search input{padding:0 15px;color:#455467;font-size:13px}.global-search button{width:43px;color:#518fd2;font-size:18px}
.login-link{font-size:13px;font-weight:500}.menu-button{border-radius:22px}
.wrap{max-width:1180px;padding:22px 20px 54px}
.home-hero{min-height:214px;margin:0 -20px;padding:29px max(32px,calc((100% - 1140px)/2));border-radius:0;background-image:linear-gradient(92deg,#3d8dddde 4%,#59a5e8ab 49%,#76bcf244),var(--cover);background-position:center;color:#fff}
.home-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#6ebcf129 10%,transparent 48%,#fff1 100%);pointer-events:none}.home-hero:after{background:linear-gradient(110deg,transparent 55%,#c6eaff38)}
.home-hero h1{font-size:25px;font-weight:700;line-height:1.46;letter-spacing:-1px}.home-hero .eyebrow{color:#ecf8ff;font-size:12px;font-weight:500;letter-spacing:1.1px}.home-hero p:not(.eyebrow){color:#f4fbff;font-size:13px}
.hero-links{margin-top:14px}.hero-links a,.button{min-height:44px;border:1px solid #ffffff99;border-radius:22px;background:#ffffff24;font-size:13px;font-weight:500}.hero-links a:first-child{background:#fff;color:#478bd4;border-color:#fff}
.hero-game{border-radius:12px;background:#ffffffd9;border-color:#fff;color:#315979;box-shadow:0 7px 18px #265b8b21}.hero-game small{color:#6d8498}.hero-game .game-icon{width:48px;height:48px;border-radius:50%}
.game-rail{gap:8px;margin:13px 0 22px}.game-rail a{height:48px;border:1px solid #e2e9f0;border-radius:24px;background:#fff;box-shadow:0 2px 6px #3048600a;font-size:13px;font-weight:500}.game-rail a:hover{border-color:#a6cff2;color:#357fc9}.game-rail .game-icon{width:30px;height:30px;border-radius:50%}
.portal-grid{grid-template-columns:minmax(0,1fr) 286px;gap:18px}.right-rail{gap:18px}.panel{border:0;border-radius:10px;background:#fff;box-shadow:0 3px 12px #243d5810}
.panel-head,.compact>header{padding:18px 20px;border-bottom:1px solid #edf1f5}.panel-head h2{font-size:22px;font-weight:700;line-height:25px;letter-spacing:-.8px}.panel-head p{font-size:12px}.compact>header h2{font-size:16px;font-weight:700;line-height:18px}.compact>header a{font-size:12px;color:#6594c0}
.filters{gap:8px;padding:12px 18px;border-bottom:0;background:#fbfcfe}.filter-set{gap:6px}.filter-label{color:#63788e;font-size:12px;font-weight:500}.chip,.sort{min-height:44px;border:1px solid #dfe9f2;border-radius:22px;background:#fff;color:#637384;font-size:12px;font-weight:500}.chip.active,.chip:hover{border-color:#94c9f4;background:#edf7ff;color:#4086cc}.sort{border-radius:7px;color:#526679}
.rank-list{padding:9px 10px 10px;background:#f8fafc}.rank-row{grid-template-columns:48px minmax(0,1fr) 66px 58px 52px 44px;min-height:82px;margin:0 0 9px;padding:0 4px;border:0;border-radius:10px;background:#fff;box-shadow:0 2px 7px #263c540b}.rank-row:last-child{margin-bottom:0}.rank-no{color:#5fa9e8;font-size:20px;font-weight:500}.rank-row .game-icon{width:48px;height:48px;border:0;border-radius:50%;box-shadow:0 1px 5px #263b4a1d}.rank-game{gap:12px}.rank-game strong{font-size:14px;font-weight:700;line-height:18px}.rank-game small,.rank-game em{font-size:12px;line-height:16px}.rank-game em{color:#6f8daa}.rank-count{font-size:12px;color:#7890a6}.rank-count b{font-size:17px;color:#4c94d6;font-weight:500}.rank-count b small{font-size:12px}.row-board,.row-tool,.row-hub,.row-pending{font-size:12px;color:#6285a4}.favorite{width:44px;color:#b4c3ce;font-size:22px}.favorite.on{color:#f0a743}
.compact .post-row{margin:0 17px}.post-row,.guide-row,.tool-row{border-color:#edf1f4}.post-row{min-height:62px;padding:12px 0}.post-row strong{font-size:13px;font-weight:500;line-height:18px}.post-row span{font-size:12px;line-height:16px;color:#8391a0}
.tool-banner{border-radius:10px;background:linear-gradient(125deg,#67b6efdc,#4d87dcdd),url("assets/hero.webp") center/cover;box-shadow:0 4px 13px #31578b1c}.tool-banner small{color:#ecf7ff}.tool-banner strong{font-size:21px;font-weight:700}.tool-banner>span{font-size:13px}
.below-grid{gap:18px;margin-top:18px}.guide-row,.tool-row{margin:0 18px;padding:14px 0}.guide-mark,.tool-fallback{width:32px;height:32px;border-radius:50%;background:#edf7ff;color:#5b9bd8}.guide-row strong,.tool-row strong{font-size:14px;font-weight:500;line-height:18px}.guide-row p,.tool-row p,.guide-row time{font-size:12px;line-height:17px;color:#81909f}.tool-icon{width:34px;height:34px;border-radius:50%}
.game-hero{min-height:235px;border-radius:10px;background-image:linear-gradient(95deg,#438bdbe0 3%,#5ba5e6a3 54%,#8ccaf03d),var(--game-cover);box-shadow:0 5px 16px #32568018}.game-hero h1{font-size:25px;font-weight:700;line-height:1.46;letter-spacing:-.8px}.game-hero p{font-size:13px;color:#f1f9ff}.game-hero .game-icon{border-radius:50%}.tabs{border:0;border-radius:9px;box-shadow:0 2px 8px #243d5810}.tabs button{font-size:14px;font-weight:500}.tabs button.active{border-color:#62a9e7;color:#438bd0;font-weight:700}
.detail{padding:20px}.detail h2{font-size:19px;font-weight:700}.detail h3{font-size:16px;font-weight:700}.detail>p{font-size:14px}.page-title{font-size:22px;font-weight:700;line-height:25px}.page-description{font-size:13px}.board-directory a{border-color:#dce8f1;border-radius:22px;color:#5486b3;font-size:12px}
footer{min-height:80px;background:#407fbd;color:#e9f5ff}footer span,footer a{color:#dff0ff}

@media(min-width:761px) and (max-width:1050px){.header-inner{gap:15px}.primary-nav{gap:16px}.primary-nav a{font-size:14px}.brand>b{font-size:18px}.global-search{width:180px}.portal-grid{grid-template-columns:minmax(0,1fr) 250px}.rank-row{grid-template-columns:35px minmax(0,1fr) 55px 44px}.row-board,.row-tool,.row-hub,.row-pending{display:none}}

@media(max-width:760px){
 body{font-size:13px}.notice{font-size:12px}.header-inner{height:auto;min-height:70px;padding:8px 12px;gap:9px}.brand>b{font-size:20px}.brand img{width:34px;height:34px}.menu-button{min-width:44px;background:#ffffff1f}.primary-nav{background:#ffffff15;border-radius:8px}.primary-nav a{justify-content:center;font-size:12px}.global-search{width:100%;height:44px}.wrap{padding:13px 12px 42px}
 .home-hero{min-height:196px;margin:0 -12px;padding:22px 18px;background-position:62% center}.home-hero h1{font-size:20px;line-height:1.52}.home-hero .eyebrow,.home-hero p:not(.eyebrow){font-size:12px}.hero-links a{font-size:12px;padding:7px 11px}.game-rail{margin:10px 0 15px}.game-rail a{height:44px;padding:5px 10px;font-size:12px}.game-rail .game-icon{width:27px;height:27px}
 .portal-grid,.below-grid,.detail-grid{grid-template-columns:minmax(0,1fr);gap:12px}.panel-head{padding:16px}.panel-head h2{font-size:19px;line-height:23px}.filters{padding:10px;gap:5px}.filter-label{font-size:12px}.chip,.sort{font-size:12px}.rank-list{padding:7px 6px}.rank-row{grid-template-columns:31px minmax(0,1fr) 51px 44px;min-height:82px;margin-bottom:7px;padding:0 2px;border-radius:9px}.rank-no{font-size:15px}.rank-row .game-icon{width:40px;height:40px}.rank-game{gap:8px}.rank-game strong{font-size:13px;line-height:17px}.rank-game small{display:none}.rank-game em{display:block;margin-top:3px;font-size:12px;line-height:15px}.rank-count{font-size:12px}.rank-count b{font-size:16px}.row-board,.row-tool,.row-hub,.row-pending{display:none}.favorite{width:44px}.right-rail{display:none}
 .below-grid .panel:nth-child(2){display:block}.compact>header{padding:15px}.compact .guide-row,.compact .tool-row{margin:0 13px}.guide-row,.tool-row{margin:0 14px;padding:14px 0;gap:8px}.guide-row strong,.tool-row strong{font-size:13px}.guide-row p,.tool-row p{font-size:12px}.post-row{min-height:60px}.tool-banner{min-height:124px}.game-hero{min-height:225px;margin:0 -12px;padding:23px 18px;border-radius:0}.game-hero h1{font-size:20px}.game-hero p{font-size:12px}.tabs{margin:12px -12px;border-radius:0}.tabs button{min-height:48px;font-size:13px}.detail{padding:16px 14px}.page-title{font-size:20px}.page-description{font-size:13px}footer{min-height:76px}
}