:root{--felt: #1f6b46;--felt-dark: #16563a;--tile-face: #fbf7ec;--tile-edge: #d8cfb4;--tile-shadow: rgba(0, 0, 0, .35);--accent: #e8a13a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1c2b22;background:#f4f1e8}header.site{text-align:center;padding:18px 16px 6px}header.site h1{margin:0 0 4px;font-size:1.6rem}header.site p{margin:0;color:#5a6b60;font-size:.95rem}.toolbar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:10px}.toolbar button,.toolbar select{font-size:.95rem;padding:8px 14px;border:1px solid #c7bfa6;border-radius:8px;background:#fff;cursor:pointer}.toolbar button:hover{background:#fff7e8;border-color:var(--accent)}.toolbar .status{align-self:center;color:#5a6b60;font-size:.9rem}.toolbar .timer{align-self:center;font-variant-numeric:tabular-nums;font-weight:600;color:#3a463f;font-size:.95rem;min-width:3.5em;text-align:center}.toolbar .score{align-self:center;color:var(--accent);font-weight:600;font-size:.9rem}.stage{position:relative;margin:8px auto;width:min(960px,96vw);height:62vh;min-height:360px;background:radial-gradient(circle at 50% 35%,var(--felt),var(--felt-dark));border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 60px #0000004d}.board{position:absolute;top:0;left:0;transform-origin:top left}.tile{position:absolute;width:48px;height:64px;border-radius:6px;background:linear-gradient(160deg,#fffdf6,var(--tile-face));border:1px solid var(--tile-edge);box-shadow:2px 3px #cec5a8,3px 5px 6px var(--tile-shadow);display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;transition:transform .12s ease,opacity .28s ease,box-shadow .12s ease}.tile .glyph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:5px 4px;line-height:0}.tile .glyph svg{display:block;width:100%;height:100%;pointer-events:none}.tile:not(.blocked):not(.removed):not(.selected):hover{transform:translateY(-2px);box-shadow:2px 4px #cec5a8,3px 7px 10px var(--tile-shadow)}.tile.blocked{filter:brightness(.82) saturate(.7);cursor:default}.tile.selected,.tile.selected:hover{outline:3px solid var(--accent);transform:translateY(-2px) scale(1.04);box-shadow:0 0 14px var(--accent),3px 5px 6px var(--tile-shadow)}.tile.hint{animation:hintPulse .4s ease 3 alternate}.tile.removed{opacity:0;transform:scale(1.15);pointer-events:none;transition:transform .25s ease-out,opacity .25s ease-out}@keyframes hintPulse{0%{box-shadow:3px 5px 6px var(--tile-shadow)}to{box-shadow:0 0 16px 4px #6fd08a;transform:scale(1.06)}}body.large-tiles .tile .glyph{padding:1px}footer.seo{max-width:760px;margin:24px auto 60px;padding:0 18px;color:#3a463f;line-height:1.6}footer.seo h2{font-size:1.2rem;margin-top:28px}footer.seo h3{font-size:1.02rem;margin-bottom:4px}.modal-overlay{position:fixed;inset:0;z-index:9999;background:#0000008c;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.visible{opacity:1;pointer-events:auto}.modal-overlay.visible .modal{transform:scale(1)}.modal{background:#fff;border-radius:16px;padding:32px 36px;text-align:center;box-shadow:0 12px 40px #0000004d;transform:scale(.85);transition:transform .3s ease;max-width:400px;width:90%}.modal h2{margin:0 0 20px;font-size:1.5rem;color:var(--felt)}.modal-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:12px;margin-bottom:24px}.modal-stats .stat{display:flex;flex-direction:column}.modal-stats .stat-val{font-size:1.5rem;font-weight:700;color:#1c2b22}.modal-stats .stat-label{font-size:.8rem;color:#7a8a7f;margin-top:2px}.modal-btn{font-size:1rem;padding:10px 24px;border:1px solid #c7bfa6;border-radius:10px;background:#fff;cursor:pointer;margin:0 6px}.modal-btn:hover{background:#fff7e8;border-color:var(--accent)}.modal-btn.primary{background:var(--felt);color:#fff;border-color:var(--felt)}.modal-btn.primary:hover{background:var(--felt-dark)}#info-body{margin-bottom:22px;color:#3a463f}#info-body p{margin:0;line-height:1.55}.modal-muted{color:#7a8a7f;font-size:.92rem}.stats-table{width:100%;border-collapse:collapse;margin-top:14px;font-size:.92rem}.stats-table td{padding:6px 8px;border-bottom:1px solid #eee5d3;text-align:left}.stats-table td:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--felt);font-weight:600}.site-nav{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid #e0ddd4;font-size:.9rem}.site-nav a{color:var(--felt);text-decoration:none}.site-nav a:hover{text-decoration:underline}.level-stars{text-align:center;margin-bottom:16px}.level-stars .star{font-size:2.6rem;color:#d8cfb4;margin:0 4px}.level-stars .star.on{color:var(--accent);text-shadow:0 2px 8px rgba(232,161,58,.5)}@media (max-width: 640px){header.site{padding:12px 12px 4px}header.site h1{font-size:1.35rem}header.site p{font-size:.85rem}.toolbar{gap:6px;padding:8px 6px}.toolbar button,.toolbar select{font-size:.85rem;padding:7px 10px}.stage{height:68vh;width:98vw;border-radius:10px}.site-nav{gap:10px 12px;font-size:.82rem;padding:8px 10px}}.home-discover{max-width:760px;margin:18px auto 0;padding:0 18px}.discover-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.discover-card{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border:1px solid #d8cfb4;border-radius:12px;background:#fff;text-decoration:none;color:#2a3830;transition:border-color .15s,box-shadow .15s,transform .1s}.discover-card:hover{border-color:var(--accent);box-shadow:0 2px 10px #00000014;transform:translateY(-1px)}.discover-card strong{font-size:1.02rem;color:var(--felt)}.discover-card span{font-size:.82rem;color:#7a8a7f}.discover-shapes{margin:14px 0 0;font-size:.92rem;color:#5a6b60;line-height:1.9}.discover-shapes a{color:var(--felt);text-decoration:none}.discover-shapes a:hover{text-decoration:underline}@media (max-width: 640px){.discover-row{grid-template-columns:1fr;gap:9px}}.nav-toggle{display:none;margin:8px 0 2px 12px;padding:6px 12px;border:1px solid #c7bfa6;border-radius:8px;background:#fff;color:var(--felt);font-size:.88rem;cursor:pointer}@media (max-width: 640px){.nav-toggle{display:inline-block}.site-nav{display:none}.site-nav.open{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px 14px;padding:8px 12px 12px}.toolbar{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:6px;padding:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.toolbar button,.toolbar select,.toolbar .timer,.toolbar .score,.toolbar .status{flex:0 0 auto;white-space:nowrap}.toolbar button{font-size:.82rem;padding:7px 11px}}body.immersive{background:var(--felt);overflow:hidden}body.immersive .nav-toggle,body.immersive .site-nav,body.immersive header.site,body.immersive footer.seo,body.immersive .home-discover{display:none!important}body.immersive .stage{position:fixed;inset:0;width:100vw;height:100dvh;margin:0;border-radius:0;z-index:50}body.immersive .toolbar{position:fixed;top:0;left:0;right:0;z-index:60;margin:0;padding:7px 10px;gap:6px;flex-wrap:nowrap;overflow-x:auto;justify-content:center;background:#00000057;backdrop-filter:blur(4px);scrollbar-width:none}body.immersive .toolbar::-webkit-scrollbar{display:none}body.immersive .toolbar button{background:#ffffffeb;border-color:transparent;font-size:.82rem;padding:6px 11px}body.immersive #layout-select,body.immersive #btn-daily,body.immersive #btn-large,body.immersive #btn-stats{display:none}body.immersive .toolbar .timer,body.immersive .toolbar .score,body.immersive .toolbar .status{color:#fff;align-self:center}#btn-fullscreen{white-space:nowrap}.site-nav{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:12px 16px;background:#fff;border-bottom:1px solid #e0ddd4}.site-nav a{font-size:.92rem;color:#3a463f;text-decoration:none;padding:6px 12px;border-radius:6px;transition:background .15s}.site-nav a:hover{background:#f5f2ea;color:#1c2b22}.site-nav a[aria-current=page]{font-weight:600;color:var(--accent, #e8a13a)}.content{max-width:720px;margin:32px auto 48px;padding:0 20px;line-height:1.7;color:#2a3830}.content h1{font-size:1.8rem;margin:0 0 12px}.content h2{font-size:1.35rem;margin:32px 0 8px;color:#1c2b22}.content h3{font-size:1.1rem;margin:24px 0 6px;color:#1c2b22}.content p{margin:0 0 16px}.content ul,.content ol{margin:0 0 16px;padding-left:24px}.content li{margin-bottom:6px}.content a{color:#1f6b46;text-decoration:underline;text-decoration-color:#1f6b464d;text-underline-offset:2px;transition:text-decoration-color .15s}.content a:hover{text-decoration-color:#1f6b46}.content table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:.95rem}.content th,.content td{text-align:left;padding:10px 14px;border-bottom:1px solid #e0ddd4}.content th{background:#f5f2ea;font-weight:600;color:#1c2b22}.content tr:hover td{background:#faf8f3}.layout-gallery{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:24px 0}.layout-gallery li a{display:block;padding:18px;border:1px solid #e0ddd4;border-radius:10px;text-decoration:none;color:#2a3830;transition:border-color .15s,box-shadow .15s}.layout-gallery li a:hover{border-color:var(--accent, #e8a13a);box-shadow:0 2px 8px #00000014}.layout-gallery h3{margin:0 0 4px;font-size:1.05rem}.layout-gallery p{margin:0;font-size:.88rem;color:#5a6b60}.content.layouts-page{max-width:1140px}.cat-jump{display:flex;flex-wrap:wrap;gap:8px 14px;margin:16px 0 8px;font-size:.85rem;position:sticky;top:0;background:#f4f1e8;padding:10px 0;border-bottom:1px solid #e0ddd4;z-index:5}.cat-jump a{color:var(--felt, #1f6b46);text-decoration:none;white-space:nowrap}.cat-jump a:hover{text-decoration:underline}.layouts-page section{margin-top:32px;scroll-margin-top:56px}.layouts-page section h2{font-size:1.25rem;margin-bottom:12px}.layouts-page .cat-count{color:#9aa89e;font-size:.9rem;font-weight:400;margin-left:6px}.layouts-page .layout-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0}.layouts-page .layout-gallery li a{padding:12px 14px}.layouts-page .layout-gallery h3{font-size:.95rem}.browse-heading{font-size:1rem;margin:22px 0 8px}.hub-nav{display:flex;flex-wrap:wrap;gap:8px 10px;margin-bottom:18px}.hub-nav a{padding:6px 14px;border:1px solid #d8cfb4;border-radius:20px;text-decoration:none;color:var(--felt, #1f6b46);font-size:.9rem;background:#fff}.hub-nav a:hover{border-color:var(--accent, #e8a13a);background:#fff7e8}.gallery-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:8px 0 4px}#layout-search{padding:8px 12px;border:1px solid #c7bfa6;border-radius:8px;font-size:.95rem;flex:1;min-width:200px}.diff-filter{display:flex;gap:6px;flex-wrap:wrap}.diff-filter button{padding:6px 12px;border:1px solid #c7bfa6;border-radius:8px;background:#fff;cursor:pointer;font-size:.85rem}.diff-filter button.active{background:var(--felt, #1f6b46);color:#fff;border-color:var(--felt, #1f6b46)}.diff-filter button:hover:not(.active){background:#fff7e8}.hub-content{max-width:1140px}.hub-content .layout-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.hub-content .hub-links{line-height:2}.page-footer{text-align:center;padding:32px 16px 48px;font-size:.9rem;color:#5a6b60}.page-footer a{color:#1f6b46;text-decoration:none}.page-footer a:hover{text-decoration:underline}.levels-page{max-width:900px}.level-grid{display:grid;gap:12px;margin-top:22px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.lv-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border:1px solid #e0ddd4;border-radius:12px;text-decoration:none;color:#2a3830;background:#fff;transition:border-color .15s,box-shadow .15s,transform .1s}.lv-cell:hover:not(.locked){border-color:var(--accent, #e8a13a);box-shadow:0 2px 10px #00000014;transform:translateY(-1px)}.lv-cell.done{background:#f3faf5;border-color:#bfe0cc}.lv-cell.locked{opacity:.55;background:#f0ede4;cursor:not-allowed}.lv-num{font-size:1.5rem;font-weight:800;color:var(--felt, #1f6b46)}.lv-tiles{font-size:.78rem;color:#7a8a7f}.lv-stars .star{color:#d8cfb4;font-size:.95rem}.lv-stars .star.on{color:var(--accent, #e8a13a)}.lv-lock{font-size:1rem}@media (max-width: 640px){.level-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:9px}.lv-num{font-size:1.25rem}}