:root{--bg-deep: #1b0f07;--bg-panel: #3c2413;--bg-panel-raised: #5c3c20;--accent-gold: #f2c94c;--accent-gold-deep: #c9992b;--accent-glow: #e8833a;--accent-glow-soft: #f2a65e;--text-primary: #f8ecd8;--text-muted: #cdb28c;--danger: #e2584a;--font-display: "Cinzel", "Georgia", serif;--font-body: "Nunito", system-ui, sans-serif;--font-mono: "Space Mono", "Courier New", monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(ellipse at 50% -10%,#7a4013 0%,var(--bg-deep) 55%);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:.04em;margin:0}button{font-family:var(--font-body);cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--accent-glow-soft);outline-offset:2px}.tile{border-radius:18px;background:linear-gradient(160deg,var(--bg-panel-raised) 0%,var(--bg-panel) 100%);border:1px solid rgba(242,201,76,.28);box-shadow:0 6px 20px #00000059,inset 0 1px #ffffff0f}.tile--interactive{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tile--interactive:hover:not(:disabled){border-color:var(--accent-glow-soft);box-shadow:0 0 0 1px var(--accent-glow-soft),0 10px 26px #e8833a4d;transform:translateY(-3px)}.tile--interactive:active:not(:disabled){transform:scale(.96) translateY(0)}.tile--interactive:disabled{opacity:.55;cursor:not-allowed}.tile--selected{border-color:var(--accent-glow);box-shadow:0 0 0 2px var(--accent-glow),0 0 22px #e8833a73;animation:pop-select .32s cubic-bezier(.34,1.56,.64,1)}.tile--selected:disabled{opacity:1}@keyframes pop-select{0%{transform:scale(.94)}60%{transform:scale(1.04)}to{transform:scale(1)}}.tile--locked{border-color:var(--accent-gold);box-shadow:0 0 0 2px var(--accent-gold),0 0 28px #f2c94c80;animation:pulse-gold 1.8s ease-in-out infinite}@keyframes pulse-gold{0%,to{box-shadow:0 0 0 2px var(--accent-gold),0 0 20px #f2c94c66}50%{box-shadow:0 0 0 2px var(--accent-gold),0 0 34px #f2c94cb3}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}