.app{flex-direction:column;min-height:100dvh;display:flex}.menu{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2rem;padding:2.5rem 1.25rem 3rem;display:flex}.brand{flex-direction:column;gap:.6rem;max-width:36rem;animation:.7s both rise-in;display:flex}.brand h1{font-family:var(--font-display);letter-spacing:.02em;color:var(--ivory);text-shadow:0 2px 24px #00000073;margin:0;font-size:clamp(2.8rem,8vw,4.5rem);font-weight:700;line-height:.95}.brand h1 span{color:var(--jade-bright);display:block}.brand p{color:var(--ivory-dim);margin:0;font-size:1.05rem;line-height:1.5}.layout-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;width:min(860px,100%);animation:.7s .12s both rise-in;display:grid}.layout-card{appearance:none;color:var(--ivory);border-radius:var(--radius);text-align:left;background:linear-gradient(145deg,#5c40308c,#2c1810cc);border:1px solid #d4c4b02e;padding:1.25rem 1.1rem 1.35rem;transition:transform .2s,border-color .2s,box-shadow .2s}.layout-card:hover,.layout-card:focus-visible{border-color:var(--jade-bright);box-shadow:0 12px 32px #00000059, 0 0 0 1px var(--jade-glow);outline:none;transform:translateY(-3px)}.layout-card h2{font-family:var(--font-display);margin:0 0 .35rem;font-size:1.65rem;font-weight:600}.layout-card p{color:var(--ivory-dim);margin:0 0 .75rem;font-size:.85rem;line-height:1.4}.layout-card .meta{letter-spacing:.06em;text-transform:uppercase;color:var(--jade-bright);font-size:.75rem}.sister-games{flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;display:flex}.sister-games-menu{width:100%;animation:.7s .2s both rise-in}.sister-link{color:var(--ivory-dim);background:#140c0859;border:1px solid #d4c4b038;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem 1rem;font-size:.9rem;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.sister-link strong{color:var(--jade-bright);font-weight:600}.sister-link:hover,.sister-link:focus-visible{color:var(--ivory);border-color:var(--jade-bright);background:#3d7a6a33;outline:none}a.sister-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-btn{min-width:2.4rem;padding:.4rem .55rem}.solitaire-icon{width:1.35rem;height:1.35rem;display:block}.sister-link .solitaire-icon{width:1.55rem;height:1.55rem}.play{flex-direction:column;flex:1;min-height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#140c08eb;border-bottom:1px solid #d4c4b01f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:.85rem 1.1rem;display:flex;position:sticky;top:0}.hud-stats{flex-wrap:wrap;align-items:baseline;gap:1rem 1.4rem;display:flex}.stat{flex-direction:column;gap:.1rem;display:flex}.stat label{letter-spacing:.08em;text-transform:uppercase;color:var(--ivory-dim);font-size:.65rem}.stat strong{font-family:var(--font-display);color:var(--ivory);font-size:1.35rem;font-weight:600}.hud-actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn{appearance:none;color:var(--ivory);background:#3d7a6a33;border:1px solid #d4c4b040;border-radius:8px;padding:.55rem .9rem;font-size:.85rem;font-weight:500;transition:background .15s,border-color .15s,transform .15s}.btn:hover:not(:disabled),.btn:focus-visible:not(:disabled){border-color:var(--jade-bright);background:#3d7a6a66;outline:none}.btn-ghost{background:0 0}.key{font-family:var(--font-ui);vertical-align:middle;background:#140c0859;border:1px solid #d4c4b059;border-radius:4px;margin-left:.25rem;padding:.05rem .35rem;font-size:.7rem;font-weight:600;line-height:1.2;display:inline-block}.btn-primary{background:var(--jade);border-color:var(--jade-bright)}.btn-primary:hover:not(:disabled){background:var(--jade-bright);color:var(--ink)}.board-wrap{z-index:1;isolation:isolate;flex:1;justify-content:center;align-items:center;min-height:0;padding:1rem;display:flex;position:relative;overflow:hidden}.board-scale{flex:none;position:relative}.board{transform-origin:0 0;position:absolute;top:0;left:0}.tile{width:var(--tile-w);height:var(--tile-h);background:0 0;border:none;padding:0;transition:transform .18s,filter .18s,opacity .25s;position:absolute;transform:translateZ(0)}.tile-inner{background:linear-gradient(160deg, #fffaf2 0%, var(--tile-face) 40%, #e8dcc8 100%);border:1px solid var(--tile-edge);box-shadow:var(--tile-depth) 0 0 var(--wood), var(--tile-depth) var(--tile-depth) 0 var(--wood), 0 var(--tile-depth) 0 var(--wood), 3px 4px 10px var(--tile-shadow);color:var(--ink);border-radius:6px 6px 5px 5px;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;display:flex;position:absolute;inset:0;overflow:hidden}.tile-inner:after{content:"";pointer-events:none;border:1px solid #5c40302e;border-radius:3px;position:absolute;inset:4px}.tile .glyph{font-family:var(--font-display);z-index:1;font-size:2.1rem;font-weight:700;line-height:1;position:relative}.tile .suit-mark{letter-spacing:.04em;text-transform:uppercase;opacity:.55;z-index:1;font-size:.7rem;position:relative}.pip-grid,.bamboo-grid{z-index:1;place-items:center;gap:2px;width:78%;height:62%;display:grid;position:relative}.pip{background:radial-gradient(circle at 35% 35%,#6a9fd4,#2a5080 70%);border-radius:50%;width:10px;height:10px;box-shadow:inset 0 -1px 1px #00000040}.pip-1{grid-template:1fr/1fr}.pip-2{grid-template:1fr 1fr/1fr}.pip-3{grid-template:1fr 1fr 1fr/1fr}.pip-4{grid-template:1fr 1fr/1fr 1fr}.pip-5{grid-template:1fr 1fr 1fr/1fr 1fr}.pip-5 .pip:nth-child(3){grid-column:1/3}.pip-6{grid-template:1fr 1fr 1fr/1fr 1fr}.pip-7{grid-template:repeat(3,1fr)/repeat(3,1fr)}.pip-7 .pip:first-child{grid-column:2}.pip-7 .pip:nth-child(2){grid-column:1}.pip-7 .pip:nth-child(3){grid-column:3}.pip-7 .pip:nth-child(4){grid-column:2}.pip-8{grid-template:repeat(4,1fr)/1fr 1fr}.pip-9{grid-template:repeat(3,1fr)/repeat(3,1fr)}.stalk{background:linear-gradient(90deg,#3d8a5f,#2f6b4f 40%,#1e4a35);border-radius:2px;width:7px;height:85%;box-shadow:inset 1px 0 #ffffff40}.bamboo-1{grid-template:1fr/1fr}.bamboo-2{grid-template:1fr/1fr 1fr}.bamboo-3{grid-template:1fr/repeat(3,1fr)}.bamboo-4{grid-template:1fr 1fr/1fr 1fr}.bamboo-5{grid-template:1fr 1fr/repeat(3,1fr)}.bamboo-5 .stalk:first-child{grid-column:2}.bamboo-6{grid-template:1fr 1fr/repeat(3,1fr)}.bamboo-7{grid-template:1fr 1fr/repeat(4,1fr)}.bamboo-7 .stalk:first-child{grid-column:2/4;justify-self:center}.bamboo-8{grid-template:1fr 1fr/repeat(4,1fr)}.bamboo-9{grid-template:repeat(3,1fr)/repeat(3,1fr)}.tile.accent-red .glyph{color:#a83028}.tile.accent-green .glyph{color:#2f6b4f}.tile.accent-blue .glyph{color:#2a5080}.tile.accent-ink .glyph{color:#1c1410}.tile.accent-pink .glyph{color:#a0456e}.tile.accent-gold .glyph{color:#8a6a28}.tile.blocked .tile-inner{cursor:default}.tile.free:not(:disabled):hover .tile-inner,.tile.free:not(:disabled):focus-visible .tile-inner{box-shadow:var(--tile-depth) 0 0 var(--wood), var(--tile-depth) var(--tile-depth) 0 var(--wood), 0 var(--tile-depth) 0 var(--wood);outline:none;transform:translateY(-3px)}.tile.selected .tile-inner{outline:2px solid var(--jade-bright);outline-offset:1px;box-shadow:var(--tile-depth) 0 0 var(--wood), var(--tile-depth) var(--tile-depth) 0 var(--wood), 0 var(--tile-depth) 0 var(--wood);transform:translateY(-3px)}.tile.hint .tile-inner{animation:1s infinite hint-pulse}.tile.clearing{pointer-events:none}.tile.clearing .tile-inner{animation:.42s ease-out forwards tile-burst}.burst{pointer-events:none;z-index:5;position:absolute;inset:0}.shard{border:1px solid var(--tile-edge);width:14px;height:18px;box-shadow:1px 1px 0 var(--wood);--angle:calc(var(--shard-i) * 45deg);--dist:calc(36px + var(--shard-i) * 4px);background:linear-gradient(160deg,#fffaf2,#e8dcc8);border-radius:3px;margin:-9px 0 0 -7px;animation:.42s ease-out forwards shard-fly;position:absolute;top:50%;left:50%}@keyframes tile-burst{0%{opacity:1;filter:brightness();transform:translateY(-3px)scale(1)rotate(0)}35%{transform:translateY(-3px) scale(1.12) rotate(calc(var(--burst-dir,1) * -6deg));opacity:1;filter:brightness(1.25)}to{transform:translateY(-3px) translateX(calc(var(--burst-dir,1) * 28px)) translateY(-36px) scale(.35) rotate(calc(var(--burst-dir,1) * 18deg));opacity:0;filter:brightness(1.4)}}@keyframes shard-fly{0%{transform:rotate(var(--angle)) translateY(0) scale(1);opacity:1}to{transform:rotate(var(--angle)) translateY(calc(var(--dist) * -1)) scale(.4) rotate(180deg);opacity:0}}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000000;background:#0c0806b8;justify-content:center;align-items:center;padding:1.25rem;animation:.25s fade-in;display:flex;position:fixed;inset:0}.modal{text-align:center;background:linear-gradient(160deg,#3d2e1ffa,#1c140efa);border:1px solid #d4c4b038;border-radius:14px;width:min(400px,100%);padding:1.75rem 1.5rem;animation:.35s rise-in;box-shadow:0 24px 60px #00000080}.modal h2{font-family:var(--font-display);color:var(--jade-bright);margin:0 0 .5rem;font-size:2.2rem;font-weight:600}.modal p{color:var(--ivory-dim);margin:0 0 1.25rem;line-height:1.45}.modal-stats{justify-content:center;gap:1.5rem;margin-bottom:1.4rem;display:flex}.modal-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.guarantee{color:var(--jade-bright);letter-spacing:.04em;background:#3d7a6a26;border:1px solid #5a9e8a59;border-radius:999px;align-items:center;gap:.4rem;margin-top:.25rem;padding:.35rem .75rem;font-size:.75rem;display:inline-flex}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes hint-pulse{0%,to{outline:2px solid var(--gold);outline-offset:1px;box-shadow:var(--tile-depth) 0 0 var(--wood), var(--tile-depth) var(--tile-depth) 0 var(--wood), 0 var(--tile-depth) 0 var(--wood)}50%{outline:3px solid var(--gold);outline-offset:2px;box-shadow:var(--tile-depth) 0 0 var(--wood), var(--tile-depth) var(--tile-depth) 0 var(--wood), 0 var(--tile-depth) 0 var(--wood)}}@media (width<=900px){:root{--tile-w:52px;--tile-h:68px;--tile-depth:6px}.tile .glyph{font-size:1.65rem}.pip{width:8px;height:8px}.stalk{width:6px}}@media (width<=640px){:root{--tile-w:44px;--tile-h:58px;--tile-depth:5px}.tile .glyph{font-size:1.25rem}.pip{width:6px;height:6px}.stalk{width:4px}.tile .suit-mark{display:none}.board-wrap{padding:.4rem}.hud{gap:.5rem;padding:.55rem .65rem}.hud-stats{gap:.65rem .9rem}.stat strong{font-size:1rem}.btn{padding:.45rem .65rem;font-size:.78rem}.key{display:none}}:root{--bg-deep:#1a1410;--bg-mid:#2a2118;--bg-glow:#3d2e1f;--wood:#5c4030;--wood-light:#7a5640;--lacquer:#2c1810;--jade:#3d7a6a;--jade-bright:#5a9e8a;--jade-glow:#5a9e8a73;--ivory:#f3ebe0;--ivory-dim:#d4c4b0;--ink:#1c1410;--gold:#c4a35a;--danger:#b54a3c;--tile-face:#f7f0e4;--tile-edge:#c9b8a0;--tile-shadow:#140c088c;--font-display:"Cormorant Garamond", Georgia, serif;--font-ui:"Sora", system-ui, sans-serif;--radius:10px;--tile-w:66px;--tile-h:87px;--tile-depth:8px}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-ui);color:var(--ivory);background:radial-gradient(ellipse 90% 60% at 50% -10%, var(--bg-glow), transparent 55%), radial-gradient(ellipse 50% 40% at 80% 90%, #3d7a6a2e, transparent 50%), linear-gradient(165deg, var(--bg-deep) 0%, var(--bg-mid) 45%, #1f1812 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed}button{cursor:pointer;font-family:inherit}button:disabled:not(.tile){cursor:not-allowed;opacity:.45}#root{min-height:100dvh}