/* HemenOkey v19 / Studio-grade editorial game landing, no JS dependencies */
:root{--ink:#eaf1f5;--muted:#a9b8c7;--night:#0c1826;--navy:#142437;--line:#2a3c4e;--accent:#d7ae64;--cream:#f5f1e9;--dark-copy:#172634;--dim-copy:#66737b;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--night)}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;min-height:100vh;background:#0c1826;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
button,input,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.shell{width:min(1140px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:absolute;left:12px;top:-120px;background:#fff;color:#091523;padding:10px 14px;border-radius:6px;z-index:100}
.skip-link:focus{top:12px}
.masthead{border-bottom:1px solid #293747;background:rgba(12,24,38,.97);position:relative;z-index:5}
.masthead-inner{display:flex;align-items:center;min-height:78px;gap:36px}
.site-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.site-monogram{height:39px;width:39px;border:1px solid #d2a65d;border-radius:6px;background:#203348;display:grid;place-items:center;color:#f4d098;font-family:Georgia,serif;font-size:25px;font-weight:700;letter-spacing:-3px}
.site-monogram span{transform:translateX(-1px)}
.site-wordmark{font-size:22px;font-weight:850;letter-spacing:-1.12px;line-height:.97;color:#f6f5f1}
.site-wordmark>span{color:#dfb468}
.site-wordmark small{display:block;font-size:8px;font-weight:750;letter-spacing:1.85px;line-height:1.5;color:#8fa3b6;margin-top:6px}
.nav-links{display:flex;align-items:center;gap:29px;margin-left:auto}
.nav-links a{font-size:12px;font-weight:650;color:#bdcad4;transition:color .18s}
.nav-links a:hover{color:#f4d49b}
.nav-actions{display:flex;align-items:center;gap:15px;margin-left:11px;flex-shrink:0}
.nav-login{font-size:12px;font-weight:700;color:#f7f0e6}
.member-name{max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-cta{font-size:12px;font-weight:800;color:#172635;background:#dfb76e;padding:10px 15px;border-radius:6px;white-space:nowrap;transition:background .18s,transform .18s}
.nav-cta span{margin-left:7px;font-size:13px}
.nav-cta:hover{background:#f2cb84;transform:translateY(-1px)}
main{padding-top:26px;padding-bottom:42px}
.welcome{display:grid;grid-template-columns:minmax(0,1.75fr) 338px;gap:16px;align-items:stretch}
.hero{position:relative;overflow:hidden;border:1px solid #365067;border-radius:10px;min-height:398px;background:#183044;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#183044 0%,#183044 48%,rgba(24,48,68,.76) 67%,rgba(24,48,68,.24) 100%);z-index:-1}
.hero-halo{pointer-events:none;position:absolute;width:310px;height:310px;right:-98px;top:-65px;border:1px solid rgba(231,185,101,.19);border-radius:50%;box-shadow:0 0 0 48px rgba(231,185,101,.035),0 0 0 102px rgba(231,185,101,.025)}
.hero-art{position:absolute;right:-82px;bottom:-90px;width:400px;height:390px;background:url('/hemenokey-pilot-assets-v6/lobi/game-okey-hd.png') center/contain no-repeat;opacity:.7;filter:saturate(.77) contrast(1.06) drop-shadow(0 18px 22px rgba(0,0,0,.26));z-index:-2}
.hero-content{position:relative;z-index:1;max-width:520px;padding:45px 35px 30px}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 17px;font-size:10px;font-weight:800;letter-spacing:2px;color:#dfc08b}
.eyebrow-rule{width:20px;height:1px;background:#dfb56d}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(46px,5.2vw,68px);line-height:1.02;font-weight:500;letter-spacing:-2.55px;margin:0;color:#f7f6f3}
.hero h1 span{color:#e0b66e}
.hero-description{font-size:14px;line-height:1.75;max-width:315px;margin:20px 0 24px;color:#d6e1e8}
.hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.button{border-radius:6px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;font-weight:800;min-height:42px;padding:0 16px;transition:background .2s,transform .2s,color .2s;border:1px solid transparent}
.button:hover{transform:translateY(-1px)}
.button span{font-size:15px}
.button-gold{background:#e0b86f;color:#12253a;border-color:#e0b86f}
.button-gold:hover{background:#f5d28d}
.button-outline{border-color:#73889b;background:rgba(19,38,56,.2);color:#f3f2ee}
.button-outline:hover{background:#263f54}
.hero-footnotes{display:flex;gap:15px;flex-wrap:wrap;margin-top:31px;color:#bdcbd4;font-size:10px;font-weight:600}
.hero-footnotes span+span:before{content:"•";margin-right:15px;color:#71879a}
.hero-footnotes i{display:inline-block;height:6px;width:6px;background:#83b9a9;border-radius:50%;margin-right:5px;vertical-align:1px}
.hero-edition{position:absolute;bottom:18px;right:19px;color:#b0c0cc;font-size:10px;letter-spacing:1px;font-weight:700}
.signin{background:var(--cream);color:var(--dark-copy);border-radius:10px;border:1px solid #ded8cc;padding:29px 27px 24px;display:flex;flex-direction:column}
.signin-brow{font-size:10px;letter-spacing:1.8px;font-weight:850;color:#b18a4e}
.signin h2{font-family:Georgia,"Times New Roman",serif;font-size:27px;letter-spacing:-.8px;font-weight:500;margin:10px 0 6px}
.signin-head p{font-size:12px;color:#6a757e;line-height:1.65;margin:0 0 17px}
.signin-form{display:flex;flex-direction:column}
.signin-form label{font-size:11px;font-weight:750;color:#34495a;margin:6px 0 7px}
.signin-form input{width:100%;height:42px;min-height:42px;border:1px solid #d2d0c9;background:#fffefb;color:#1b2c3a;border-radius:5px;padding:10px 12px;font-size:12px;transition:border-color .16s}
.signin-form input::placeholder{color:#9199a0}
.signin-form input:focus{border-color:#b79859;outline:2px solid rgba(190,150,77,.19);outline-offset:0}
.button-primary{justify-content:space-between;border:1px solid #1e374b;background:#193248;color:#faf8f3;width:100%;margin-top:15px}
.button-primary:hover{background:#284961}
.button-secondary{background:#eae7e0;border-color:#d9d4c9;color:#273746;margin-top:10px}
.button-secondary:hover{background:#e0dbd2}
.signin-footer{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:15px;color:#6a7682;font-size:11px}
.signin-footer a:hover,.signup-caption a:hover{text-decoration:underline}
.signup-caption{text-align:center;border-top:1px solid #dedbd3;margin-top:auto;padding-top:16px;color:#6c7883;font-size:11px}
.signup-caption a{color:#925c1f;font-weight:800}
.member-nick{font-size:18px;color:#1f3647;overflow-wrap:anywhere;font-weight:750}
.game-strip{border-bottom:1px solid var(--line);padding:35px 0 31px}
.strip-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:18px}
.section-index{color:#d8b16d;font-size:10px;font-weight:800;letter-spacing:1.8px;margin:0 0 7px}
.strip-heading h2,.detail-heading h2{font-family:Georgia,"Times New Roman",serif;font-size:26px;line-height:1.2;letter-spacing:-.5px;font-weight:500;margin:0;color:#f0f0ee}
.game-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #344759;border-radius:8px;overflow:hidden}
.game-link{display:flex;align-items:center;gap:12px;padding:18px 13px;min-height:78px;background:#122236;color:#e8edf0;position:relative}
.game-link+.game-link{border-left:1px solid #344759}
.game-link-live{background:#1b3446}
.game-icon{font-family:Georgia,serif;color:#d0b47b;border:1px solid #637180;border-radius:50%;height:30px;width:30px;display:grid;place-items:center;font-size:12px;flex-shrink:0}
.game-link strong{font-size:13px;font-weight:800;display:block;line-height:1.2}
.game-link small{font-size:10px;color:#92a5b4;display:block;margin-top:4px;white-space:nowrap}
.live-label{color:#d9b36e;background:#2b4051;font-size:9px;font-weight:800;letter-spacing:.5px;border-radius:3px;padding:4px 6px;margin-left:auto}
.content-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:34px;margin-top:36px;align-items:start}
.detail-heading{margin-bottom:18px}
.detail-heading p:last-child{font-size:12px;color:#8d9fb0;margin:8px 0 0}
.board{margin:0!important;background:#142538!important;border:1px solid #344759!important;border-radius:8px!important;padding:19px!important;box-shadow:none!important;color:#e8eff3!important;min-height:255px}
.board .tabs{display:none!important}
.board>h2{display:none!important}
.board .leader{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 16px!important}
.board .leader article,.board .leader div{margin:0!important;padding:10px 1px!important;min-height:0!important;background:transparent!important;border:0!important;border-bottom:1px solid #304456!important;border-radius:0!important;box-shadow:none!important}
.board .leader article:nth-child(1){color:#eac78b!important}
.board .leader article strong,.board .leader strong{display:block!important;color:#e8e9e7!important;font-size:12px!important;font-weight:700!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board .leader article small,.board .leader small{display:block!important;color:#c8aa73!important;font-size:11px!important;margin-top:2px!important}
.board h3{color:#e9e8e1;font-size:12px;margin:20px 0 4px;font-weight:700}
.board .notice{color:#a9b8c7!important;font-size:11px;line-height:1.7;margin:0}
.roomlist{border-top:1px solid #344759}
.room-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #344759;padding:13px 0}
.room-identifier{display:flex;align-items:center;gap:14px;min-width:0}
.room-number{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;background:#1d3041;border:1px solid #354959;border-radius:6px;font-family:Georgia,serif;color:#e3bc7a;font-size:14px}
.room-row h3{font-size:12px;color:#edf1ef;margin:0;font-weight:800}
.room-row p{font-size:10px;color:#899daf;margin:3px 0 0}
.room-action{flex-shrink:0;color:#e5c289;font-size:11px;font-weight:800;transition:color .2s}
.room-action:hover{color:#fff1bf}
.room-action span{margin-left:5px}
.room-soon{flex-shrink:0;font-size:10px;color:#7e91a1}
.site-footer{border-top:1px solid #283948;padding:19px 0 23px}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:15px}
.footer-brand{font-size:16px;font-weight:850;letter-spacing:-.6px}
.footer-brand span{color:#dfb66f}
.footer-inner>span:nth-child(2){font-size:10px;color:#8ba0b0}
.footer-inner nav{display:flex;gap:18px}
.footer-inner nav a{font-size:11px;color:#9daebc}
.footer-inner nav a:hover{color:#e8c287}
@media (max-width:1050px){
 .masthead-inner{gap:19px}.nav-links{gap:19px}.welcome{grid-template-columns:minmax(0,1fr) 318px}.hero-art{right:-145px}.hero-content{padding-inline:27px}.hero h1{font-size:52px}
}
@media (max-width:830px){
 .shell{width:min(700px,calc(100% - 32px))}
 .masthead-inner{flex-wrap:wrap;padding-block:13px;gap:12px;min-height:0}.site-brand{margin-right:auto}.nav-actions{margin-left:0}.nav-links{order:3;width:100%;justify-content:space-between;border-top:1px solid #2a3d4f;padding-top:11px;gap:8px}
 .welcome{grid-template-columns:1fr}.hero{min-height:366px}.hero h1{font-size:60px}.hero-art{right:-60px;bottom:-95px}.signin{padding:23px 24px}.signin-form{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.signin-form label:nth-of-type(1){grid-area:1/1}.signin-form input:nth-of-type(1){grid-area:2/1}.signin-form label:nth-of-type(2){grid-area:1/2}.signin-form input:nth-of-type(2){grid-area:2/2}.signin-form button{grid-column:1/-1}
 .game-links{grid-template-columns:repeat(2,minmax(0,1fr))}.game-link:nth-child(3){border-left:0;border-top:1px solid #344759}.game-link:nth-child(4){border-top:1px solid #344759}
 .content-grid{grid-template-columns:1fr;gap:33px}
}
@media (max-width:520px){
 .shell{width:calc(100% - 24px)}.masthead-inner{gap:9px}.site-monogram{height:33px;width:33px;font-size:21px}.site-wordmark{font-size:19px}.site-wordmark small{font-size:7px}
 .nav-cta{padding:9px 10px}.nav-login{font-size:11px}.nav-actions{gap:9px}.nav-links a{font-size:11px}
 main{padding-top:14px;padding-bottom:28px}.welcome{gap:12px}.hero{min-height:390px}.hero-content{padding:29px 20px 28px}.hero:before{background:linear-gradient(90deg,#183044 0%,rgba(24,48,68,.96) 60%,rgba(24,48,68,.6) 100%)}.hero h1{font-size:51px;letter-spacing:-2px}.hero-description{font-size:12px;max-width:245px}.hero-art{width:260px;height:255px;right:-125px;bottom:-25px;opacity:.45}.hero-halo{right:-150px}.hero-actions{gap:8px}.button{padding:0 12px;gap:12px}.hero-footnotes{gap:5px;max-width:250px;font-size:9px;margin-top:25px}.hero-footnotes span+span:before{margin-right:5px}.hero-edition{display:none}
 .signin{padding:22px 19px}.signin-form{display:flex;gap:0}
 .strip-heading h2,.detail-heading h2{font-size:23px}.game-strip{padding:27px 0}.game-link{padding:14px 11px;gap:8px}.game-icon{width:26px;height:26px;font-size:10px}.game-link strong{font-size:12px}.game-link small{font-size:9px}.live-label{display:none}
 .content-grid{margin-top:28px}.board{padding:13px!important}.board .leader{gap:0 11px!important}.room-identifier{gap:10px}
 .footer-inner{flex-wrap:wrap}.footer-inner>span:nth-child(2){order:3;flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}