.app-container{min-height:100vh;display:flex;flex-direction:column}.game-board{display:grid;gap:1rem;padding:1rem;max-width:100%;margin:0 auto}@media (max-width: 768px){.game-board{grid-template-columns:1fr;padding:.5rem}.game-controls{position:fixed;bottom:0;left:0;right:0;background:#000000e6;padding:1rem;border-top:2px solid #8B4513}}@media (min-width: 769px){.game-board{grid-template-columns:2fr 1fr;max-width:1200px}.game-controls{background:#000000b3;border-radius:12px;padding:1.5rem}}@keyframes page-slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes page-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-24px)}}.page-enter{animation:page-slide-in .3s ease-out both}.page-exit{animation:page-slide-out .25s ease-in both}@keyframes loot-drop{0%{opacity:0;transform:translateY(-40px) scale(.8)}50%{opacity:1;transform:translateY(6px) scale(1.05)}70%{transform:translateY(-3px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.loot-reveal{animation:loot-drop .5s cubic-bezier(.34,1.56,.64,1) both}.loot-reveal:nth-child(2){animation-delay:.08s}.loot-reveal:nth-child(3){animation-delay:.16s}.loot-reveal:nth-child(4){animation-delay:.24s}.loot-reveal:nth-child(5){animation-delay:.32s}.loot-reveal:nth-child(6){animation-delay:.4s}@keyframes rarity-pulse{0%,to{box-shadow:0 0 4px 1px var(--rarity-color)}50%{box-shadow:0 0 10px 3px var(--rarity-color)}}.rarity-glow-common{--rarity-color: rgba(156,163,175,.5);border:1px solid rgba(156,163,175,.4)}.rarity-glow-uncommon{--rarity-color: rgba(34,197,94,.5);border:1px solid rgba(34,197,94,.4);animation:rarity-pulse 3s ease-in-out infinite}.rarity-glow-rare{--rarity-color: rgba(59,130,246,.6);border:1px solid rgba(59,130,246,.5);animation:rarity-pulse 2.5s ease-in-out infinite}.rarity-glow-epic{--rarity-color: rgba(139,92,246,.65);border:1px solid rgba(139,92,246,.55);animation:rarity-pulse 2s ease-in-out infinite}.rarity-glow-legendary{--rarity-color: rgba(245,158,11,.7);border:1px solid rgba(245,158,11,.6);animation:rarity-pulse 1.5s ease-in-out infinite}@keyframes level-up-flash{0%{opacity:0}15%{opacity:.6}40%{opacity:0}to{opacity:0}}@keyframes level-up-scale{0%{transform:scale(1)}20%{transform:scale(1.08)}40%{transform:scale(1)}to{transform:scale(1)}}.level-up-celebration{animation:level-up-scale .8s ease-out}.level-up-celebration:after{content:"";position:fixed;inset:0;background:radial-gradient(circle,rgba(212,175,55,.4) 0%,transparent 70%);pointer-events:none;z-index:100;animation:level-up-flash 1s ease-out both}@keyframes achievement-slide{0%{opacity:0;transform:translate(100%)}20%{opacity:1;transform:translate(-8px)}30%{transform:translate(4px)}40%{transform:translate(0)}85%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(60px)}}@keyframes badge-bounce{0%,40%,to{transform:scale(1)}20%{transform:scale(1.25)}}.achievement-toast{animation:achievement-slide 3.5s ease-out both}.achievement-toast .badge-icon{animation:badge-bounce .6s ease-out .3s both}@keyframes equip-whoosh{0%{opacity:0;transform:scale(.5) rotate(-8deg)}50%{opacity:1;transform:scale(1.1) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.inventory-equip{animation:equip-whoosh .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes stat-float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes stat-float-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.stat-change-up{color:#4ade80;font-weight:700;font-size:13px;animation:stat-float-up 1s ease-out both;pointer-events:none}.stat-change-down{color:#f87171;font-weight:700;font-size:13px;animation:stat-float-down 1s ease-out both;pointer-events:none}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background:#0a0814;color:#eee}#root{min-height:100vh;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (max-width: 768px){body{font-size:16px;touch-action:manipulation;-webkit-text-size-adjust:100%}}@media (max-height: 500px) and (orientation: landscape){#root{font-size:14px}}button,.touchable{min-height:44px;min-width:44px;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;font-family:SF Mono,Fira Code,Cascadia Mono,Consolas,monospace;letter-spacing:.5px;text-transform:uppercase}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}