*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-text);background:var(--color-background);min-height:100vh}:root{--color-sunny-gold: #F6C542;--color-tangerine: #F19A2A;--color-sky-blue: #4DB6E2;--color-cocoa: #3A2A1A;--color-creamlight: #FFF0C7;--color-primary: var(--color-tangerine);--color-secondary: var(--color-sky-blue);--color-accent: var(--color-sunny-gold);--color-background: var(--color-sunny-gold);--color-text: var(--color-cocoa);--color-text-light: rgba(58, 42, 26, .7);--color-text-inverse: #FFFFFF;--color-success: #52D273;--color-error: #FF6B6B;--color-warning: #FFA726;--color-info: var(--color-sky-blue);--color-surface: #FFFFFF;--color-surface-light: var(--color-creamlight);--color-surface-dark: rgba(58, 42, 26, .05);--font-heading: "Poppins", "Nunito", "Baloo 2", system-ui, sans-serif;--font-body: "Open Sans", "Roboto", -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .25rem;--radius-base: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(58, 42, 26, .05);--shadow-base: 0 1px 3px 0 rgba(58, 42, 26, .1);--shadow-md: 0 4px 6px -1px rgba(58, 42, 26, .1);--shadow-lg: 0 10px 15px -3px rgba(58, 42, 26, .1);--shadow-warm: 0 4px 14px rgba(241, 154, 42, .3);--shadow-warm-lg: 0 6px 20px rgba(241, 154, 42, .4);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--touch-target-min: 30px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25;color:var(--color-text);margin-bottom:var(--space-4)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}p{margin-bottom:var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary)}button{font-family:var(--font-heading);cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6)}*:focus-visible{outline:3px solid var(--color-sky-blue);outline-offset:2px}button:focus-visible,a:focus-visible{outline:4px solid var(--color-tangerine);outline-offset:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes celebrate{0%,to{transform:scale(1)}25%{transform:scale(1.1) rotate(2deg)}50%{transform:scale(1.05) rotate(-2deg)}75%{transform:scale(1.1) rotate(2deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-celebrate{animation:celebrate .6s ease-out}.animate-shake{animation:shake .5s ease-out}.auth-gate{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--space-6)}.auth-gate__card{width:min(420px,100%);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);animation:fadeIn .3s ease-out}.auth-gate__title{font-size:var(--text-2xl);text-align:center}.auth-gate__subtitle{text-align:center;color:var(--color-text-light);margin-bottom:var(--space-2)}.auth-gate__form{display:flex;flex-direction:column;gap:var(--space-3)}.auth-gate__label{font-weight:600;color:var(--color-text)}.auth-gate__input{width:100%;padding:var(--space-3);border-radius:var(--radius-base);border:2px solid var(--color-surface-dark);font-size:var(--text-base);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.auth-gate__input:focus{border-color:var(--color-tangerine);box-shadow:0 0 0 4px #f19a2a26}.auth-gate__error{color:var(--color-error);background:#ff6b6b1f;padding:var(--space-2) var(--space-3);border-radius:var(--radius-base)}.auth-gate__message{color:var(--color-success);background:#52d2731f;padding:var(--space-2) var(--space-3);border-radius:var(--radius-base)}.auth-gate__submit{padding:var(--space-3);border:none;border-radius:var(--radius-base);background:linear-gradient(135deg,var(--color-tangerine),var(--color-sunny-gold));color:var(--color-text);font-weight:700;font-size:var(--text-base);cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base)}.auth-gate__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-warm)}.auth-gate__status{text-align:center;font-weight:600}.auth-gate__switcher{display:flex;justify-content:center}.auth-gate__link{background:none;border:none;color:var(--color-secondary);font-weight:600;cursor:pointer}.auth-gate__link:hover{text-decoration:underline}@media(max-width:480px){.auth-gate,.auth-gate__card{padding:var(--space-4)}}.auth-overlay,.multiplayer-auth-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:1000}.auth-overlay__backdrop,.multiplayer-auth-overlay__backdrop{position:absolute;inset:0;background:#0f172aa6;cursor:pointer}.auth-overlay__content,.multiplayer-auth-overlay__content{position:relative;width:min(100%,520px);z-index:1001}.auth-overlay__signed-in,.multiplayer-auth-overlay__signed-in{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;text-align:center}.confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn var(--transition-base)}.confirm-dialog{background:#fff;border-radius:var(--radius-xl);border:3px solid var(--color-cocoa);box-shadow:var(--shadow-lg);max-width:500px;width:100%;animation:slideUp .3s ease-out}.confirm-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:2px solid var(--color-surface-dark)}.confirm-dialog__title{font-size:var(--text-xl);font-family:var(--font-heading);color:var(--color-cocoa);margin:0}.confirm-dialog__close{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--color-cocoa);background:#fff;color:var(--color-cocoa);font-size:var(--text-2xl);font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);line-height:1}.confirm-dialog__close:hover{background:var(--color-cocoa);color:#fff}.confirm-dialog__content{padding:var(--space-6)}.confirm-dialog__message{font-size:var(--text-base);color:var(--color-text);line-height:1.6;margin:0}.confirm-dialog__actions{display:flex;gap:var(--space-3);padding:var(--space-5);border-top:2px solid var(--color-surface-dark);justify-content:flex-end}.confirm-dialog__btn{min-width:120px}.confirm-dialog__btn--cancel{background:linear-gradient(135deg,var(--color-sky-blue) 0%,#3DA5D1 100%);color:#fff;box-shadow:0 4px 14px #4db6e24d}.confirm-dialog__btn--cancel:hover{background:linear-gradient(135deg,#5bc0e8,#4db6e2);box-shadow:0 6px 20px #4db6e266}.confirm-dialog__btn--confirm{background:linear-gradient(135deg,var(--color-tangerine) 0%,#E8851D 100%);color:#fff;box-shadow:var(--shadow-warm)}.confirm-dialog__btn--confirm:hover{background:linear-gradient(135deg,#ffb84d,#ff9f1c);box-shadow:var(--shadow-warm-lg)}.btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef44444d}.btn--danger:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 6px 20px #ef444466}@media(max-width:640px){.confirm-dialog__actions{flex-direction:column-reverse}.confirm-dialog__btn{width:100%}}.site-footer[data-astro-cid-sckkx6r4]{width:100%;padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--color-cocoa) 0%,#5C4033 100%);border-top:4px solid var(--color-tangerine);margin-top:auto}.site-footer__text[data-astro-cid-sckkx6r4]{text-align:center;color:var(--color-surface);font-size:var(--text-sm);margin:0;font-family:var(--font-body)}.site-footer__link[data-astro-cid-sckkx6r4]{color:var(--color-tangerine);text-decoration:none;font-weight:600;transition:color var(--transition-base)}.site-footer__link[data-astro-cid-sckkx6r4]:hover{color:#ffb84d;text-decoration:underline}.site-footer__link[data-astro-cid-sckkx6r4]:focus-visible{outline:2px solid var(--color-tangerine);outline-offset:2px;border-radius:var(--radius-sm)}body{min-height:100vh;display:flex;flex-direction:column}main[data-astro-cid-sckkx6r4]{flex:1}@media(max-width:640px){.site-footer[data-astro-cid-sckkx6r4]{padding:var(--space-3) var(--space-4)}.site-footer__text[data-astro-cid-sckkx6r4]{font-size:var(--text-xs)}}