@import url('./online-table.css');
@font-face{font-family:ClubSerif;src:url('/assets/club-serif.ttf') format('truetype');font-weight:300 700;font-display:swap}
body:has(.club-screen){background:#030604;overflow:hidden}body:has(.club-screen) #app{padding:0;min-height:100dvh}
.club-screen{position:fixed;inset:0;display:grid;place-items:center;background:#030604;overflow:hidden}
.club-scene{position:relative;width:min(100vw,216.6667dvh);height:min(100dvh,46.1538vw);flex:none;container-type:size;color:#f6e6bd;font-family:ClubSerif,Georgia,serif;font-weight:500;background-position:center;background-size:100% 100%;background-repeat:no-repeat;isolation:isolate}
.club-scene button{margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;color:inherit;font:inherit;cursor:pointer;text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.club-scene button:hover{color:#fff2cf;box-shadow:none;background-color:#ffffff08}.club-scene button:active{transform:translateY(1px)}.club-scene button:focus-visible{outline:2px solid #ffde91;outline-offset:3px}
.club-splash{background-image:url('/assets/club-splash-v4.png')}
.club-scene .club-start{position:absolute;left:35.16%;top:66.67%;width:29.8%;height:18.2%;background:url('/assets/club-start-v4.png') center/100% 100% no-repeat;text-align:center;font-size:3.55cqw;font-weight:700;line-height:1;text-shadow:0 2px 3px #000}
.club-lobby{background-image:url('/assets/club-room-v4.png')}
.club-logo{position:absolute;left:3.1%;top:2%;width:18.1%;height:17.7%;object-fit:contain}
.club-menu{position:absolute;left:1.3%;top:22.18%;width:21.18%;height:67.49%;background:url('/assets/club-menu-v4.png') center/100% 100% no-repeat}
.club-profile{position:absolute!important;left:5.8%;top:4.6%;width:88.3%;height:17.4%;display:flex;align-items:center;gap:4%}
.club-profile>img{width:28%;height:auto;object-fit:contain}.club-profile>span{flex:1;min-width:0}.club-profile strong{display:block;font-size:1.5cqw;font-weight:600;line-height:1.12;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.club-profile small{display:block;font-size:.89cqw;line-height:1.05;margin-top:3%}
.club-menu-item{position:absolute;left:4.6%;width:91%;height:12.35%;display:flex;align-items:center;gap:4%;font-size:1.3cqw!important;line-height:1.05}
.club-item-0{top:25.5%}.club-item-1{top:39.85%}.club-item-2{top:54.2%}.club-item-3{top:68.55%}.club-item-4{top:82.9%}
.club-menu-item>img:first-child{width:16.3%;height:auto;object-fit:contain;margin-left:4.5%}.club-menu-item>span{flex:1;white-space:nowrap}.club-scene .club-arrow{width:5%;height:auto;object-fit:contain;margin-right:6%;flex:none}
.club-toolbar{position:absolute;left:78%;top:2%;width:20.2%;height:11%;display:flex;align-items:center;justify-content:space-evenly;background:#020705dc;border:1px solid #92703644;border-radius:0 0 12px 12px}
.club-toolbar button{width:21%;height:92%;display:grid;place-items:center}.club-toolbar img{width:92%;height:auto;object-fit:contain}
.club-scene .club-promo{position:absolute;left:81.85%;top:15.5%;width:15.82%;height:29.93%;background:url('/assets/club-promo-v4.png') center/100% 100% no-repeat}
.club-promo>span{position:absolute;left:10%;top:65%;width:82%}.club-promo strong{display:block;font-size:1.45cqw;line-height:1.02}.club-promo small{display:block;font-size:.85cqw;margin-top:5%;line-height:1.2}.club-promo>.club-arrow{position:absolute;right:2%;bottom:14%;width:6%}
.club-scene .club-bonus{position:absolute;left:82.25%;top:47%;width:15.2%;height:11.8%;display:flex;align-items:center;gap:4%;background:url('/assets/club-button-v4.png') center/100% 100% no-repeat}
.club-bonus>img:first-child{width:22%;margin-left:6%;object-fit:contain}.club-bonus>span{flex:1;min-width:0}.club-bonus strong{display:block;font-size:1.28cqw;line-height:1.05;white-space:nowrap}.club-bonus small{display:block;font-size:.76cqw;line-height:1.1;margin-top:4%}.club-bonus>.club-arrow{width:5%;margin-right:5%}
.club-motto{position:absolute;left:25.84%;top:83.33%;width:46.91%;height:9.98%;object-fit:contain}
.club-name-field{display:grid;gap:8px;margin:12px 0 18px;color:#f6e6bd}.club-name-field input{width:100%;padding:12px;background:#08140f;border:1px solid #ad854e;border-radius:6px;color:#fff2cf;font:inherit}.club-gift-art{display:block;width:70px;height:70px;margin:12px auto}.modal{font-family:ClubSerif,Georgia,serif}.modal p{font-size:18px}.modal .full+.full{margin-top:12px}
.brand.batakgoo-brand .brand-wordmark{object-fit:contain}.brand.batakgoo-brand{gap:0}.online-header>img{object-fit:contain}
@media(orientation:portrait){.club-scene{width:100vw;height:46.1538vw}.club-screen::after{content:'Telefonunu yatay çevir';position:absolute;bottom:15%;font-size:20px;color:#efd6a1;font-family:ClubSerif,Georgia,serif}}
@media(max-height:450px){.modal p{font-size:16px}.modal{max-height:88dvh}}

.club-scene button:hover:not(:disabled){filter:none}
/* The same photographed salon and engraved controls continue behind every menu. */
body:has(.online-shell),body:has(.result-screen){background:#030604 url('/assets/club-room-v4.png') center/cover fixed no-repeat}
.modal-backdrop{background:#01050380;backdrop-filter:none;padding:3dvh 4vw}
.modal{background:#06130e url('/assets/club-dialog-v4.png') center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:0 12px 40px #000b;padding:38px 46px 32px;max-width:650px;width:min(650px,92vw);color:#f6e6bd}
.modal h2{font-family:ClubSerif,Georgia,serif;font-weight:600;color:#f6d68f;font-size:35px;margin:3px 0 16px}.modal .eyebrow{text-align:center;color:#cda55e;letter-spacing:4px}.modal p,.modal .rules,.modal .info-note{color:#e2d3b6;font-family:ClubSerif,Georgia,serif}.modal .info-note{background:#04110d;border-color:#8a683e}.modal .rules b{color:#f5d88e}
.modal-close{top:15px;right:20px;width:34px;height:34px;background:#06140d;border-color:#bc9255}.modal-close img{width:18px;height:18px;display:block;margin:auto}
.modal .primary,.modal .secondary,.result-panel .primary,.result-panel .secondary,.choice-panel .secondary,.online-shell button.primary,.online-shell button.secondary{background:url('/assets/club-button-v4.png') center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;color:#f7dfab;font-family:ClubSerif,Georgia,serif;font-weight:600;min-height:46px;padding:13px 25px;font-size:20px;text-shadow:0 1px 2px #000}
.modal .primary,.result-panel .primary,.online-shell button.primary{background-image:url('/assets/club-button-gold-v4.png');color:#fff3d1}.modal button:hover:not(:disabled),.online-shell button:hover:not(:disabled){filter:brightness(1.12)}.modal button:active:not(:disabled),.online-shell button:active:not(:disabled){filter:brightness(1.2);transform:translateY(1px)}
.modal .theme-choice,.modal .deck-choice,.modal .avatar-picker button{background:#05130e;border-color:#95723f;color:#f1d9a7}.modal .theme-choice.chosen,.modal .deck-choice.chosen,.modal .avatar-picker .chosen{border-color:#f1c878;background:#2a2516;box-shadow:inset 0 0 0 1px #cba061}
.modal .score-row{background:#06130ede;border-color:#93704166}.modal .score-row b,.modal .rules li::marker{color:#edc980}.modal .setting-row{border-color:#a9804644}.modal .setting-row input{accent-color:#d2a550}
.club-menu-item[aria-expanded=true]{background:url('/assets/club-button-gold-v4.png') center/100% 100% no-repeat;color:#fff3d1}.club-profile[aria-expanded=true],.club-toolbar button[aria-expanded=true],.club-promo[aria-expanded=true],.club-bonus[aria-expanded=true]{outline:1px solid #efcb88;outline-offset:2px}
.online-shell{min-height:100dvh;background:#00000038;border:0;box-shadow:none;color:#f4e0b9;font-family:ClubSerif,Georgia,serif}.online-header{background:#05100ed9;border-bottom:1px solid #97784480}.online-header>span{color:#dab977}.online-welcome{padding:35px 4%;align-items:center;gap:5vw}.online-welcome>div,.online-welcome>form,.online-premium,.online-chat{background:#06130e url('/assets/club-dialog-v4.png') center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:0 10px 35px #0008;padding:35px 38px}.online-welcome h1,.online-premium h1,.online-room-heading h1{font-family:ClubSerif,Georgia,serif;color:#f5d88d;font-weight:600}.online-welcome p,.online-welcome small,.online-premium p,.online-rule,.online-rules{color:#e0cfaa}.online-shell label{color:#e9c98b}.online-shell input,.online-shell textarea{background:#04100c;border-color:#a7824c;color:#fff1d0}.online-packages article,.online-seats article{background:#08180ef0;border:1px solid #9c7847;border-radius:0}.online-packages h2,.online-packages b,.online-room-heading strong{color:#f2cf83}.online-welcome em{color:#f0d48e}.online-welcome>div{max-width:650px}.online-header button{white-space:nowrap}.online-error:empty{display:none}
.result-panel,.choice-panel{background:#06130e url('/assets/club-dialog-v4.png') center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:0 10px 30px #0009}.choice-panel h2{color:#f4d78e}.bid-values button,.trump-values button{background:#08170f;border:1px solid #bb955a;color:#edd5a2;box-shadow:inset 0 0 0 2px #c89d4930}
@media(orientation:landscape) and (max-height:650px){.modal{padding:25px 34px 22px;max-width:600px;max-height:88dvh}.modal h2{font-size:28px;margin-bottom:12px}.modal .eyebrow{font-size:9px}.modal .primary,.modal .secondary{min-height:40px;font-size:18px;padding:10px 20px}.online-welcome{padding:15px 3%;gap:3vw}.online-welcome>div,.online-welcome>form,.online-premium,.online-chat{padding:24px 26px}.online-header{padding:10px 3%}.online-header>img{width:130px}.online-shell button.primary,.online-shell button.secondary{min-height:38px;font-size:16px;padding:9px 18px}}
/* Keep persistent phone controls inside Android's safe touch viewport. */
@media(orientation:landscape) and (max-width:1000px){.club-toolbar{left:72.5%}.club-scene .club-promo{left:76.35%}.club-scene .club-bonus{left:76.75%}}