:root{--navy:#071c3b;--blue:#0c3270;--gold:#f3c45d;--text:#14243c;--muted:#526079;--bg:#f2f5fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.65}img{max-width:100%;height:auto}a{color:#0b58a4}.wrap{width:min(1120px,calc(100% - 36px));margin-inline:auto}.site-header{background:linear-gradient(110deg,#06152f,#0a3271);box-shadow:0 3px 16px #001c3b33}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:80px}.brand{display:block;line-height:0;flex:none}.brand img{display:block;width:230px;height:auto;max-height:72px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.main-nav a{color:#fff;text-decoration:none;font-weight:650;font-size:.88rem;padding:9px 11px;border-radius:9px;white-space:nowrap}.main-nav a:hover,.main-nav a[aria-current]{background:#ffffff25;color:#ffe09a}.hero{background:#061633;padding:18px 0 26px}.hero-frame{position:relative;width:min(1120px,calc(100% - 36px));margin:auto;aspect-ratio:1730/909;border-radius:16px;overflow:hidden;background:#0b2c62;box-shadow:0 12px 35px #00122666}.hero-frame>img{display:block;width:100%;height:100%;object-fit:cover}.hero-controls{position:absolute;right:15px;bottom:13px;display:flex;align-items:center;gap:9px;color:white;background:#06152dcc;border:1px solid #ffffff55;border-radius:999px;padding:4px 9px;font-weight:700}.hero-controls button{border:0;background:none;color:#fff;font-size:1.6rem;cursor:pointer;min-width:30px;line-height:1}.page-hero{height:clamp(230px,30vw,410px);position:relative;overflow:hidden;background:#06152f}.page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55)}.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06152fdd,transparent 90%)}.page-hero-caption{position:relative;z-index:1;width:min(1120px,calc(100% - 36px));height:100%;margin:auto;display:flex;flex-direction:column;justify-content:center;max-width:1120px;color:white}.page-hero-caption>*{max-width:650px}.page-hero-caption span,.article-intro span{font-size:.77rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--gold)}.page-hero-caption h1{font-size:clamp(1.85rem,4vw,3.25rem);line-height:1.15;margin:10px 0}.page-hero-caption p{font-size:clamp(.9rem,1.5vw,1.12rem);margin:0}.breadcrumb{font-size:.83rem;color:#5d6d80;padding-top:17px}.breadcrumb a{text-decoration:none}.game-icons,.banner-gallery{padding:40px 0 10px}.game-icons h2,.banner-gallery h2{font-size:clamp(1.55rem,3vw,2.1rem);line-height:1.2;margin:0 0 6px;color:var(--navy)}.game-icons>p,.banner-gallery>p{margin:0 0 20px;color:var(--muted)}.topic-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.topic-links a{display:flex;flex-direction:column;text-decoration:none;gap:4px;padding:20px;border-radius:14px;background:linear-gradient(140deg,#0a2a64,#07152e);color:#fff;border:1px solid #cd9e4644;box-shadow:0 7px 20px #071a3430}.topic-links strong{color:#ffd479;font-size:1.07rem}.topic-links span{font-size:.83rem;color:#d7e3f3}.gallery-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.gallery-grid a{display:block;grid-column:span 2;aspect-ratio:1730/909;border-radius:12px;overflow:hidden;box-shadow:0 5px 16px #0c1b3833;background:#0a2450}.gallery-grid a:nth-child(-n+2){grid-column:span 3}.gallery-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.gallery-grid a:hover img{transform:scale(1.03)}.article{padding:38px 0 60px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.article-intro{grid-column:1/-1;padding:32px;border-radius:16px;color:#fff;background:linear-gradient(125deg,#092a63,#061a3b)}.article-intro h2{font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.2;margin:7px 0 10px}.article-intro p{margin:0;max-width:850px;color:#e0e9f6}.article-card{padding:25px 28px;border-radius:15px;background:#fff;box-shadow:0 4px 19px #10274d14;border:1px solid #dde4ef}.article-card h2{font-size:1.3rem;line-height:1.28;color:#09316e;margin:0 0 12px}.article-card p{margin:0;color:#35445b}.article-card a{font-weight:650}.site-footer{background:#06152f;color:#cdd9eb;padding:42px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:55px}.footer-brand{display:block;width:250px;line-height:0}.footer-brand img{width:100%;height:auto}.site-footer p{font-size:.9rem;max-width:560px}.site-footer h2{font-size:1.1rem;color:#ffd783;margin:0 0 12px}.site-footer a{color:#e9f1ff}.footer-grid>div:last-child a{display:block;margin:5px 0;text-decoration:none;font-size:.92rem}.footer-bottom{border-top:1px solid #ffffff25;margin-top:25px;padding:17px 0;font-size:.82rem}a:focus-visible,button:focus-visible{outline:3px solid #ffcf69;outline-offset:3px}@media(max-width:950px){.header-inner{flex-direction:column;gap:0;padding:12px 0}.main-nav{justify-content:center}.brand img{width:190px}.topic-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.wrap,.hero-frame,.page-hero-caption{width:min(100% - 24px,1120px)}.main-nav{gap:0}.main-nav a{font-size:.77rem;padding:6px 8px}.hero{padding:12px 0 18px}.hero-frame{aspect-ratio:1.42}.hero-frame>img{object-fit:cover;object-position:center}.page-hero{height:290px}.page-hero>img{object-position:60%}.page-hero:after{background:linear-gradient(90deg,#06152ff0,#06152f66)}.page-hero-caption p{font-size:.86rem}.topic-links{gap:9px}.topic-links a{padding:15px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gallery-grid a,.gallery-grid a:nth-child(-n+2){grid-column:span 1;aspect-ratio:1.35}.gallery-grid a:first-child{grid-column:span 2;aspect-ratio:1730/909}.article{grid-template-columns:1fr;padding:24px 0 42px}.article-intro{padding:23px}.article-card{padding:23px}.footer-grid{grid-template-columns:1fr;gap:18px}.footer-brand{width:205px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gallery-grid img{transition:none}}
.article-intro h1{font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.2;margin:7px 0 10px}
.article-card-wide{grid-column:1/-1}.article-card-wide p+p{margin-top:15px}

.header-actions{display:flex;align-items:center;gap:8px;flex:none}.access-btn{display:inline-flex;align-items:center;justify-content:center;min-width:78px;padding:9px 13px;border-radius:9px;background:#184c9d;border:1px solid #ffffff70;color:#fff!important;text-decoration:none;font-size:.85rem;font-weight:800;line-height:1.15}.access-btn-gold{background:#f3c45d;border-color:#f3c45d;color:#071c3b!important}.access-btn:hover{filter:brightness(1.1)}.access-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:50px;padding:22px 25px;border-radius:14px;background:#071c3b;color:#fff}.access-panel>div:first-child{display:flex;flex-direction:column}.access-panel strong{font-size:1.08rem;color:#ffe09a}.access-panel span{font-size:.88rem;color:#d9e5f5}.access-panel>div:last-child{display:flex;gap:9px;flex:none}@media(max-width:1050px){.header-actions{padding-bottom:11px}}@media(max-width:650px){.access-panel{flex-direction:column;align-items:stretch;padding:20px;margin-bottom:35px}.access-panel>div:last-child .access-btn{flex:1}.header-actions .access-btn{min-width:88px}}

.hero-frame{aspect-ratio:2/1}.hero-controls #pause-banner{font-size:.76rem;padding:7px;min-width:50px}.blog-card>a:first-child{text-decoration:none}.blog-card img{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:10px;margin-bottom:15px}.blog-card h2{margin-bottom:12px}.blog-read{display:inline-block;margin-top:16px}.blog-article{max-width:900px}.blog-article .article-intro nav{display:grid;gap:7px}.blog-article .article-intro a{color:#ffe09a}.blog-article section{scroll-margin-top:20px}.recent-blog{padding-bottom:40px}.recent-blog>.article{padding:15px 0}.guide-links{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:24px}.guide-links a{padding:8px 12px;border:1px solid #cfdae8;border-radius:8px;text-decoration:none}.page-hero-caption h1{font-size:clamp(1.65rem,3.3vw,2.75rem)}.main-nav a{padding:8px;font-size:.81rem}.brand img{width:225px}.footer-brand{width:270px}@media(min-width:951px){.header-inner{gap:14px;flex-wrap:wrap;padding:12px 0}.main-nav{flex:1;justify-content:center}}@media(max-width:650px){.hero-frame{aspect-ratio:2/1}.hero-frame>img{object-fit:contain}.hero-controls{right:7px;bottom:7px;gap:4px;padding:2px 5px;font-size:.7rem}.hero-controls button{font-size:1.25rem;min-width:25px}.page-hero{height:auto;overflow:visible}.page-hero>img{position:static;width:100%;height:auto;filter:none;object-fit:contain}.page-hero:after{display:none}.page-hero-caption{width:100%;padding:22px 18px;height:auto;background:#06152f}.page-hero-caption h1{font-size:1.65rem}.page-hero-caption>*{max-width:none}.header-actions{padding:10px 0}.gallery-grid a,.gallery-grid a:nth-child(-n+2){aspect-ratio:2/1}.gallery-grid a:first-child{aspect-ratio:2/1}}
/* KUWIN banner proportions preserve complete artwork and watermark. */
.hero-frame,.gallery-grid a,.gallery-grid a:nth-child(-n+2),.gallery-grid a:first-child{aspect-ratio:1942/809}
.hero-frame>img,.gallery-grid img{object-fit:contain}
.page-hero{height:auto;overflow:visible}
.page-hero>img{position:static;width:100%;height:auto;filter:none;object-fit:contain}
.page-hero:after{display:none}
.page-hero-caption{width:100%;padding:22px 18px;height:auto;background:#06152f}
.hero-controls{bottom:auto;top:8px}