:root{--color-bg: #faf6f0;--color-bg-alt: #f0ead9;--color-surface: #ffffff;--color-border: #e2d9c8;--color-text: #201f1a;--color-text-muted: #6b6357;--color-primary: #e2597e;--color-primary-hover: #c94268;--color-primary-contrast: #ffffff;--color-secondary: #2f5233;--color-secondary-hover: #234027;--color-accent: #c9922f;--color-danger: #b3412c;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--font-sans);line-height:1.2;margin:0 0 var(--space-2)}h1{font-size:clamp(1.5rem,4vw,2.25rem)}h2{font-size:clamp(1.15rem,3vw,1.5rem)}p{margin:0 0 var(--space-3)}a{color:var(--color-primary);text-decoration:none;font-weight:600}a:hover{text-decoration:underline}label{display:flex;flex-direction:column;gap:var(--space-1);font-size:.9rem;font-weight:600;color:var(--color-text-muted)}input,select,textarea{font-family:inherit;font-size:1rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}button{font-family:inherit;font-size:1rem;font-weight:700;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:none;background:var(--color-primary);color:var(--color-primary-contrast);cursor:pointer;transition:background-color .15s ease,transform .05s ease;min-height:44px}button:hover:not(:disabled){background:var(--color-primary-hover)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}legend{padding:0 var(--space-2);font-weight:700;color:var(--color-secondary)}ul{padding-left:1.2em}.container{width:100%;max-width:32rem;margin:0 auto;padding:var(--space-5) var(--space-4)}.container-wide{width:100%;max-width:64rem;margin:0 auto;padding:var(--space-5) var(--space-4)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.btn-secondary{background:var(--color-surface);color:var(--color-secondary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-alt)}.btn-sm{min-height:32px;padding:var(--space-1) var(--space-3);font-size:.85rem}.btn-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-primary-contrast)!important;font-weight:700;text-decoration:none!important}.btn-link:hover{background:var(--color-primary-hover)}.btn-link.btn-link-secondary{background:var(--color-secondary)}.btn-link.btn-link-secondary:hover{background:var(--color-secondary-hover)}.link-row{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.auth-form{width:100%;max-width:24rem;margin:var(--space-6) auto;padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.form-error,.form-message{margin:0;padding:var(--space-3);border-radius:var(--radius-sm);font-size:.9rem}.form-error{background:#fbe9e5;color:var(--color-danger)}.form-message{background:#eaf2ea;color:var(--color-secondary)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.app-header a{color:var(--color-secondary)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--color-bg-alt);color:var(--color-secondary);border-radius:999px;padding:var(--space-1) var(--space-3);font-size:.85rem;font-weight:700}.progress-track{width:100%;height:10px;border-radius:999px;background:var(--color-bg-alt);overflow:hidden}.progress-fill{height:100%;background:var(--color-accent);border-radius:999px}@media(max-width:640px){.game-canvas-area{flex:none!important;height:min(105vw,68dvh)!important}.game-row{flex-direction:column!important}.player-list-aside{width:100%!important;max-height:6rem;border-bottom:1px solid var(--color-border)}.player-list-aside ul{display:flex;flex-wrap:wrap;gap:var(--space-3)}.player-list-aside li{white-space:nowrap}}