/* SaaS Game Portal V3: independently authored magazine UI */
:root{--gp-ink:#14223c;--gp-muted:#61718b;--gp-blue:#3557dd;--gp-edge:#e2e8f2;--gp-shadow:0 12px 38px rgba(24,38,79,.055)}
.gp-home{background:#f8faff}.gp-section{padding:42px 0}.gp-section-alt{background:#f1f5fc}.gp-section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px}.gp-section-head h2{font-size:27px;margin:5px 0 4px;color:var(--gp-ink)}.gp-section-head p{font-size:13px;color:var(--gp-muted);margin:0}.gp-eyebrow{font-size:10px;font-weight:800;color:#3557dd;letter-spacing:.14em}.gp-text-link{color:var(--gp-blue);font-weight:750;font-size:13px;white-space:nowrap}
.gp-hero-band{background:linear-gradient(140deg,#10254d,#304f9f);color:#fff;padding:60px 0 70px}.gp-hero-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.gp-pill{border:1px solid #6683bd;color:#e0eafe;padding:8px 14px;border-radius:999px;font-weight:750;font-size:12px;display:inline-flex}.gp-hero-primary h1{font-size:clamp(36px,4.5vw,62px);line-height:1.15;margin:20px 0;max-width:570px}.gp-hero-primary p{font-size:16px;color:#cbd9f9;line-height:1.85}.gp-hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.gp-button{border-radius:11px;padding:12px 21px;font-weight:800;font-size:14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;cursor:pointer}.gp-button-light{background:#fff;color:#1d3d92}.gp-button-outline{color:#fff;border-color:#9eafd5}.gp-button-solid{background:#3658e6;color:#fff}.gp-hero-keywords{display:flex;gap:9px;flex-wrap:wrap;margin-top:34px}.gp-hero-keywords span{color:#cbd9f9;font-size:11px;border-left:2px solid #7094f1;padding-left:10px}.gp-hero-featured{padding:25px;border-radius:20px;background:#fff;color:#152341;box-shadow:0 24px 65px #0a174633}.gp-featured-heading{display:flex;gap:12px;align-items:center;font-size:18px;margin-bottom:8px}.gp-featured-heading span{font-size:10px;letter-spacing:.1em;color:#5575cf;font-weight:800}.gp-featured-row{display:grid;grid-template-columns:56px minmax(0,1fr) 15px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e7ecf3}.gp-featured-row:last-child{border-bottom:0}.gp-featured-row img{width:56px;height:56px;object-fit:cover;border-radius:13px}.gp-featured-row strong,.gp-featured-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-featured-row strong{font-size:14px}.gp-featured-row small{color:#7386a3;font-size:11px;margin-top:5px}
.gp-category-belt{display:flex;gap:10px;flex-wrap:wrap}.gp-category-belt a{background:#fff;padding:12px 20px;border:1px solid var(--gp-edge);border-radius:13px;font-weight:700;font-size:13px;color:#28446d}.gp-cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.gp-game-card{background:#fff;border:1px solid var(--gp-edge);padding:18px;display:flex;gap:13px;border-radius:18px;box-shadow:var(--gp-shadow);align-items:flex-start;min-width:0}.gp-game-icon{flex:0 0 60px}.gp-game-icon img{width:60px;height:60px;object-fit:cover;border-radius:14px;background:#f1f4fa}.gp-game-card-body{flex:1;min-width:0}.gp-game-label{font-size:11px;color:#4266d8;background:#edf2ff;padding:4px 7px;border-radius:7px}.gp-game-card h3{margin:10px 0 6px;font-size:15px}.gp-game-card p{color:var(--gp-muted);font-size:12px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:38px}.gp-card-foot{display:flex;justify-content:space-between;gap:5px;flex-wrap:wrap;border-top:1px solid #edf0f5;padding-top:11px;color:#76839d;font-size:11px}.gp-card-foot a{color:#3658dd;font-weight:800}.gp-duo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:24px}.gp-surface{background:#fff;border:1px solid var(--gp-edge);border-radius:19px;padding:24px;box-shadow:var(--gp-shadow)}.gp-ranking-tabs{display:flex;gap:5px;background:#f1f5fc;border-radius:11px;padding:5px;width:max-content;margin-bottom:15px}.gp-ranking-tabs a{font-size:12px;color:#607596;padding:8px;border-radius:8px}.gp-ranking-tabs a.active{color:#2145c1;background:#fff}.gp-ranking-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.gp-rank-row{display:grid;grid-template-columns:26px 44px minmax(0,1fr) 16px;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #ebeff7}.gp-position{font-size:17px;color:#9bacbf}.gp-rank-row:nth-child(-n+3) .gp-position{color:#d48739}.gp-rank-row img{width:44px;height:44px;object-fit:cover;border-radius:11px}.gp-rank-row strong,.gp-rank-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-rank-row strong{font-size:13px}.gp-rank-row small{font-size:11px;color:#7f8ca5;margin-top:3px}.gp-duo-aside .gp-game-card-compact{padding:12px 0;border:0;box-shadow:none;border-bottom:1px solid #eef1f8;border-radius:0}.gp-game-card-compact .gp-game-icon,.gp-game-card-compact .gp-game-icon img{width:50px;height:50px;flex-basis:50px}.gp-game-card-compact .gp-game-label,.gp-game-card-compact p{display:none}.gp-game-card-compact h3{margin:0 0 8px}.gp-game-card-compact .gp-card-foot{border:0;padding:0}
.gp-opening-list{display:grid}.gp-opening-row{display:grid;grid-template-columns:68px minmax(0,1fr) 65px;gap:14px;align-items:center;padding:14px 5px;border-bottom:1px solid #edf0f7}.gp-opening-row:last-child{border:0}.gp-opening-date{background:#eff3ff;border-radius:11px;padding:9px;color:#294ac0;text-align:center;font-weight:800}.gp-opening-date small{font-size:11px;display:block;color:#7386b8}.gp-opening-details strong,.gp-opening-details small{display:block}.gp-opening-details small{margin-top:5px;color:#7f8ba0;font-size:12px}.gp-opening-arrow{font-size:12px;font-weight:800;color:#3f61d8}.gp-gift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gp-gift-card{background:#fff;border:1px solid var(--gp-edge);border-radius:18px;padding:23px;box-shadow:var(--gp-shadow)}.gp-gift-card-top{display:flex;justify-content:space-between;align-items:center}.gp-gift-symbol{background:#fff3de;border-radius:12px;width:42px;height:42px;display:grid;place-items:center}.gp-gift-state{font-size:11px;font-weight:800;color:#bf7b2e}.gp-gift-card h3{font-size:17px;margin:16px 0 8px}.gp-gift-card p{font-size:12px;line-height:1.7;color:#64748b;min-height:44px}.gp-gift-link{font-size:12px;font-weight:800;color:#3557dd}.gp-news-list{display:grid;grid-template-columns:1fr 1fr;gap:2px 24px}.gp-news-row{padding:16px 0;display:grid;grid-template-columns:47px minmax(0,1fr) 20px;gap:12px;align-items:start;border-bottom:1px solid #edf0f7}.gp-news-date{font-weight:800;color:#91a2ba}.gp-news-row strong,.gp-news-row small{display:block}.gp-news-row strong{font-size:14px}.gp-news-row small{font-size:12px;color:#7b8aa1;margin-top:8px}
.gp-page-head{margin:14px 0 27px}.gp-page-head h1{font-size:34px;margin:5px 0}.gp-page-head p{color:var(--gp-muted)}.gp-gift-detail,.gp-opening-detail{padding:34px}.gp-gift-detail h1{font-size:31px}.gp-gift-metadata{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;color:#6c7792;margin:15px 0 24px}.gp-claim-box{padding:24px;border-radius:14px;background:#f0f4ff;margin:26px 0}.gp-success{background:#e5f8ed;color:#125735;padding:16px;border-radius:12px;overflow-wrap:anywhere}.gp-article-wrap{max-width:860px}.gp-empty-note{color:#75849a;font-size:13px;padding:20px}.gp-muted{color:#9aa8b8}.gp-info-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px}.gp-info-panels>.gp-surface{padding:20px}
@media(max-width:1100px){.gp-cards-grid{grid-template-columns:repeat(3,1fr)}.gp-hero-layout{gap:25px}}@media(max-width:870px){.gp-hero-layout,.gp-duo{grid-template-columns:1fr}.gp-gift-grid,.gp-cards-grid{grid-template-columns:repeat(2,1fr)}.gp-hero-band{padding:40px 0}}@media(max-width:600px){.gp-section{padding:28px 0}.gp-section-head h2{font-size:22px}.gp-hero-primary h1{font-size:36px}.gp-gift-grid,.gp-cards-grid,.gp-news-list,.gp-ranking-list,.gp-info-panels{grid-template-columns:1fr}.gp-surface{padding:16px}.gp-gift-card{padding:18px}.gp-page-head h1{font-size:27px}.gp-opening-row{grid-template-columns:62px minmax(0,1fr)}.gp-opening-arrow{display:none}}

.gp-hero-art img{width:100%;max-height:230px;object-fit:cover;border-radius:15px;margin-bottom:20px;box-shadow:0 12px 35px #030a2444}
.gp-category-belt a:hover{border-color:#a6b9ec;color:#2e52d6}.gp-game-card:hover{transform:translateY(-2px);transition:transform .15s}.gp-opening-row:hover,.gp-rank-row:hover,.gp-news-row:hover{background:#f8faff}


/* v2.0.6 – global rhythm optimization for portal pages */
.gp-section{padding:34px 0}
.gp-section-head{margin-bottom:18px}
.gp-page-head{margin:10px 0 20px}
.gp-surface{padding:20px}
.gp-gift-detail,.gp-opening-detail{padding:26px}
@media(max-width:600px){
  .gp-section{padding:22px 0}
  .gp-section-head{margin-bottom:14px}
  .gp-surface{padding:16px}
}


/* V2.0.7: shared codes are visible immediately, with a copy affordance. */
.gp-code-note{margin:0 0 12px;color:#52627b;font-size:13px}
.gp-code-copy{display:flex;align-items:stretch;gap:10px;max-width:620px}
.gp-code-copy input{flex:1;min-width:0;width:100%;border:1px solid #c6d4f2;border-radius:11px;background:#fff;padding:11px 13px;font-size:16px;font-weight:800;letter-spacing:.035em;color:#182a4e}
.gp-code-copy button{flex:0 0 auto;background:#3159ed;color:#fff;min-height:44px}
.gp-code-copy button:hover{background:#2144ce;color:#fff}
.gp-copy-feedback{min-height:1.2em;margin:7px 0 0;color:#156b43;font-size:12px}
.gp-back-to-game{margin:14px 0 0}
@media(max-width:520px){.gp-code-copy{flex-direction:column}.gp-code-copy button{width:100%}}