html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:#f2efe4;font-family:sans-serif;overflow:hidden}.app-shell{--app-bg-base:#f2efe4;--app-bg-glow-a:#fff0dde6;--app-bg-glow-b:#d0e0e9bf;--frame-bg:#f2efe4;--ink:#3f3a32;--muted:#6d6558;--panel-bg:#fffaf3f5;--panel-border:#5d584c2e;--button-bg:#fffaf3f5;--button-active-bg:#5d584c;--button-active-ink:#f6f0e6;--frame-border:#5d584c;box-sizing:border-box;background:radial-gradient(circle at top left, var(--app-bg-glow-a), transparent 35%), radial-gradient(circle at bottom right, var(--app-bg-glow-b), transparent 30%), var(--app-bg-base);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.game-column{flex-direction:column;align-items:center;gap:14px;display:flex}.toolbar-row{justify-content:space-between;align-items:center;gap:12px;width:624px;display:flex}.toolbar-actions{justify-content:flex-end;align-items:flex-start;gap:10px;display:flex}.hud{width:624px;color:var(--ink);justify-content:flex-start;align-items:flex-end;display:flex}.hud__copy{flex-direction:column;gap:4px;display:flex}.hud__title{margin:0;font-size:32px;line-height:1}.hud__caption{color:var(--muted);margin:0;font-size:14px}.theme-switcher{flex-wrap:wrap;gap:10px;display:flex}.theme-switcher--mode{justify-content:flex-end}.theme-switcher__button{border:1px solid var(--panel-border);background:var(--button-bg);color:var(--ink);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:999px;outline:none;padding:10px 14px;font-size:13px;font-weight:700;box-shadow:0 8px 20px #4c3f3214}.theme-switcher__button.is-active{background:var(--button-active-bg);color:var(--button-active-ink);border-color:#0000}.game-stage{position:relative}.game-frame{border:4px solid var(--frame-border);background:var(--frame-bg);border-radius:16px;width:624px;min-height:720px;overflow:hidden;box-shadow:0 10px 26px #0003}.game-timer{z-index:10;color:var(--ink);pointer-events:none;font-size:20px;font-weight:700;line-height:1;position:absolute;top:10px}.gameover-reopen{z-index:20;border:1px solid var(--panel-border);background:var(--button-bg);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700;position:absolute;top:16px;left:16px;box-shadow:0 8px 20px #4c3f321f}.stone-legend{width:48px;color:var(--ink);z-index:20;justify-content:flex-start;align-items:flex-start;display:flex;position:relative}.stone-legend.is-open{width:320px}.stone-legend__toggle{background:var(--button-bg);width:48px;height:48px;color:inherit;cursor:pointer;font:inherit;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:18px;font-weight:700;display:flex;box-shadow:0 12px 28px #4c3f321f}.stone-legend__toggle-icon{border:1px solid var(--panel-border);border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.stone-legend__panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;border-radius:22px;width:320px;padding:18px;position:absolute;top:0;right:0;box-shadow:0 12px 28px #4c3f321f}.stone-legend__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.stone-legend__header h2{margin:0;font-size:22px}.stone-legend__close{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:700}.stone-legend__list{flex-direction:column;gap:10px;display:flex}.stone-legend__item{background:#fff9;border-radius:14px;grid-template-columns:18px 1fr;align-items:start;gap:12px;padding:8px 10px;display:grid}.stone-legend__swatch{box-sizing:border-box;border:2px solid #5d584c47;border-radius:999px;width:18px;height:18px;margin-top:2px}.stone-legend__copy{flex-direction:column;gap:4px;display:flex}.stone-legend__title{font-size:14px;font-weight:700}.stone-legend__desc{color:var(--muted);font-size:13px;line-height:1.45}@media (width<=960px){.app-shell{align-items:start;padding:16px}.stone-legend{justify-content:center;width:min(420px,100%)}.stone-legend__panel{width:min(420px,100%)}}