/* Game portal v2 — a bright service lobby with an arcade-like visual hierarchy. */
:root{--ink:#102c45;--ink-soft:#597083;--navy:#0b3554;--aqua:#00aab0;--lime:#56bf82;--sun:#f6be3b;--paper:#f6f8f5}
body{background:linear-gradient(180deg,#e7f3f4 0,#f8faf8 360px,#f5f6f1 100%);color:var(--ink)}
.shell{background:radial-gradient(circle at 94% 30px,#c1ece7 0,transparent 20%),linear-gradient(180deg,#e9f5f4 0,#f7f9f4 410px,#f4f5ef 100%)}
.shell>header{position:relative;min-height:82px;padding-block:0;background:linear-gradient(100deg,#fff 0%,#fcfffe 65%,#ecfaf6);border-bottom:3px solid #d2ebe4;box-shadow:0 4px 17px #0c506612}
.shell .logo{position:relative;color:#0b6870;font-size:31px;font-weight:1000;text-shadow:none}
.shell .logo:before{content:'PLAY';font-size:9px;letter-spacing:2px;display:block;color:#16a09a;line-height:1;margin-bottom:4px}
.shell .logo small{font-size:8px;letter-spacing:4px;color:#749391;margin-top:4px}
.shell nav{align-self:stretch;align-items:stretch;gap:1px;margin-left:20px}
.shell nav button{position:relative;padding:0 18px;border-radius:0;font-size:14px;font-weight:900;color:#52717b;transition:color .2s,background .2s}
.shell nav button:after{content:'';position:absolute;left:18px;right:18px;bottom:0;height:4px;border-radius:4px 4px 0 0;background:transparent}
.shell nav button.active,.shell nav button:hover{color:#075b66;background:#e5f7f3;box-shadow:none}
.shell nav button.active:after,.shell nav button:hover:after{background:linear-gradient(90deg,#00aeb1,#65c76e)}
.shell .wallet{display:flex;align-items:center;gap:6px;padding:11px 16px;background:#fff7df;border:1px solid #efd38b;border-radius:8px;color:#a36b00;font-size:14px;font-weight:950;box-shadow:0 3px 0 #e9d08c}
.shell .wallet:before{content:'●';color:#f3b42f;font-size:15px}.shell .logout{border:0;background:#e9f1ef;color:#4e706e;border-radius:7px;font-weight:800}
.shell main{width:min(1260px,100%);padding:27px 20px 60px}
.lobby-layout{grid-template-columns:minmax(0,1fr) 224px;gap:20px}.lobby-layout>.lobby-sidebar{border:1px solid #cde5dd;border-radius:14px;background:linear-gradient(180deg,#fff 0%,#f1faf6);box-shadow:0 10px 24px #1d6c5f0d}
.lobby-sidebar:before{content:'MY PLAY';display:block;padding-bottom:13px;border-bottom:1px solid #dcebe3;color:#1c8c83;font-size:10px;font-weight:950;letter-spacing:1.6px}.lobby-sidebar h3{color:#295e5a;font-weight:950}.my-avatar-preview img{border:3px solid #fff;box-shadow:0 6px 0 #cde7dd,0 14px 25px #39726222}.pick-avatar{background:#0d6872!important;color:#fff!important;border:0!important;border-radius:7px!important;font-weight:900}.lobby-sidebar select{background:#fff!important;border-color:#c9ddd2!important}.voice-label{color:#527a70}.preferences-status{color:#7e978d}
.arcade-hero{min-height:330px;padding:35px 37px;border:0;border-radius:18px;background:#063a58 url('./assets/lounge-hero-light.png') right center/auto 100% no-repeat;box-shadow:0 17px 30px #1654692b}.arcade-hero:before{background:linear-gradient(90deg,#043754 0,#084664ed 33%,#0c6076aa 55%,transparent 79%)}
.arcade-hero:after{content:'';position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,#f7c448,#47cf8d,#21bcc1);z-index:2}.arcade-hero .arcade-kicker{color:#9fe9d0;font-weight:900;font-size:10px}.arcade-hero h1{max-width:560px;color:#fff;font-size:38px;line-height:1.18;text-shadow:0 3px 18px #062d42}.arcade-hero h1 em{color:#ffd265}.arcade-hero p{max-width:470px;color:#d5edf0;font-size:13px}.hero-links button{border-radius:7px;font-size:13px;font-weight:950}.hero-links .arcade-primary{background:linear-gradient(135deg,#ffd469,#f4a93c);color:#513400;box-shadow:0 5px 0 #b96c1b,0 12px 25px #001a2d66}.hero-links .arcade-secondary{background:#ffffff1c;border:1px solid #b9e7dd80;color:#fff}.hero-links .arcade-secondary:hover{background:#ffffff35}
.portal-shortcuts{position:relative;z-index:4;margin:-1px 24px 0;grid-template-columns:repeat(3,1fr);border:0;border-radius:0 0 12px 12px;box-shadow:0 12px 20px #173f5019}.portal-shortcuts button{padding:17px 19px;background:#fff;border-color:#e6efed;color:#16485a}.portal-shortcuts button:hover{background:#ecfaf3}.portal-shortcuts b{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#eff6ff,#ddecfd);font-size:21px;color:#4275b7}.portal-shortcuts button:nth-child(2) b{background:linear-gradient(135deg,#d8f8e8,#dff4f0);color:#189873}.portal-shortcuts button:nth-child(3) b{background:linear-gradient(135deg,#ffe4dd,#fff0cd);color:#d87354}.portal-shortcuts span{font-size:14px}.portal-shortcuts small{font-size:10px;color:#789098}.portal-shortcuts i{font-size:24px;color:#7cb4ac}
.arcade-section-heading{margin-top:31px;padding:0 4px}.arcade-section-heading h2{color:#133c4d;font-size:24px;font-weight:1000}.arcade-section-heading .arcade-kicker{color:#20a58d;font-size:9px;font-weight:900}.arcade-caption{padding:7px 11px;border-radius:20px;background:#e8f4ef;color:#578076}
.game-cards{gap:16px}.game-select-card{min-height:284px;padding:18px;border:0;border-radius:14px;background:linear-gradient(148deg,#174c73,#0b304d)!important;color:#fff;box-shadow:0 10px 0 #0a2a43,0 18px 26px #143f5626}.game-select-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 92% 8%,#53bdfc55,transparent 34%),linear-gradient(155deg,transparent 44%,#fff1 44.5%,transparent 45%);z-index:-1}.game-select-card.badugi{background:linear-gradient(148deg,#126d68,#0a424d)!important;box-shadow:0 10px 0 #093b43,0 18px 26px #155b5726}.game-select-card.badugi:before{background:radial-gradient(circle at 92% 8%,#85e9a355,transparent 34%),linear-gradient(155deg,transparent 44%,#fff1 44.5%,transparent 45%)}.game-select-card.matgo{background:linear-gradient(148deg,#b34f48,#79313b)!important;box-shadow:0 10px 0 #692b36,0 18px 26px #71303b26}.game-select-card.matgo:before{background:radial-gradient(circle at 92% 8%,#ffd17655,transparent 34%),linear-gradient(155deg,transparent 44%,#fff1 44.5%,transparent 45%)}.game-select-card:hover{transform:translateY(-7px);border-color:transparent;box-shadow:0 13px 0 #0a2a43,0 27px 32px #143f5640}.game-card-top>span{color:#a9d9ed;font-weight:900}.game-card-top b{background:#ffffff1c;color:#f9e09a;border:1px solid #ffffff34}.game-card-title{font-size:28px;font-weight:1000}.game-card-desc{color:#d3e5ed}.game-card-cta{border-color:#ffffff2b;color:#eaf6f6}.game-card-cta b{color:#ffd66e}.game-art .art-orbit{border-color:#fff4}.art-card{box-shadow:0 4px 0 #9aaeb4,0 14px 20px #0007}.art-chip{filter:saturate(1.15)}.arcade-extras{border-top:0;padding-top:2px}.arcade-extras a{border:1px solid #d7e7e1;border-radius:10px;background:#fff;box-shadow:0 7px 16px #1d60520c}.arcade-extras a:hover{background:#effaf4}.extra-icon{background:#e8f8ee;color:#159075}
.portal-breadcrumb{color:#6f9088}.portal-breadcrumb button{color:#168d7d;font-weight:800}.game-room-section{border:0;border-radius:16px;background:#fff;box-shadow:0 11px 24px #20594c10}.game-lobby-title{border:0;border-radius:12px;background:linear-gradient(110deg,#083e5d,#0a6b75);overflow:hidden;position:relative}.game-lobby-title:after{content:'PLAYNOVA';position:absolute;right:20px;bottom:-14px;font-size:74px;font-weight:1000;letter-spacing:-6px;color:#fff1}.game-lobby-title .arcade-kicker{color:#80e9d0;position:relative;z-index:1}.game-lobby-title h1{color:#fff!important;position:relative;z-index:1}.game-lobby-title p{color:#d1edf1!important;position:relative;z-index:1}.lobby-open-count{position:relative;z-index:1;border-color:#ffffff30}.lobby-open-count strong{color:#ffda72}.lobby-open-count span{color:#c6e1e5}.lobby-channel-caption strong{color:#174f55}.rule-tabs .rule-tab{background:#eff7f4;border:0;border-radius:6px;color:#608079;font-weight:800}.rule-tabs .rule-tab.active{background:#0c7180;color:#fff;border:0;box-shadow:0 4px 0 #075363}.room-actions .primary{background:linear-gradient(135deg,#f9cf5b,#f2a83f);border:0;box-shadow:0 4px 0 #c57922;color:#553300}.room-actions button:not(.primary){border:1px solid #b7d8d1;background:#e8f7f2;color:#0e7973;font-weight:900}.room-list{border:1px solid #d8e8e3;box-shadow:none}.room-head{background:#eaf5f1;color:#668980}.room{color:#355d5d}.room:hover{background:#ecfbf5;box-shadow:inset 4px 0 #f3b83e}.room em{color:#078c80;font-weight:900}
@media(max-width:720px){.shell>header{min-height:auto;padding:11px 14px}.shell .logo:before{display:none}.shell .logo{font-size:24px}.shell nav{margin-left:0}.shell nav button{padding:10px 11px}.shell nav button:after{left:9px;right:9px;height:3px}.shell .wallet{padding:7px 9px}.arcade-hero{min-height:320px;padding:27px 21px;background-size:auto 100%;background-position:73% center}.arcade-hero:before{background:linear-gradient(90deg,#043754f7 0,#084664ed 47%,#0c607677 74%,transparent)}.arcade-hero h1{font-size:31px}.arcade-hero p{max-width:67%;font-size:11px}.portal-shortcuts{margin:0 5px;border-radius:0 0 10px 10px}.portal-shortcuts button{padding:12px 7px}.portal-shortcuts b{width:29px;height:29px;border-radius:8px;font-size:16px}.portal-shortcuts span{font-size:11px}.portal-shortcuts small{font-size:8px}.game-cards{gap:15px}.game-select-card{min-height:171px;box-shadow:0 6px 0 #0a2a43,0 12px 18px #143f5626}.game-select-card:hover{box-shadow:0 7px 0 #0a2a43,0 15px 22px #143f5640}.game-card-title{font-size:27px}.arcade-section-heading{margin-top:28px}.game-room-section{border-radius:11px}.game-lobby-title:after{font-size:45px;right:8px}.lobby-open-count{padding-left:13px}.room-actions .primary{box-shadow:0 3px 0 #c57922}}