:root{background:#071424;color:#fff4dd;--home-gold:#efc477;--home-line:#263d51}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:#071424}button,a{font:inherit}p{color:#c5ccd3}button,input,.authcard,.backup,.choices article,.room,.active{border-color:#34475a;background-color:#102236}.primary{background:linear-gradient(110deg,#f8d58d,#d9a34c);border-color:#eac078;color:#111e2a}.primary:hover:enabled{background:#f1c77c;color:#111e2a}.home-header{min-height:76px;padding:10px 4.2%;gap:30px;background:#061423;border-bottom:1px solid #203346;display:flex;align-items:center;justify-content:space-between}.home-header .brand{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;color:var(--home-gold);font-size:2.1rem}.home-header .brand img{width:42px;height:42px;object-fit:contain}.home-header .brand span{font-size:inherit}.home-header .brand b{color:#fff4dd;font-weight:700}.home-header nav{margin:0;gap:36px}.home-header nav a{color:#fff;text-decoration:none;font-size:1.1rem}.home-account{display:flex;align-items:center;gap:18px}.home-languages{display:flex;align-items:center;gap:3px}.home-languages button{min-height:44px;min-width:36px;padding:5px;border:0;border-radius:0;background:transparent;color:#b8bfca;font-size:.875rem}.home-languages button[aria-pressed=true]{color:var(--home-gold);box-shadow:inset 0 -2px var(--home-gold)}.home-login{padding:8px 14px;min-height:42px;border:1px solid #7d6a4d;border-radius:24px;background:transparent;color:#ffe1a3}.home-header #logout{min-height:42px;padding:8px 14px}.home-header .home-login[hidden]{display:none}main{max-width:none;margin:0;padding:0}.home-hero{position:relative;height:clamp(360px,54vh,580px);overflow:hidden;background:#102236}.home-hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 46%;display:block}.home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#030d1ebd 0%,#030d1e40 45%,transparent 70%);pointer-events:none}.home-hero-copy{position:absolute;z-index:1;left:5%;right:5%;bottom:18%;text-align:center}.home-hero h1{font:700 clamp(2.4rem,5.1vw,5.2rem)/1.1 Georgia,serif;color:#f6cf85;text-shadow:0 3px 15px #000c;margin:0 0 22px}.home-hero-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.home-hero-actions .primary,.home-cafe-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;min-width:220px;padding:12px 26px;border-radius:30px;text-decoration:none;font-weight:600;font-size:1.1rem}.home-cafe-button{background:#061424e8;border:1px solid #e6bc74;color:#fff5e3}.home-game-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1440px;margin:0 auto;padding:28px 4.2% 32px}.home-game-card{display:block;text-align:left;padding:0;min-height:0;overflow:hidden;border:1px solid #2c4054;border-radius:14px;background:#091a2b;text-decoration:none;color:#fff1d5;transition:border-color .15s}.home-game-card:hover{border-color:#bb9558;background:#102236}.home-card-photo{display:block;aspect-ratio:460/226;background-image:url('/home/reference.webp');background-size:333.913% 453.097%;background-repeat:no-repeat}.home-photo-okey{background-position:5.9479% 81.3283%}.home-photo-101{background-position:50.6506% 81.3283%}.home-photo-cafe{background-position:93.8662% 81.3283%}.home-card-label{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 22px}.home-card-label strong{font:700 clamp(1.6rem,2.2vw,2.3rem)/1.2 Georgia,serif}.home-card-action{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid #d8ad66;border-radius:50%;color:#efc477;font-size:1.8rem}.home-soon{font-size:.875rem;color:#d3b982}.home-cafes{max-width:1320px;margin:0 auto 30px;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #263d51}.home-cafes h2{font:700 1.7rem Georgia,serif;margin:10px 0}.home-cafes p{margin:0}.home-cafes .home-cafe-button{min-width:180px;font-size:1rem}#auth,#lobby,#backup{max-width:1200px;margin:24px auto 48px;padding:32px 24px;scroll-margin-top:90px}#error:not(:empty){max-width:1150px;margin:20px auto}.intro .preview{background-image:linear-gradient(0deg,#061423e8,#07261c50),url('/home/cafe-hero.webp')}.tabs button[aria-pressed=true]{background:#2a3b4f;border-color:#ba975d}.score strong{color:var(--home-gold)}.room li{background:#1c334a}.room li.empty{background:#091b2c}.agreement a{color:#f5d08e}input{background:#061523}.choices article:last-child{border-top-color:#9ba7b5}[hidden]{display:none!important}
@media(max-width:1000px){.home-header{gap:15px;flex-wrap:wrap}.home-header .brand{font-size:1.7rem}.home-account{gap:10px}.home-header nav{gap:20px}.home-hero{height:440px}.home-card-label{padding:14px}.home-game-cards{gap:14px}.home-header .home-login{display:none}}
@media(max-width:650px){html{scroll-padding-top:24px}.home-header{padding:10px 16px;gap:8px}.home-header .brand{font-size:1.5rem}.home-header .brand img{width:34px;height:34px}.home-header nav{order:3;width:100%;justify-content:center;gap:30px}.home-header nav a{font-size:1rem}.home-account{margin-left:auto}.home-languages button{min-width:30px}.home-header #logout{font-size:.875rem}.home-hero{height:390px}.home-hero>img{object-position:50% 50%}.home-hero-copy{left:16px;right:16px;bottom:9%}.home-hero h1{font-size:2.5rem}.home-hero-actions{gap:10px}.home-hero-actions .primary,.home-hero-actions .home-cafe-button{min-width:0;padding:12px 20px;font-size:1rem}.home-game-cards{grid-template-columns:1fr;padding:20px 16px}.home-card-photo{aspect-ratio:460/226}.home-card-label strong{font-size:1.8rem}.home-cafes{margin:0 16px 24px;padding:24px 0;flex-direction:column;align-items:start}.home-cafes .home-cafe-button{width:100%}#auth,#lobby,#backup{padding:24px 16px;scroll-margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-game-card{transition:none}}

/* Player screens share the photograph-led navy/gold visual direction. */
#auth{min-height:calc(100dvh - 150px);align-items:center;gap:48px}.intro{padding:0}.intro h1{font-family:Georgia,serif;color:#f4cf89;max-width:540px;font-size:clamp(2rem,4vw,3.4rem)}.intro .preview{min-height:270px;border-color:#6f5940;border-radius:12px}.authcard{box-shadow:0 16px 48px #0005;border-color:#415064;background:linear-gradient(135deg,#132b40,#0a1d30)}.tabs button{font-size:1rem}.authcard form p{margin:0}.authcard h2,.backup h1,#lobby h1{color:#f3cc86;font-family:Georgia,serif}.authcard input{border-color:#52647a}.authcard .agreement{font-size:.875rem;line-height:1.6}.authcard .agreement a{text-underline-offset:3px}.backup .actions button{flex:1}.backup output{background:#071a2b;border-color:#4b6073}.choices article{background:linear-gradient(135deg,#152d42,#0c1d31);border-top-color:#cbad6b!important}.choices button{width:100%}.room{background:#0d2135}.room button{border-color:#947546}.active{background:#1c2d37}.heading h1{overflow-wrap:anywhere}#hello{font-size:clamp(1.8rem,3vw,2.8rem)}.terms{padding:32px 24px;margin:auto;max-width:860px}.terms h1,.terms h2{font-family:Georgia,serif;color:#f4cf89}.terms li{color:#c5ccd3}.terms li strong{color:#fff0d5}.terms-language{min-height:44px;background:#102236;color:#fff1d5;border:1px solid #796744;border-radius:6px;padding:8px;font:inherit}
@media(max-width:850px){#auth{gap:24px}.intro .preview{min-height:220px}.authcard{padding:24px}.home-header .home-login{display:inline-flex;font-size:.875rem;min-height:40px}.home-header nav{gap:20px}}
@media(max-width:650px){#auth{display:block;min-height:0}.intro h1{font-size:2rem;margin:0 0 12px}.intro p{margin:0 0 24px}.intro .eyebrow{font-size:.75rem;letter-spacing:1px}.intro .preview{display:none}.authcard{padding:22px}.home-header .home-login{display:none}.home-header .home-account{gap:5px}.choices button{padding:12px}.backup .actions{flex-direction:column}.heading{flex-direction:column;align-items:start}.score{flex-direction:row;align-items:center;flex-wrap:wrap;text-align:left}.active button{flex:1}.terms{padding:24px 16px}}

.game-picker{display:flex;align-items:center;gap:16px;margin:16px 0;font-size:16px;color:#edcd85}.game-picker select{padding:10px 14px;background:#112338;border:1px solid #b88b43;border-radius:8px;color:#fff;font-size:16px;max-width:100%}

.home-photo-pisti{background-image:url('/home/pisti-cards.webp');background-size:cover;background-position:center}.home-project-status{color:#fff3da;text-shadow:0 2px 5px #000;margin:-6px 0 20px;font-size:clamp(14px,1.4vw,19px)}.lobby-game-selection h2,.earning-state h2{font-family:Georgia,serif;color:#f4cf89}.lobby-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.lobby-game-grid button{padding:0;overflow:hidden;text-align:left;background:#0e2236;border:1px solid #41546a;border-radius:12px;min-width:0}.lobby-game-grid button[aria-pressed=true]{border:2px solid #f2ca83;box-shadow:0 0 0 2px #f2ca8320}.lobby-game-grid .home-card-photo{aspect-ratio:3/1}.lobby-game-grid strong{display:block;color:#ffe3ad;font:700 24px Georgia,serif;padding:12px 16px 5px}.lobby-game-grid small{display:block;color:#c8d3db;padding:0 16px 14px;font-size:14px}.lobby-game-selection h3{font:700 23px Georgia,serif;color:#ffe0a1;margin:24px 0 12px}.earning-state{padding:16px 20px;border:1px solid #41536a;border-radius:10px;background:#0c1e31;margin:16px 0}.earning-state h2{font-size:20px;margin:8px 0}.earning-state p{margin:0;color:#bdcad5;font-size:14px;line-height:1.5}@media(max-width:650px){.lobby-game-grid{gap:8px}.lobby-game-grid strong{font-size:17px;padding:10px 8px 4px}.lobby-game-grid small{font-size:12px;padding:0 8px 10px}.lobby-game-grid .home-card-photo{aspect-ratio:4/3}.home-project-status{font-size:14px;margin:0 0 16px}.home-hero h1{font-size:2.1rem}}

.board-preview{display:grid;place-items:center;color:#e7c278;font:64px Georgia,serif;background:#092820;}
/* 7/24 Okey club: walnut, midnight velvet and restrained brass. */
:root{--home-gold:#e2bb78;--home-line:#514431;background:#090e15;color:#f8efdf}body{background:#090e15}.home-header{background:#0c1118;min-height:84px;border-bottom:1px solid #d4b17430;padding-inline:5%;gap:28px}.home-header .brand{font-size:1.7rem;letter-spacing:.035em}.home-header .brand img{width:45px;height:45px}.home-header nav a{font-size:1rem;color:#ddd5c8}.home-header nav a:hover{color:#f1ca86}.home-login{border-radius:5px;border-color:#bc9252;color:#f5d9a9;padding:10px 22px}.home-hero{height:clamp(450px,62vh,720px);background:#111821}.home-hero>img{object-position:62% 58%}.home-hero:after{background:linear-gradient(90deg,#070e17ed 0%,#070e17bc 28%,#070e1760 48%,#070e1700 72%),linear-gradient(0deg,#090e15 0%,transparent 20%)}.home-hero-copy{left:6%;right:auto;top:18%;bottom:auto;text-align:left;width:min(43%,640px)}.home-kicker{display:block;color:#e3c38e;font-size:.875rem;letter-spacing:.18em;margin-bottom:22px}.home-hero h1{font:400 clamp(3.2rem,5.2vw,6rem)/1.04 Georgia,serif;letter-spacing:-.025em;color:#fff0d5;margin:0 0 22px;text-shadow:0 3px 15px #0005;max-width:610px}.home-project-status{max-width:420px;color:#ddd4c7;font-size:1.15rem;line-height:1.65;margin:0 0 26px;text-shadow:none}.home-hero-actions{justify-content:flex-start}.home-hero-actions .primary{border-radius:5px;min-width:210px;min-height:54px;letter-spacing:.02em;background:#e6c28b;color:#151719;border-color:#e6c28b}.home-hero-actions .primary:hover{background:#f5dca9}.home-hero-note{font-size:.875rem;color:#c6bfb3;margin:18px 0 0}.home-scene-label{position:absolute;right:5%;bottom:7%;z-index:1;text-align:right;display:grid;gap:7px;color:#f8e0ac;text-shadow:0 2px 8px #000;font-size:.875rem}.home-scene-label span:first-child{letter-spacing:.18em;font-size:1rem}.home-collection{max-width:1600px;margin:auto;padding:24px 5% 36px}.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:0 0 22px}.collection-heading h2{font:400 clamp(1.7rem,2.5vw,2.6rem)/1.2 Georgia,serif;color:#f4e7d0;margin:10px 0 0}.collection-heading p{font-size:.875rem;color:#aeb5bc;max-width:300px;text-align:right;margin:0}.home-game-cards{padding:0;max-width:none;gap:24px;align-items:stretch}.home-category{min-width:0;position:relative;border:1px solid #6c573438;border-radius:8px;overflow:hidden;background:#111b25;display:grid;grid-template-columns:38% 1fr}.category-photo{background-repeat:no-repeat;min-height:255px;background-image:url('/home/reference.webp');background-size:800% 453.097%}.category-photo.home-photo-pisti{background-image:url('/home/pisti-cards.webp');background-size:cover;background-position:40% center}.category-photo.home-photo-strategy{background-image:url('/boards/chess-pieces.webp');background-size:600% 200%;background-position:80% 0;background-color:#17202a;min-height:255px}.category-content{padding:24px 18px;min-width:0}.category-content .eyebrow{font-size:.75rem;letter-spacing:.1em}.category-content h3{font:400 1.5rem/1.15 Georgia,serif;color:#f0ddbb;margin:10px 0 18px}.home-game-links{display:flex;gap:7px;flex-wrap:wrap;align-items:start}.home-game-links button{border-radius:4px;min-height:34px;padding:6px 9px;background:#192631;border:1px solid #53616b;font-size:.875rem;color:#eee4d4;text-align:left}.home-game-links button:hover{background:#2d3b43;border-color:#d7b279}.home-cafes{max-width:1440px;padding:26px 0;margin:0 5%;border-color:#6c57343d}.home-cafes h2{font-weight:400;font-size:1.65rem;color:#f3e2c4}.home-cafes p{font-size:1rem;color:#b6bbc0}.home-cafes .home-cafe-button{border-radius:5px;background:#111a22;border-color:#7c6745}.authcard,.backup{background:#101c27;border-color:#69563760;box-shadow:0 20px 70px #0004}.intro .preview{background-image:linear-gradient(0deg,#09131fe0,#09131f25),url('/home/club-hero.webp');background-position:right center}.intro h1{font-weight:400}.authcard h2,.backup h1,#lobby h1{font-weight:400}input{background:#0a141e}#auth{max-width:1120px;padding-block:44px}.tabs button[aria-pressed=true]{background:#28333d;border-color:#c7a368}.lobby-game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.lobby-game-grid button{border-radius:6px;background:#121f2b;border-color:#64563e80}.lobby-game-grid .home-card-photo{aspect-ratio:2.5/1}.lobby-game-grid strong{font-size:1.2rem;font-weight:400;line-height:1.25;padding:12px 12px 6px}.lobby-game-grid small{padding:0 12px 12px;font-size:.875rem}.lobby-game-grid button[aria-pressed=true]{border:1px solid #ffe1a3;outline:3px solid #e8c483;outline-offset:1px;background:#243647;box-shadow:inset 0 0 0 2px #e8c48340}.lobby-game-grid button:focus-visible{outline:3px solid #fff1c9;outline-offset:4px}.board-preview{background-color:#18232c;background-repeat:no-repeat}.home-photo-chess{background-image:url('/boards/chess-pieces.webp');background-size:600% 200%;background-position:80% 0}.home-photo-dama{background-image:url('/boards/checker-pieces.webp');background-size:400% 100%;background-position:66.666% center}.home-photo-tavla{background-image:url('/boards/rectangular-table.webp');background-size:cover;background-position:center 65%}.choices article,.room,.active,.earning-state{border-radius:6px;background:#14212c;border-color:#68553770}.choices article{border-top-width:1px!important}.choices h2{font-family:Georgia,serif;font-weight:400;color:#f3d7a7}.heading{padding-bottom:20px;border-bottom:1px solid #78623d55}.score{padding:14px 22px;background:#192734;border:1px solid #85704766;border-radius:6px}.score strong{font-size:2rem}.earning-state{background:#101b25}.earning-state .eyebrow{font-size:.75rem}.earning-state h2{font-weight:400}.room li{border-radius:3px}.home-game-links button:focus-visible{outline-offset:2px}
@media(min-width:1100px){#lobby{max-width:1500px;display:grid;grid-template-columns:minmax(0,2.4fr) minmax(290px,1fr);gap:0 28px;padding-inline:32px}.heading,.active,.listheading,.rooms,.footnote{grid-column:1/-1}.lobby-game-selection{grid-column:1;grid-row:3/span 3}.choices{grid-column:2;grid-row:3;grid-template-columns:1fr;gap:14px;margin:18px 0}.choices article{padding:20px}.choices p{min-height:0;margin-bottom:16px;font-size:.875rem}.earning-state{grid-column:2;grid-row:4;margin:0 0 18px}#pisti-size-label{grid-column:2;grid-row:5}.game-picker{grid-column:2}.listheading{margin-top:14px}}
@media(max-width:1100px){.home-category{grid-template-columns:1fr}.category-photo{min-height:0;height:130px;background-size:333.913% 453.097%}.category-photo.home-photo-strategy{min-height:0;background-size:600% 200%;height:130px}.category-content{padding:18px}.home-hero-copy{width:48%}.home-hero h1{font-size:clamp(3rem,5.5vw,4.6rem)}.home-header{gap:14px}.home-header nav{gap:18px}}
@media(max-width:700px){.home-header{padding:12px 16px;min-height:76px;flex-wrap:wrap}.home-header .brand{font-size:1.35rem}.home-header .brand img{width:33px;height:33px}.home-header nav{order:3;width:100%;justify-content:center}.home-account{gap:5px}.home-languages button{min-width:28px}.home-header .home-login{display:none}.home-hero{height:520px}.home-hero>img{object-position:64% center}.home-hero:after{background:linear-gradient(90deg,#070e17e0,#070e1780),linear-gradient(0deg,#090e15,transparent 45%)}.home-hero-copy{left:7%;right:7%;width:auto;top:16%}.home-hero h1{font-size:3.35rem;max-width:350px}.home-project-status{font-size:1rem;max-width:340px}.home-kicker{font-size:.75rem;margin-bottom:18px}.home-scene-label{right:7%;bottom:5%;font-size:.75rem}.home-scene-label span:first-child{font-size:.875rem}.home-collection{padding:24px 16px}.collection-heading{display:block}.collection-heading p{text-align:left;margin-top:12px}.home-game-cards{grid-template-columns:1fr;gap:16px}.home-category{grid-template-columns:32% 1fr}.category-photo,.category-photo.home-photo-strategy{height:100%;min-height:210px}.category-photo{background-size:850% 453.097%}.category-content{padding:20px 15px}.home-cafes{margin:0 16px;padding:24px 0}.lobby-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-game-grid strong{font-size:1.1rem}.lobby-game-grid small{font-size:.875rem}.home-header .home-account{margin-left:auto}.home-header .home-languages{gap:0}.home-hero-note{max-width:280px}.heading .score{width:100%;padding:10px 16px}.choices{grid-template-columns:1fr}}

/* Account forms and the terms page share the finished club shell. */
.password-toggle{align-self:flex-end;background:transparent;border:0;color:#efd09b;min-height:36px;padding:4px 0;margin-top:-12px;font-size:.875rem;text-decoration:underline;text-underline-offset:4px}.password-toggle:hover:enabled{background:transparent;color:#fff0d1}.password-help{font-size:.875rem;color:#b9c5ce;margin-top:-10px!important}.authcard label{font-size:1rem}.authcard .tabs{margin-bottom:24px}.site-footer{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:24px 5%;border-top:1px solid #76603e55;margin-top:26px;color:#9faab4}.site-footer .brand{font-family:Georgia,serif;font-size:1.25rem;color:#e8c791;font-weight:400}.site-footer span{font-size:.875rem}.site-footer>a:last-child{font-size:.875rem;color:#ccc5b9;text-underline-offset:4px}.terms{max-width:920px;padding:48px 32px}.terms h1{font-weight:400;font-size:clamp(2rem,3vw,3rem);margin-bottom:24px}.terms>p{color:#bac4cc}.terms ol{padding-left:24px;margin-top:30px}.terms li{padding:18px 0;border-bottom:1px solid #7561403d;font-size:1rem;line-height:1.75;margin:0}.terms li strong{display:block;font-family:Georgia,serif;font-size:1.2rem;font-weight:400;color:#efd9b4;margin-bottom:8px}.terms-language{min-width:160px}.home-header>label{margin-left:auto}.home-header>a:not(.brand){font-size:1rem;color:#f1d4a6}.category-photo.home-photo-okey{background-image:url('/home/club-hero.webp');background-size:cover;background-position:75% 70%}
@media(max-width:700px){.site-footer{align-items:start;flex-direction:column;gap:14px;padding:24px 16px}.terms{padding:30px 20px}.terms .eyebrow{font-size:.75rem;letter-spacing:.08em}.home-header>label{margin-left:0}.terms-language{min-width:140px}.password-toggle{min-height:44px}.category-photo.home-photo-okey{background-size:cover}}

/* Compact game families and a single language selector in the club header. */
.home-header nav{gap:6px;flex-wrap:wrap;justify-content:center}.header-dropdown{position:relative}.header-dropdown summary{list-style:none;cursor:pointer;color:#f6e7cf;font-size:1rem;padding:12px 10px;border-radius:4px;white-space:nowrap}.header-dropdown summary::-webkit-details-marker{display:none}.header-dropdown summary:hover,.header-dropdown[open]>summary{background:#1b2c3c;color:#efc477}.header-dropdown summary:focus-visible{outline:2px solid #efc477;outline-offset:2px}.header-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:100;width:245px;padding:8px;display:grid;gap:4px;background:#102030;border:1px solid #b3945f;border-radius:6px;box-shadow:0 15px 35px #0009}.header-menu button{width:100%;text-align:left;font-size:1rem;padding:12px 14px;border:0;background:transparent;color:#f6e7cf;min-height:44px}.header-menu button:hover:enabled,.header-menu button[aria-pressed=true]{background:#263b4e;color:#f4cd88}.language-dropdown>summary{min-width:50px;text-align:center;border:1px solid #6b5940}.language-dropdown .header-menu{width:165px;left:auto;right:0}.home-header .home-languages{display:grid;gap:4px}.home-header{gap:12px}.home-header .brand{flex-shrink:0}.home-account{flex-shrink:0}
@media(max-width:1100px){.home-header .brand{font-size:1.5rem}.header-dropdown summary{font-size:.875rem;padding:12px 8px}.home-header nav{gap:0}.home-header .home-login{padding:10px 12px}}
@media(max-width:800px){.home-header{flex-wrap:wrap}.home-header nav{order:3;width:100%;justify-content:center}.home-header .home-account{margin-left:auto}.header-menu{width:220px}.home-header nav>.header-dropdown:last-of-type .header-menu{left:auto;right:0}}
@media(max-width:480px){.home-header nav{display:grid;grid-template-columns:1fr 1fr;gap:4px}.home-header nav>.header-dropdown:nth-of-type(3){grid-column:1/-1}.header-dropdown summary{text-align:center;white-space:normal}.home-header nav>a{text-align:center;padding:10px}.home-header nav>.header-dropdown:nth-of-type(2) .header-menu{left:auto;right:0}.home-header nav>.header-dropdown:nth-of-type(3) .header-menu{left:50%;right:auto;transform:translateX(-50%)}}

.header-category-button{background:transparent;border:0;color:#f6e7cf;font-size:1rem;min-height:44px;padding:12px 10px;white-space:nowrap}.header-category-button:hover:enabled,.header-category-button[aria-pressed=true]{background:#1b2c3c;color:#efc477}.collection-family{background:none;border:0;padding:0;text-align:left;font:inherit;color:inherit}.collection-family:hover:enabled{background:none;color:#efc477}.category-showcase{max-width:1600px;margin:auto;padding:32px 4.2% 48px}.showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.showcase-heading h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(2rem,3vw,3rem);margin:8px 0 0}.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.showcase-game{overflow:hidden;border:1px solid #8c714b66;border-radius:8px;background:#101f2d}.showcase-image{background:#070d14;aspect-ratio:1.85;overflow:hidden}.showcase-image img{display:block;width:100%;height:100%;object-fit:contain}.showcase-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px}.showcase-caption h2{font-family:Georgia,serif;font-size:1.5rem;font-weight:400;margin:0;color:#f3d7a7}.showcase-caption button{min-width:95px}.showcase-game[hidden],.category-showcase[hidden]{display:none!important}
@media(max-width:1100px){.header-category-button{font-size:.875rem;padding:12px 8px}}
@media(max-width:700px){.showcase-grid{grid-template-columns:1fr;gap:20px}.category-showcase{padding:24px 16px}.showcase-heading{align-items:start;flex-direction:column}.showcase-caption{padding:16px}.showcase-caption h2{font-size:1.25rem}}
@media(max-width:480px){.header-category-button{white-space:normal}.home-header nav>.header-category-button:nth-child(3){grid-column:1/-1}}

/* Square prestige display cases: existing game captures, brass frame and navy base. */
.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.showcase-game{aspect-ratio:1;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:10px;position:relative;border:1px solid #c49b57;border-radius:14px;background:linear-gradient(145deg,#dcb977 0%,#866039 1%,#25394a 2%,#0b1825 55%,#344352 98%,#c6a16a 100%);box-shadow:inset 0 0 0 3px #09131e,inset 0 0 0 4px #b3945a55,0 10px 28px #0005;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.showcase-game:hover,.showcase-game:focus-within{transform:translateY(-4px);border-color:#f5d394;box-shadow:inset 0 0 0 3px #09131e,inset 0 0 0 4px #dbb57488,0 15px 34px #0008}.showcase-image{aspect-ratio:auto;min-height:0;border:1px solid #9c7b4566;border-radius:8px 8px 3px 3px;background:radial-gradient(ellipse at center,#1e3447,#081421 80%);box-shadow:inset 0 0 24px #0007}.showcase-image img{object-fit:contain}.showcase-caption{padding:18px 12px 10px;gap:12px;border-top:1px solid #cba06455;margin-top:10px;background:linear-gradient(180deg,#172a3b99,#0c1825aa);border-radius:0 0 7px 7px}.showcase-caption h2{font-size:clamp(1.1rem,1.7vw,1.55rem);line-height:1.25;min-width:0}.showcase-caption button{min-width:76px;padding:11px 16px;border-radius:6px;box-shadow:inset 0 1px 0 #fff7,0 3px 12px #0004;font-weight:700}
@media(min-width:1800px){.category-showcase{max-width:1800px}.showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:600px){.showcase-grid{grid-template-columns:1fr;gap:22px;max-width:440px;margin-inline:auto}.showcase-caption h2{font-size:1.4rem}.showcase-caption{padding:18px 10px 12px}}
@media(prefers-reduced-motion:reduce){.showcase-game{transition:none}.showcase-game:hover,.showcase-game:focus-within{transform:none}}

.home-game-cards .home-category-square{display:block;aspect-ratio:1;min-width:0;padding:10px;border:1px solid #c49b57;border-radius:14px;background:linear-gradient(145deg,#dcb977 0%,#866039 1%,#25394a 2%,#0b1825 55%,#344352 98%,#c6a16a 100%);box-shadow:inset 0 0 0 3px #09131e,inset 0 0 0 4px #b3945a55,0 10px 28px #0005}.home-category-button{width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;padding:0;border:0;border-radius:8px;background:transparent;color:#f3d7a7;text-align:left}.home-category-button:hover:enabled{background:transparent;color:#ffdfa2}.home-category-image{display:block;min-height:0;overflow:hidden;border:1px solid #9c7b4566;border-radius:8px 8px 3px 3px;background:radial-gradient(ellipse at center,#1e3447,#081421 80%)}.home-category-image img{width:100%;height:100%;display:block;object-fit:contain}.home-category-caption{display:flex;flex-direction:column;gap:10px;padding:16px 14px 10px;border-top:1px solid #cba06455}.home-category-caption strong{font-family:Georgia,serif;font-size:clamp(1.2rem,1.7vw,1.7rem);font-weight:400;line-height:1.3}.family-open{font-size:1rem;color:#f3ce8f;text-decoration:underline;text-underline-offset:5px}.home-category-square:hover{border-color:#f5d394;box-shadow:inset 0 0 0 3px #09131e,inset 0 0 0 4px #dbb57488,0 15px 34px #0008}.home-category-button:focus-visible{outline:2px solid #f5d394;outline-offset:4px}
@media(max-width:700px){.home-game-cards{max-width:440px;margin-inline:auto}.home-category-caption strong{font-size:1.5rem}}

/* The main welcome scene is the actual Maldives prestige table used in the game. */
.home-hero>img{object-position:center 62%}.home-hero:after{background:linear-gradient(90deg,#06101ae8 0%,#06101ac9 27%,#06101a42 52%,transparent 76%),linear-gradient(0deg,#090e15,transparent 24%)}.home-scene-label{padding:12px 16px;border:1px solid #b6975655;border-radius:4px;background:#071422aa;backdrop-filter:blur(4px)}
@media(max-width:700px){.home-hero>img{object-position:65% center}.home-hero:after{background:linear-gradient(90deg,#06101ae5,#06101a65),linear-gradient(0deg,#090e15,transparent 38%)}.home-scene-label{padding:10px 12px}}

/* Quiet platform announcement, matching the existing navy and brass palette. */
.mobile-platforms{max-width:1440px;margin:24px auto 0;padding:32px 4.2% 40px;display:flex;align-items:center;justify-content:space-between;gap:36px;border-top:1px solid #b6975633}.mobile-platform-copy{max-width:640px}.mobile-platform-copy h2{font:400 clamp(1.5rem,2.2vw,2rem)/1.3 Georgia,serif;color:#f3d7a7;margin:10px 0 12px}.mobile-platform-copy p{font-size:1rem;line-height:1.65;color:#bec8d3;margin:0;max-width:580px}.mobile-platform-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:350px}.mobile-platform-card{display:flex;align-items:center;gap:18px;padding:23px 24px;border:1px solid #a8894f66;border-radius:12px;background:linear-gradient(145deg,#182c3d,#0a1826);box-shadow:inset 0 1px 0 #f3d7a70d}.mobile-platform-card svg{width:32px;height:36px;flex-shrink:0;color:#d8b875}.mobile-platform-card h3{margin:0 0 7px;font-size:1.125rem;font-weight:600;color:#f3e8d7}.platform-status{display:inline-block;color:#c7b591;font-size:.875rem;line-height:1.4}.mobile-platforms .eyebrow{font-size:.875rem}
@media(max-width:900px){.mobile-platforms{align-items:flex-start;flex-direction:column;gap:24px}.mobile-platform-cards{min-width:0;width:100%;max-width:480px}}
@media(max-width:480px){.mobile-platforms{padding:28px 16px}.mobile-platform-cards{gap:12px}.mobile-platform-card{padding:18px 14px;gap:12px}.mobile-platform-card svg{width:26px;height:30px}}

/* A focused lobby: one game family at a time, with table actions alongside it. */
.lobby-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 16px}.lobby-categories button{font-size:1rem;padding:10px 12px;min-height:44px;border:1px solid #93744780;border-radius:7px;background:#122334;color:#eadac0}.lobby-categories button[aria-pressed=true]{border-color:#e8c483;background:linear-gradient(135deg,#304251,#172735);color:#ffe1a3;box-shadow:inset 0 -2px 0 #d5b173}.lobby-game-grid button[hidden]{display:none!important}
body:has(#lobby:not([hidden])) .mobile-platforms,body:has(#lobby:not([hidden])) .site-footer{display:none}
@media(min-width:1100px) and (min-height:600px){
 body:has(#lobby:not([hidden])) .home-header{height:66px;min-height:66px;padding-block:6px;padding-inline:24px;gap:16px}
 body:has(#lobby:not([hidden])) .home-header .brand img{width:36px;height:36px}
 body:has(#lobby:not([hidden])) #lobby{height:calc(100dvh - 66px);max-width:1600px;margin:0 auto;padding:12px 24px;display:grid;grid-template-columns:minmax(0,1fr) 310px;grid-template-rows:auto auto minmax(0,1fr) auto 72px auto;gap:10px 22px;scroll-margin-top:0}
 #lobby .heading{grid-column:1/-1;grid-row:1;margin:0;padding:0 0 10px;gap:12px;min-width:0}
 #lobby .heading .eyebrow{display:none}#lobby #hello{font-size:1.7rem;line-height:1.2;margin:0 0 4px}#lobby #player-code{margin:0;font-size:.875rem;line-height:1.4}
 #lobby .score{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 10px;padding:7px 14px;white-space:nowrap}#lobby .score strong{grid-row:1/span 2;font-size:1.6rem}#lobby .score span,#lobby .score small{font-size:.875rem}
 #lobby .active{grid-column:1/-1;grid-row:2;padding:9px 14px;gap:14px}#lobby .active p{font-size:.875rem;line-height:1.35;margin:3px 0 0}#lobby .active button{min-height:40px;padding:8px 16px}
 #lobby .lobby-game-selection{grid-column:1;grid-row:3;min-height:0;overflow:auto;padding:0 4px 4px 0}#lobby .lobby-game-selection h2{font-size:1.25rem;margin:0 0 8px}#lobby .lobby-game-selection h3{display:none}
 #lobby .lobby-categories{margin:0 0 12px;gap:10px}#lobby .lobby-categories button{padding:8px;min-height:42px;font-size:.9375rem}
 #lobby .lobby-game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}#lobby .lobby-game-grid[data-family="okey"]{grid-template-columns:repeat(5,minmax(0,1fr))}#lobby .lobby-game-grid[data-family="cards"]{grid-template-columns:repeat(4,minmax(0,1fr))}#lobby .lobby-game-grid[data-family="boards"]{grid-template-columns:repeat(3,minmax(0,1fr))}#lobby .lobby-game-grid .home-card-photo{height:48px;aspect-ratio:auto}#lobby .lobby-game-grid strong{font-size:1rem;line-height:1.2;padding:7px 10px 4px}#lobby .lobby-game-grid small{font-size:.875rem;padding:0 10px 8px;line-height:1.3}
 #lobby .choices{grid-column:2;grid-row:3;display:flex;flex-direction:column;gap:10px;margin:0;min-height:0;overflow:auto;padding:0 4px 4px 0}#lobby .choices article{padding:12px 14px}#lobby .choices .eyebrow{font-size:.875rem;letter-spacing:1px}#lobby .choices h2{font-size:1.2rem;margin:5px 0 7px}#lobby .choices p{font-size:.875rem;line-height:1.35;min-height:0;margin:0 0 10px}#lobby .choices button{min-height:40px;padding:8px 12px}#lobby .choices #new-auto101{margin-top:8px}#lobby #pisti-size-label{font-size:.875rem;gap:8px;margin:0 0 10px;flex-wrap:wrap}#lobby #pisti-size-label select{padding:6px 8px;font-size:.875rem;min-height:36px}
 #lobby .listheading{grid-column:1/-1;grid-row:4;margin:0}#lobby .listheading h2{font-size:1.15rem;margin:0}#lobby .listheading button{min-height:34px;padding:5px 16px}
 #lobby .rooms{grid-column:1/-1;grid-row:5;overflow:auto;min-height:0;margin:0;gap:10px;align-content:start}#lobby .room{padding:10px 14px}#lobby .room h3{font-size:1rem;margin:0 0 5px}#lobby .room p{margin:0 0 5px}#lobby .room ul{margin:7px 0;gap:5px}#lobby .room li{padding:5px 8px}#lobby .room button{min-height:36px;padding:6px 12px}
 #lobby .footnote{grid-column:1/-1;grid-row:6;margin:0;font-size:.875rem;line-height:1.3}
 body:has(#lobby:not([hidden])):has(#error:not(:empty)) #lobby{height:calc(100dvh - 150px)}
}
@media(max-width:600px){.lobby-categories{grid-template-columns:1fr}.lobby-categories button{font-size:1rem}}

/* Lobby previews use the same real prestige tables as the game galleries. */
.lobby-game-grid [data-select-game="okey"] .home-card-photo{background-image:url("/home/previews/okey.webp");background-size:cover;background-position:center;background-repeat:no-repeat}
.lobby-game-grid [data-select-game="canak"] .home-card-photo{background-image:url("/home/previews/okey.webp");background-size:cover;background-position:center;background-repeat:no-repeat}
.lobby-game-grid [data-select-game="101"] .home-card-photo{background-image:url("/home/previews/101.webp");background-size:cover;background-position:center;background-repeat:no-repeat}
.lobby-game-grid [data-select-game="katlamali101"] .home-card-photo{background-image:url("/home/previews/101.webp");background-size:cover;background-position:center;background-repeat:no-repeat}
.lobby-game-grid [data-select-game="rummy"] .home-card-photo{background-image:url("/home/previews/rummy.webp");background-size:cover;background-position:center;background-repeat:no-repeat}
.lobby-game-grid [data-select-game="pisti"] .home-card-photo{background-image:url("/home/previews/pisti.webp");background-size:cover;background-position:center;background-repeat:no-repeat}
.lobby-game-grid [data-select-game="batak"] .home-card-photo{background-image:url("/home/previews/batak.webp");background-size:cover;background-position:center;background-repeat:no-repeat}
.lobby-game-grid [data-select-game="king"] .home-card-photo{background-image:url("/home/previews/king.webp");background-size:cover;background-position:center;background-repeat:no-repeat}
.lobby-game-grid [data-select-game="hearts"] .home-card-photo{background-image:url("/home/previews/hearts.webp");background-size:cover;background-position:center;background-repeat:no-repeat}
.lobby-game-grid [data-select-game="tavla"] .home-card-photo{background-image:url("/home/previews/tavla.webp");background-size:cover;background-position:center;background-repeat:no-repeat}
.lobby-game-grid [data-select-game="dama"] .home-card-photo{background-image:url("/home/previews/dama.webp");background-size:cover;background-position:center;background-repeat:no-repeat}
.lobby-game-grid [data-select-game="chess"] .home-card-photo{background-image:url("/home/previews/chess.webp");background-size:cover;background-position:center;background-repeat:no-repeat}
@media(min-width:1100px) and (min-height:600px){#lobby #hello{font-size:1.4rem}#lobby .lobby-game-grid .home-card-photo{height:64px}}

/* Keep play buttons visible on laptop-height screens. */
@media(min-width:1100px) and (min-height:600px) and (max-height:800px){
 #lobby .choices article{padding:10px 14px}
 #lobby .choices article>.eyebrow,#lobby .choices article>p{display:none}
 #lobby .choices h2{font-size:1.125rem;line-height:1.2;margin:0 0 8px}
 #lobby .choices button{min-height:36px;padding:6px 12px}
 #lobby .choices #new-auto101{margin-top:6px}
}

/* Each lobby section owns a row; new sections must never shrink game controls. */
@media(min-width:1100px) and (min-height:600px){
 body:has(#lobby:not([hidden])) #lobby{height:auto;min-height:calc(100dvh - 66px);grid-template-rows:auto auto auto auto auto auto auto;align-content:start}
 #lobby .lobby-game-selection,#lobby .choices{grid-row:3;overflow:visible;min-height:220px}
 #lobby .private-tables{grid-column:1/-1;grid-row:4;margin:0;padding:14px 18px;background:#102236;border-color:#ae985c}
 #lobby .private-tables h2{font-size:20px;margin:0 0 8px}
 #lobby .private-tables p{margin:6px 0;line-height:1.4;font-size:14px}
 #lobby .private-actions{gap:14px;align-items:center}
 #lobby .private-actions form{flex-direction:row;align-items:center;gap:10px}
 #lobby .private-actions input{width:230px;min-height:40px;padding:8px 12px}
 #lobby .listheading{grid-row:5}#lobby .rooms{grid-row:6;max-height:260px;min-height:40px}#lobby .footnote{grid-row:7}
 body:has(#lobby:not([hidden])):has(#error:not(:empty)) #lobby{height:auto}
}

/* Keep game navigation available while scrolling the website. */
.home-header{position:sticky;top:0;z-index:100}
html{scroll-padding-top:var(--site-header-height,110px)}

/* Player information, earnings and points share the top row. */
#lobby .heading{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
#lobby .heading>div:first-child{flex:1 1 280px;min-width:0}
#lobby .heading .lobby-reward-summary{flex:0 0 auto;margin:0;max-width:100%}
#lobby .heading .score{flex:0 0 auto}
@media(min-width:1100px){
 #lobby .heading{grid-row:1}
 #lobby .private-tables{grid-column:1/-1;grid-row:2;margin:0}
 #lobby .active{grid-row:3}
 #lobby .lobby-game-selection,#lobby .choices{grid-row:4}
 #lobby .listheading{grid-row:5}#lobby .rooms{grid-row:6}#lobby .footnote{grid-row:7}
 body:has(#lobby:not([hidden])) #lobby{height:auto;grid-template-rows:repeat(7,auto);align-content:start}
}
@media(max-width:700px){
 #lobby .heading{align-items:stretch;gap:12px}
 #lobby .heading>div:first-child{flex-basis:100%}
 #lobby .heading .lobby-reward-summary,#lobby .heading .score{width:100%;box-sizing:border-box;flex-basis:100%}
}

.private-main,.private-side{min-width:0}
#lobby .private-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
#lobby #private-share-code{max-width:100%;box-sizing:border-box}
@media(min-width:1100px){
 #lobby .private-tables{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:24px;min-height:230px;box-sizing:border-box;align-items:start}
 #lobby .private-main h2{margin-top:0}
 #lobby .private-side{padding-left:20px;border-left:1px solid #ae985c55;align-self:stretch}
 #lobby #private-share-label{display:block;margin-bottom:8px}
 #lobby #private-share-code{width:235px;min-height:44px;margin-right:8px}
 #lobby #private-resume{margin-top:10px}
 #lobby #private-copy-status{margin:6px 0;font-size:14px;overflow-wrap:anywhere}
 #lobby .private-actions input{width:190px}
 #lobby .private-actions form{flex-wrap:wrap}
}
@media(max-width:1099px){#lobby .private-side{margin-top:14px}#lobby #private-share-label{display:block;margin-bottom:8px}}

/* Compact private-table strip, with share controls beside creation controls. */
@media(min-width:1100px){
 #lobby .private-tables{min-height:84px;padding:8px 12px;gap:16px;grid-template-columns:minmax(0,1.7fr) minmax(370px,1fr)}
 #lobby .private-main{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;row-gap:5px;align-items:center}
 #lobby .private-main h2{font-size:16px;line-height:20px;margin:0}
 #lobby #private-game{grid-column:2;grid-row:1;margin:0;font-size:14px;line-height:20px}
 #lobby #private-advice{grid-column:1/-1;grid-row:2;margin:0;font-size:14px;line-height:20px}
 #lobby .private-actions{grid-column:1/-1;grid-row:2;gap:8px}
 #lobby .private-actions form{gap:8px}
 #lobby .private-actions button,#lobby .private-side button{min-height:40px;padding:7px 10px;font-size:14px;white-space:nowrap}
 #lobby .private-actions input{width:160px;min-height:40px;padding:7px 10px;font-size:14px}
 #lobby .private-actions label{font-size:14px}
 #lobby .private-side{padding-left:14px}
 #lobby #private-share{display:grid;grid-template-columns:minmax(140px,1fr) auto auto;gap:6px;align-items:center}
 #lobby #private-share[hidden]{display:none}
 #lobby #private-share-label{grid-column:1/-1;font-size:14px;margin:0;line-height:20px}
 #lobby #private-share-code{grid-column:1;grid-row:2;width:100%;min-width:0;min-height:40px;margin:0;padding:7px 8px;font-size:14px}
 #lobby #private-copy{grid-column:2;grid-row:2}
 #lobby #private-resume{grid-column:3;grid-row:2;margin:0}
 #lobby #private-copy-status{grid-column:1/-1;grid-row:3;margin:0;font-size:14px;line-height:18px}
 #lobby #private-join-help{font-size:14px;line-height:20px;margin:0 0 5px}
}

/* Keep supporting instructions accessible without adding another desktop row. */
@media(min-width:1100px){
 #lobby #private-advice,#lobby #private-copy-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
}

/* Keep the action group level with the bottom of the game cards. */
@media(min-width:1100px) and (min-height:600px){
 #lobby .choices{align-self:start;margin-top:24px}
}