:root{--primary-blue: #2563eb;--primary-green: #16a34a;--primary-purple: #9333ea;--accent-yellow: #eab308;--neutral-gray: #6b7280;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--map-tile-size: 48px;--character-size: 40px}html{font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#f3f4f6}::-webkit-scrollbar-thumb{background-color:#9ca3af;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:#6b7280}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){:root{--map-tile-size: 40px;--character-size: 32px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.prototype-background{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.prototype-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;max-width:28rem;width:100%}.prototype-card.max-w-7xl{max-width:80rem}[data-game-map]{display:grid!important;grid-template-columns:repeat(10,var(--map-tile-size))!important;grid-template-rows:repeat(8,var(--map-tile-size))!important;gap:2px!important;background-color:#e5e7eb;padding:8px;border-radius:8px;max-width:fit-content;margin:0 auto}.map-tile{width:var(--map-tile-size);height:var(--map-tile-size);display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid rgba(0,0,0,.1);position:relative;transition:all .2s ease;box-sizing:border-box}.tile-grass{background-color:#a3d977;background-image:linear-gradient(45deg,#a3d977,#8bc34a)}.tile-town{background-color:#8b7355;background-image:linear-gradient(45deg,#8b7355,#6d5940)}.tile-mountain{background-color:#6b7280;background-image:linear-gradient(45deg,#6b7280,#4b5563)}.tile-water{background-color:#3b82f6;background-image:linear-gradient(45deg,#3b82f6,#2563eb)}.tile-current{transform:scale(1.05);box-shadow:0 0 10px #ffd700cc}.character{background-color:#ffffffe6;border-radius:50%;box-shadow:0 2px 4px #0000004d;z-index:10;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}