:root{--stone-dark: #0f1112;--stone-base: #161819;--stone-mid: #1c1f21;--stone-light: #222527;--grain-light: rgba(255,255,255,.025);--grain-dark: rgba(0,0,0,.08);--accent: #6B8F71;box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(ellipse at top,var(--stone-mid),var(--stone-dark));min-height:100vh;color:#ffffffeb;overflow:hidden}.app{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;background-image:radial-gradient(1px 1px at 12% 18%,var(--grain-light) 60%,transparent 61%) 0 0/7px 7px,radial-gradient(1px 1px at 78% 65%,var(--grain-light) 55%,transparent 56%) 0 0/9px 9px,radial-gradient(1px 1px at 35% 45%,var(--grain-dark) 50%,transparent 51%) 0 0/6px 6px,radial-gradient(1px 1px at 85% 25%,var(--grain-dark) 50%,transparent 51%) 0 0/8px 8px;background-blend-mode:overlay,overlay,multiply,multiply}.container{text-align:center;display:grid;gap:32px;place-items:center;z-index:1}h1{font-size:28px;font-weight:600;margin:0;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.subtitle{font-size:14px;opacity:.65;margin:0;letter-spacing:.5px}.stone-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px}.timer-display{font-family:IBM Plex Mono,ui-monospace,SF Mono,Consolas,monospace;font-size:64px;font-weight:600;letter-spacing:-2px;text-shadow:0 4px 12px rgba(0,0,0,.8);background:linear-gradient(145deg,#fffffff2,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:200px;text-align:center}.stone-btn{--rotation: 0deg;--size: 180px;inline-size:var(--size);block-size:var(--size);border:none;background:transparent;cursor:grab;position:relative;padding:0;transform-origin:center center;transform:rotate(var(--rotation));transition:transform .1s ease-out}.stone-btn[data-quadrant=top-right] .stone-stack{filter:drop-shadow(2px -2px 4px rgba(107,143,113,.4))}.stone-btn[data-quadrant=top-left] .stone-stack{filter:drop-shadow(-2px -2px 4px rgba(107,143,113,.4))}.stone-btn[data-quadrant=bottom-left] .stone-stack{filter:drop-shadow(-2px 2px 4px rgba(107,143,113,.4))}.stone-btn[data-quadrant=bottom-right] .stone-stack{filter:drop-shadow(2px 2px 4px rgba(107,143,113,.4))}.stone-btn:before{content:"";position:absolute;inset:-15px;border:1px dashed rgba(107,143,113,.3);border-radius:50%;opacity:0;transition:opacity .2s ease;pointer-events:none;background-image:linear-gradient(90deg,transparent 49%,rgba(107,143,113,.2) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(107,143,113,.2) 50%,transparent 51%)}.stone-btn.grabbed{cursor:grabbing;transform:rotate(var(--rotation)) scale(.95)}.stone-btn.grabbed:before{opacity:1}.stone-btn.running .stone-stack{animation:breathePulse 4s ease-in-out infinite}.stone-stack{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:-8px}.stone{position:relative;background:var(--stone-base);border-radius:50%;background-image:radial-gradient(1px 1px at 25% 35%,var(--grain-light) 65%,transparent 66%) 0 0/4px 4px,radial-gradient(1px 1px at 75% 70%,var(--grain-light) 60%,transparent 61%) 0 0/5px 5px,radial-gradient(1px 1px at 45% 55%,var(--grain-dark) 55%,transparent 56%) 0 0/3px 3px;background-blend-mode:overlay,overlay,multiply;box-shadow:inset 4px 4px 12px #0009,inset -4px -4px 12px #ffffff08,0 2px 8px #0006}.stone-top{width:45px;height:35px;z-index:3;background-color:var(--stone-mid)}.stone-middle{width:65px;height:50px;margin-top:-12px;z-index:2;background-color:var(--stone-base)}.stone-bottom{width:85px;height:65px;margin-top:-16px;z-index:1;background-color:var(--stone-light)}.stone-btn:active .stone{transform:translateY(1px);box-shadow:inset 6px 6px 14px #000000b3,inset -3px -3px 8px #ffffff05,0 1px 4px #00000080}.stone-btn:focus-visible{outline:0}.stone-btn:focus-visible .stone-stack{filter:drop-shadow(0 0 0 2px var(--accent))}.instruction{font-size:14px;opacity:.6;margin:0;max-width:220px;line-height:1.5;letter-spacing:.3px}@keyframes breathePulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.02);filter:brightness(1.1)}}@media (prefers-reduced-motion: reduce){.stone-btn{transition:none}.stone-stack{animation:none!important}}@media (max-width: 480px){.stone-btn{--size: 160px}.timer-display{font-size:48px}.container{gap:24px}.stone:before{filter:contrast(110%);opacity:.8;background-size:5px 5px,6px 6px,4px 4px}}@supports not (font-family: "Inter"){:global(body){font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}}@supports not (font-family: "IBM Plex Mono"){.timer-display{font-family:ui-monospace,SF Mono,Monaco,Cascadia Code,monospace}}