:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4eee4;background:#101c1e;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #101c1e;--ink-soft: #17292a;--ink-muted: #78908d;--paper: #f4eee4;--paper-muted: #c4c5b9;--cedar: #b87955;--cedar-dark: #603d32;--cedar-deep: #3a2725;--cedar-light: #e7b982;--teal: #74cfbb;--coral: #ed8a67;--butter: #f7d890;--moss: #9ebf76;--plum: #be9ad5;--sky: #86b8d5;--line: rgba(232, 222, 202, .12);--shadow: 0 28px 80px rgba(0, 0, 0, .24)}*{box-sizing:border-box}html{min-width:320px;background:var(--ink)}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 15% 5%,rgba(117,207,187,.09),transparent 28rem),radial-gradient(circle at 92% 78%,rgba(237,138,103,.08),transparent 30rem),#101c1e}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--butter);outline-offset:3px}.app-shell{position:relative;isolation:isolate;width:min(1340px,100%);min-height:100vh;margin:0 auto;padding:28px clamp(16px,3vw,48px) 46px;overflow:hidden}.ambient-orb{position:absolute;z-index:-1;width:28rem;height:28rem;border:1px solid rgba(116,207,187,.08);border-radius:50%;pointer-events:none}.orb-one{top:12rem;left:-20rem;box-shadow:0 0 0 3rem #74cfbb05,0 0 0 8rem #74cfbb04}.orb-two{right:-20rem;bottom:2rem;border-color:#ed8a6714;box-shadow:0 0 0 3rem #ed8a6705,0 0 0 8rem #ed8a6704}.topbar{position:relative;z-index:2;display:grid;grid-template-columns:minmax(260px,1fr) auto auto;grid-template-areas:"brand score actions" "toolbar toolbar toolbar";align-items:center;gap:18px 24px;margin-bottom:30px}.brand-block{display:flex;grid-area:brand;align-items:center;gap:14px}.brand-mark{position:relative;display:grid;grid-template-columns:repeat(3,8px);align-items:end;justify-content:center;gap:4px;width:48px;height:48px;padding:10px;border:1px solid rgba(244,238,228,.2);border-radius:15px 15px 15px 4px;background:linear-gradient(145deg,#74cfbb42,#ed8a6726);box-shadow:6px 6px #ed8a6714;transform:rotate(-4deg)}.brand-mark span{display:block;width:8px;border-radius:5px 5px 2px 2px;background:var(--teal)}.brand-mark span:nth-child(1){height:14px}.brand-mark span:nth-child(2){height:22px;background:var(--butter)}.brand-mark span:nth-child(3){height:29px;background:var(--coral)}.brand-kicker,.eyebrow,.score-label{margin:0;color:var(--ink-muted);font-size:.65rem;font-weight:800;letter-spacing:.16em;line-height:1.3}.brand-block h1{margin:3px 0 0;color:var(--paper);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:600;letter-spacing:.06em}.brand-subtitle{margin:3px 0 0;color:var(--ink-muted);font-size:.76rem}.score-block{display:flex;grid-area:score;min-width:130px;flex-direction:column;align-items:flex-end}.score-block strong{color:var(--paper);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.7rem,3vw,2.45rem);font-weight:500;letter-spacing:.03em;line-height:1}.best-score{margin-top:5px;color:var(--ink-muted);font-size:.7rem}.top-actions{display:flex;grid-area:actions;gap:8px}.icon-button,.soft-button,.primary-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:13px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.icon-button{width:42px;padding:0;border-color:var(--line);background:#f4eee40f;color:var(--paper-muted)}.icon-button:hover,.soft-button:hover,.primary-button:hover{transform:translateY(-2px)}.icon-button:hover{border-color:#74cfbb66;color:var(--teal)}.toolbar-actions{display:flex;grid-area:toolbar;justify-content:flex-end;gap:8px}.soft-button,.primary-button{padding:0 15px;font-size:.8rem;font-weight:750}.soft-button{border-color:var(--line);background:#f4eee40e;color:var(--paper-muted)}.soft-button:hover{border-color:#f4eee440;background:#f4eee41a;color:var(--paper)}.primary-button{border-color:#74cfbb70;background:var(--teal);color:#102423;box-shadow:0 8px 22px #74cfbb26}.primary-button:hover{background:#91dfce}.game-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,330px);align-items:start;gap:22px}.play-card,.gallery-card,.info-card,.settings-card{border:1px solid var(--line);background:#152526c2;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.play-card{min-width:0;padding:clamp(16px,2.5vw,30px);border-radius:26px}.play-card-heading,.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.play-card-heading{align-items:center;margin-bottom:20px}.play-card h2,.section-heading h2,.info-card h2,.game-overlay h2{margin:5px 0 0;color:var(--paper);font-family:Georgia,Times New Roman,serif;font-weight:500;letter-spacing:.015em}.play-card-heading h2{font-size:clamp(1.35rem,2.7vw,2rem)}.combo-chip{display:inline-flex;flex-shrink:0;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(247,216,144,.22);border-radius:99px;background:#f7d89014;color:var(--butter);font-size:.72rem;font-weight:800;letter-spacing:.04em}.combo-star{font-size:1rem}.play-surface{position:relative;overflow:hidden;padding:clamp(18px,3vw,34px) clamp(12px,2.4vw,28px) 22px;border:1px solid rgba(230,198,146,.35);border-radius:20px;background:linear-gradient(135deg,rgba(255,236,187,.12),transparent 22%),repeating-linear-gradient(3deg,rgba(94,55,39,.12) 0 2px,transparent 2px 8px),linear-gradient(135deg,#a66b4d,#cf9563 46%,#80503d);box-shadow:inset 0 0 0 5px #462a2229,inset 0 0 42px #321b185c,0 16px 30px #00000029}.play-surface:before,.play-surface:after{position:absolute;width:34px;height:34px;border:solid rgba(249,225,169,.42);content:"";pointer-events:none}.play-surface:before{top:12px;left:12px;border-width:1px 0 0 1px;border-radius:8px 0 0}.play-surface:after{right:12px;bottom:12px;border-width:0 1px 1px 0;border-radius:0 0 8px}.surface-ruler{display:flex;width:min(100%,620px);justify-content:space-between;margin:0 auto 10px;padding:0 4px;opacity:.5}.surface-ruler span{width:2px;height:5px;background:#f9dda2}.board-frame{position:relative;width:min(100%,620px);margin:0 auto}.board-grid{display:grid;aspect-ratio:1;grid-template-columns:repeat(10,minmax(0,1fr));overflow:hidden;border:5px solid rgba(72,42,33,.92);border-radius:6px;background:#4d302c;box-shadow:0 8px #311d1a66,inset 0 0 0 2px #f1c48640,0 18px 26px #391c175c;outline:none;touch-action:manipulation}.board-cell{position:relative;display:grid;min-width:0;min-height:0;place-items:center;padding:0;border:1px solid rgba(35,22,22,.28);background:#4a2a25db;cursor:pointer;transition:background .14s ease,box-shadow .14s ease}.board-cell:hover{background:#65392ceb}.board-cell.is-filled{background:#533026b3}.board-cell.is-filled:before,.board-cell.is-preview:before,.board-cell.is-invalid-preview:before{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,247,214,.18),transparent 36%);content:"";pointer-events:none}.board-tile,.preview-tile{position:absolute;inset:3px;border:1px solid rgba(255,243,194,.55);border-radius:4px;background:linear-gradient(145deg,var(--tile-light),var(--tile-dark));box-shadow:inset 0 1px #ffffff40,inset 0 -3px #542b1e2e,0 3px 5px #30171545}.preview-tile{z-index:2;border-style:dashed;opacity:.82;background:transparent;box-shadow:inset 0 0 0 2px #f7d89061}.board-cell.is-invalid-preview .preview-tile{border-color:#ed8a67d9;box-shadow:inset 0 0 0 2px #ed8a6761}.board-cell.is-hint .hint-tile{position:absolute;z-index:3;display:grid;width:70%;height:70%;place-items:center;border:1px solid rgba(247,216,144,.75);border-radius:7px;background:#f7d89024;color:var(--butter);font-size:clamp(.7rem,1.8vw,1.1rem);animation:hint-pulse 1.4s ease-in-out infinite}.board-cell.is-cursor{z-index:4;box-shadow:inset 0 0 0 2px #f7d890bf}.tone-teal{--tile-light: #a2e3d1;--tile-dark: #3f9588}.tone-coral{--tile-light: #ffc19b;--tile-dark: #c55d52}.tone-butter{--tile-light: #fff0ab;--tile-dark: #c99e4b}.tone-moss{--tile-light: #c6e29c;--tile-dark: #6b9558}.tone-plum{--tile-light: #e0b8ed;--tile-dark: #87659e}.tone-sky{--tile-light: #c3e8f2;--tile-dark: #5d96b6}.board-caption{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:#ffeec2ad;font-size:.67rem;font-weight:700;letter-spacing:.04em}.caption-key{display:inline-flex;align-items:center;gap:5px}.caption-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px #74cfbb26}.surface-note{display:flex;min-height:22px;align-items:center;justify-content:center;gap:7px;margin-top:17px;color:#ffeec2bf;font-size:.73rem;font-weight:650;text-align:center}.note-swatch{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--tile-light);box-shadow:0 0 0 3px #ffefad26}.tray-panel{margin-top:22px;padding:20px 4px 0;border-top:1px solid var(--line)}.section-heading h2{font-size:1.14rem}.section-heading.compact h2{font-size:1.02rem}.tray-help{max-width:170px;color:var(--ink-muted);font-size:.72rem;line-height:1.45;text-align:right}.piece-tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.piece-card{display:flex;min-height:124px;flex-direction:column;align-items:center;justify-content:space-between;padding:13px 10px 10px;border:1px solid rgba(244,238,228,.1);border-radius:16px;background:#f4eee40b;cursor:grab;touch-action:none;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.piece-card:active{cursor:grabbing}.piece-card:hover,.piece-card.is-selected{transform:translateY(-4px);border-color:#f7d89075;background:#f4eee417;box-shadow:0 12px 24px #0000002e}.piece-name{width:100%;overflow:hidden;color:var(--paper-muted);font-size:.72rem;font-weight:750;text-align:left;text-overflow:ellipsis;white-space:nowrap}.mini-piece{display:grid;grid-template-columns:repeat(var(--piece-columns),18px);grid-template-rows:repeat(var(--piece-rows),18px);gap:2px;margin:8px 0}.mini-cell{display:block;width:18px;height:18px;border-radius:4px}.mini-cell.is-filled{border:1px solid rgba(255,246,203,.58);background:linear-gradient(145deg,var(--tile-light),var(--tile-dark));box-shadow:inset 0 1px #ffffff40,0 2px 3px #0003}.piece-status{color:var(--ink-muted);font-size:.62rem;font-weight:750}.piece-card.is-selected .piece-status{color:var(--butter)}.footer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:var(--ink-muted);font-size:.67rem}.micro-tip{display:inline-flex;align-items:center;gap:6px}.move-count{flex-shrink:0;color:var(--paper-muted);font-weight:750}.side-column{display:grid;gap:16px}.gallery-card,.info-card,.settings-card{overflow:hidden;border-radius:20px}.gallery-art{position:relative;padding:10px 10px 0}.gallery-art svg{display:block;width:100%;height:auto;border-radius:14px}.gallery-lock{position:absolute;top:50%;left:50%;display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(247,216,144,.45);border-radius:50%;background:#101c1ec2;color:var(--butter);transform:translate(-50%,-50%)}.gallery-copy{padding:18px 18px 17px}.gallery-copy p{margin:12px 0 14px;color:var(--paper-muted);font-size:.75rem;line-height:1.65}.gallery-count{padding:5px 8px;border:1px solid rgba(247,216,144,.22);border-radius:7px;color:var(--butter);font-size:.72rem;font-weight:800}.progress-track{height:7px;overflow:hidden;border-radius:99px;background:#f4eee41a}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--butter));box-shadow:0 0 14px #74cfbb73;transition:width .32s ease}.gallery-footnote{display:flex;align-items:center;gap:5px;margin-top:9px;color:var(--ink-muted);font-size:.65rem}.is-unlocked .gallery-footnote{color:var(--teal)}.info-card,.settings-card{padding:20px 18px}.info-card h2{max-width:240px;font-size:1.26rem;line-height:1.25}.how-list{display:grid;gap:15px;margin:20px 0 0;padding:0;list-style:none}.how-list li{display:grid;grid-template-columns:27px 1fr;gap:10px;align-items:start}.how-list li>span{display:grid;width:27px;height:27px;place-items:center;border:1px solid rgba(116,207,187,.24);border-radius:50%;color:var(--teal);font-size:.63rem;font-weight:850}.how-list p{margin:2px 0 0;color:var(--paper-muted);font-size:.74rem;line-height:1.55}.settings-dot{width:8px;height:8px;margin-top:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px #74cfbb1a}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;cursor:pointer}.toggle-title,.toggle-row small{display:block}.toggle-title{color:var(--paper-muted);font-size:.77rem;font-weight:750}.toggle-row small{margin-top:3px;color:var(--ink-muted);font-size:.64rem}.toggle-row input{position:relative;width:39px;height:22px;flex-shrink:0;appearance:none;border:1px solid rgba(244,238,228,.2);border-radius:99px;background:#f4eee41a;cursor:pointer;transition:background .16s ease,border-color .16s ease}.toggle-row input:after{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--paper-muted);content:"";transition:transform .16s ease,background .16s ease}.toggle-row input:checked{border-color:#74cfbb73;background:#74cfbb3d}.toggle-row input:checked:after{background:var(--teal);transform:translate(17px)}.reset-progress{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;margin-top:17px;padding:9px 0 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink-muted);cursor:pointer;font-size:.67rem;text-align:left}.reset-progress:hover,.reset-progress.is-armed{color:var(--coral)}.rights-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:0;color:#78908dbf;font-size:.65rem;text-align:center}.rights-mark{color:var(--teal);font-size:1rem}.feedback-toast{position:fixed;z-index:8;right:clamp(14px,3vw,36px);bottom:24px;display:flex;max-width:min(380px,calc(100vw - 28px));align-items:center;gap:11px;padding:13px 16px;border:1px solid rgba(244,238,228,.14);border-radius:14px;background:#122021f0;box-shadow:0 18px 38px #0000004d;animation:toast-in .22s ease both;backdrop-filter:blur(18px)}.feedback-mark{display:grid;width:26px;height:26px;flex-shrink:0;place-items:center;border-radius:50%;background:#f4eee414;color:var(--paper);font-weight:900}.feedback-success .feedback-mark{background:#74cfbb33;color:var(--teal)}.feedback-warning .feedback-mark{background:#ed8a6733;color:var(--coral)}.feedback-toast strong,.feedback-toast small{display:block}.feedback-toast strong{color:var(--paper);font-size:.78rem}.feedback-toast small{margin-top:2px;color:var(--paper-muted);font-size:.68rem;line-height:1.35}.overlay-backdrop{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:20px;background:#050e10b8;backdrop-filter:blur(8px)}.game-overlay{width:min(420px,100%);padding:32px;border:1px solid rgba(244,238,228,.18);border-radius:24px;background:linear-gradient(145deg,rgba(116,207,187,.1),transparent 45%),#17292a;box-shadow:var(--shadow);text-align:center}.overlay-icon{display:grid;width:58px;height:58px;margin:0 auto 18px;place-items:center;border:1px solid rgba(247,216,144,.34);border-radius:18px;background:#f7d8901a;color:var(--butter)}.game-overlay h2{font-size:1.75rem}.game-overlay>p:not(.eyebrow){margin:13px auto 23px;color:var(--paper-muted);font-size:.78rem;line-height:1.6}.overlay-actions{display:flex;justify-content:center;gap:9px}@keyframes hint-pulse{0%,to{transform:scale(.92);opacity:.58}50%{transform:scale(1.05);opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reduce-motion *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(max-width:960px){.game-layout{grid-template-columns:minmax(0,1fr) minmax(250px,290px)}.piece-card{min-height:116px}.mini-piece{grid-template-columns:repeat(var(--piece-columns),15px);grid-template-rows:repeat(var(--piece-rows),15px)}.mini-cell{width:15px;height:15px}}@media(max-width:760px){.app-shell{padding-top:20px}.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "score toolbar";align-items:end;gap:18px 12px}.score-block{align-items:flex-start}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.game-layout{grid-template-columns:1fr}.side-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.gallery-card{grid-row:span 2}.rights-note{grid-column:1 / -1}}@media(max-width:520px){.app-shell{padding:16px 12px 34px}.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand brand" "score actions" "toolbar toolbar";margin-bottom:20px}.brand-block>div{min-width:0}.brand-mark{width:42px;height:42px}.brand-block h1{font-size:1.35rem}.brand-subtitle{font-size:.67rem}.brand-kicker{font-size:.55rem}.score-block strong{font-size:1.6rem}.toolbar-actions{gap:5px}.soft-button,.primary-button{min-height:38px;padding:0 10px;gap:5px;font-size:.68rem}.play-card{padding:14px;border-radius:20px}.play-card-heading{align-items:flex-start}.play-card-heading h2{max-width:190px;font-size:1.22rem;line-height:1.25}.combo-chip{padding:6px 8px;font-size:.62rem}.play-surface{padding:15px 8px;border-radius:16px}.board-grid{border-width:3px}.board-tile,.preview-tile{inset:2px;border-radius:3px}.board-caption{font-size:.57rem}.surface-note{margin-top:12px;font-size:.63rem}.tray-panel{margin-top:16px;padding-top:16px}.tray-help{max-width:125px;font-size:.6rem}.piece-tray{gap:7px}.piece-card{min-height:102px;padding:9px 6px 8px;border-radius:12px}.piece-name{font-size:.62rem}.mini-piece{grid-template-columns:repeat(var(--piece-columns),13px);grid-template-rows:repeat(var(--piece-rows),13px)}.mini-cell{width:13px;height:13px;border-radius:3px}.piece-status{font-size:.56rem}.footer-actions{align-items:flex-start;font-size:.58rem}.micro-tip{max-width:230px}.side-column{grid-template-columns:1fr}.gallery-card{grid-row:auto}.info-card,.settings-card{padding:17px 15px}.feedback-toast{right:12px;bottom:12px;left:12px;max-width:none}.game-overlay{padding:26px 20px}.overlay-actions{flex-direction:column}.overlay-actions button{width:100%}}@media(max-height:560px)and (orientation:landscape){.app-shell{padding-top:12px;padding-bottom:20px}.topbar{margin-bottom:12px}.game-layout{grid-template-columns:minmax(0,1fr) minmax(250px,300px)}.play-card{padding:12px}.play-card-heading{margin-bottom:10px}.play-surface{padding:10px 12px}.board-frame{width:min(60vh,430px)}.surface-note,.board-caption{display:none}.tray-panel{margin-top:10px;padding-top:10px}.piece-card{min-height:78px}.side-column{max-height:calc(100vh - 76px);overflow:auto}}