:root{--ink:#092331;--deep:#071e29;--muted:#62737a;--sea:#0f5360;--mint:#43ddbf;--mint-soft:#e1f8f0;--cream:#f7f7f0;--paper:#fffefa;--line:#dfe9e6;--yellow:#f6bd46;--coral:#fb7b71;--blue:#8aaafa;--round:25px;--shadow:0 24px 66px rgba(9,35,49,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.58 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h1,h2{font-weight:850}h1 em,h2 em{font-family:Georgia,serif;font-weight:500;letter-spacing:-.055em}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e0a91b;outline-offset:4px}[hidden]{display:none!important}
.topbar{position:sticky;top:0;z-index:40;background:#071e29f7;backdrop-filter:blur(16px);color:#fff;border-bottom:1px solid #31505b}.topbar-inner{height:81px;max-width:1320px;margin:auto;padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:950;letter-spacing:-.075em;white-space:nowrap}.brand img{width:42px;height:42px;object-fit:contain}.brand-dot{color:var(--mint)}.topnav{display:flex;align-items:center;gap:6px}.nav-link{border:0;color:#c7d8d8;background:transparent;border-radius:25px;padding:10px 20px;font-weight:700;font-size:13px;transition:.2s}.nav-link:hover,.nav-link.is-active{background:#264650;color:#fff}.sound-toggle{border:1px solid #395965;background:transparent;border-radius:30px;padding:8px 12px;color:#cfe1dd;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.sound-toggle>span:first-child{font-size:21px;line-height:1;color:var(--mint)}
.view{max-width:1320px;margin:0 auto;padding:0 38px}.hero{display:grid;grid-template-columns:50% 50%;min-height:615px;align-items:center;padding:42px 0 14px;position:relative}.hero-copy{position:relative;z-index:2;padding-bottom:24px}.eyebrow{font-size:12px;letter-spacing:.19em;font-weight:950;color:#2b837a;text-transform:uppercase}.eyebrow .star{color:#ecaa38;font-size:18px;margin-right:7px}.eyebrow.small{margin-bottom:19px}.hero h1{font-size:clamp(50px,5.7vw,89px);line-height:.99;max-width:650px;margin:24px 0 26px}.hero h1 em{color:#168b79;display:block}.period{color:var(--coral)}.hero-description{font-size:18px;color:#526970;max-width:505px;line-height:1.78;margin-bottom:28px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.btn{border:0;border-radius:13px;padding:15px 22px;min-height:51px;font-size:14px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:19px;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--deep);color:#fff;box-shadow:0 9px 20px #0b283326}.btn-primary:hover{background:#0c4a51}.btn-primary span{color:var(--mint)}.btn-outline{border:1px solid #b7c9c5;background:transparent;color:var(--deep)}.btn-outline:hover{background:#e8f2ed}.btn-outline.dark{border-color:#c8d4d3}.hero-points{margin-top:31px;display:flex;flex-wrap:wrap;gap:10px 19px;font-size:12px;font-weight:700;color:#667977}.hero-points span::first-letter{color:#319e8c}.hero-art{min-width:0;height:560px;position:relative;display:grid;place-items:center}.hero-art::before{content:"";position:absolute;inset:40px 18px 25px 15px;border-radius:51% 49% 56% 44%;background:radial-gradient(circle at 46% 38%,#d3f7e9 5%,#d8f7ec 42%,#c3eee6 69%,#eaf8f1 100%);transform:rotate(-12deg)}.hero-art>img{width:min(100%,600px);height:500px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 24px 18px #1d5b4c2b);animation:floaty 7s ease-in-out infinite}.orbit{position:absolute;border:2px dashed #9fcfc2;border-radius:50%;opacity:.65;transform:rotate(-15deg)}.orbit-one{inset:38px 9px 24px 9px}.orbit-two{inset:78px 52px 63px 47px;border-style:solid;border-color:#d6f4e8}.floating-icon{position:absolute;z-index:3;color:#f1ae3e;font-size:38px}.float-one{top:67px;left:10%}.float-two{bottom:78px;right:6%;color:#39b89a}.art-badge{position:absolute;right:-4px;bottom:75px;z-index:4;background:#fff;border-radius:17px;box-shadow:0 12px 45px #154b4b25;padding:14px 18px;display:flex;align-items:center;gap:11px;font-size:12px;line-height:1.4;color:#677777;transform:rotate(5deg)}.art-badge strong{color:var(--ink);font-size:13px}.art-badge-icon{background:#fff1b5;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:25px;color:#d99e20}@keyframes floaty{50%{transform:translateY(-11px) rotate(1.5deg)}}
.intro-bottom{border-top:1px solid #d8e4df;padding:27px 0 72px}.section-label{display:flex;justify-content:space-between;color:#64918a;font-size:11px;font-weight:900;letter-spacing:.18em}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:30px}.how-item{position:relative;padding:22px 15px 5px 0}.how-number{position:absolute;right:13px;top:6px;font-size:12px;color:#acbab8;font-weight:900}.how-icon{height:55px;width:55px;border-radius:17px;display:grid;place-items:center;font-size:29px;font-weight:bold;margin-bottom:24px}.yellow{background:#ffedbb;color:#a77818}.mint{background:#d3f6e8;color:#24947e}.coral{background:#ffe0d9;color:#cc6c5e}.how-item h3{font-size:23px;margin-bottom:10px}.how-item p{font-size:14px;color:var(--muted);max-width:300px;line-height:1.7}
.section-head{padding:61px 0 32px;display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head h2{font-size:clamp(38px,4.5vw,62px);margin:0}.section-head h2 em{color:#168b79}.pill{background:#e3f5ee;border-radius:80px;padding:9px 15px;font-size:12px;font-weight:800;color:#428276;white-space:nowrap}.pulse{display:inline-block;width:7px;height:7px;background:#22bc8d;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px #22bc8d1f}.setup-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.82fr);gap:30px;padding-bottom:90px}.setup-card,.setup-aside,.board-shell,.score-panel,.rules-card,.rules-note,.leaderboard-card{border:1px solid #dde9e5;background:var(--paper);border-radius:var(--round);box-shadow:var(--shadow)}.setup-card{padding:33px 38px 34px}.step-title{display:flex;align-items:center;gap:14px;margin-bottom:26px}.step-title h3{font-size:25px;margin:0}.step-bubble{background:#c9f5e6;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#146854}.mode-group{border:0;padding:0;margin:0}.mode-group legend,.setup-inline label{display:block;font-weight:850;font-size:12px;color:#78918d;letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px}.choice-card{display:flex;align-items:center;gap:15px;padding:18px;border:2px solid #e4edeb;border-radius:16px;margin-bottom:12px;cursor:pointer;transition:.2s}.choice-card:has(input:checked){background:#eafaf3;border-color:#57c6aa}.choice-card>input{position:absolute;opacity:0}.choice-card:focus-within{outline:2px solid #46bc9c;outline-offset:3px}.choice-icon{display:grid;place-items:center;width:45px;height:45px;flex-shrink:0;background:#f0f7f4;border-radius:12px;color:#21977e;font-size:24px}.choice-card strong,.choice-card small{display:block}.choice-card strong{font-size:14px}.choice-card small{color:#85918e;font-size:12px;margin-top:3px}.radio-dot{margin-left:auto;border:2px solid #b8c7c3;border-radius:50%;width:19px;height:19px;flex-shrink:0}.choice-card:has(input:checked) .radio-dot{border:6px solid #24ae89}.setup-inline{margin:20px 0;display:flex;justify-content:space-between;align-items:center;gap:15px}.setup-inline label{margin:0}.setup-inline select,.name-fields input{border:1px solid #cbd8d3;border-radius:10px;padding:10px 12px;background:#fff;color:var(--ink);width:100%}.setup-inline select{width:auto}.name-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.name-fields label{font-size:12px;font-weight:800;color:#66827b}.name-fields input{display:block;margin-top:7px;font-weight:600;font-size:14px}.expert-choice{display:flex;align-items:center;gap:10px;background:#fff7e7;padding:18px;border:1px solid #f1e4c4;border-radius:15px;margin:18px 0 25px;cursor:pointer}.expert-choice input{position:absolute;opacity:0}.expert-choice:focus-within{outline:2px solid #dfa726}.expert-copy{flex:1}.expert-copy strong,.expert-copy small{display:block}.expert-copy strong{font-size:14px}.expert-copy small{font-size:12px;color:#917e67;margin-top:3px}.expert-badge{background:#fbd98b;font-size:10px;border-radius:12px;padding:3px 7px;color:#8e6822;margin-left:5px}.switch-track{width:43px;height:25px;background:#d1d1ca;border-radius:20px;position:relative;transition:.2s}.switch-track::after{content:"";position:absolute;top:4px;left:4px;width:17px;height:17px;background:white;border-radius:50%;box-shadow:0 2px 6px #0002;transition:.2s}.expert-choice:has(input:checked) .switch-track{background:#34b996}.expert-choice:has(input:checked) .switch-track::after{left:22px}.btn-wide{width:100%}.resume-link{display:block;margin:16px auto 0;border:0;background:none;text-decoration:underline;text-underline-offset:3px;color:#157d6c;font-weight:800;font-size:13px}.setup-aside{overflow:hidden;position:relative;min-height:500px;display:flex;flex-direction:column;justify-content:center;background:#e3f5ed;padding:22px 38px}.setup-aside::before{content:"";position:absolute;background:#c0e9d9;border-radius:50%;width:500px;height:500px;top:-170px;right:-150px}.setup-aside img{z-index:1;width:100%;height:290px;object-fit:contain;filter:drop-shadow(0 16px 14px #165f4a24)}.aside-text{z-index:1;margin-top:auto;max-width:335px}.aside-text h3{font-size:30px;margin:12px 0}.aside-text p{color:#5f786e}.tiny-label{font-size:11px;letter-spacing:.12em;font-weight:950;color:#6b9990;text-transform:uppercase}
.game-toolbar{background:#fff;border:1px solid #e0ebe6;border-radius:18px;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:21px}.turn-heading{display:flex;align-items:center;gap:12px}.turn-heading h3{margin:1px 0 0;font-size:19px}.turn-marker{width:15px;height:43px;border-radius:8px;background:var(--yellow)}.game-tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.save-status{font-weight:800;color:#268e76;font-size:12px;margin-right:8px}.tool-btn{background:#f3f7f4;border:1px solid #e1eae6;padding:9px 12px;border-radius:10px;font-size:12px;font-weight:800;color:#496267}.tool-btn:hover{background:#e8f2ec}.danger-text{color:#ae635a}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:21px}.board-shell{min-width:0;overflow:hidden;background:#fffcf3}.board-head{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #dde8e3;padding:17px 23px;color:#708c87;font-size:11px;letter-spacing:.08em;font-weight:950}.board-wrap{background:radial-gradient(circle at 40% 30%,#ecf9ec,#e0f2e4 68%,#d4e8dd);padding:22px;overflow:auto;overscroll-behavior:contain}.board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;min-width:380px;max-width:800px;margin:0 auto}.tile{position:relative;aspect-ratio:1/1;border:1px solid #aecbbb;background:#faf9e9;border-radius:13px;display:grid;place-items:center;min-height:0;min-width:0;box-shadow:inset 0 -4px 0 #506c4a17;touch-action:manipulation;user-select:none;overflow:hidden;transition:transform .12s,filter .12s}.tile:nth-child(even){border-radius:17px 11px 17px 11px}.tile:nth-child(3n){transform:rotate(1deg)}.tile:disabled{opacity:1}.tile:disabled:not(.owned):not(.legal){filter:saturate(.75)}.tile.legal{background:#fffbea;border-color:#8dbe97;box-shadow:0 0 0 2px #c6e8c5,inset 0 -4px 0 #cee9c7;cursor:pointer}.tile.legal:hover{transform:translateY(-2px) scale(1.05);z-index:4;box-shadow:0 5px 16px #15593c3e}.tile.owned{border-color:#37575c66;color:#142d31}.tile.last{outline:3px solid #123948;outline-offset:-3px}.tile-symbol{position:relative;z-index:2;font-size:clamp(17px,2.8vw,31px);line-height:1;color:#376f5a;text-shadow:0 1px 0 #fff5}.tile.owned .tile-symbol{color:#123e42}.tile-feature-empty{color:transparent}.tile-arrow{position:absolute;bottom:3px;right:5px;font-size:12px;font-weight:950;color:#2a817d;z-index:3}.tile-owner-dot{position:absolute;top:6px;left:6px;width:6px;height:6px;border-radius:50%;background:#163f48;z-index:3}.tile.legal::after{content:"";position:absolute;top:4px;right:4px;background:#20a07a;width:6px;height:6px;border-radius:50%}.board-footer{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:13px 22px;color:#70928b;font-size:11px;font-weight:800}.legend-arrow{color:#159676;font-size:18px}.score-panel{padding:24px 20px;display:flex;flex-direction:column;gap:20px}.score-head h3{font-size:23px;margin:7px 0 0}.players-score{display:flex;flex-direction:column;gap:10px}.player-score{display:grid;grid-template-columns:13px 1fr auto;align-items:center;gap:9px;background:#f5f8f4;padding:12px;border-radius:12px;border:1px solid transparent}.player-score.active{border-color:#4dc4aa;background:#e8faf0}.player-swatch{width:12px;height:32px;border-radius:8px}.player-info strong,.player-info small{display:block}.player-info strong{font-size:13px;line-height:1.3}.player-info small{font-size:11px;color:#84918d}.points{font-weight:950;font-size:20px;white-space:nowrap}.points small{font-size:11px;font-weight:700;color:#879793}.score-tip{display:flex;gap:9px;background:#fff4d8;padding:14px;border-radius:13px}.score-tip span{color:#e09c26;font-size:18px}.score-tip p{font-size:12px;line-height:1.55;color:#947849;margin:0}.mini-rules{border:0;background:none;margin-top:auto;color:#138775;text-align:left;font-size:12px;font-weight:900;padding:6px 0}.touch-hint{font-size:12px;color:#6d8681;text-align:center;padding:15px 0 43px}
.rules-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding-bottom:80px}.rules-main{display:grid;gap:18px}.rules-card{padding:27px 32px}.rules-step{font-size:11px;letter-spacing:.13em;color:#228e76;font-weight:950;margin-bottom:10px}.rules-card h3{font-size:25px;margin-bottom:10px}.rules-card p{font-size:15px;color:#607773;line-height:1.8;margin:0}.rules-card p strong{color:var(--ink)}.rule-score-list{margin-top:21px;display:grid;gap:8px}.rule-score-list>div{display:grid;grid-template-columns:43px minmax(90px,1fr) minmax(0,1.6fr);align-items:center;gap:9px;border-radius:10px;padding:9px 12px;background:#f3f8f4;font-size:13px}.rule-score-list strong{font-size:13px}.rule-score-list>div>span:last-child{color:#668079}.symbol{font-size:26px;text-align:center;font-weight:900}.apple{color:#e4a22e}.key{color:#2f9d80}.pyramid{color:#637dc0}.sword{color:#d46b62}.rules-sidebar{display:flex;flex-direction:column;gap:18px}.rules-note{padding:25px;background:#0c3942;color:#fff}.rules-note h3{font-size:25px;margin:15px 0}.rules-note p{font-size:13px;line-height:1.8;color:#c4dad7}.note-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:#1d6d70;color:#aff1cf;font-size:27px}.rules-note.soft{background:#eff9e6;color:#173f3e}.rules-note.soft p{color:#54766c}.leaderboard-card{overflow:hidden;margin-bottom:100px}.leaderboard{padding:9px 20px;min-height:200px}.leaderboard-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:15px;align-items:center;padding:18px 6px;border-bottom:1px solid #e5eee9}.leaderboard-item:last-child{border-bottom:0}.rank-icon{width:38px;height:38px;background:#eaf7ef;border-radius:11px;display:grid;place-items:center;color:#259479;font-size:18px}.leaderboard-item strong,.leaderboard-item small{display:block}.leaderboard-item strong{font-size:15px}.leaderboard-item small{color:#78908a;font-size:12px}.leaderboard-item b{font-size:22px}.empty-scores{padding:55px 20px;text-align:center;color:#79908b}.empty-scores strong{display:block;color:var(--ink);font-size:20px;margin-bottom:6px}.leaderboard-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #e0eae5;padding:19px 23px;font-size:12px;color:#708982}.text-button{border:0;background:none;color:#aa675e;font-weight:850;font-size:12px}
.site-footer{background:#071e29;color:#fff}.footer-inner{max-width:1320px;margin:auto;padding:48px 38px;display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-left strong{font-size:22px;font-weight:950;letter-spacing:-.07em}.footer-left p{color:#82a0a1;font-size:12px;margin:8px 0 0}.footer-links{display:flex;gap:22px;flex-wrap:wrap;color:#b0c4c2;font-size:12px}.footer-links a:hover{color:var(--mint)}dialog{border:0;border-radius:25px;max-width:min(470px,calc(100vw - 32px));width:100%;box-shadow:0 25px 100px #04141faa;padding:31px;background:#fffdf6;color:var(--ink)}dialog::backdrop{background:#041821ba;backdrop-filter:blur(5px)}.dialog-art{background:#fff0b4;border-radius:50%;color:#d8a026;font-size:37px;display:grid;place-items:center;width:67px;height:67px;margin-bottom:16px}.finish-dialog h2,.confirm-dialog h2{font-size:34px;margin:10px 0}.finish-dialog p,.confirm-dialog p{color:#647a73}.finish-scores{border-radius:12px;background:#edf6ee;padding:10px 16px;margin:21px 0}.finish-score-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #d2e5da}.finish-score-row:last-child{border-bottom:0}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.noscript-warning{position:fixed;bottom:0;background:#fff1bf;padding:20px;width:100%;z-index:90;text-align:center}
@media(max-width:1000px){.topbar-inner{padding:0 23px}.view{padding:0 25px}.hero{min-height:550px}.hero-art{height:485px}.hero-art>img{height:420px}.art-badge{right:0;bottom:45px}.game-layout{grid-template-columns:minmax(0,1fr) 245px}.score-panel{padding:18px 13px}.board-wrap{padding:15px}.board{gap:4px}.tile{border-radius:10px}.tile:nth-child(even){border-radius:11px 8px 11px 8px}}
@media(max-width:760px){.topbar-inner{height:71px;padding:0 18px;gap:9px}.brand{font-size:20px;gap:6px}.brand img{width:33px;height:33px}.sound-label{display:none}.sound-toggle{padding:6px 11px}.topnav{gap:0}.nav-link{padding:9px 10px;font-size:12px}.view{padding:0 20px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:auto;padding:49px 0 14px}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(51px,9.5vw,74px);max-width:640px}.hero h1 em{display:inline}.hero-description{font-size:16px;line-height:1.75}.hero-art{height:390px;max-width:520px;width:100%;margin:8px auto 0}.hero-art>img{height:360px}.art-badge{bottom:33px;right:0}.orbit-one{inset:16px 10px}.orbit-two{inset:44px 38px}.intro-bottom{padding-bottom:45px}.how-grid{gap:17px}.how-item h3{font-size:20px}.setup-grid{grid-template-columns:1fr}.setup-aside{min-height:250px;flex-direction:row;align-items:center}.setup-aside img{width:45%;height:230px}.aside-text{margin:0}.section-head{padding:40px 0 25px}.rules-layout{grid-template-columns:1fr}.rules-sidebar{display:grid;grid-template-columns:1fr 1fr}.game-layout{grid-template-columns:1fr}.score-panel{display:block}.players-score{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:15px 0}.score-tip{margin-bottom:10px}.board{max-width:650px}.tile-symbol{font-size:clamp(17px,4vw,30px)}}
@media(max-width:530px){.topbar-inner{height:auto;min-height:70px;flex-wrap:wrap;padding:10px 14px 0}.brand{font-size:21px}.topnav{order:3;width:100%;justify-content:space-between;border-top:1px solid #244653;padding-top:5px}.nav-link{flex:1;padding:8px 3px;border-radius:10px 10px 0 0}.sound-toggle{margin-left:auto}.view{padding:0 15px}.hero{padding-top:35px}.hero h1{font-size:49px;margin:19px 0}.hero-description{font-size:15px}.hero-actions .btn{flex:1;gap:7px;padding:13px 10px;font-size:12px}.hero-points{gap:8px 13px;font-size:11px;margin-top:22px}.hero-art{height:310px}.hero-art>img{height:310px}.hero-art::before{inset:27px 10px}.art-badge{bottom:8px;right:0;padding:8px 10px;font-size:10px}.art-badge-icon{width:28px;height:28px;font-size:19px}.how-grid{grid-template-columns:1fr;gap:3px;margin-top:16px}.how-item{display:grid;grid-template-columns:56px 1fr;column-gap:13px;padding:12px 0}.how-icon{grid-row:span 2;margin:0}.how-item h3{margin:0 0 5px}.how-item p{grid-column:2;margin:0;font-size:13px}.how-number{display:none}.section-head{align-items:start;flex-direction:column}.section-head h2{font-size:43px}.section-head .pill{display:none}.setup-card{padding:24px 16px}.step-title h3{font-size:22px}.choice-card{padding:13px;gap:10px}.choice-icon{width:37px;height:37px}.choice-card strong{font-size:13px}.choice-card small{font-size:11px}.name-fields{grid-template-columns:1fr}.setup-aside{padding:18px;min-height:200px}.setup-aside img{height:190px}.aside-text h3{font-size:23px}.aside-text p{font-size:12px}.board-head{padding:13px 14px;font-size:9px}.board-wrap{padding:9px}.board{min-width:310px;gap:3px}.tile{border-radius:7px;box-shadow:none}.tile-symbol{font-size:clamp(16px,4.5vw,23px)}.tile-arrow{font-size:10px;bottom:0;right:2px}.tile-owner-dot{left:3px;top:3px;width:5px;height:5px}.board-footer{padding:10px 12px;font-size:10px}.game-toolbar{padding:12px;align-items:flex-start;flex-direction:column;gap:10px}.game-tools{width:100%;justify-content:space-between;gap:5px}.save-status{margin:0}.tool-btn{font-size:10px;padding:8px 9px}.score-head h3{font-size:21px}.players-score{grid-template-columns:1fr 1fr;gap:8px}.player-score{padding:8px;grid-template-columns:7px 1fr auto;gap:6px}.player-swatch{width:7px}.player-info strong{font-size:11px}.points{font-size:17px}.points small{font-size:9px}.rules-card{padding:23px 18px}.rules-card h3{font-size:22px}.rule-score-list>div{grid-template-columns:31px 1fr;font-size:12px}.rule-score-list>div>span:last-child{grid-column:2}.rules-sidebar{grid-template-columns:1fr}.leaderboard-footer{flex-direction:column}.footer-inner{padding:30px 20px;flex-direction:column;align-items:flex-start;gap:20px}.footer-links{gap:14px}.dialog-actions .btn{flex:1}}
@media(max-width:365px){.board{min-width:0}.tile-symbol{font-size:15px}.hero h1{font-size:43px}.setup-aside img{height:150px}.brand{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.replaceable-graphic{display:block;width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}.tile-symbol .replaceable-graphic{width:36px;height:36px;max-width:85%;max-height:85%;object-fit:contain}.tile-arrow .replaceable-graphic{width:16px;height:16px}.how-icon .replaceable-graphic{width:40px;height:40px}.symbol .replaceable-graphic{width:35px;height:35px;object-fit:contain;margin:auto}
.gallery-section{border-top:1px solid #d8e4df;padding:30px 0 76px}.gallery-section h2{font-size:clamp(31px,4vw,52px);margin:20px 0 28px}.gallery-section h2 em{color:#168b79}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:19px}.gallery-card{background:#fff;border:1px solid #dfe9e4;border-radius:20px;padding:12px;box-shadow:var(--shadow)}.gallery-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#d8efe5;border-radius:12px}.gallery-card h3{font-size:19px;margin:15px 8px 5px}.gallery-card p{font-size:13px;color:#718781;margin:0 8px 13px;line-height:1.6}
@media(max-width:530px){.tile-symbol .replaceable-graphic{width:22px;height:22px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-card{padding:7px;border-radius:13px}.gallery-card h3{font-size:15px;margin:8px 5px 4px}.gallery-card p{font-size:11px;margin:0 5px 9px}.gallery-section{padding-bottom:45px}}
.floating-icon .replaceable-graphic{width:40px;height:40px}.art-badge-icon .replaceable-graphic{width:29px;height:29px}.score-tip>span .replaceable-graphic{width:21px;height:21px}.note-icon .replaceable-graphic{width:35px;height:35px}.rank-icon .replaceable-graphic{width:23px;height:23px}.sound-toggle .replaceable-graphic{width:21px;height:21px}.legend-arrow .replaceable-graphic{width:17px;height:17px;display:inline-block}