@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: 255 255 255;--bg-secondary: 241 245 249;--bg-ocean: 186 230 253;--text-primary: 15 23 42;--text-secondary: 71 85 105;--paper: linear-gradient(180deg, #f5f1e8 0%, #e8e4d8 100%);--menu-bg: rgba(255, 255, 255, .95);--menu-bg-transparent: rgba(255, 255, 255, .75);--menu-bg-accent: rgba(0, 0, 0, .08);--menu-border: rgba(0, 0, 0, .1);--sidebar-bg: 248 250 252}:root[data-theme=dark]{--bg-primary: 15 23 42;--bg-secondary: 30 41 59;--bg-ocean: 12 74 110;--text-primary: 226 232 240;--text-secondary: 203 213 225;--paper: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);--menu-bg: rgba(15, 23, 42, .95);--menu-bg-transparent: rgba(15, 23, 42, .75);--menu-bg-accent: rgba(255, 255, 255, .08);--menu-border: rgba(255, 255, 255, .1);--sidebar-bg: 30 41 59}body{background-color:rgb(var(--bg-primary));color:rgb(var(--text-primary));font-family:Inter,system-ui,sans-serif}select{background-color:rgb(var(--bg-secondary));color:rgb(var(--text-primary))}select option{background-color:rgb(var(--bg-secondary));color:rgb(var(--text-primary));padding:.5rem}select option:hover,select option:focus,select option:checked{background-color:rgb(var(--bg-primary))}.robber-animated{transition:transform .6s ease-in-out}@keyframes robber-flash{0%,to{opacity:0}50%{opacity:1}}@keyframes piece-place{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.piece-placed{animation:piece-place .4s ease-out;transform-origin:center}@keyframes knight-highlight-pulse{0%,to{opacity:1;stroke-width:3}50%{opacity:.5;stroke-width:5}}.knight-highlight-ring{animation:knight-highlight-pulse 1s ease-in-out infinite}.knight-highlighted{cursor:pointer}@keyframes dice-roll{0%{transform:rotate(0) scale(1)}20%{transform:rotate(72deg) scale(.92)}40%{transform:rotate(144deg) scale(.85)}60%{transform:rotate(216deg) scale(.88)}80%{transform:rotate(288deg) scale(.94)}to{transform:rotate(360deg) scale(1)}}.dice-rolling{animation:dice-roll .6s ease-out}@keyframes dice-dots-fade-in{0%{opacity:0}to{opacity:1}}.dice-dots-fade-in{animation:dice-dots-fade-in .8s ease-out forwards}@keyframes dice-breath{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dice-breath{animation:dice-breath 1s ease-in-out infinite}@keyframes fire-particle{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-40px) scale(0);opacity:0}}@keyframes fire-flicker{0%,to{transform:scaleY(1) scaleX(1)}25%{transform:scaleY(1.1) scaleX(.9)}50%{transform:scaleY(.9) scaleX(1.1)}75%{transform:scaleY(1.05) scaleX(.95)}}.dice-on-fire{position:relative}.dice-on-fire:before,.dice-on-fire:after{content:"";position:absolute;bottom:50%;left:50%;width:8px;height:8px;border-radius:50%;pointer-events:none}.dice-on-fire:before{background:radial-gradient(circle,#ff6b35 0%,#f7931e 50%,transparent 70%);box-shadow:-15px 5px 6px #ff6b35,15px 8px 6px #f7931e,-8px -5px 8px #ffcc02,20px 0 6px #ff6b35,-20px 10px 5px #f7931e,5px 5px 7px #ffcc02;animation:fire-particle .8s ease-out infinite}.dice-on-fire:after{background:radial-gradient(circle,#ffcc02 0%,#ff6b35 50%,transparent 70%);box-shadow:-12px 0 5px #ffcc02,18px 5px 6px #ff6b35,-5px 8px 7px #f7931e,10px -5px 5px #ffcc02,-18px 5px 6px #ff6b35,8px 10px 5px #f7931e;animation:fire-particle .8s ease-out infinite .4s}.fire-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:visible}.fire-particle{position:absolute;width:6px;height:6px;border-radius:50%;animation:fire-particle .6s ease-out infinite}.fire-particle:nth-child(1){left:20%;bottom:60%;background:#ff6b35;animation-delay:0s;animation-duration:.7s}.fire-particle:nth-child(2){left:40%;bottom:70%;background:#ffcc02;animation-delay:.15s;animation-duration:.6s}.fire-particle:nth-child(3){left:60%;bottom:65%;background:#f7931e;animation-delay:.3s;animation-duration:.8s}.fire-particle:nth-child(4){left:80%;bottom:55%;background:#ff6b35;animation-delay:.1s;animation-duration:.65s}.fire-particle:nth-child(5){left:30%;bottom:75%;background:#ffcc02;animation-delay:.25s;animation-duration:.55s}.fire-particle:nth-child(6){left:70%;bottom:60%;background:#f7931e;animation-delay:.4s;animation-duration:.7s}.fire-particle:nth-child(7){left:50%;bottom:80%;background:#ff6b35;animation-delay:.2s;animation-duration:.6s}.fire-particle:nth-child(8){left:15%;bottom:70%;background:#ffcc02;animation-delay:.35s;animation-duration:.75s}.dice-glow{box-shadow:0 0 15px 5px #ff6b3599,0 0 30px 10px #f7931e66,0 0 45px 15px #ffcc0233}@keyframes ribbon-blink{0%,to{opacity:0}50%{opacity:1}}@keyframes ribbon-fade-out{0%{opacity:1}to{opacity:0}}.turn-ribbon{position:absolute;top:0;bottom:0;width:12px;background:red;pointer-events:none;z-index:50}.turn-ribbon-blink{animation:ribbon-blink 1s ease-in-out infinite}.turn-ribbon-fade-out{animation:ribbon-fade-out .5s ease-out forwards}.turn-ribbon-left{left:0}.turn-ribbon-right{right:0}@keyframes text-pulse{0%,to{opacity:1}50%{opacity:.6}}.text-pulse{animation:text-pulse 1.5s ease-in-out infinite}@keyframes flicker-opacity{0%,to{opacity:.5}50%{opacity:.85}}.flicker{animation:flicker-opacity 2s ease-in-out infinite}@keyframes fortify-glow-pulse{0%,to{opacity:.7;stroke-width:3}50%{opacity:1;stroke-width:5}}.fortify-glow-pulse{animation:fortify-glow-pulse 1s ease-in-out infinite}@keyframes pillage-fire{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-20px) scale(.5);opacity:0}}@keyframes pillage-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes pillage-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pillage-fire-particles{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;pointer-events:none;overflow:visible}.pillage-fire-particle{position:absolute;width:10px;height:10px;border-radius:50%;animation:pillage-fire .8s ease-out infinite}.pillage-fire-particle:nth-child(1){left:15%;bottom:50%;background:#ff6b35;animation-delay:0s;animation-duration:.9s}.pillage-fire-particle:nth-child(2){left:35%;bottom:60%;background:#ffcc02;animation-delay:.1s;animation-duration:.7s}.pillage-fire-particle:nth-child(3){left:55%;bottom:55%;background:#f7931e;animation-delay:.2s;animation-duration:.85s}.pillage-fire-particle:nth-child(4){left:75%;bottom:50%;background:#ff6b35;animation-delay:.15s;animation-duration:.75s}.pillage-fire-particle:nth-child(5){left:25%;bottom:65%;background:#ffcc02;animation-delay:.25s;animation-duration:.65s}.pillage-fire-particle:nth-child(6){left:65%;bottom:60%;background:#f7931e;animation-delay:.3s;animation-duration:.8s}.pillage-fire-particle:nth-child(7){left:45%;bottom:70%;background:#ff6b35;animation-delay:.05s;animation-duration:.7s}.pillage-fire-particle:nth-child(8){left:50%;bottom:45%;background:#ffcc02;animation-delay:.35s;animation-duration:.9s}.pillage-city-fade-out{animation:pillage-fade-out .5s ease-out forwards;animation-delay:1.5s}.pillage-settlement-fade-in{animation:pillage-fade-in .5s ease-out forwards;animation-delay:2s;opacity:0}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes shroud-swirl{0%{transform:rotate(0) translate(45px) rotate(0)}to{transform:rotate(360deg) translate(45px) rotate(-360deg)}}.shroud-lightning{animation-name:lightning-flicker,shroud-swirl!important;animation-duration:.8s,96s!important;animation-timing-function:ease-out,linear!important;animation-fill-mode:forwards,none!important;animation-iteration-count:1,infinite!important;animation-delay:0s,var(--swirl-delay, 0s)!important}@keyframes lightning-flicker{0%{opacity:0}5%{opacity:.9}10%{opacity:.2}15%{opacity:.95}20%{opacity:.1}30%{opacity:.85}40%{opacity:.3}50%{opacity:.7}65%{opacity:.15}80%{opacity:.4}to{opacity:0}}@keyframes shroud-fade-out{0%{opacity:1}to{opacity:0}}.shroud-fade-out{animation:shroud-fade-out 2.5s ease-out forwards}}