:root{--color-grass: #90EE90;--color-grass-light: #b8f4b8;--color-grass-lighter: #d4f9d4;--color-grass-dark: #6fd06f;--color-grass-darker: #4fb84f;--color-sky: #87CEEB;--color-sky-light: #b0e0f0;--color-sky-lighter: #d4eff7;--color-sky-pale: #e8f6fb;--color-sky-dark: #5eb8db;--color-sunshine: #FFD700;--color-sunshine-light: #ffe44d;--color-sunshine-lighter: #fff0a3;--color-sunshine-pale: #fff8d6;--color-sunshine-dark: #e6c200;--color-petal: #FFB6C1;--color-petal-light: #ffd0d8;--color-petal-lighter: #ffe8ec;--color-petal-dark: #f5939f;--color-earth: #8B4513;--color-earth-light: #a86b3d;--color-earth-lighter: #c9a07a;--color-earth-pale: #e8d5c0;--color-earth-dark: #6b340e;--color-meadow-distant: #a8d8a8;--color-meadow-mid: #8bc98b;--color-meadow-near: #6fb86f;--color-meadow-closest: #5aa55a;--color-paper: #fffef7;--color-paper-warm: #faf8f0;--color-paper-cream: #f5f3e8;--color-ink-900: #1c1917;--color-ink-800: #292524;--color-ink-700: #44403c;--color-ink-600: #57534e;--color-ink-500: #78716c;--color-ink-400: #a8a29e;--color-ink-300: #d6d3d1;--color-ink-200: #e7e5e4;--color-ink-100: #f5f5f4;--color-success: var(--color-grass-dark);--color-success-light: var(--color-grass-lighter);--color-warning: var(--color-sunshine);--color-warning-light: var(--color-sunshine-pale);--color-error: #e57373;--color-error-light: #ffebee;--color-info: var(--color-sky);--color-info-light: var(--color-sky-pale);--font-display: "Nunito", "Gill Sans", "Segoe UI", system-ui, sans-serif;--font-body: "Nunito", "Gill Sans", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .875rem;--text-sm: 1rem;--text-base: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 3.75rem;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--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;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .07);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .08);--shadow-paper: 0 2px 8px -2px rgb(0 0 0 / .1), 0 4px 16px -4px rgb(0 0 0 / .06);--shadow-card: 0 4px 24px -4px rgb(0 0 0 / .12);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--touch-target-min: 44px;--touch-target-comfortable: 48px}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-ink-800);background-color:var(--color-paper)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-ink-900);margin:0 0 var(--space-4) 0}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin:0 0 var(--space-4) 0}a{color:var(--color-grass-dark);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-grass-darker);text-decoration:underline}a:focus-visible{outline:3px solid var(--color-sky);outline-offset:2px;border-radius:var(--radius-sm)}.gv-page{min-height:100vh;display:flex;flex-direction:column}.gv-page--centered{align-items:center;justify-content:center}.gv-background{position:fixed;inset:0;z-index:-1;overflow:hidden}.gv-background__sky{position:absolute;inset:0;background:linear-gradient(180deg,var(--color-sky-200) 0%,var(--color-sky-100) 30%,var(--color-paper-warm) 70%,var(--color-sunset-100) 100%)}.gv-background__hills{position:absolute;bottom:0;left:0;right:0;height:60%}.gv-card{background:var(--color-paper);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);padding:var(--space-8);position:relative;overflow:hidden}.gv-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--color-grass) 0%,var(--color-sky) 33%,var(--color-sunshine) 66%,var(--color-petal) 100%);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.gv-card--elevated{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.gv-card__header{text-align:center;margin-bottom:var(--space-8)}.gv-card__title{font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:var(--color-grass-darker);margin-bottom:var(--space-2)}.gv-card__subtitle{font-size:var(--text-lg);color:var(--color-ink-500);margin:0}.gv-tagline{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-grass-dark);font-style:italic;text-align:center;margin:var(--space-4) 0}.gv-form{display:flex;flex-direction:column;gap:var(--space-5)}.gv-field{display:flex;flex-direction:column;gap:var(--space-2)}.gv-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-ink-700)}.gv-input{width:100%;min-height:var(--touch-target-comfortable);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink-800);background:var(--color-paper);border:2px solid var(--color-ink-200);border-radius:var(--radius-xl);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.gv-input::placeholder{color:var(--color-ink-400)}.gv-input:hover{border-color:var(--color-ink-300)}.gv-input:focus{outline:none;border-color:var(--color-grass);box-shadow:0 0 0 3px var(--color-grass-lighter)}.gv-input--error{border-color:var(--color-error)}.gv-input--error:focus{box-shadow:0 0 0 3px var(--color-error-light)}.gv-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target-comfortable);padding:var(--space-3) var(--space-6);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-bold);text-decoration:none;border:none;border-radius:var(--radius-xl);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.gv-button:focus-visible{outline:3px solid var(--color-sky);outline-offset:2px}.gv-button:active{transform:scale(.98)}.gv-button--primary{color:#1a472a;background:linear-gradient(180deg,var(--color-grass-light) 0%,var(--color-grass) 100%);box-shadow:0 4px 12px -2px #90ee9080,inset 0 2px #fff6,inset 0 -2px #0000000d;border:2px solid var(--color-grass-dark)}.gv-button--primary:hover{background:linear-gradient(180deg,var(--color-grass) 0%,var(--color-grass-dark) 100%);box-shadow:0 6px 16px -2px #90ee9099,inset 0 2px #fff6,inset 0 -2px #00000014;transform:translateY(-2px)}.gv-button--secondary{color:#1a4a5e;background:linear-gradient(180deg,var(--color-sky-lighter) 0%,var(--color-sky-light) 100%);border:2px solid var(--color-sky);box-shadow:0 2px 8px -2px #87ceeb66,inset 0 1px #ffffff80}.gv-button--secondary:hover{background:linear-gradient(180deg,var(--color-sky-light) 0%,var(--color-sky) 100%);box-shadow:0 4px 12px -2px #87ceeb80,inset 0 1px #ffffff80}.gv-button--accent{color:#5c4a00;background:linear-gradient(180deg,var(--color-sunshine-lighter) 0%,var(--color-sunshine-light) 100%);border:2px solid var(--color-sunshine);box-shadow:0 4px 12px -2px #ffd70066,inset 0 2px #ffffff80}.gv-button--accent:hover{background:linear-gradient(180deg,var(--color-sunshine-light) 0%,var(--color-sunshine) 100%);box-shadow:0 6px 16px -2px #ffd70080,inset 0 2px #ffffff80;transform:translateY(-2px)}.gv-button--ghost{color:var(--color-ink-600);background:transparent}.gv-button--ghost:hover{background:var(--color-ink-100)}.gv-button--full{width:100%}.gv-button--lg{min-height:56px;padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.gv-alert{padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm)}.gv-alert--error{color:#991b1b;background:var(--color-error-light);border:1px solid #fecaca}.gv-alert--success{color:#1a472a;background:var(--color-success-light);border:1px solid var(--color-grass-light)}.gv-alert--info{color:#1a4a5e;background:var(--color-info-light);border:1px solid var(--color-sky-light)}.gv-link{color:var(--color-grass-dark);font-weight:var(--font-medium);text-decoration:none;transition:color var(--transition-fast)}.gv-link:hover{color:var(--color-grass-darker);text-decoration:underline}.gv-origami-bird{position:absolute;opacity:.6;animation:gv-float 6s ease-in-out infinite}.gv-origami-bird--1{top:15%;right:10%;animation-delay:0s}.gv-origami-bird--2{top:25%;right:20%;animation-delay:2s;transform:scale(.7)}.gv-origami-bird--3{top:20%;left:15%;animation-delay:4s;transform:scale(.5) scaleX(-1)}@keyframes gv-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gv-logo{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.gv-logo__icon{font-size:4rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.gv-logo__text{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--color-grass-darker)}.gv-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-ink-200)}.gv-footer__text{font-size:var(--text-sm);color:var(--color-ink-500);margin:0}.gv-hero{position:relative;padding:var(--space-16) var(--space-4);text-align:center}.gv-hero__content{max-width:var(--container-md);margin:0 auto}.gv-hero__title{font-size:var(--text-5xl);font-weight:var(--font-extrabold);color:var(--color-grass-darker);margin-bottom:var(--space-4)}.gv-hero__tagline{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-grass-dark);font-style:italic;margin-bottom:var(--space-6)}.gv-hero__description{font-size:var(--text-lg);color:var(--color-ink-600);max-width:600px;margin:0 auto var(--space-8)}.gv-hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.gv-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);padding:var(--space-8) var(--space-4);max-width:var(--container-xl);margin:0 auto}.gv-feature-card{background:var(--color-paper);border-radius:var(--radius-2xl);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-paper);transition:transform var(--transition-base),box-shadow var(--transition-base)}.gv-feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}.gv-feature-card__icon{font-size:3rem;margin-bottom:var(--space-4)}.gv-feature-card__title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-ink-800);margin-bottom:var(--space-2)}.gv-feature-card__description{font-size:var(--text-sm);color:var(--color-ink-500);margin:0}@media (max-width: 640px){:root{--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 2.5rem}.gv-card{padding:var(--space-6);border-radius:var(--radius-xl);margin:var(--space-4)}.gv-hero{padding:var(--space-10) var(--space-4)}.gv-hero__actions{flex-direction:column;align-items:stretch}}@media (min-width: 768px){.gv-card--login{max-width:440px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.gv-input{border-width:3px}.gv-button--primary,.gv-button--accent{border:2px solid currentColor}}:focus:not(:focus-visible){outline:none}:focus-visible{outline:3px solid var(--color-sky);outline-offset:2px}.gv-skip-link{position:absolute;top:-100%;left:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-grass-dark);color:#fff;border-radius:var(--radius-md);z-index:9999;transition:top var(--transition-fast)}.gv-skip-link:focus{top:var(--space-4)}.gv-dashboard{min-height:100vh;background:var(--color-paper-cream)}.gv-dashboard__container{max-width:var(--container-lg);margin:0 auto;padding:var(--space-6)}.gv-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:2px dashed var(--color-grass-light)}.gv-dashboard-header__welcome{display:flex;align-items:center;gap:var(--space-4)}.gv-dashboard-header__icon{font-size:3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.gv-dashboard-header__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:var(--color-grass-darker);margin:0}.gv-dashboard-header__email{font-size:var(--text-sm);color:var(--color-ink-500);margin:var(--space-1) 0 0 0}.gv-section{margin-bottom:var(--space-8)}.gv-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.gv-section__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-ink-800);display:flex;align-items:center;gap:var(--space-2);margin:0}.gv-profile-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);background:var(--color-paper);border-radius:var(--radius-2xl);box-shadow:var(--shadow-paper);transition:transform var(--transition-base),box-shadow var(--transition-base);margin-bottom:var(--space-4)}.gv-profile-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.gv-profile-card__info{display:flex;align-items:center;gap:var(--space-4)}.gv-profile-card__avatar{width:64px;height:64px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-grass-lighter) 0%,var(--color-sky-lighter) 100%);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:inset 0 -2px 4px #0000000d}.gv-profile-card__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-ink-800);margin:0}.gv-profile-card__actions{display:flex;align-items:center;gap:var(--space-3)}.gv-empty-state{text-align:center;padding:var(--space-12) var(--space-6);background:var(--color-paper);border-radius:var(--radius-2xl);border:2px dashed var(--color-ink-200)}.gv-empty-state__icon{font-size:4rem;margin-bottom:var(--space-4);filter:grayscale(30%)}.gv-empty-state__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-ink-600);margin:0 0 var(--space-2) 0}.gv-empty-state__description{font-size:var(--text-sm);color:var(--color-ink-500);margin:0}.gv-form-panel{background:var(--color-paper);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-paper);border:2px solid var(--color-grass-light)}.gv-form-panel__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-grass-darker);margin:0 0 var(--space-5) 0;display:flex;align-items:center;gap:var(--space-2)}.gv-avatar-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-2)}@media (max-width: 640px){.gv-avatar-picker{grid-template-columns:repeat(4,1fr)}}.gv-avatar-option{width:100%;aspect-ratio:1;max-width:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.75rem;background:var(--color-paper);border:3px solid var(--color-ink-200);cursor:pointer;transition:all var(--transition-fast)}.gv-avatar-option:hover{border-color:var(--color-grass-light);transform:scale(1.05)}.gv-avatar-option--selected{border-color:var(--color-grass-dark);background:var(--color-grass-lighter);box-shadow:0 0 0 3px var(--color-grass-light)}.gv-icon-button{width:var(--touch-target-comfortable);height:var(--touch-target-comfortable);display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast);color:var(--color-ink-400)}.gv-icon-button:hover{background:var(--color-ink-100);color:var(--color-ink-600)}.gv-icon-button--danger:hover{background:var(--color-error-light);color:#dc2626}.gv-form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5)}.gv-form-actions>.gv-button:first-child{flex:1}.gv-helper-text{font-size:var(--text-xs);color:var(--color-ink-500);margin-top:var(--space-1)}.gv-signout{font-size:var(--text-sm);color:var(--color-ink-500);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast)}.gv-signout:hover{color:var(--color-ink-700);background:var(--color-ink-100);text-decoration:none}@media (max-width: 640px){.gv-dashboard__container{padding:var(--space-4)}.gv-dashboard-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.gv-profile-card{flex-direction:column;align-items:stretch;text-align:center;gap:var(--space-4)}.gv-profile-card__info{flex-direction:column}.gv-profile-card__actions{justify-content:center}}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}#game-container{position:fixed;top:0;left:0;width:100vw;height:100vh;margin:0;padding:0}#game-canvas{display:block;width:100vw!important;height:100vh!important;margin:0;padding:0}.ui-overlay{position:absolute;z-index:10;pointer-events:none}.ui-overlay>*{pointer-events:auto}body{overflow:hidden}@supports (-webkit-touch-callout: none){#game-canvas{width:100vw;height:100vh}}@media screen and (orientation: landscape){#game-canvas{width:100vw;height:100vh}}@media screen and (orientation: portrait){#game-canvas{width:100vw;height:100vh}}