:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#f4f6ea;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 24% 0,#ffffff24,#0000 24%),radial-gradient(circle at 82% 100%,#ffeecd14,#0000 20%),linear-gradient(#3d6c41 0%,#224126 100%);font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;min-height:100svh;margin:0}button{font:inherit}.shell{flex-direction:column;height:100svh;min-height:100svh;display:flex}.toolbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"brand actions stats";align-items:center;gap:16px;padding:14px 16px 12px;display:grid}.brand{letter-spacing:.08em;grid-area:brand;margin:0;font-size:1.35rem;font-weight:700}.actions,.stats{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.actions{grid-area:actions;justify-content:center}.stats{grid-area:stats;justify-content:flex-end}.actions button,.modal-card button{appearance:none;color:inherit;cursor:pointer;background:#f8faf214;border:1px solid #f4f7ec2e;border-radius:999px;height:36px;padding:0 14px}.actions button:focus-visible,.modal-card button:focus-visible,.tile:focus-visible{outline-offset:2px;outline:3px solid #fbf4ddfa}.actions button.primary,.modal-card button.primary{color:#203322;background:#fbf4ddf0}.actions button:disabled{opacity:.45;cursor:not-allowed}.stats span{color:#fafcf4f5;gap:2px;min-width:64px;font-size:.8rem;display:grid}.stats strong{color:#fff;font-variant-numeric:tabular-nums;min-width:3ch;font-size:.96rem;display:inline-block}#time{min-width:5ch}.workspace{flex:auto;min-height:0;display:flex}.stage-wrap{flex:auto;min-height:0;position:relative;overflow:hidden}.stage-glow{display:none}.stage{contain:layout style paint;--tile-width:48px;--tile-height:60.8px;--tile-radius:6px;--bevel:1px;--stack-lift:6px;width:100%;height:100%;min-height:0;position:relative}.tile{isolation:isolate;appearance:none;width:var(--tile-width);height:var(--tile-height);border-radius:var(--tile-radius);contain:layout paint style;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:inset var(--bevel) 0 0 0 #00000014, calc(var(--stack-lift) * .85) 0 calc(var(--stack-lift) * .9) calc(var(--stack-lift) * -.15) #050806b3, 0 calc(var(--stack-lift) * 1.05) calc(var(--stack-lift) * 1.1) calc(var(--stack-lift) * -.1) #050806b3;transform-origin:50% 80%;--overlay-accent:linear-gradient(to bottom, #0000, #0000);background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;background-clip:padding-box;border:0;padding:0;display:block;position:absolute;overflow:visible}.tile[hidden],.tile:before{display:none}.tile:after{content:"";z-index:1;border-radius:inherit;background:linear-gradient(to bottom, #00000004, #0000000e), var(--overlay-accent);pointer-events:none;position:absolute;inset:0}.tile.free{cursor:pointer}.tile.blocked{background-blend-mode:saturation;--overlay-accent:linear-gradient(to bottom, #80808008, #80808014);background-color:#9696963d}.tile.selected{--overlay-accent:linear-gradient(to bottom, #fff06133, #fff06133)}.tile.hinted{--overlay-accent:linear-gradient(to bottom, #4978ff29, #4978ff29)}.modal{z-index:4000;background:#090e093d;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal[hidden]{display:none}.modal-card{color:#213324;background:linear-gradient(#fffdf7 0%,#f2e9d7 100%);border-radius:24px;width:min(360px,100%);padding:24px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#1d301f8f;margin:0 0 8px;font-size:.72rem;font-weight:800}@media (width<=820px){.toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand stats""actions actions";gap:12px}.stats{justify-content:flex-end}.actions{justify-content:flex-start}}@media (width<=560px){.toolbar{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand""stats""actions";gap:6px;padding:8px 10px 6px}.brand{letter-spacing:.04em;font-size:.98rem}.actions{gap:5px}.actions button,.modal-card button{height:30px;padding:0 9px}.stats{justify-content:flex-start;gap:6px}.stats span{min-width:48px;font-size:.7rem}.stats strong{font-size:.86rem}}