:root{--paper:#fbfaf5;--panel:#f3f1e8;--ink:#102b2a;--green:#10432f;--muted:#455459;--line:#ded9cb;--gold:#d0cba0;--cream:#fff4d6;--font:'Roboto','Arial',sans-serif;font-family:var(--font);color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light;scroll-behavior:auto;scroll-padding-top:20px}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}a{color:inherit;text-decoration:none}button svg,button svg *{pointer-events:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #c8a550;outline-offset:3px}::selection{color:#fff9e4;background:#24603e}input{accent-color:var(--green);caret-color:var(--green)}*{scrollbar-color:#668878 var(--paper);scrollbar-width:thin}h1,h2,h3,p{margin:0}p{line-height:1.45}h1,h2,h3{font-weight:700;line-height:1.12;letter-spacing:-.02em}h1{font-size:38px;font-weight:800;color:#0b3025}h2{font-size:28px}h3{font-size:16px}.container{width:90%;max-width:1200px;margin-inline:auto}.icon{width:22px;height:22px;display:block;flex:none}.site-header{height:49px;border-bottom:1px solid var(--line)}.header-inner{width:84%;max-width:1120px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:7px;font-size:23px;font-weight:700;letter-spacing:-.035em;white-space:nowrap}.brand .icon{width:27px;height:30px;color:var(--green)}.header-inner nav{display:flex;gap:29px;font-size:13px}.header-inner nav a:hover{color:#417252}.theme-toggle{padding:0;display:flex;align-items:center;gap:6px;border:0;background:none;flex:none}.sun-icon{color:#d2ae55}.moon-icon{color:#abada5}.theme-toggle .icon{width:21px;height:21px}.theme-track{width:34px;height:18px;border-radius:20px;background:#15472e;display:flex;align-items:center;padding:2px}.theme-track>span{height:14px;width:14px;border-radius:50%;background:#fbf6e4;margin-left:16px;transition:margin .2s ease-out}.theme-toggle[aria-checked=true] .theme-track>span{margin-left:0}.hero-intro{text-align:center;padding:19px 0 12px}.hero-intro p{font-size:17px;margin-top:3px}.game-shell{color:#fffaf0;border:2px solid #c8c5a3;border-radius:10px;overflow:hidden;background:#0c4328 url('/assets/images/felt.webp') center/cover;box-shadow:0 2px 5px #172e2112}.game-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:54px;padding:10px 18px 12px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:27px}.toolbar-right{gap:10px}.game-title{font-size:22px;font-weight:700;letter-spacing:-.025em}.mode-switch{display:flex;border:1px solid #bfc8a6;border-radius:11px;padding:2px;box-shadow:inset 0 0 0 2px #113c2a;gap:0}.mode-switch button{min-width:78px;padding:4px 18px;border:0;border-radius:9px;background:transparent;color:#fff9ec;font-size:13px;line-height:1.3;font-weight:500}.mode-switch button[aria-pressed=true]{background:#fff4d7;color:#102e26;box-shadow:0 1px 2px #06231c;font-weight:600}.toolbar-right button{display:flex;align-items:center;justify-content:center;gap:9px;color:#fff9ec;border:1px solid #becaae;border-radius:5px;background:#092e201f;font-size:13px;font-weight:600;padding:5px 9px;line-height:1.2;min-height:29px}.toolbar-right .icon{width:19px;height:19px}.toolbar-right button:hover,.game-actions button:hover:not(:disabled){background:#ffffff17}.game-surface{padding:1px 42px 15px}.board{position:relative;container-type:inline-size;width:100%;--gap:24px;--top-gap:14px;--card-w:calc((100cqw - 6 * var(--gap))/7);--card-h:calc(var(--card-w)*1.45);--step:18px;--top-h:calc((100cqw - 7 * var(--top-gap))/8*1.4)}.top-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--top-gap);margin-bottom:17px}.top-spacer{grid-column:span 2}.tableau{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--gap)}.slot{position:relative;height:var(--card-h);border-radius:5px}.top-row .slot{--card-h:var(--top-h)}.slot-outline{position:absolute;inset:0;width:100%;height:var(--card-h);border:1.3px dashed #c7c89e;border-radius:5px;background:transparent;color:#b4b786;font-size:48px;font-family:Georgia,serif;display:flex;align-items:center;justify-content:center;padding:0}.empty-column{opacity:.35;font-size:28px}.tableau-slot:has(.card)>.empty-column{visibility:hidden}.card{position:absolute;left:0;top:calc(var(--i,0)*var(--step));width:100%;height:var(--card-h);padding:0;border:0;border-radius:5px;background:#fffcf2;box-shadow:0 3px 5px #001b2080;user-select:none;-webkit-user-select:none;touch-action:none;container-type:inline-size;overflow:hidden}.card-face{width:100%;height:100%;object-fit:fill;display:block;pointer-events:none}.card.back{border:3px solid #f4eed8;background:#fcf4df;pointer-events:none}.back-pattern{display:block;position:absolute;inset:0;background:url('/assets/images/card-back.webp') center/100% 100%;border-radius:2px}.card.red{color:#bd0b15}.card .corner{position:absolute;top:6%;left:7%;display:flex;flex-direction:column;align-items:center;color:#121212;line-height:1;font-family:Georgia,serif;font-size:23cqw}.card.red .corner{color:#bd0b15}.card .corner small{font-size:23cqw}.card.selected{outline:3px solid #ffda73;outline-offset:2px;filter:brightness(1.06)}.slot.hint-target{outline:3px solid #ffda73;outline-offset:3px}.card.hinted,#stock.hinted{outline:3px solid #ffda73;outline-offset:3px}.slot.drop-valid{outline:3px solid #ffda73;outline-offset:3px}.drag-ghost{position:fixed;z-index:10000;pointer-events:none;opacity:.97;transform:rotate(2deg);container-type:inline-size}.drag-ghost .card{width:100%}.drag-source{opacity:.3}.stock-count,.slot-caption{display:none}#stock{position:relative;width:100%;height:var(--card-h);padding:0;border:0;border-radius:5px;background:none}#stock .card.back{box-shadow:0 2px 0 #d5d0bb,0 4px 0 #fcf7df,0 6px 0 #7d8c69,0 7px 5px #001b2070}.stock-recycle{font-size:38px}.board-bottom{margin-top:15px;font-size:12px;color:#fff2cf;text-align:center}.game-actions{margin:0 18px;padding:12px 0 10px;border-top:1px solid #d2c89a;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:58px}.action-group{display:flex;gap:12px}.game-actions button{border:1px solid #bfc9b4;border-radius:5px;background:transparent;color:#fff9ec;display:flex;align-items:center;justify-content:center;gap:9px;padding:6px 13px;font-size:14px;font-weight:600;min-height:35px}.game-actions button .icon{width:20px;height:20px}.game-actions #new-game{background:#fff1cf;color:#082e26;border-color:#f6eacb;padding-inline:20px}.game-actions #new-game:hover{background:#fff8e7}.game-actions #settings{padding:6px 10px}.game-stats{display:flex;gap:15px;font-size:12px;white-space:nowrap}.game-stats>span{padding-left:15px;border-left:1px solid #c2c9b49e}.game-stats>span:first-child{padding-left:0;border-left:0}.game-stats b{font-weight:600;font-variant-numeric:tabular-nums;margin-left:7px}.game-benefits{display:grid;grid-template-columns:repeat(3,1fr);border-radius:5px;background:var(--panel);padding:9px 0;margin-top:12px;min-height:42px}.game-benefits>span{display:flex;align-items:center;justify-content:center;gap:15px;font-size:13px;border-left:1px solid var(--line)}.game-benefits>span:first-child{border:0}.game-benefits i{font-style:normal}.game-benefits .icon{width:26px;height:24px}.rules{padding:24px 0}.section-heading.centered{text-align:center;display:block}.section-heading p{font-size:16px;margin-top:5px}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:23px}.rule-step{display:flex;align-items:center;gap:16px;padding:0 20px;border-left:1px solid var(--line);min-height:96px}.rule-step:first-child{border-left:0;padding-left:13px}.rule-step:last-child{padding-right:0}.rule-step p{font-size:14px;color:var(--muted);margin-top:7px;line-height:1.3;max-width:175px}.rule-art{position:relative;width:104px;height:96px;flex:none}.rule-art>img{position:absolute;width:57px;height:81px;object-fit:fill;top:9px;border:1px solid #c3bdab;border-radius:5px;box-shadow:0 2px 3px #152e1b18;background:#fffcf3}.rule-art>img:first-child{left:3px;transform:rotate(-12deg)}.rule-art>img:nth-child(2){left:38px;top:15px;transform:rotate(1deg)}.rule-art .rule-back{padding:3px;transform:none;left:0;top:5px;width:50px;height:73px}.flip-art>img:nth-child(2){left:42px;top:21px;width:53px;height:75px}.move-arrow{position:absolute;top:-6px;left:63px;transform:rotate(160deg)}.move-arrow .icon{width:35px;height:24px}.text-link{border:0;background:none;padding:0;display:inline-flex;align-items:center;gap:5px;font-size:14px;line-height:1.1;font-weight:600;color:#0c503a;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;cursor:pointer}.text-link .icon{height:16px;width:16px}.text-link:hover{color:#53866a}.rules-more{margin:12px auto 0}.rules-more summary{list-style:none;width:max-content;margin:auto}.rules-more summary::-webkit-details-marker{display:none}.detail-body{border:1px solid var(--line);border-radius:5px;margin:20px 0 0;padding:25px;max-width:900px;margin-inline:auto;line-height:1.6}.detail-body p{font-size:16px;margin:12px 0;color:var(--muted)}.detail-body h3{font-size:20px;margin-top:22px}.detail-body h3:first-child{margin-top:0}.strategy{display:grid;grid-template-columns:1fr .98fr;border:1px solid var(--line);border-radius:5px;overflow:hidden;margin-top:1px;min-height:225px}.strategy-image{width:100%;height:100%;max-height:320px;object-fit:cover;display:block;object-position:50% 52%}.strategy-copy{align-self:center;padding:28px 30px}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:600;color:#163939;margin-bottom:10px}.strategy h2{font-size:32px;color:#113c2e;letter-spacing:-.035em}.strategy-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);margin-top:10px;line-height:1.3}.outline-button{border:1px solid #0d4937;color:var(--ink);font-size:16px;font-weight:600;padding:9px 20px;border-radius:4px;background:transparent;display:inline-flex;margin-top:17px;min-height:38px}.outline-button:hover{background:#164e2d0a}.news{margin-top:23px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:9px}.news-card{border:1px solid var(--line);border-radius:4px;padding:5px;min-width:0;display:flex;flex-direction:column}.news-picture{display:block;position:relative;overflow:hidden;border-radius:3px;height:clamp(145px,15.5vw,205px)}.news-picture img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .25s ease-out}.news-picture:hover img{transform:scale(1.035)}.article-tag{position:absolute;bottom:0;left:0;font-size:11px;font-weight:600;color:#17412e;background:#faf0cf;padding:3px 10px 2px;line-height:1.2}.news-copy{padding:10px 6px 6px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1}.news-copy h3{font-size:17px;line-height:1.1;letter-spacing:-.01em;min-height:34px}.news-copy .text-link{margin-top:auto}.news-copy h3 a:hover{text-decoration:underline;text-underline-offset:3px}.faq{margin-top:16px;margin-bottom:10px}.faq h2{font-size:24px;margin-bottom:8px}.faq-list{display:grid;gap:3px}.faq details{border:1px solid var(--line);border-radius:4px;padding:0 16px}.faq summary{font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:7px 0}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{width:17px;height:17px}.faq details[open] summary{padding-bottom:1px}.faq details[open] summary .icon{transform:rotate(180deg)}.faq details p{font-size:12px;color:var(--muted);padding:0 30px 6px 0;line-height:1.3}footer{background:#103d2e;color:#f9f4df;padding:13px 0 15px}.footer-inner{width:90%;max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.footer-brand .icon{width:29px;height:29px}.footer-brand strong{font-size:15px;line-height:1.15;display:block}.footer-brand small{font-size:11px;color:#dedfcd;display:block;margin-top:2px}.footer-inner nav{display:flex;gap:25px;font-size:11px;margin-left:auto}.copyright{font-size:11px;padding-left:35px;border-left:1px solid #c2c6a9;white-space:nowrap}.sr-only,.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{clip:auto;width:auto;height:auto;top:8px;left:8px;padding:12px;background:var(--cream);z-index:1000}.dedicated{background:var(--paper);padding:0 4%}.dedicated-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;max-width:1400px;margin:auto}.dedicated .brand-mark{font-size:30px;color:var(--green);font-family:Georgia,serif}.dedicated .brand-light{font-weight:400}.dedicated main{max-width:1400px;margin:auto}.dedicated .game-surface{padding:10px 6% 30px}.dedicated .board{max-width:1080px;margin:auto}.dedicated-note{text-align:center;font-size:13px;color:var(--muted);padding:20px 0}.dedicated-note span{margin-left:8px}.game-shell:fullscreen,.game-shell.fullscreen-fallback{width:100%;height:100%;border:0;border-radius:0;display:flex;flex-direction:column;overflow:auto;background-size:cover}.game-shell:fullscreen .game-surface,.fullscreen-fallback .game-surface{flex:1;padding:20px 5%}.game-shell:fullscreen .board,.fullscreen-fallback .board{max-width:1050px;margin:auto}.game-shell:fullscreen .game-toolbar,.fullscreen-fallback .game-toolbar{padding:15px 24px;flex:none}.game-shell:fullscreen .game-actions,.fullscreen-fallback .game-actions{flex:none}.fullscreen-fallback{position:fixed;inset:0;z-index:1000}.game-dialog,.reading-dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:28px;width:calc(100% - 32px);max-width:440px;max-height:85vh;box-shadow:0 20px 65px #031f2550}.game-dialog::backdrop,.reading-dialog::backdrop{background:#0423199c}.game-dialog h2,.reading-dialog h2{font-size:29px;margin-bottom:15px}.game-dialog p,.reading-dialog p{font-size:16px;color:var(--muted);line-height:1.5;margin:12px 0}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.dialog-buttons button{border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--ink);padding:10px 15px;font-size:14px}.dialog-buttons .confirm{background:var(--green);color:#fff6df;border-color:var(--green)}.win-icon{font-size:35px;color:#b59b55}.reading-dialog{max-width:650px;padding:35px}.reading-dialog h3{font-size:20px;margin-top:22px}.reading-dialog a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.dialog-close{position:absolute;right:10px;top:10px;background:none;border:0;color:var(--ink);padding:4px}.dialog-close .icon{width:22px;height:22px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}.setting-row input{width:19px;height:19px}.article-list{display:grid;gap:10px}.article-list button{text-align:left;border:1px solid var(--line);background:var(--panel);padding:15px;color:var(--ink);border-radius:4px}.noscript{padding:20px;background:var(--cream);color:var(--green)}
[data-theme=dark]{--paper:#172a23;--panel:#23392e;--ink:#f3efdc;--muted:#ced6cb;--line:#405747;--green:#acd5b6;color-scheme:dark}[data-theme=dark] h1,[data-theme=dark] .strategy h2,[data-theme=dark] .eyebrow{color:#f2ebd3}[data-theme=dark] .brand .icon{color:#c6dabe}[data-theme=dark] .text-link{color:#bfdabe}[data-theme=dark] .outline-button{border-color:#b3cbb1}[data-theme=dark] .dialog-buttons .confirm{background:#315d41;color:#fff5dc;border-color:#66886e}
@media(min-width:1100px){.game-toolbar{min-height:62px;padding-inline:24px}.board{--gap:32px;--step:23px;--top-gap:20px}.game-surface{padding-inline:55px}.game-actions{padding:14px 0;margin-inline:24px}.hero-intro{padding:24px 0 18px}.hero-intro h1{font-size:43px}.strategy h2{font-size:38px}.strategy-copy{padding:32px 38px}.rule-step{gap:22px;padding-inline:30px}.rules{padding-block:29px}.rule-art{width:125px}.news{margin-top:29px}.faq{margin-bottom:20px}.footer-inner nav{gap:30px}}
@media(max-width:820px){.header-inner{width:90%;gap:14px}.brand{font-size:21px}.header-inner nav{gap:18px;font-size:12px}.theme-toggle .icon{width:18px;height:18px}.toolbar-left{gap:20px}.game-surface{padding-inline:26px}.board{--gap:17px;--top-gap:12px;--step:17px}.mode-switch button{min-width:62px;padding-inline:11px}.game-actions{gap:10px}.action-group{gap:8px}.game-actions button{padding-inline:9px}.game-actions #new-game{padding-inline:13px}.game-stats{gap:8px;font-size:11px}.game-stats>span{padding-left:8px}.rule-step{gap:10px;padding-inline:12px}.rule-art{width:86px;transform:scale(.9);transform-origin:left center}.rule-step h3{font-size:15px}.rule-step p{font-size:13px}.strategy-copy{padding:20px}.strategy h2{font-size:28px}.strategy-copy>p:not(.eyebrow){font-size:15px}.footer-inner{gap:18px}.footer-inner nav{gap:14px}.copyright{padding-left:18px;font-size:10px}.footer-brand strong{font-size:14px}.footer-brand small{font-size:10px}}
@media(max-width:650px){.container{width:94%}.site-header{height:55px}.header-inner{width:92%}.brand{font-size:22px}.header-inner nav{display:none}.theme-toggle{gap:5px}.hero-intro{padding:20px 0 16px}.hero-intro h1{font-size:33px}.hero-intro p{font-size:15px;max-width:350px;margin:5px auto 0}.game-shell{border-width:1px;border-radius:8px}.game-toolbar{padding:11px 10px 16px;min-height:55px;gap:8px}.toolbar-left{gap:13px}.game-title{font-size:19px}.mode-switch{border-radius:9px}.mode-switch button{min-width:48px;padding:6px 9px;font-size:12px;border-radius:7px}.toolbar-right{gap:7px}.toolbar-right button{padding:6px;min-height:32px}.toolbar-right button .icon{width:18px;height:18px}.new-tab>span,.fullscreen-label{display:none}.game-surface{padding:0 12px 17px}.board{--gap:8px;--top-gap:7px;--step:18px}.top-row{margin-bottom:20px}.slot,.slot-outline,.card{border-radius:4px}.slot-outline{font-size:28px;border-width:1px}.card.back{border-width:2px}.empty-column{font-size:20px}.tableau{min-height:220px}.card .corner{font-size:30cqw}.card .corner small{font-size:25cqw}.game-actions{flex-wrap:wrap;justify-content:center;margin:0 10px;padding:10px 0;gap:12px}.action-group{width:100%;justify-content:space-between;gap:8px}.game-actions button{min-height:37px;font-size:13px;padding:7px 12px;gap:7px}.game-actions #new-game{padding-inline:14px}.game-actions .icon{width:19px;height:19px}.game-actions #settings{padding-inline:10px}.game-stats{font-size:12px;gap:20px}.game-stats>span{padding-left:20px}.game-stats b{margin-left:5px}.game-benefits{padding:10px 0;margin-top:10px}.game-benefits>span{gap:5px;font-size:10px;flex-direction:column;line-height:1.2;text-align:center;padding-inline:3px}.game-benefits .icon{width:22px;height:22px}.rules{padding:24px 5px}.section-heading h2{font-size:26px}.section-heading p{font-size:15px;max-width:300px;margin:7px auto 0}.rule-grid{grid-template-columns:1fr;margin-top:18px;gap:13px}.rule-step,.rule-step:first-child,.rule-step:last-child{padding:0 10px;border:0;gap:25px;min-height:89px}.rule-step:not(:last-child){border-bottom:1px solid var(--line);padding-bottom:12px}.rule-art{width:105px;transform:none}.rule-step h3{font-size:18px}.rule-step p{font-size:15px;max-width:240px}.rules-more{margin-top:13px}.text-link{font-size:14px}.strategy{grid-template-columns:1fr;margin-top:0}.strategy-image{height:205px;max-height:none}.strategy-copy{padding:23px}.strategy h2{font-size:30px}.strategy-copy>p:not(.eyebrow){font-size:16px}.eyebrow{font-size:9px}.outline-button{font-size:15px}.news{margin-top:26px}.news>.section-heading{gap:10px;align-items:baseline}.news>.section-heading h2{font-size:25px}.news>.section-heading .text-link{font-size:12px}.news-grid{grid-template-columns:1fr;gap:15px;margin-top:12px}.news-picture{height:auto;aspect-ratio:1.85}.news-copy{padding:12px 9px 11px;gap:12px}.news-copy h3{font-size:21px;min-height:0}.news-copy h3 br{display:none}.news-copy h3 br:after{content:' '}.news-copy .text-link{font-size:15px}.article-tag{font-size:12px}.faq{margin:24px 0 20px}.faq h2{font-size:25px;margin-bottom:12px}.faq summary{font-size:15px;padding:10px 0}.faq details p{font-size:14px;padding-bottom:10px}.faq details[open] summary{padding-bottom:5px}.faq-list{gap:6px}footer{padding:23px 0}.footer-inner{width:92%;flex-wrap:wrap;justify-content:center;gap:20px}.footer-brand{justify-content:center;width:100%}.footer-brand strong{font-size:18px}.footer-brand small{font-size:12px}.footer-inner nav{margin:0;font-size:12px;gap:20px;justify-content:center;flex-wrap:wrap}.copyright{width:100%;border-left:0;text-align:center;padding:0;font-size:11px}.dedicated{padding-inline:2%}.dedicated-header{padding:17px 3px}.dedicated-header .brand{font-size:19px}.dedicated-header .text-link{font-size:12px}.dedicated .game-surface{padding:4px 12px 20px}.dedicated-note{font-size:12px}.dedicated-note span{display:block;margin-left:0}.game-shell:fullscreen .game-toolbar,.fullscreen-fallback .game-toolbar{padding:13px 10px}.game-shell:fullscreen .game-surface,.fullscreen-fallback .game-surface{padding:20px 12px}.game-shell:fullscreen .board,.fullscreen-fallback .board{max-width:540px}.game-dialog,.reading-dialog{padding:27px 22px}.reading-dialog h2{font-size:28px}.dialog-buttons button{font-size:13px;padding:10px 12px}.detail-body{padding:20px}.detail-body h3{font-size:20px}}
@media(max-width:360px){.brand{font-size:19px}.brand .icon{width:24px}.header-inner{gap:10px}.theme-toggle .icon{width:17px;height:17px}.theme-track{width:29px;height:17px}.theme-track>span{width:13px;height:13px;margin-left:12px}.game-title{font-size:17px}.toolbar-left{gap:8px}.mode-switch button{min-width:44px;padding-inline:7px}.game-surface{padding-inline:9px}.board{--gap:6px;--top-gap:6px;--step:18px}.toolbar-right{gap:5px}.game-actions button{font-size:12px;padding-inline:8px}.game-actions #new-game{padding-inline:10px}.action-group{gap:6px}.game-benefits>span{font-size:9px}.rule-step,.rule-step:first-child,.rule-step:last-child{gap:14px;padding-inline:4px}.news>.section-heading h2{font-size:23px}.news>.section-heading .text-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Reference proportions and centered rules disclosure. */
@media(min-width:651px){.hero-intro{padding-bottom:8px}.hero-intro p{font-size:16px}.board{--top-h:calc((100cqw - 7 * var(--top-gap))/8*1.3)}.strategy{height:225px;min-height:225px}.strategy-image{height:225px}.strategy-copy{padding:22px 30px}.strategy h2{font-size:30px}.strategy-copy>p:not(.eyebrow){font-size:14px}.brand{font-size:22px}.game-title{font-size:20px}.game-surface{padding-inline:44px 35px}.board{--top-gap:16px}.top-spacer{margin-right:10px}}
.rules-more>summary.text-link{display:flex;width:max-content;margin-inline:auto}
.card-face{filter:sepia(.09)}
@media(min-width:651px) and (max-width:850px){.strategy{height:auto}.strategy-image{height:100%;min-height:260px;max-height:none}}
@media(min-width:851px) and (max-width:1100px){.rule-step{padding-inline:16px;gap:12px}.rule-step h3{font-size:15px;white-space:nowrap}.rule-step p{font-size:13px}.rule-grid{margin-top:19px}.rules{padding-bottom:20px}.news-copy h3{font-size:15px}.news-copy{padding-top:8px;gap:7px}}
/* UI UX Pro Max: image-led layout refinement. */
:root{--paper:#fcfaf4;--panel:#f3f0e7;--ink:#0b2728}
.game-shell{background-image:linear-gradient(#07372455,#07372455),url('/assets/images/felt.webp')}
.strategy-photo{overflow:hidden;min-width:0;height:100%}.strategy-photo .strategy-image{transform:scale(1.18);object-position:50% 57%}
.news-card:first-child .news-picture img{transform:scale(1.14);object-position:50% 43%}
.news-card:nth-child(2) .news-picture img{transform:scale(1.09)}
.rule-art>img{border:0;box-shadow:0 1px 3px #152e1b20}
.rule-art .rule-back{border:1px solid #c3bdab;background:#fcf8ed}
.move-arrow{transform:rotate(180deg);top:-8px;left:73px}
.strategy-copy,.rule-step>div:last-child{min-width:0}
@media(min-width:851px){.header-inner nav{margin-right:47px}.hero-intro h1{line-height:1}.game-surface{padding-bottom:20px}.game-actions{gap:12px}.action-group{gap:10px}.game-actions #new-game{padding-inline:18px}.game-actions button{padding-inline:12px}.game-actions #settings{padding-inline:9px}.top-row{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,2.3fr) repeat(4,minmax(0,1fr));gap:14px}.top-spacer{grid-column:span 1;margin:0}.slot-outline{font-size:43px}.section-heading p{font-size:15px;line-height:1.4}.rule-grid{margin-top:18px}.rule-step h3{font-size:15px}.rule-step p{font-size:13px}.rules-more{margin-top:10px}.strategy h2{font-size:32px;letter-spacing:-.045em}.strategy-copy>p:not(.eyebrow){font-size:14px;line-height:1.4}.strategy-copy .outline-button{font-size:14px;margin-top:15px}.news h2{font-size:26px}.news-grid{margin-top:8px}.news-picture{height:145px}.news-copy{padding:9px 6px 6px;gap:6px}.news-copy h3{font-size:15px;min-height:31px}.faq h2{font-size:23px}.faq summary{font-size:12px}.faq details p{font-size:11px}.faq{margin-top:16px;margin-bottom:10px}.footer-inner nav{font-size:11px}}
@media(min-width:1101px){.strategy{height:auto;min-height:270px}.strategy-photo .strategy-image{height:100%;min-height:270px}.news-picture{height:195px}.hero-intro h1{line-height:1.12}}
@media(max-width:850px){.strategy-photo .strategy-image{height:100%;min-height:260px}}
@media(max-width:650px){.strategy-photo{height:205px}.strategy-photo .strategy-image{height:205px;min-height:0}.rule-step p,.section-heading p{font-size:16px}.rule-step h3{white-space:normal}.game-actions button{min-height:44px}.toolbar-right button{min-height:36px}.theme-toggle{min-height:44px}.faq details p{font-size:16px}}
@media(min-width:851px){.news-copy{padding-bottom:4px}.faq summary{padding-block:6px}.faq details p{padding-bottom:4px}.faq{margin-bottom:8px}.top-row{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,2.5fr) repeat(4,minmax(0,1fr))}.board{--top-h:calc((100cqw - 7 * var(--top-gap))/8*1.33)}}