:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;--bg: #1a1a2e;--bg-app: #050510;--stage-1: #14142c;--stage-2: #0a0a18;--stage-3: #06060f;--panel: rgba(5, 5, 18, .97);--panel-2: rgba(12, 12, 26, .9);--panel-3: rgba(6, 6, 16, .92);--modal: #10101f;--tile: #0b0b18;--chip: rgba(30, 30, 60, .8);--tint-1: rgba(255, 255, 255, .03);--tint-2: rgba(255, 255, 255, .06);--tint-3: rgba(255, 255, 255, .1);--border: #1a1a3a;--border-2: #2a2a4a;--border-3: #33334f;--text: #e0e0e0;--text-strong: #ffffff;--text-soft: #c8c8e0;--text-muted: #8a8aa5;--text-dim: #6a6a8a;--text-faint: #4a4a68;--input-bg: #16213e;--scrim: rgba(0, 0, 0, .72);--ink-gold: #f9d923;--ink-parch: #d4a843;--ink-red: #e94560;--ink-green: #4ecca3;--ink-violet: #bb88ff;--ink-mauve: #c090d0;--ink-blue: #8fb0ff;--btn-neutral: #555555;--btn-neutral-ink: #ffffff;--surf-red: #1a0a0a;--surf-red-2: #3a0a0a;--surf-violet: #2a1a4a;--surf-violet-2: #0d0d2a;--surf-green: #1a4a1a;--surf-green-ink: #aaffaa;color:var(--text);background-color:var(--bg);color-scheme:dark}:root[data-theme=light]{--bg: #eef0f7;--bg-app: #e4e7f2;--stage-1: #ffffff;--stage-2: #e9ebf5;--stage-3: #dcdfee;--panel: rgba(255, 255, 255, .97);--panel-2: rgba(255, 255, 255, .92);--panel-3: rgba(252, 252, 255, .95);--modal: #ffffff;--tile: #f4f5fb;--chip: rgba(210, 214, 232, .9);--tint-1: rgba(20, 20, 60, .045);--tint-2: rgba(20, 20, 60, .08);--tint-3: rgba(20, 20, 60, .13);--border: #c9cddf;--border-2: #b0b5cd;--border-3: #9aa0bd;--text: #22223a;--text-strong: #0e0e1c;--text-soft: #3a3a58;--text-muted: #5c5c7a;--text-dim: #75759a;--text-faint: #9a9ab8;--input-bg: #ffffff;--scrim: rgba(20, 20, 40, .45);--ink-gold: #8a6800;--ink-parch: #7d5f18;--ink-red: #c0182f;--ink-green: #0d7a56;--ink-violet: #6a28c4;--ink-mauve: #8b2fa8;--ink-blue: #2a52b0;--btn-neutral: #d3d7e8;--btn-neutral-ink: #24243c;--surf-red: #fdecec;--surf-red-2: #f7dcdc;--surf-violet: #f2ecff;--surf-violet-2: #ebe7fa;--surf-green: #e4f6e4;--surf-green-ink: #14602a;color-scheme:light}@keyframes cardReveal{0%{opacity:0;transform:scale(.7) rotateY(90deg)}60%{opacity:1;transform:scale(1.04) rotateY(-6deg)}to{opacity:1;transform:scale(1) rotateY(0)}}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 6px #f9d923) drop-shadow(0 0 14px #f9d923)}50%{filter:drop-shadow(0 0 12px #f9d923) drop-shadow(0 0 28px #fff700)}}@keyframes pulse-border{0%,to{box-shadow:0 0 8px #f9d92333}50%{box-shadow:0 0 20px #f9d92380}}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;display:flex;justify-content:center}#root{width:100%;max-width:1200px;padding:1rem}h1,h2,h3{color:#e94560}button{cursor:pointer;padding:.6rem 1.2rem;border:none;border-radius:6px;background:#e94560;color:#fff;font-size:1rem;font-weight:600;transition:background .2s}button:hover{background:#c73a52}button:disabled{background:#555;cursor:not-allowed}input{padding:.6rem;border:1px solid var(--border-2);border-radius:6px;background:var(--input-bg);color:var(--text);font-size:1rem}input:focus{outline:none;border-color:#e94560}.card{background:var(--input-bg);border:1px solid var(--border-2);border-radius:8px;padding:1rem}@keyframes shrink5s{0%{width:100%}to{width:0%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.75}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes actionIn{0%{opacity:0;transform:translateY(7px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pop{0%{opacity:0;transform:scale(.35)}60%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes shAnimTravel{to{left:var(--sh-tx);top:var(--sh-ty)}}@keyframes shAnimArc{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes shAnimBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}25%{opacity:1;transform:translate(-50%,-75%) scale(1.15)}to{opacity:0;transform:translate(-50%,-150%) scale(1)}}@keyframes shAnimImpact{0%{opacity:.9;transform:translate(-50%,-50%) scale(.3)}to{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}.sh-action-strip{scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}.sh-action-strip::-webkit-scrollbar{height:6px}.sh-action-strip::-webkit-scrollbar-track{background:transparent}.sh-action-strip::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}.sh-action-card{box-shadow:0 2px 6px #0000008c;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.sh-action-card:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 7px 16px #0009,0 0 12px #f9d92340;filter:brightness(1.15)}.sh-action-card:active:not(:disabled){transform:translateY(0) scale(.97);box-shadow:0 1px 3px #0009}.sh-tile{transition:transform .18s ease,box-shadow .18s ease}.sh-tile:hover{transform:translate(-50%,-50%) scale(1.06)!important;z-index:6}.sh-pawn{transition:transform .14s ease}.sh-pawn:hover{transform:scale(1.15);z-index:7}
