[hidden]{display:none!important}.main-nav{display:flex;gap:25px;height:100%;align-items:center}.main-nav button{height:100%;position:relative;background:none;border:0;font-size:10px;color:#929c87}.main-nav button.nav-active{color:#214c3c}.nav-active:after{content:'';position:absolute;bottom:0;height:3px;left:0;right:0;background:#8b9f6c;border-radius:4px}.lobby-hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:335px;position:relative;background:#edf1e3;border:1px solid #e5eada;border-radius:22px;overflow:hidden}.hero-copy{padding:37px 36px;position:relative;z-index:1}.hero-copy h1{position:relative;font-size:43px;font-weight:600;letter-spacing:-2px;line-height:1.6;margin:15px 0 9px}.hero-copy h1>span{color:#819272;font-weight:400}.hero-copy h1>b{font-weight:400;color:#b5c390;font-size:32px;position:absolute;right:320px;top:24px}.hero-copy p{font-size:10px;color:#89967b;line-height:2.4}.hero-copy .primary-button{margin:20px 0 0;padding:12px 20px;display:inline-flex;gap:22px}.hero-benefits{display:flex;gap:18px;margin-top:22px;font-size:8px;color:#89997b}.hero-benefits span{display:flex;align-items:center;gap:5px}.hero-benefits svg{width:13px;height:13px}.hero-table{position:relative;overflow:hidden;min-height:335px;background:radial-gradient(ellipse at 55% 55%,#d5dfbf 0,transparent 65%)}.hero-table:after{content:'';position:absolute;width:315px;height:315px;top:74px;left:8%;border-radius:18px;background:conic-gradient(#899c7760 25%,#e6e9d480 0 50%,#899c7760 0 75%,#e6e9d480 0);background-size:79px 79px;transform:rotate(-23deg) skew(7deg,5deg);box-shadow:0 20px 0 #a6b38a,0 24px 0 #bfcaa7,0 40px 45px #5e744b25}.table-label{position:absolute;top:25px;left:27px;font:8px 'DM Sans';letter-spacing:3px;color:#92a17d;z-index:2}.hero-chess{position:absolute;left:45%;top:36px;font:220px/1.2 Georgia,'Times New Roman',serif;color:#294d3c;transform:rotate(-12deg);text-shadow:2px 5px 0 #58734f,7px 12px 0 #a8b88b,10px 20px 22px #314a3430;z-index:3}.hero-checker{position:absolute;width:85px;height:78px;border:5px solid #d6ddbe;border-radius:50%;background:radial-gradient(ellipse,#ececd4 0 52%,#c5cea7 54% 56%,#e1e5cb 58%);box-shadow:0 6px 0 #a8b58e,0 12px 0 #bec9a1,4px 20px 20px #3c59352b;z-index:4;transform:rotate(-17deg)}.checker-one{left:16%;top:112px}.checker-two{left:26%;top:233px;width:75px;height:67px;border-color:#466544;background:radial-gradient(ellipse,#34553c 0 52%,#59764e 54% 57%,#36573e 59%);box-shadow:0 6px 0 #1e3c2c,0 11px 0 #54704b,4px 19px 15px #344a322b}.checker-three{left:69%;top:270px;width:70px;height:62px}.hero-star{position:absolute;right:15%;top:30px;color:#9cad7f;font-size:56px;z-index:4}.decor-orbit{position:absolute;border:1px solid #acbc8c40;border-radius:50%;width:360px;height:360px;top:-100px;right:-150px}.orbit-two{width:460px;height:460px;top:-150px;right:-200px}.hero-ticket{position:absolute;bottom:25px;left:10%;z-index:5;background:#fffef5e8;border:1px solid #ffffffb0;border-radius:9px;padding:11px 15px;transform:rotate(4deg);font-size:9px;color:#718660;box-shadow:0 5px 20px #506e3910}.hero-ticket span{margin-left:12px;color:#a3b575}.catalog-section{margin-top:39px;scroll-margin-top:25px}.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.catalog-heading .eyebrow{font-size:8px;color:#96a286}.catalog-heading h2{font-size:20px;letter-spacing:-.5px;margin:8px 0 0;font-weight:600}.catalog-heading h2 span{font-size:12px;color:#a0a991;font-weight:400;margin-right:9px}.game-search{border:1px solid #e1e6d8;border-radius:9px;padding:9px 13px;display:flex;align-items:center;gap:8px;min-width:210px;background:#fbfcf7}.game-search input{min-width:0;border:0;background:none;font-size:9px;outline:none;width:100%;color:#31503b}.game-search input::placeholder{color:#a0aa91}.game-search svg{width:15px;height:15px;color:#94a383}.filter-bar{display:flex;align-items:center;gap:7px;padding:22px 0}.filter-bar button{font-size:9px;padding:8px 14px;background:none;border:1px solid transparent;border-radius:20px;color:#95a087}.filter-bar button.filter-active{background:#e7eddb;border-color:#dce5cb;color:#4d6b3e}.filter-bar button>span{font-family:'DM Sans';font-size:9px;margin-right:5px;color:#92a578}.filter-note{margin-right:auto;color:#a2ac95;font-size:8px;display:flex;align-items:center;gap:7px}.filter-note .dot{width:5px;height:5px}.game-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.game-card{background:#fffefb;border:1px solid #e2e7d9;border-radius:15px;padding:0;text-align:right;overflow:hidden;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s}.game-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #263f2a0c;border-color:#bbcba4}.card-art{height:174px;position:relative;overflow:hidden;display:grid;place-items:center;background:#e9eddf}.card-art.chess{background:#e5e9e4}.card-art.reversi{background:#e1eadc}.card-art.connect4{background:#f0e6d5}.card-art.tictactoe{background:#e6e6ed}.card-art.gomoku{background:#ece9dd}.card-badge{position:absolute;right:12px;top:12px;z-index:2;background:#fffdf4de;color:#6e8259;font-size:7px;border-radius:5px;padding:4px 8px}.card-index{position:absolute;left:13px;top:14px;font:8px 'DM Sans';letter-spacing:2px;color:#8a9a7c}.mini-grid{display:grid;grid-template-columns:repeat(6,1fr);width:155px;height:155px;transform:rotate(-17deg) translateY(25px);border:6px solid #cbd3b4;border-radius:6px;box-shadow:0 5px 0 #a7b28b,0 15px 25px #485e3420;direction:ltr}.mini-cell{background:#edf0df;position:relative;display:grid;place-items:center;aspect-ratio:1}.mini-cell:nth-child(12n+2),.mini-cell:nth-child(12n+4),.mini-cell:nth-child(12n+6),.mini-cell:nth-child(12n+7),.mini-cell:nth-child(12n+9),.mini-cell:nth-child(12n+11){background:#8fa27e}.mini-disc{display:block;width:75%;height:75%;border-radius:50%;background:#36553e;box-shadow:0 2px 0 #1e3d2b;border:1px solid #4c6a48}.mini-disc.pale{background:#ede9d2;border-color:#e6e1c6;box-shadow:0 2px 0 #b5bc9a}.chess .mini-grid{transform:rotate(-15deg) translateY(20px);border-color:#c5d1bc}.mini-chess{font:24px/.9 Georgia;color:#244b38;text-shadow:1px 1px #fff8}.mini-chess.pale{color:#fffce8;text-shadow:1px 1px 1px #587049}.reversi .mini-cell{background:#6f926a!important;box-shadow:inset 0 0 0 .5px #416d5030}.reversi .mini-grid{border-color:#4b7453}.mini-connect{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;width:164px;background:#8fa884;border:7px solid #9eb68f;border-bottom-width:12px;border-radius:9px;transform:rotate(-10deg) translateY(18px);box-shadow:0 5px 0 #637f5c,0 12px 24px #6c765025}.mini-hole{aspect-ratio:1;border-radius:50%;background:#e7e7d3;box-shadow:inset 0 2px 2px #637b4c30}.mini-hole.filled{background:#d7bb77}.mini-hole.filled.alt{background:#294f3a}.mini-tic{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;transform:rotate(-13deg) translateY(10px);width:141px;background:#b8bdcb;box-shadow:0 0 0 4px #b8bdcb;border-radius:4px;overflow:hidden}.mini-tic>span{font:37px/1.1 'DM Sans';height:44px;background:#e6e7ed;display:grid;place-items:center;color:#75816c}.mini-tic>span:nth-child(2n){color:#b49972}.mini-gomoku{display:grid;grid-template-columns:repeat(7,1fr);width:161px;background:#d6c8a8;border:5px solid #d6c8a8;transform:rotate(-13deg) translateY(16px);border-radius:5px;box-shadow:0 5px #b3a384}.mini-gomoku>span{aspect-ratio:1;border:.5px solid #9e987c50;display:grid;place-items:center}.card-body{padding:17px 19px 15px}.card-title-row{display:flex;justify-content:space-between;align-items:center}.card-title-row h3{font-size:14px;font-weight:600;margin:0}.card-title-row>span{font:8px 'DM Sans';letter-spacing:1.1px;color:#a8b19a}.card-body p{font-size:9px;line-height:2;color:#97a18b;margin:9px 0 15px}.card-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid #edf0e5;font-size:8px;color:#97a68b}.card-bottom>div{display:flex;align-items:center;gap:6px}.card-bottom svg{height:12px;width:12px}.card-play{display:flex;align-items:center;gap:10px;font-size:9px;color:#45683b}.card-play svg{width:15px;height:15px}.lobby-bottom{margin:30px 0 0;padding:20px 23px;border:1px solid #e4e8da;border-radius:13px;display:flex;align-items:center;gap:14px;background:#f0f3e9}.lobby-bottom-icon{width:39px;height:39px;border-radius:11px;background:#e2ead5;display:grid;place-items:center;color:#82976b}.lobby-bottom-icon svg{width:19px;height:19px}.lobby-bottom h3{font-size:11px;margin:0 0 7px;font-weight:500}.lobby-bottom p{font-size:8px;margin:0;color:#9aa68c}.lobby-bottom>span{margin-right:auto;font-size:9px;color:#9caa8a}.lobby-bottom b{font-size:28px;font-weight:400;vertical-align:middle;margin-right:15px}.no-games{text-align:center;padding:40px;color:#8e9a82}.back-button{display:flex;gap:7px;align-items:center;border:0;background:none;color:#869777;padding:0;font-size:9px}.back-button svg{width:14px;height:14px}.board.chess-board .piece{background:none;border:0;box-shadow:none;font:clamp(26px,3.6vw,47px)/1 Georgia,'Times New Roman',serif;width:95%;height:95%;text-shadow:0 2px 1px #16372360}.board.chess-board .piece:after,.board.tictactoe-board .piece:after{display:none}.board.chess-board .piece.white{color:#fffceb;-webkit-text-stroke:.6px #53604b}.board.chess-board .piece.black{color:#214432;-webkit-text-stroke:.4px #152d21}.board.reversi-board .square{background:#7a9971;box-shadow:inset 0 0 0 .5px #3c624c25}.board.reversi-board .piece{width:79%;height:79%}.board.connect4-board{gap:6px;padding:8px;background:#78966a;aspect-ratio:7/6}.board.connect4-board .square{border-radius:50%;background:#e8ecdb;box-shadow:inset 0 3px 4px #42623840}.board.connect4-board .piece{width:98%;height:98%;border:0;box-shadow:inset 0 -4px 2px #0002}.board.connect4-board .piece.white{background:#dfc17c}.board.connect4-board .piece.black{background:#274d37}.board.tictactoe-board{gap:7px;background:#bec8ad;border-radius:8px}.board.tictactoe-board .square{background:#f1f2e7}.board.tictactoe-board .piece{background:none;border:0;box-shadow:none;font:80px/1 'DM Sans';width:90%;height:90%;color:#658455}.board.tictactoe-board .piece.black{color:#bb9d66}.board.gomoku-board{padding:7px;background:#d6c6a1}.board.gomoku-board .square{background:#d6c6a1;box-shadow:inset 0 0 0 .5px #95896b65}.board.gomoku-board .piece{width:88%;height:88%;border-width:1px;box-shadow:0 2px 2px #0002}.board.gomoku-board .piece.white{background:#f6f0dc}.board.gomoku-board .piece:after{display:none}.board.gomoku-board .square.legal:before{width:15%;height:15%;box-shadow:none;background:#536f4f40}.board.gomoku-board .square.legal:hover{background:#b9b58e}.board .square.legal{cursor:pointer}.promotion-options{display:flex;gap:10px}.promotion-options button{background:#edf1e4;border:1px solid #d9e1cc;border-radius:10px;flex:1;font:40px Georgia;color:#31533d;padding:10px}.promotion-options button span{display:block;font:10px 'Noto Kufi Arabic';margin-top:8px}.square.check-square{background:#cb9a79!important}
@media(min-width:1500px){.hero-copy{padding:44px}.hero-copy h1{font-size:48px}.card-art{height:195px}.mini-grid{width:175px;height:175px}.hero-table:after{width:350px;height:350px;background-size:87.5px 87.5px}.hero-chess{font-size:245px}.lobby-hero{min-height:370px}}@media(max-width:1100px){.main-nav{gap:16px}.top-actions{gap:12px}.guest{display:none}.hero-copy{padding:30px 26px}.hero-copy h1{font-size:37px}.hero-copy h1>b{right:275px}.hero-table:after{left:-5%;top:90px}.hero-chess{left:36%;top:40px;font-size:200px}.game-cards{gap:15px}.card-title-row h3{font-size:12px}.card-title-row>span{font-size:7px}.card-body{padding:15px}.catalog-heading h2 span{display:none}.lobby-bottom>span{display:none}.hero-benefits{gap:12px}}@media(max-width:800px){.main-nav button{font-size:9px}.main-nav button:last-child{display:none}.main-nav{margin-right:auto;margin-left:20px}.lobby-hero{grid-template-columns:1fr 0.75fr;min-height:300px}.hero-copy{padding:25px 23px}.hero-copy h1{font-size:32px;letter-spacing:-1.5px}.hero-copy h1>b{display:none}.hero-copy p{font-size:9px}.hero-copy p br{display:none}.hero-copy .primary-button{font-size:10px;margin-top:16px}.hero-benefits{flex-wrap:wrap;font-size:7px;gap:9px}.hero-table{min-height:300px}.hero-table:after{width:240px;height:240px;left:-75px;top:108px;background-size:60px 60px}.hero-chess{font-size:169px;left:12%;top:42px}.hero-checker{width:57px;height:52px}.checker-one{left:0%;top:157px}.checker-two{left:24%;top:242px}.checker-three{display:none}.hero-ticket{font-size:7px;padding:8px;left:0;bottom:40px}.hero-star{font-size:40px;right:9%;top:35px}.table-label{font-size:6px;left:15px;top:20px;letter-spacing:1px}.catalog-section{margin-top:29px}.catalog-heading h2{font-size:18px}.game-search{min-width:160px;width:160px}.filter-bar{gap:0;overflow-x:auto;padding:20px 0}.filter-bar button{white-space:nowrap;padding:7px 11px;font-size:8px}.filter-note{display:none}.game-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-art{height:155px}.mini-grid{width:142px;height:142px}.card-body p{font-size:8px;min-height:33px}.card-title-row{gap:4px}.card-title-row>span{font-size:6px}.card-title-row h3{font-size:12px}.lobby-bottom{padding:17px}.lobby-bottom p{line-height:2}.board.chess-board .piece{font-size:clamp(25px,8vw,48px)}}@media(max-width:480px){.lobby-hero{grid-template-columns:1fr .55fr}.hero-copy{padding:25px 20px}.hero-copy h1{font-size:29px}.hero-copy .eyebrow{font-size:7px}.hero-copy p{font-size:8px}.hero-benefits span:last-child{display:none}.hero-table:after{left:-120px;top:120px}.hero-chess{left:-17%;top:67px;font-size:145px}.hero-ticket{display:none}.checker-one{left:-20%;top:208px}.checker-two{left:5%;top:273px;width:50px;height:44px}.hero-star{right:13%;top:55px;font-size:32px}.table-label{display:none}.catalog-heading{align-items:flex-end;gap:10px}.catalog-heading h2{font-size:16px}.catalog-heading .eyebrow{font-size:7px}.game-search{width:132px;min-width:132px;padding:8px}.game-search input{font-size:8px}.card-art{height:134px}.mini-grid{width:124px;height:124px;border-width:5px}.mini-chess{font-size:20px}.mini-connect{width:130px;gap:4px;border-width:5px}.mini-tic{width:111px}.mini-tic>span{height:35px;font-size:29px}.mini-gomoku{width:127px}.card-body{padding:13px 12px}.card-title-row h3{font-size:11px}.card-title-row>span{display:none}.card-badge{font-size:6px;right:8px;top:8px}.card-index{font-size:6px;left:9px;top:11px}.card-body p{font-size:7px;margin:8px 0 11px;min-height:30px}.card-bottom{font-size:7px;padding-top:10px}.card-play{font-size:8px;gap:5px}.game-cards{gap:11px}.lobby-bottom h3{font-size:10px}.lobby-bottom p{font-size:7px}.board.tictactoe-board .piece{font-size:64px}}