:root{--bg-canvas: #01413B;--bg-surface: #04534A;--bg-card: #075850;--bg-elevated: #095C54;--bg-deep: #00302B;--accent-amber: #F59903;--accent-gold: #FDD880;--accent-cream: #FFFEE4;--accent-cyan: #8FDBD2;--accent-ice: #BFF6CC;--accent-crimson: #EA4E3D;--accent-emerald: #1AC41A;--text-primary: #FFFFFF;--text-secondary: #E6F7F5;--text-muted: #8FDBD2;--border-subtle: #0F7066;--border-gold: rgba(253, 216, 128, .65);--border-cyan: rgba(143, 219, 210, .55);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 9999px;--max-w: 1220px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--bg-canvas);background-image:radial-gradient(circle at 15% 0%,rgba(15,112,102,.55) 0%,transparent 48%),radial-gradient(circle at 85% 12%,rgba(253,216,128,.12) 0%,transparent 45%),linear-gradient(180deg,#01413b,#00302b);background-attachment:fixed;color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Plus Jakarta Sans,Inter,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden;max-width:100vw;-webkit-font-smoothing:antialiased}a{color:var(--accent-gold);text-decoration:none;transition:color .18s ease,opacity .18s ease}a:hover{color:var(--accent-cream)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 16px}.site-header{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,#00302b,#013d37);backdrop-filter:blur(14px);border-bottom:2px solid var(--accent-gold);box-shadow:0 6px 24px #001815a6;padding:10px 0}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}.brand-logo-link{display:inline-flex;align-items:center;flex-shrink:0;order:1}.brand-logo-img{width:148px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.main-nav{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;order:2;flex:1 1 auto;min-width:0}.main-nav::-webkit-scrollbar{display:none}.nav-link{color:var(--accent-cyan);background:#04534abf;font-size:13.5px;font-weight:700;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);white-space:nowrap;transition:all .16s ease}.nav-link:hover{color:#01413b;background:linear-gradient(180deg,#fffee4,#fdd880);border-color:#fffee4;box-shadow:0 3px 10px #fdd88059}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0;margin-left:auto;order:3}.btn,.btn-primary,.btn-secondary,.btn-outline,.cta-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;white-space:normal;word-break:break-word;text-align:center;font-weight:800;font-size:15px;line-height:1.3;padding:12px 22px;min-height:46px;border-radius:var(--radius-pill);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;text-decoration:none}.btn-primary{background:linear-gradient(180deg,#fffee4,#fdd880 48%,#f59903);color:#01413b!important;border:1.5px solid #FFFEE4;box-shadow:0 4px 16px #f5990361,inset 0 1px #fff}.btn-primary:hover{transform:translateY(-2px);background:linear-gradient(180deg,#fff,#ffefc7 48%,#f59903);box-shadow:0 6px 22px #fdd8808c}.btn-secondary,.btn-outline{background:linear-gradient(180deg,#095c54,#04534a);color:#fffee4!important;border:1.5px solid var(--accent-cyan);box-shadow:0 4px 12px #00302b73}.btn-secondary:hover,.btn-outline:hover{transform:translateY(-2px);background:linear-gradient(180deg,#0f7066,#075850);border-color:var(--accent-gold);color:var(--accent-gold)!important;box-shadow:0 6px 16px #8fdbd24d}.btn-sm{padding:8px 16px;min-height:38px;font-size:13.5px}.dual-cta-bar,.hero-cta-row,.game-card-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;max-width:100%;width:100%}.dual-cta-bar{justify-content:flex-start;margin:20px 0}.breadcrumb-nav{padding:12px 16px;font-size:13.5px;color:var(--text-muted);background:#00302b99;border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin:16px 0 22px}.breadcrumb-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.breadcrumb-list li+li:before{content:"›";margin-right:8px;color:var(--accent-gold)}h1,h2,h3{color:#fff;font-weight:800;line-height:1.25;margin-top:0}h1{font-size:clamp(1.65rem,3.2vw,2.4rem);margin-bottom:16px;letter-spacing:-.01em;color:var(--accent-cream);text-shadow:0 2px 8px rgba(0,32,28,.6)}h2{font-size:clamp(1.3rem,2.3vw,1.72rem);margin-top:32px;margin-bottom:14px;padding-bottom:10px;border-bottom:1.5px solid var(--border-subtle);color:var(--accent-gold);display:flex;align-items:center;gap:10px}h2:before{content:"";display:inline-block;width:6px;height:22px;border-radius:4px;background:linear-gradient(180deg,#fffee4,#fdd880,#ea4e3d);flex-shrink:0}h3{font-size:clamp(1.08rem,1.8vw,1.26rem);margin-top:22px;margin-bottom:10px;color:var(--accent-cyan)}p{color:var(--text-secondary);margin-top:0;margin-bottom:16px}.answer-capsule{background:linear-gradient(135deg,#00302b,#013d37);border-left:5px solid var(--accent-gold);border-top:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:16px 20px;border-radius:0 var(--radius-md) var(--radius-md) 0;margin:14px 0 20px;color:var(--accent-cream);font-size:15.5px;font-weight:500;box-shadow:inset 0 1px #fffee41f,0 6px 18px #00181559}.content-section{background:linear-gradient(180deg,#04534a,#013d37);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);padding:26px;margin-bottom:26px;box-shadow:0 10px 28px #0018156b,inset 0 1px #8fdbd233}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:20px 0}.info-card,.link-card{background:linear-gradient(160deg,#075850,#00302b);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.link-card:hover{border-color:var(--accent-gold);box-shadow:0 8px 22px #0018158c;transform:translateY(-3px)}.link-card-title{font-weight:800;font-size:16px;color:var(--accent-gold);margin:0}.link-card-desc{font-size:14px;color:var(--text-secondary);margin:0}.table-wrap{width:100%;overflow-x:auto;margin:18px 0;border-radius:var(--radius-md);border:1.5px solid var(--border-gold);box-shadow:0 6px 18px #00181566}table{width:100%;border-collapse:collapse;background:var(--bg-deep);font-size:14.5px}th,td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--border-subtle)}th{background:linear-gradient(90deg,#075850,#095c54);color:var(--accent-gold);font-weight:800;white-space:nowrap;border-bottom:1.5px solid var(--border-gold)}tr:nth-child(2n) td{background:#04534a73}tr:last-child td{border-bottom:none}.game-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:22px 0}@media (max-width: 1080px){.game-grid{grid-template-columns:repeat(3,1fr)}}.game-card{background:linear-gradient(180deg,#075850,#00302b);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);padding:12px;display:flex;flex-direction:column;gap:12px;box-shadow:0 6px 16px #00181573;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.game-card:hover{transform:translateY(-4px);border-color:var(--accent-gold);box-shadow:0 10px 26px #fdd88047}.game-thumb-wrap{width:100%;aspect-ratio:220 / 264;border-radius:var(--radius-md);overflow:hidden;background:#00302b;border:1.5px solid var(--border-gold)}.game-thumb-wrap img{width:100%;height:100%;object-fit:contain}.game-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.game-card-actions .btn{padding:9px 8px;font-size:13px;min-height:40px;width:100%}.faq-list{display:flex;flex-direction:column;gap:12px;margin:18px 0}.faq-item{background:var(--bg-deep);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;transition:border-color .18s ease}.faq-item[open]{border-color:var(--accent-gold)}.faq-item summary{padding:15px 18px;font-weight:700;font-size:16px;color:var(--accent-cream);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0758508c}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--accent-gold);font-size:20px;font-weight:900;flex-shrink:0}.faq-item[open] summary:after{content:"−";color:var(--accent-cyan)}.faq-body{padding:14px 18px 16px;color:var(--text-secondary);font-size:15px;border-top:1px solid var(--border-subtle)}.site-footer{background:#002420;border-top:2px solid var(--accent-gold);padding:40px 0 32px;margin-top:48px}.trust-bar-wrap{background:linear-gradient(180deg,#04534a,#00302b);border:1.5px solid var(--border-gold);border-radius:var(--radius-lg);padding:20px;margin-bottom:32px;display:flex;flex-direction:column;gap:14px;box-shadow:0 8px 24px #00141180}.trust-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.trust-row:last-child{padding-bottom:0;border-bottom:none}.trust-row-label{color:var(--accent-gold);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;min-width:135px}.pill-white{background:var(--accent-cream);color:#01413b!important;font-weight:800;font-size:12.5px;padding:5px 13px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 6px #00000040}.pill-dark{background:#075850;color:#fffee4!important;border:1px solid var(--accent-cyan);font-weight:700;font-size:12.5px;padding:5px 13px;border-radius:var(--radius-pill);display:inline-flex;align-items:center}.footer-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:28px}.footer-col h4{color:var(--accent-gold);font-size:14px;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px}.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.footer-col a{color:var(--text-secondary);font-size:13.5px}.footer-col a:hover{color:var(--accent-gold)}.footer-legal{font-size:13px;color:var(--text-muted);border-top:1px solid var(--border-subtle);padding-top:20px;text-align:center}@media (max-width: 1080px){.header-inner{flex-wrap:wrap}.brand-logo-link{order:1}.header-actions{order:2;margin-left:auto}.main-nav{order:3;width:100%;flex:0 0 100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-top:6px;padding-bottom:2px;border-top:1px solid rgba(17,94,89,.45)}}@media (max-width: 768px){.content-section{padding:18px 14px}}@media (max-width: 480px){.brand-logo-img{width:132px;height:32px}.header-actions{gap:6px}.header-actions .btn-sm{padding:7px 10px;font-size:12px;min-height:34px}.dual-cta-bar,.hero-cta-row,.game-card-actions{flex-direction:column;display:flex;width:100%}.dual-cta-bar .btn,.hero-cta-row .btn,.game-card-actions .btn{width:100%}.game-grid{grid-template-columns:repeat(2,1fr);gap:10px}}
