#app{width:100%;min-height:100vh}.toast-container[data-v-b422c9ee]{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast[data-v-b422c9ee]{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;background:#333;color:#fff;font-size:14px;box-shadow:0 4px 12px #0003;pointer-events:auto;max-width:320px}.toast-success[data-v-b422c9ee]{background:linear-gradient(135deg,#27ae60,#2ecc71)}.toast-error[data-v-b422c9ee]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.toast-warning[data-v-b422c9ee]{background:linear-gradient(135deg,#f39c12,#e67e22)}.toast-info[data-v-b422c9ee]{background:linear-gradient(135deg,#3498db,#2980b9)}.toast-icon[data-v-b422c9ee]{font-size:16px;font-weight:700}.toast-message[data-v-b422c9ee]{flex:1}.toast-close[data-v-b422c9ee]{background:none;border:none;color:#ffffffb3;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.toast-close[data-v-b422c9ee]:hover{color:#fff}.toast-enter-active[data-v-b422c9ee]{animation:toastIn-b422c9ee .3s ease-out}.toast-leave-active[data-v-b422c9ee]{animation:toastOut-b422c9ee .3s ease-in}@keyframes toastIn-b422c9ee{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut-b422c9ee{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html{position:fixed;overflow:hidden;width:100%;height:100%}body{position:fixed;overflow:hidden;width:100%;height:100%;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.game-touch-area{touch-action:none;overscroll-behavior:contain;-webkit-overflow-scrolling:auto}:root{--primary-color: #e74c3c;--primary-dark: #c0392b;--secondary-color: #f39c12;--success-color: #27ae60;--warning-color: #f1c40f;--danger-color: #e74c3c;--text-color: #2c3e50;--text-light: #7f8c8d;--bg-color: #ecf0f1;--white: #ffffff;--shadow: 0 2px 12px rgba(0, 0, 0, .1);--border-radius: 8px}.btn{display:inline-block;padding:12px 24px;font-size:16px;font-weight:500;text-align:center;text-decoration:none;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark)}.btn-primary:disabled{background-color:#bdc3c7;cursor:not-allowed}.input{width:100%;padding:12px 16px;font-size:16px;border:1px solid #ddd;border-radius:var(--border-radius);outline:none;transition:border-color .3s ease}.input:focus{border-color:var(--primary-color)}.card{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:20px}@media (max-width: 768px){.desktop-only{display:none!important}}@media (min-width: 769px){.mobile-only{display:none!important}}