/* Deck & Board: ink, warm paper and burnt orange. Shared across every game. */
.site-announcement{padding:12px 18px;background:#ffe2ce;color:#783512;border-radius:8px;text-align:center;font:15px/1.5 Arial}
:root{--ink:#202b3f;--paper:#f7f5ef;--green:#253249;--muted:#697080;--gold:#ed9c63;--line:#d7d9df;background:#182236;color:#202b3f}
body{background:#182236;color:#202b3f}.top-links a,.top-links button{color:#d7deea}.top-links a:hover,.top-links button:hover{color:#ffb27b}
.simple-header h1{color:#fff9ef;text-shadow:none;letter-spacing:1px;font-size:38px}.simple-header{margin:16px auto 18px}#menu-toggle{color:#ed9c63}
.home-board,.play-area{background:#f2f0ea;color:#202b3f;border:1px solid #d6d8df;border-radius:16px;box-shadow:0 12px 32px #080f1e33}
.home-board{padding-top:22px}.welcome-mark span{box-shadow:0 2px 4px #18223633;background:#fff;color:#202b3f}.home-prompt{color:#626b7a;font-size:13px}
.home-games a{color:#202b3f}.game-icon{background:#e9e5dc;border:1px solid #d4d2cc;border-radius:12px}.home-games a:hover .game-icon,.home-games a:focus-visible .game-icon{background:#ffdfc8;border-color:#b85320}.home-games a:hover{color:#9a421b}
.home-copy,.game-guide,.rules,.static-content{color:#303a4b;background:#fcfaf5}.home-copy h2,.game-guide h2,.game-guide h3,.rules summary,.game-guide nav a{color:#27364d}.game-guide nav a:hover{color:#9a421b}.rules{border-color:#d7d9df}.rules .small{color:#606a79}
.game-picker{color:#202b3f;background:#fcfaf5;border-color:#d2d6df;box-shadow:0 12px 48px #050b1766}.picker-tools button,.menu-search button{background:#ebeef3;color:#253249;border-color:#c7ced8}.menu-search input{color:#253249;border-color:#c7ced8}.group-name{color:#646e7c}.game-list a{color:#253249}.game-list a[aria-current]{background:#ffe2ce;color:#873b18}
.language-bar{color:#566171}.language-bar select{color:#253249;background:#fff;border-color:#c7ced8}.language-bar button{color:#873b18;border-color:#c7ced8}
.simple-playhead{padding:12px 8px}.controls>a,.controls>button{color:#28384f}.controls>*+*{border-color:#c6cbd4}#favorite-game,#game-variant{color:#995025}#online-button{color:#873b18;font-weight:bold}
.play-area .table,.table .status{color:#253249}.table .small,.players span{color:#5d6878}.table .btn{background:#fff;color:#253249;border-color:#bcc4d0;box-shadow:0 1px 2px #18223616}.table .btn.accent{background:#ed9c63;color:#202b3f;border-color:#d78751}
.table .card{color:#202b3f;background:#fffefb;border-color:#aeb6c2;box-shadow:0 2px 4px #18223626}.table .card.red{color:#bd233c}.table .card.backside{background-color:#293a57;border:3px solid #fffaf0;box-shadow:0 0 0 1px #8f9bb0;background-image:repeating-linear-gradient(45deg,transparent 0 5px,#ffffff25 5px 6px)}.table .slot{background:#e2e3e6;border:1px dashed #98a2b2;color:#6b768a;box-shadow:none}.table .card.selected{outline-color:#b85320}
.board{border-color:#c4cbd5;box-shadow:0 5px 15px #18223626}.square{background:#f6f2e9;color:#172238}.square.dark{background:#9caac0}.square.hint{background:#edbc98}.square.pick{box-shadow:inset 0 0 0 4px #b85320}.piece.black{background:#243149;box-shadow:inset 0 0 0 3px #566780,0 3px 2px #0005;color:#ffcb9f}
.mineboard{background:#8996ab}.mine{background:#cdd5e1;color:#243149}.mine.open{background:#f8f7f2}.mine.flag{background:#edbc98}.sudoku{background:#6f7f96;border-color:#8c9ab0}.sudoku input{background:#fffefb;color:#9a421b}.sudoku input:disabled{color:#243149}.sudoku input:nth-child(3n){border-right-color:#8c9ab0}.sudoku input:nth-child(n+19):nth-child(-n+27),.sudoku input:nth-child(n+46):nth-child(-n+54){border-bottom-color:#8c9ab0}
.die{background:#fffefb;color:#243149;box-shadow:0 4px 0 #b9c0cc}.die.held,.mahjong.pick{outline-color:#b85320}.mahjong{color:#243149;background:#fffefb;box-shadow:0 4px 0 #bac2ce}.scores td,.scores th{border-color:#ccd1db}.scores button{background:#dfe5ee;color:#253249}.sea{background:#506887;border-color:#b5c0d0}.sea.hit{background:#b85320}.sea.miss{background:#bdc8d7}.sea.ship{background:#7d8ea8}.result{color:#9a421b}
#game[data-game=triangles] line[stroke="#ffffff28"]{stroke:#8c99ad}#game[data-game=triangles] line[stroke="#eee5ce"]{stroke:#27364d}#game[data-game=triangles] circle{fill:#27364d}
.online-dialog{color:#253249;background:#fcfaf5;border-color:#d6dae2}.online-dialog::backdrop{background:#0c152bb3}.online-dialog button,.online-room button{background:#ed9c63;color:#202b3f;border-color:#cc814d}.online-dialog input,.online-room input{color:#253249;border-color:#aeb8c9}.online-dialog .small{color:#5d6878}.online-room{background:#e7ebf1;border-color:#c1cad8}.room-players span{border-color:#b7c1d0}.room-players .current-player{background:#edbc98;color:#202b3f}.room-row{border-color:#d2d8e2}.online-dialog .scores{color:#253249}
.simple-footer,.advertisement{color:#c0c9d9}.advertisement-space{background:#ffffff05;border-color:#a5b0c630}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#b85320}
.home-actions{display:flex;justify-content:center;gap:10px;margin:0 0 20px;flex-wrap:wrap}.home-actions button{background:#243149;color:#fff;border:1px solid #243149;border-radius:6px;padding:10px 16px;font:600 13px Arial}.home-actions button:first-child{background:#ed9c63;color:#202b3f;border-color:#d78751}.home-filters{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-bottom:20px}.home-filters button{background:transparent;color:#4e5c70;border:1px solid #c7cdd6;border-radius:20px;padding:6px 10px;font:12px Arial}.home-filters button[aria-pressed=true]{background:#243149;color:#fff;border-color:#243149}.online-label select{font:inherit;padding:10px;background:#fff;color:#253249;border:1px solid #aeb8c9;border-radius:5px;width:100%}
@media(max-width:760px){:root,body{background:#182236;color:#202b3f}.simple-header{background:#182236;margin:0;padding-top:16px;padding-bottom:16px}.simple-header h1{text-shadow:none;font-size:clamp(22px,6vw,31px)}#menu-toggle{color:#ed9c63;top:15px}.home-board,.play-area{border-radius:14px 14px 0 0;border:0}.home-board{padding-top:20px}.home-actions{gap:7px;margin-bottom:16px}.home-actions button{font-size:12px;padding:10px 12px}.simple-playhead{padding:9px 4px}.home-copy,.rules,.game-guide{color:#303a4b}.simple-footer,.advertisement{color:#c0c9d9}.home-filters{gap:5px}.home-filters button{font-size:11px;padding:6px 8px}}
/* Readable cards: larger rank labels, wider tableau and restrained controls. */
.table{--card-width:80px;--card-gap:14px;--card-rise:27px}
.table .card,.table .slot{width:var(--card-width);height:calc(var(--card-width)*1.4);min-height:calc(var(--card-width)*1.4)}
.table .card{position:relative;padding:0;border-radius:7px;color:#111b2a;background:#fff}.table .card.red{color:#be1733}
.table .card .card-corner{left:3px;top:3px;font:700 21px/20px Arial,sans-serif;letter-spacing:-.8px}
.table .card .card-corner b{font:inherit}.table .card .card-corner i{font:700 18px/19px Arial,sans-serif;letter-spacing:0}
.table .card .card-corner-bottom{left:auto;top:auto;right:3px;bottom:3px}
.table .column{min-width:var(--card-width)}.table .column .card+.card{margin-top:calc(var(--card-width)*-1.4 + var(--card-rise))}
.table .piles,.table .columns{gap:var(--card-gap)}.table .piles{margin:12px auto 22px}.table .columns{min-height:300px}
#game[data-game=solitaire] .piles{grid-template-columns:repeat(7,var(--card-width));gap:var(--card-gap)}
#game[data-game=freecell],#game[data-game=spider],#game[data-game=crescent]{--card-width:62px;--card-gap:8px;--card-rise:25px}
.simple-playhead{padding:8px 6px}.controls>a,.controls>button{font-size:14px;padding:5px 9px}
.play-area .table{padding-top:0;min-height:590px}.table .status{font-size:14px;min-height:26px;padding:4px}.table .small{font-size:13px}
.table .slot{font-size:37px;color:#5b687e}.table .btn{padding:6px 13px}.table .hand{min-height:112px}
@media(max-width:760px){.table{--card-width:clamp(39px,calc((100vw - 42px)/7),80px);--card-gap:4px;--card-rise:23px}
.table .card .card-corner{font-size:clamp(15px,4vw,21px);line-height:1;left:2px;top:2px;letter-spacing:-.7px}.table .card .card-corner i{font-size:clamp(12px,3.3vw,18px);line-height:1}.table .card .card-corner-bottom{left:auto;top:auto;right:2px;bottom:2px}
#game[data-game=freecell]{--card-width:clamp(35px,calc((100vw - 44px)/8),70px);--card-gap:4px}#game[data-game=spider]{--card-width:clamp(35px,calc((100vw - 48px)/10),62px);--card-gap:3px}
.play-area .table{min-height:540px;padding-inline:5px}.table .columns{min-height:290px}.table .piles{margin:10px auto 20px}.table .slot{font-size:28px}.controls>a,.controls>button{font-size:12px;padding:5px 7px}.table .status{font-size:12px}.table .small{font-size:12px}}
/* Original Deck & Board mark and a quieter wordmark on the collection page. */
.simple-header{display:flex;justify-content:center;align-items:center;gap:10px}
.brand-home{display:block;width:47px;height:50px;flex:0 0 auto;border-radius:7px}
.brand-home img{display:block;width:100%;height:100%}
body[data-view="home"] .simple-header h1{font-size:clamp(25px,4.5vw,40px);font-weight:750;letter-spacing:-1px;text-transform:none;white-space:nowrap}
body[data-view="game"] .brand-home{position:absolute;right:5px;top:1px;width:32px;height:34px}
.simple-brand{display:inline-flex;align-items:center;gap:12px;color:#fff9ef;font:700 clamp(24px,5vw,38px)/1.1 Arial,Helvetica,sans-serif;letter-spacing:-1px;text-decoration:none}
.simple-brand img{display:block;flex:0 0 auto}.home-prompt{margin-top:0;font-size:15px}
/* The backdrop owns the entire outside area, including side margins. */
body.game-menu-open{overflow:hidden}
#game-picker-backdrop{position:fixed;inset:0;z-index:80;width:100%;height:100%;border:0;border-radius:0;padding:0;background:#080f20a6;cursor:default;touch-action:none}
.game-picker{position:fixed;z-index:90;top:max(14px,5dvh);left:50%;transform:translateX(-50%);width:min(890px,calc(100% - 32px));height:auto;max-height:calc(100dvh - max(28px,10dvh));padding:20px 22px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #d6d9df;border-radius:16px;box-shadow:0 22px 70px #050b1780}
.game-picker .picker-tools{flex-shrink:0;flex-wrap:nowrap;align-items:flex-start;gap:18px;margin:0 0 12px}
.game-picker .picker-tools strong{font:700 23px/1.2 Arial;color:#202b3f;letter-spacing:-.5px}
.game-picker .picker-tools p{font:13px/1.4 Arial;color:#687284;margin:5px 0 0}
.game-picker #catalog-toggle{display:grid;place-items:center;width:34px;height:34px;padding:0;flex-shrink:0;border:1px solid #ccd3dd;border-radius:50%;background:#f0f1f3;color:#35425a;font:18px Arial}
.game-picker #catalog-toggle:hover{background:#ffe2ce;border-color:#cb8d62}
.game-picker #language-options{flex-shrink:0}.game-picker .language-bar{margin:0 0 8px;flex-wrap:wrap}
.game-picker .menu-search{flex-shrink:0;margin:0 0 16px;gap:8px}.game-picker .menu-search input{min-height:42px;border-radius:8px;padding:10px 12px;background:#fff}
.game-picker .menu-search button{border-radius:8px;font-size:12px;padding:8px 12px}
.game-picker .game-list{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:7px;margin:0;display:block}
.game-picker .game-group{padding:0 0 20px;border:0;display:block}.game-picker .game-group:last-child{padding-bottom:2px}
.game-picker .group-name{display:flex;align-items:center;gap:9px;margin:0 0 9px;font:700 12px/1.4 Arial;letter-spacing:.7px;text-transform:uppercase;color:#4c5b70}
.game-picker .group-count{display:inline-block;padding:1px 6px;border-radius:10px;background:#e6e8ec;font:11px/1.4 Arial;letter-spacing:0;color:#5d6877}
.game-picker .game-group>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.game-picker .game-list a{display:flex;align-items:center;gap:9px;min-height:58px;padding:7px 9px;background:#f0eee8;border:1px solid #e2e0d9;border-radius:9px;font:600 13px/1.25 Arial;color:#253249;text-decoration:none;min-width:0;position:relative}
.game-picker .game-list a:hover{background:#fff1e5;border-color:#dca77f}.game-picker .game-list a[aria-current]{background:#ffe3cc;border-color:#d38e5b;color:#783b19}
.menu-game-icon{display:block;flex:0 0 38px;width:38px;height:38px}.menu-game-icon svg{display:block;width:100%;height:100%}.menu-game-name{overflow-wrap:break-word;min-width:0}.game-picker .favorite-mark{position:absolute;top:3px;right:5px;color:#9a4a18;font-size:10px}
.game-picker .pwa-install-entry{flex-shrink:0;margin-top:12px}.game-picker .list-empty{font-size:14px;padding:16px 3px}
/* Useful links stay readable, with no empty social or blog destinations. */
.simple-footer{margin-top:34px;padding:24px 10px 26px;text-align:left;border-top:1px solid #ffffff24;color:#c0c9d9;font:13px/1.6 Arial}
.footer-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.footer-intro p{font-size:12px;margin:0;color:#aeb9cc}
.footer-brand{display:inline-flex;align-items:center;gap:9px;color:#fff9ef;text-decoration:none;font:700 20px Arial;white-space:nowrap}.footer-brand img{display:block}
.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.footer-columns h2{font:700 13px/1.4 Arial;color:#fff9ef;margin:0 0 10px}.footer-columns a{display:block;width:fit-content;color:#c1ccde;text-decoration:none;line-height:1.5;margin:7px 0}
.simple-footer a:hover{color:#ffb27b;text-decoration:underline}.simple-footer .footer-operator{padding-top:17px;margin:21px 0 10px;border-top:1px solid #ffffff14;font-size:11px;color:#a5b1c5}.footer-operator a{color:inherit;text-decoration:none}.simple-footer .metrics-settings{margin:0 15px 0 0;color:#c1ccde;font-size:12px}
@media(max-width:760px){.simple-header{gap:8px;padding-inline:44px}.brand-home{width:32px;height:34px}body[data-view="game"] .brand-home{top:17px;width:27px;height:29px;right:10px}body[data-view="home"] .simple-header h1{font-size:clamp(21px,5.7vw,31px)}.game-picker{width:calc(100% - 20px);top:10px;max-height:calc(100dvh - 20px);padding:16px 14px;border-radius:13px}.game-picker .picker-tools strong{font-size:21px}.game-picker .picker-tools p{font-size:12px}.game-picker .game-group>div{grid-template-columns:repeat(3,minmax(0,1fr))}.game-picker .game-list a{font-size:12px;gap:6px;padding:6px;min-height:56px}.menu-game-icon{flex-basis:32px;width:32px;height:32px}.footer-intro{align-items:flex-start;flex-direction:column;gap:7px}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}.simple-footer{padding-inline:6px}.simple-footer span{display:inline;margin:0}}
@media(max-width:500px){.game-picker .game-group>div{grid-template-columns:repeat(2,minmax(0,1fr))}.game-picker .menu-search button{padding-inline:9px}.game-picker .game-list{padding-right:3px}.menu-game-icon{flex-basis:35px;width:35px;height:35px}.game-picker .game-list a{min-height:57px}.game-picker .language-bar select{max-width:150px}.game-picker .language-bar #translation-status{flex-basis:auto;font-size:9px}.game-picker .group-name{margin-top:2px}}
/* Language remains visible at the top right without taking game-table space. */
.site-topbar{display:grid;grid-template-columns:minmax(0,1fr) 164px;align-items:start;gap:16px;max-width:1124px;margin:0 auto;padding:4px 12px;direction:ltr}
.site-topbar .top-links{display:flex;max-width:none;margin:0;align-self:start;justify-content:center;padding:6px 0;gap:8px 12px}
.site-language{justify-self:end;width:164px}.site-language .language-bar{display:flex;justify-content:flex-end;gap:3px;margin:0;flex-wrap:wrap;font-size:10px;direction:ltr;color:#bdc9db}
.site-language label{display:flex;align-items:center;gap:5px;min-width:0}.site-language #language-caption{font-size:0}.site-language #language-caption::before{content:'◎';font-size:20px;color:#ed9c63;line-height:1}.site-language #language-select{max-width:138px;width:138px;padding:5px 7px;background:#243149;border:1px solid #59647a;border-radius:5px;color:#fff9ef;font-size:12px}
.site-language #translation-status{max-width:164px;flex-basis:100%;font-size:9px;text-align:right;line-height:1.25;color:#aebbd0}.site-language #translation-status[data-state=error]{color:#ffbf91}.site-language #translation-retry{border-color:#63718b;color:#ffbf91;font-size:10px;padding:2px 5px}
@media(max-width:760px){.site-topbar{grid-template-columns:minmax(0,1fr) 150px;gap:10px;padding:6px 10px 0}.site-topbar .top-links{justify-content:flex-start;gap:7px 10px;font-size:11px}.site-topbar .top-links a:nth-of-type(n+4){display:none}.site-language{width:150px}.site-language #language-select{width:125px;max-width:125px;font-size:11px}.site-language #translation-status{max-width:150px;font-size:8px}.site-topbar+.simple-header{padding-top:10px}.site-topbar+.simple-header #menu-toggle{top:9px}body[data-view="game"] .site-topbar+.simple-header .brand-home{top:11px}}

.home-board > .home-actions{margin:24px 0 0;padding-top:18px;border-top:1px solid #d7d9df}

.round-finished{padding:22px;margin:24px auto 4px;max-width:500px;text-align:center;background:#e9dfcf;border:1px solid #c9b99e;border-radius:12px}.round-finished h3{margin:0;font-size:24px}.round-finished p{margin:9px 0 15px}.round-finished button{border:1px solid #9b765b;background:#fff9f0;color:#243149;border-radius:6px;padding:11px 15px;margin:4px;cursor:pointer}.round-finished button:first-of-type{background:#ed9c63;font-weight:bold}
