:root{--paper:#fbf5e9;--cream:#f6ebd6;--ink:#263b43;--muted:#65737a;--line:#dfd0b8;--copper:#d99655;--copper-d:#b86f3e;--mint:#93b9a4;--yellow:#f5d28b;--shadow:0 18px 50px rgba(68,57,45,.10);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #377987;outline-offset:4px}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.layout{width:min(1180px,calc(100% - 48px));margin-inline:auto}.ambient{position:absolute;z-index:-1;pointer-events:none;border-radius:50%}.ambient-one{top:-150px;right:0;width:660px;height:660px;background:radial-gradient(circle,#f7dfbb99,transparent 72%)}.ambient-two{top:630px;left:-260px;width:500px;height:500px;background:radial-gradient(circle,#c8ddd388,transparent 73%)}
.site-header{border-bottom:1px solid #e8d9c3b5;background:#fcf6eac7;backdrop-filter:blur(16px);position:relative;z-index:5}.header-inner{min-height:92px;display:flex;align-items:center;gap:36px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{display:flex;width:47px;height:47px}.brand-mark svg{width:100%;height:100%}.brand-text{line-height:1.03;display:grid;gap:6px;letter-spacing:.08em;font-weight:900;font-size:20px}.brand-text small{font-size:9.5px;letter-spacing:.18em;font-weight:800;color:#967454}.top-nav{display:flex;align-items:center;gap:29px;font-weight:700;font-size:13px;color:#52616b}.top-nav a:hover{color:#b86f3e}.header-cta{border:2px solid var(--ink);padding:11px 18px;border-radius:40px;font-size:13px;font-weight:800;white-space:nowrap;transition:.2s}.header-cta:hover{background:var(--ink);color:white}.header-cta span{margin-left:12px;font-size:16px}
.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:30px;padding-block:67px 85px;min-height:570px}.hero-text{padding-bottom:10px}.eyebrow{font-weight:900;letter-spacing:.16em;font-size:10.5px;color:#9b6745;margin:0 0 24px;display:flex;align-items:center;gap:10px}.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:#bc8158;box-shadow:0 0 0 5px #efd6b8}.hero h1{margin:0;font-size:clamp(38px,4.1vw,63px);letter-spacing:-.056em;line-height:1.13;font-weight:900;max-width:650px}.hero h1 em,.section-heading h2 em{font-style:normal;color:var(--copper-d)}.hero-lead{font-size:17px;line-height:1.75;max-width:520px;color:#617078;margin:24px 0 28px}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.button{border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:16px;font-weight:900;font-size:14px;padding:14px 23px;white-space:nowrap;transition:transform .15s,box-shadow .15s,background .15s}.button:hover{transform:translateY(-2px)}.button-primary{color:white;background:var(--ink);box-shadow:5px 5px 0 #d8b48a}.button-primary:hover{background:#36535e}.button-outline{border:2px solid var(--ink);background:#fff9ed}.no-login{font-size:12px;color:#7c776a;font-weight:650}.hero-stats{display:flex;align-items:center;gap:28px;margin-top:44px}.hero-stats div{display:grid;gap:0}.hero-stats strong{font-size:25px;line-height:1;font-weight:950}.hero-stats div span{font-size:11.5px;color:#758081;margin-top:8px;font-weight:700}.stat-line{width:1px;height:35px;background:#d8c8b2}.hero-art{align-self:stretch;position:relative;display:grid;place-items:center;min-height:430px}.hero-art::before{content:"";position:absolute;inset:7% 3% 0;background:#f1e2c8;border-radius:47% 53% 51% 49%/49% 48% 52% 51%;transform:rotate(-9deg)}.hero-art svg{position:relative;width:100%;max-width:660px;filter:drop-shadow(0 8px 0 #c59c6450)}.art-tag{position:absolute;z-index:2;border:2px solid var(--ink);border-radius:8px;padding:8px 11px;background:#fff4dd;font-size:11px;letter-spacing:.01em;font-weight:900;box-shadow:4px 4px 0 #d5b18a;white-space:nowrap}.art-tag-one{top:17%;left:0;transform:rotate(-7deg)}.art-tag-two{bottom:12%;right:0;transform:rotate(5deg)}
.games-section{background:#f4ead9;position:relative;padding:84px 0 93px;border-top:1px solid #e6d6c0;border-bottom:1px solid #e6d6c0}.games-section::before{content:"";position:absolute;inset:0 0 auto;height:8px;background:repeating-linear-gradient(90deg,#d2a56f 0 26px,#f4ead9 26px 45px,#96b4a5 45px 65px,#f4ead9 65px 83px);opacity:.25}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:26px}.eyebrow-muted{margin-bottom:8px}.section-heading h2{font-size:clamp(30px,3.5vw,43px);line-height:1.2;letter-spacing:-.04em;margin:0;font-weight:900}.section-note{font-size:12px;letter-spacing:.005em;color:#857f73;padding-bottom:8px}.section-note span{font-size:18px;color:#b98054;margin-left:8px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px}.filter{padding:10px 16px;border:1.5px solid #d7c8b3;border-radius:25px;background:#faf3e8;color:#5b6769;font-size:12px;font-weight:800;transition:.15s}.filter.active,.filter:hover{background:var(--ink);border-color:var(--ink);color:white}.filter span{background:#ffffff29;border-radius:9px;padding:2px 7px;margin-left:3px}
.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.game-card{background:#fffaf1;border:1px solid #e3d4bd;border-radius:18px;overflow:hidden;box-shadow:0 7px 0 #e3d5c0,0 14px 24px #88745c0d;transition:transform .18s,box-shadow .18s}.game-card:hover{transform:translateY(-6px);box-shadow:0 13px 0 #e3d5c0,0 19px 32px #88745c1a}.game-card[hidden]{display:none}.game-cover{height:210px;position:relative;overflow:hidden;display:grid;place-items:center;border-bottom:2px solid #293a44;isolation:isolate}.game-cover::before{content:"";position:absolute;inset:0;opacity:.27;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:19px 19px}.cover-memory{background:#9abbad}.cover-match{background:#e9ba85}.cover-snake{background:#8fa8aa}.cover-merge{background:#c9acbc}.cover-catch{background:#b0c5d0}.cover-category,.cover-number{position:absolute;font-size:9px;font-weight:900;letter-spacing:.09em;z-index:2;color:#263b43}.cover-category{left:14px;top:13px;background:#fffae7b5;border:1px solid #263b434d;padding:4px 8px;border-radius:4px}.cover-number{right:13px;bottom:10px}.cover-memory-tiles{display:grid;grid-template-columns:repeat(2,66px);gap:10px;transform:rotate(-11deg)}.cover-memory-tiles>span{height:70px;width:66px;display:grid;place-items:center;background:#fff3d4;border:3px solid var(--ink);border-radius:9px;box-shadow:5px 5px 0 #55786c}.cover-memory-tiles span:nth-child(2){background:#f5ce98}.cover-memory-tiles span:nth-child(3){background:#c4dfd1}.cover-memory-tiles svg{height:47px;width:47px;color:#b97f55}.cover-memory-tiles span:nth-child(2) svg{color:#a3b7aa}.cover-gem-grid{display:grid;grid-template-columns:repeat(3,51px);gap:10px;transform:rotate(-7deg);background:#263b43;padding:11px;border:4px solid #263b43;border-radius:12px;box-shadow:6px 7px 0 #b38055}.gem{width:100%;aspect-ratio:1;display:block;clip-path:polygon(50% 2%,90% 20%,100% 57%,50% 100%,0 57%,10% 20%);border:none;position:relative;filter:drop-shadow(1px 3px 0 #293b46)}.gem:after{content:"";position:absolute;inset:10% 16% 37% 19%;background:#ffffff7c;clip-path:polygon(50% 0,100% 70%,33% 100%,0 50%)}.gem-0{background:linear-gradient(145deg,#ffe9a0,#f7a84b 55%,#bc6f38)}.gem-1{background:linear-gradient(145deg,#dcfbe4,#69b3a5 55%,#367d82)}.gem-2{background:linear-gradient(145deg,#facde3,#dc83ac 55%,#a64b85)}.gem-3{background:linear-gradient(145deg,#e6d9ff,#9b8bcb 55%,#60519f)}.gem-4{background:linear-gradient(145deg,#d2e9fa,#78add4 55%,#3f7fa9)}.cover-snake-art{width:80%;max-width:260px;filter:drop-shadow(5px 6px 0 #5b808240)}.cover-merge-tiles{display:grid;grid-template-columns:repeat(2,80px);gap:12px;transform:rotate(9deg)}.cover-merge-tiles b{height:78px;display:grid;place-items:center;background:#faf0dc;border:3px solid #253b46;border-radius:9px;box-shadow:5px 5px #89708a;font-size:35px;font-weight:950}.cover-merge-tiles b:nth-child(2){background:#f6dbac}.cover-merge-tiles b:nth-child(3){background:#e6ad84}.cover-merge-tiles b:nth-child(4){background:#d39383}.cover-catch-art{width:85%;max-width:260px;filter:drop-shadow(5px 5px 0 #7c99a355)}.game-card-body{padding:21px 20px 17px}.game-meta{font-size:10px;color:#a17655;display:flex;gap:8px;align-items:center;font-weight:800;letter-spacing:.04em}.game-dot{width:3px;height:3px;background:#a7a6a2;border-radius:50%}.game-card h3{font-size:21px;letter-spacing:-.025em;line-height:1.2;margin:11px 0 8px}.game-card p{font-size:12.5px;color:#6e797a;line-height:1.65;min-height:43px;margin:0 0 22px}.game-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px dashed #e0d2bb;padding-top:14px}.best-label{font-size:10.5px;color:#998675;font-weight:700;max-width:135px}.play-button{border:0;background:var(--ink);border-radius:7px;color:white;font-size:12px;font-weight:850;padding:10px 13px;white-space:nowrap}.play-button:hover{background:#b6784b}.play-button span{margin-left:8px;font-size:14px}.filter-empty{padding:30px;text-align:center;color:#6f7d7f}.about{display:flex;align-items:center;gap:22px;padding-block:45px 50px}.about-badge{flex:0 0 74px;width:74px;height:74px;border-radius:20px;background:#dbad75;border:3px solid var(--ink);display:grid;place-items:center;transform:rotate(-7deg);box-shadow:4px 5px 0 #d2b58c}.about-badge svg{width:49px;height:49px;color:#efe2c5}.about h2{margin:0 0 6px;font-size:23px;letter-spacing:-.03em}.about p{margin:0;max-width:720px;color:#67757a;font-size:13px;line-height:1.7}.about .button{margin-left:auto;font-size:12px;padding:12px 16px}.site-footer{background:#243942;color:#f5e8d2}.footer-inner{display:flex;justify-content:space-between;gap:20px;padding:26px 0;font-size:11px;color:#c8c5bc}.footer-inner strong{letter-spacing:.11em;color:#ffe2a9}.footer-inner span:last-child{color:#c2b6a3}
/* Game dialog */
.game-overlay{position:fixed;inset:0;display:none;z-index:50;align-items:center;justify-content:center;padding:22px}.game-overlay.is-open{display:flex}.game-backdrop{position:absolute;inset:0;background:rgba(26,44,51,.78);backdrop-filter:blur(8px)}.game-panel{position:relative;width:min(850px,100%);max-height:min(95vh,970px);max-height:min(95dvh,970px);overflow:auto;background:#fff9ed;border:3px solid #273d46;border-radius:19px;box-shadow:11px 11px 0 #101f27a8;overscroll-behavior:contain}.game-panel-header{padding:20px 25px 18px;border-bottom:2px solid #e2d1b5;display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-eyebrow{font-size:10px;letter-spacing:.1em;color:#a0734f;font-weight:900}.game-panel-header h2{margin:3px 0 0;font-size:25px;line-height:1.2;letter-spacing:-.04em}.close-game{border:2px solid #263b43;width:41px;height:41px;border-radius:9px;background:#fff0d6;color:#263b43;font-weight:900;flex-shrink:0}.close-game:hover{background:#e9ae75}.game-mount{padding:22px 25px 27px;min-height:430px}.game-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}.hud-items{display:flex;gap:8px;flex-wrap:wrap}.hud{display:grid;gap:0;min-width:84px;background:#f2e6d2;border:1px solid #dbc7a9;border-radius:8px;padding:7px 13px}.hud small{font-weight:800;font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:#806e5d}.hud strong{font-size:20px;line-height:1.3;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.control-btn{background:#273e47;color:#fff8e8;border:none;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:850}.control-btn:hover{background:#b97749}.control-btn.alt{background:#ecddc3;color:#263b43;border:1px solid #c8b496}.control-btn.alt:hover{background:#e4c79d}.game-info{text-align:center;color:#7d7568;font-size:12px;margin:15px 0 0}.game-status{text-align:center;min-height:28px;margin:4px 0 13px;font-weight:800;color:#9a6743;font-size:13px}.game-status.success{color:#2d8a61}.game-result{border:2px solid #273d46;background:#f3e1c4;border-radius:13px;text-align:center;padding:18px;display:grid;justify-items:center;gap:8px;margin:12px auto;max-width:440px}.game-result h3{margin:0;font-size:24px}.game-result p{margin:0 0 4px;color:#596b70;font-size:13px}.game-result strong{font-size:32px}.game-result[hidden]{display:none}.game-help{margin:16px auto 0;text-align:center;color:#758084;font-size:11.5px;line-height:1.55;max-width:580px}
/* Memory */
.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,90px));gap:10px;justify-content:center;padding:10px 0 8px}.memory-card{position:relative;width:100%;aspect-ratio:1;border:0;background:none;perspective:600px;padding:0}.memory-inner{display:block;position:absolute;inset:0;transition:transform .35s;transform-style:preserve-3d}.memory-card.flipped .memory-inner,.memory-card.matched .memory-inner{transform:rotateY(180deg)}.memory-back,.memory-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:12px;display:grid;place-items:center;border:3px solid var(--ink);box-shadow:3px 4px 0 #cfb28a}.memory-back{background:#c99867;color:#f4e0bd;background-image:repeating-linear-gradient(45deg,#fff2 0 2px,transparent 2px 14px)}.memory-back::after{content:'✦';background:#eddbb4;border:2px solid #263b43;width:45%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#966740;font-size:24px}.memory-face{transform:rotateY(180deg);background:#fff0d0}.memory-face svg{width:65%;height:65%;color:#c4895b}.memory-card.matched .memory-face{background:#c8e0c7;border-color:#44745f;box-shadow:3px 4px 0 #8db49b}.memory-card:disabled{cursor:default}
/* Match 3 */
.match-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;width:min(100%,480px);aspect-ratio:1;margin-inline:auto;border:6px solid #2c4853;background:#2c4853;border-radius:14px;box-shadow:6px 7px #be9e74;user-select:none;touch-action:manipulation}.match-cell{position:relative;border:0;border-radius:5px;background:#4b6870;min-width:0;min-height:0;padding:8%;display:grid;place-items:center;transition:background .1s,transform .1s}.match-cell:nth-child(odd){background:#54747a}.match-cell.selected{background:#f8e0a3;box-shadow:inset 0 0 0 3px #fff}.match-cell.hint{animation:blink .4s 2}.match-cell .gem{width:100%;max-width:54px;filter:drop-shadow(2px 4px 0 #1e313884)}.match-cell.selected .gem{transform:scale(1.1)}@keyframes blink{50%{background:#df9876}}
/* Snake */
.snake-area{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.snake-canvas{display:block;width:min(100%,430px);height:auto;aspect-ratio:1;border:6px solid #263b43;border-radius:12px;background:#d8e8d6;box-shadow:5px 7px #c9b394;touch-action:none}.direction-pad{display:grid;grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,50px);gap:4px;align-content:center}.pad-btn{border:2px solid #263b43;background:#e6c48e;border-radius:9px;font-weight:900;font-size:22px;color:#263b43;touch-action:manipulation}.pad-btn:active{background:#bc835a}.pad-btn.up{grid-area:1/2}.pad-btn.left{grid-area:2/1}.pad-btn.down{grid-area:2/2}.pad-btn.right{grid-area:2/3}.pad-center{grid-area:3/1/4/4;text-align:center;font-size:10px;color:#8b7b66;align-self:center}
/* Merge */
.merge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;background:#81736a;border:8px solid #81736a;border-radius:13px;max-width:415px;width:100%;aspect-ratio:1;margin:0 auto;touch-action:none;user-select:none}.merge-cell{border-radius:6px;min-width:0;min-height:0;display:grid;place-items:center;background:#ffffff3b;font-weight:950;font-size:clamp(19px,4vw,37px);color:#37454c;box-shadow:inset 0 -3px 0 #00000009}.merge-cell[data-value="2"]{background:#f9eed9}.merge-cell[data-value="4"]{background:#f3dcab}.merge-cell[data-value="8"]{background:#eead7b;color:#fff9ed}.merge-cell[data-value="16"]{background:#df986c;color:#fff9ed}.merge-cell[data-value="32"]{background:#d77e6e;color:white}.merge-cell[data-value="64"]{background:#c9635c;color:white}.merge-cell[data-value="128"]{background:#e1c875;color:white;font-size:29px}.merge-cell[data-value="256"]{background:#c6bc61;color:white;font-size:29px}.merge-cell[data-value="512"]{background:#9bbd75;color:white;font-size:29px}.merge-cell[data-value="1024"]{background:#6caaa0;color:white;font-size:26px}.merge-cell[data-value="2048"]{background:#448786;color:white;font-size:26px}.merge-cell[data-value="4096"],.merge-cell[data-value="8192"]{background:#334c64;color:white;font-size:26px}.mobile-arrows{display:flex;gap:8px;justify-content:center;margin-top:15px}.mobile-arrows button{min-width:45px;min-height:40px;border:2px solid #bba58b;background:#f1e4cc;color:#304953;border-radius:8px;font-weight:900;font-size:16px}
/* Catch */
.catch-canvas{display:block;width:min(100%,640px);height:auto;aspect-ratio:640/420;border:5px solid #263b43;border-radius:12px;background:#d5e4e0;box-shadow:5px 7px #c9b394;touch-action:none;margin:0 auto}.catch-controls{display:flex;justify-content:center;gap:12px;margin:14px 0}.catch-move{min-width:90px;padding:10px;border-radius:8px;background:#d7ac79;border:2px solid #263b43;color:#263b43;font-weight:900;touch-action:none}.catch-move:active{background:#edc48c}
.toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translate(-50%,30px);background:#233c43;color:#fff8e6;padding:11px 18px;border:2px solid #d6ac79;box-shadow:4px 4px 0 #a5815e80;border-radius:10px;font-weight:800;font-size:13px;opacity:0;pointer-events:none;transition:.2s;text-align:center;max-width:calc(100% - 30px)}.toast.show{opacity:1;transform:translate(-50%,0)}body.modal-open{overflow:hidden}
@media(max-width:950px){.hero{grid-template-columns:1.05fr .95fr;gap:12px;padding-block:60px}.hero-art{min-height:360px}.hero h1{font-size:42px}.hero-lead{font-size:15px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-nav{gap:14px}}
@media(max-width:680px){.layout{width:min(100% - 30px,550px)}.header-inner{min-height:78px;gap:10px}.brand-mark{width:43px;height:43px}.brand-text{font-size:17px}.brand-text small{font-size:8px}.top-nav{display:none}.header-cta{font-size:10px;padding:8px 10px}.header-cta span{margin-left:4px}.hero{grid-template-columns:1fr;gap:0;padding-block:43px 48px;min-height:0}.hero h1{font-size:clamp(36px,9.5vw,51px)}.hero-lead{font-size:15px;margin:19px 0 22px}.hero-stats{margin-top:30px;gap:18px}.hero-stats strong{font-size:22px}.hero-stats div span{font-size:10px}.hero-art{min-height:290px;margin-top:20px}.hero-art svg{max-height:370px}.art-tag{font-size:9px}.art-tag-one{left:2%;top:10%}.art-tag-two{right:2%;bottom:11%}.games-section{padding:62px 0}.section-heading{display:block}.section-note{margin-top:14px}.section-heading h2{font-size:33px}.games-grid{grid-template-columns:1fr;gap:20px}.game-cover{height:200px}.game-card h3{font-size:23px}.game-card p{min-height:0}.about{flex-wrap:wrap;gap:16px}.about .button{margin:4px 0 0 90px}.footer-inner{display:grid;gap:8px}.game-overlay{padding:0;align-items:stretch}.game-panel{width:100%;max-height:none;height:100%;height:100dvh;border-radius:0;border:0;box-shadow:none}.game-panel-header{padding:14px 16px}.game-panel-header h2{font-size:22px}.game-mount{padding:15px 14px 25px;min-height:0}.memory-grid{gap:7px;grid-template-columns:repeat(4,minmax(0,80px))}.game-toolbar{align-items:stretch}.hud{min-width:69px;padding:5px 9px}.hud strong{font-size:19px}.control-btn{padding:8px 10px}.match-grid{gap:2px;border-width:4px}.snake-area{gap:12px}.snake-canvas{width:min(100%,360px)}.direction-pad{grid-template-columns:repeat(3,51px);grid-template-rows:repeat(2,48px);margin-top:4px}.pad-center{display:none}.merge-grid{width:min(100%,365px)}.catch-canvas{width:100%}}
@media(min-width:681px) and (max-height:740px){.game-panel{max-height:95vh}.memory-grid{grid-template-columns:repeat(4,minmax(0,75px));gap:7px}.match-grid{max-width:365px}.merge-grid{max-width:335px}.game-mount{padding-block:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}


/* v2: stronger jewel contrast, accessible cascading animations */
.match-grid{background:#172e3b;border-color:#172e3b;gap:4px;box-shadow:0 10px 0 #b39269,0 16px 25px #34495638}
.match-cell,.match-cell:nth-child(odd){background:#2d4c59;overflow:visible;border:1px solid #476678;border-radius:7px;isolation:isolate;}
.match-cell:nth-child(2n){background:#355565}
.match-cell.selected{background:#e7c585!important;box-shadow:inset 0 0 0 3px #fff4ce,0 0 0 2px #ffdf8e;z-index:3}
.match-cell .gem{width:91%;max-width:56px;filter:drop-shadow(0 3px 0 #0e2431) drop-shadow(0 0 2px #101c28);overflow:visible;}
.match-grid .gem-0{background:linear-gradient(130deg,#fff7bc 4%,#ffcf48 42%,#ef8e21 71%,#9b4719)}
.match-grid .gem-1{background:linear-gradient(130deg,#cefff0 4%,#49dd8c 42%,#10995e 71%,#08624a)}
.match-grid .gem-2{background:linear-gradient(130deg,#ffe2e6 4%,#fd6685 42%,#d72252 71%,#7c1948)}
.match-grid .gem-3{background:linear-gradient(130deg,#f5e7ff 4%,#b39aff 42%,#7654d9 71%,#3e328f)}
.match-grid .gem-4{background:linear-gradient(130deg,#e8fbff 4%,#60c8ff 42%,#188bd0 71%,#16528f)}
.match-cell.gem-burst{z-index:4;background:#fff1ba!important;box-shadow:0 0 12px #ffe994}
.match-cell.gem-burst .gem{animation:gemShatter .33s cubic-bezier(.31,.07,.7,1) forwards;}
.match-cell.gem-burst:before,.match-cell.gem-burst:after{content:'✦';position:absolute;inset:0;display:grid;place-items:center;font-size:26px;color:#fff6ca;text-shadow:0 0 7px #fff,0 0 11px #ffb42f;pointer-events:none;animation:gemSparks .35s ease-out both}
.match-cell.gem-burst:after{animation-delay:.04s;transform:rotate(45deg);color:#8ffbec}
.match-cell.invalid-swap{animation:invalidWiggle .26s ease-out}
@keyframes gemShatter{0%{transform:scale(1);opacity:1;filter:brightness(1)}35%{transform:scale(1.22) rotate(-6deg);opacity:1;filter:brightness(1.9)}100%{transform:scale(.08) rotate(32deg);opacity:0;filter:brightness(2.4)}}
@keyframes gemSparks{0%{opacity:0;transform:scale(.1) rotate(0deg)}40%{opacity:1}100%{opacity:0;transform:scale(2.4) rotate(80deg)}}
@keyframes invalidWiggle{0%,100%{transform:translateX(0)}35%{transform:translateX(-4px)}65%{transform:translateX(4px)}}
.merge-tutorial{margin:0 auto 15px;width:min(100%,415px);border:2px solid #caa973;background:#ffefd0;color:#344754;border-radius:11px;padding:11px 14px;display:grid;gap:4px;text-align:center;font-size:12px;line-height:1.4;}
.merge-tutorial>strong{letter-spacing:.1em;font-size:10px;color:#9f5734}
.merge-tutorial small{font-size:11px}
.merge-example{display:flex;gap:10px;align-items:center;justify-content:center;margin:6px 0}
.merge-example i{font-style:normal;font-weight:900;font-size:20px;border-radius:7px;border:2px solid #bc9a75;background:#f8ddab;width:39px;height:39px;display:grid;place-items:center}
.merge-example i.merged{background:#eeb27f;border-color:#ae663c}
.merge-example>b{font-size:20px}
.merge-cell[data-value="8"],.merge-cell[data-value="16"],.merge-cell[data-value="32"],.merge-cell[data-value="64"]{color:#21313b}
/* WordPress embed mode: no second site header/footer, inline player, preserve host theme. */
.is-embedded{scroll-behavior:auto}
.is-embedded body{min-width:0;background:transparent;overflow:visible}
.is-embedded .ambient,.is-embedded .site-header,.is-embedded .site-footer,.is-embedded .about{display:none}
.is-embedded .layout{width:min(100% - 24px,1180px)}
.is-embedded .hero{min-height:0;padding-block:26px 24px;grid-template-columns:1fr 220px;gap:10px}
.is-embedded .hero h1{font-size:clamp(29px,3.8vw,45px)}
.is-embedded .hero-lead{font-size:14px;margin:12px 0 15px}
.is-embedded .hero-stats{margin-top:15px}
.is-embedded .hero-art{min-height:180px;max-height:230px;overflow:hidden}
.is-embedded .hero-art svg{max-height:240px}
.is-embedded .art-tag{display:none}
.is-embedded .games-section{padding:30px 0 44px;border-radius:15px;border:1px solid #e6d6c0}
.is-embedded .games-grid{gap:16px}
.is-embedded .game-cover{height:145px}
.is-embedded .game-card-body{padding:16px}
.is-embedded .game-card h3{font-size:19px}
.is-embedded .game-card p{margin-bottom:14px}
.is-embedded body.game-active .hero,.is-embedded body.game-active .games-section{display:none}
.is-embedded .game-overlay{position:static;display:none;padding:8px 0 20px;min-height:0;z-index:auto}
.is-embedded .game-overlay.is-open{display:block}
.is-embedded .game-backdrop{display:none}
.is-embedded .game-panel{width:100%;height:auto;max-height:none;overflow:visible;border:2px solid #e1c9a8;border-radius:16px;box-shadow:none}
.is-embedded body.modal-open{overflow:visible}
.is-embedded .game-mount{padding:16px;min-height:0}
.is-embedded .game-panel-header{padding:14px 18px}
@media(max-width:680px){.is-embedded .hero{grid-template-columns:1fr}.is-embedded .hero-art{display:none}.is-embedded .hero-stats{gap:12px}.is-embedded .games-section{padding:27px 0}.is-embedded .game-overlay{padding:0}.is-embedded .game-panel{height:auto;max-height:none;border-radius:10px}.is-embedded .game-mount{padding:12px 10px 22px}.match-grid{gap:2px}}
@media(prefers-reduced-motion:reduce){.match-cell.gem-burst .gem,.match-cell.gem-burst:before,.match-cell.gem-burst:after{animation-duration:.01ms}}