.app-header{position:sticky;top:0;z-index:15;background:#fafafa;border-bottom:2px solid #1A1A1A;box-shadow:4px 4px #0003}.app-header__content{max-width:1100px;margin:0 auto;padding:.85rem 1.5rem;min-height:var(--app-header-height);display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-header__brand{color:#1a1a1a;text-decoration:none;font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-family:"Press Start 2P",Courier New,monospace;transition:color .15s ease}.app-header__brand:hover{color:#2d8b4e}.app-header__nav{display:flex;align-items:center;gap:.75rem}.app-header__link{color:#fff;text-decoration:none;padding:.45rem .95rem;border-radius:4px;border:none;background:#2d8b4e;box-shadow:4px 4px #0003;transition:transform .1s ease-out,background .15s ease;font-weight:600;letter-spacing:.02em;display:inline-flex;align-items:center;gap:.4rem}.app-header__link--button{cursor:pointer;font:inherit}.app-header__link:hover{background:#247040;transform:translateY(-2px);color:#fff}.app-header__link:active{background:#1d5c34;transform:scale(.97);box-shadow:2px 2px #0003}.app-header__link--user{max-width:min(280px,45vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header__link--icon{padding:.45rem .65rem;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.app-header__muted{color:#757575;font-size:.9rem}@media (max-width: 640px){.app-header__content{padding:.75rem 1rem}.app-header__brand{font-size:.85rem}}.game-session{--panda-black: #1A1A1A;--panda-white: #FAFAFA;--bamboo: #2D8B4E;--bamboo-hover: #247040;--bamboo-active: #1D5C34;--chip-red: #E53935;--chip-blue: #1E88E5;--pixel-gold: #FFB300;--gray-900: #1A1A1A;--gray-700: #424242;--gray-500: #757575;--gray-300: #BDBDBD;--gray-100: #F5F5F5;--gray-50: #FAFAFA;--shadow-standard: 0 4px 6px rgba(0, 0, 0, .07);--shadow-pixel: 4px 4px 0 rgba(0, 0, 0, .2);--shadow-glow-gold: 0 0 20px rgba(255, 179, 0, .4);--font-pixel: "Press Start 2P", "Courier New", monospace;--font-sans: "IBM Plex Sans", system-ui, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;font-family:var(--font-sans);color:var(--gray-700);background-color:var(--panda-white);min-height:calc(100vh - var(--app-header-height, 68px));display:flex;flex-direction:column;align-items:center;padding:var(--space-2xl) var(--space-xl) 12rem;position:relative}.game-session:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 15% 25%,rgba(45,139,78,.06) 0%,transparent 40%),radial-gradient(circle at 85% 75%,rgba(45,139,78,.04) 0%,transparent 35%),repeating-linear-gradient(90deg,transparent 0px,transparent 60px,rgba(45,139,78,.02) 60px,rgba(45,139,78,.02) 61px),repeating-linear-gradient(0deg,transparent 0px,transparent 60px,rgba(45,139,78,.02) 60px,rgba(45,139,78,.02) 61px);z-index:0}.game-session__table-shell{position:relative;z-index:1;width:min(600px,90vw);aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center}.game-session__table{position:relative;width:100%;height:100%;border-radius:50%;background:var(--panda-white);border:3px solid var(--panda-black);box-shadow:var(--shadow-pixel)}.game-session__felt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(55%,280px);padding:var(--space-xl) var(--space-lg);border-radius:4px;background:var(--gray-100);border:2px solid var(--gray-300);text-align:center;box-shadow:var(--shadow-standard)}.vote-status{margin:0;font-family:var(--font-sans);font-size:1rem;letter-spacing:.02em;color:var(--gray-700)}.vote-status strong{color:var(--bamboo);font-weight:700}.vote-status--revealed{font-family:var(--font-pixel);font-size:.625rem;color:var(--bamboo);font-weight:400;line-height:1.6}.reset-button{margin-top:var(--space-lg);padding:var(--space-md) var(--space-xl);border-radius:4px;background:var(--bamboo);color:var(--panda-white);font-family:var(--font-sans);font-weight:600;letter-spacing:.02em;box-shadow:var(--shadow-pixel);transition:transform .1s ease-out,background .15s ease}.reset-button:hover{background:var(--bamboo-hover);transform:translateY(-2px)}.reset-button:active{background:var(--bamboo-active);transform:scale(.97);box-shadow:2px 2px #0003}.reset-button:disabled{cursor:progress;opacity:.7}.reset-button--active{animation:reset-button-press .5s ease-out}@keyframes reset-button-press{0%{transform:scale(1)}35%{transform:scale(.95) translateY(2px)}65%{transform:scale(1.02) translateY(-1px)}to{transform:scale(1)}}.player-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none}.player-ring__empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;text-align:center;font-family:var(--font-sans);font-size:.875rem;color:var(--gray-500)}.player-seat{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);color:var(--panda-black);transition:transform .2s ease,opacity .2s ease;pointer-events:auto}.player-seat--current{transform:translate(-50%,-50%) scale(1.05)}.player-seat--locked .card--table{box-shadow:0 0 12px #2d8b4e66}.player-name{font-family:var(--font-sans);font-weight:600;font-size:.875rem;color:var(--panda-black)}.player-status{font-size:.75rem;color:var(--gray-500);display:flex;align-items:center;gap:var(--space-xs)}.player-status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gray-300)}.player-status--ready{color:var(--bamboo)}.player-status--ready:before{background:var(--bamboo)}.player-status--voting:before{background:var(--pixel-gold);animation:pulse-gold 1.5s ease-in-out infinite}@keyframes pulse-gold{0%,to{opacity:1}50%{opacity:.4}}.player-result{margin-top:var(--space-xs);font-family:var(--font-pixel);font-size:.75rem;color:var(--bamboo)}.card{width:80px;height:120px;border-radius:4px;border:2px solid var(--panda-black);background:linear-gradient(145deg,var(--panda-white) 0%,var(--gray-100) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:1rem;color:var(--panda-black);box-shadow:var(--shadow-pixel);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.card:disabled{opacity:1;cursor:default}.card--hidden{background:repeating-linear-gradient(45deg,var(--bamboo) 0px,var(--bamboo) 8px,var(--panda-white) 8px,var(--panda-white) 16px);color:transparent}.card--revealed{background:linear-gradient(145deg,var(--panda-white) 0%,var(--gray-100) 100%);color:var(--panda-black)}.card--selected{border-color:var(--bamboo);border-width:3px;transform:translateY(-8px);box-shadow:var(--shadow-pixel)}.card--option{width:64px;height:96px;font-size:.875rem;cursor:pointer}.card--option:hover:not(:disabled){transform:translateY(-4px);box-shadow:6px 6px #00000026}.card--option.card--selected{transform:translateY(-8px) scale(1.05)}.card--option:disabled{cursor:not-allowed;opacity:.6;border-color:var(--gray-300);box-shadow:2px 2px #0000001a}.card--option:disabled:not(.card--selected){background:var(--gray-100);color:var(--gray-500)}.card--option:disabled.card--selected{opacity:1;border-color:var(--bamboo);background:#2d8b4e1a}.card--table{width:72px;height:108px;font-size:.875rem}.card__value{pointer-events:none}.card-picker{position:fixed;bottom:var(--space-2xl);left:50%;transform:translate(-50%);width:min(640px,calc(100vw - 3rem));padding:var(--space-xl) var(--space-2xl);border-radius:4px;background:var(--panda-white);border:2px solid var(--panda-black);box-shadow:var(--shadow-pixel);text-align:center;z-index:10}.card-picker__title{margin:0 0 var(--space-lg);font-family:var(--font-pixel);font-size:.625rem;color:var(--panda-black);letter-spacing:.02em}.card-picker__options{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.card-picker__hint{margin:var(--space-lg) 0 0;font-size:.875rem;color:var(--gray-500)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:20}.modal{width:min(420px,90vw);background:var(--panda-white);border:2px solid var(--panda-black);border-radius:4px;padding:var(--space-2xl);box-shadow:var(--shadow-pixel);color:var(--gray-700)}.modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.modal__header h2{margin:0;font-family:var(--font-pixel);font-size:.75rem;color:var(--panda-black);line-height:1.4}.modal__close{background:transparent;border:none;color:var(--gray-500);font-size:1.5rem;line-height:1;cursor:pointer;padding:var(--space-xs);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:background-color .15s ease,color .15s ease}.modal__close:hover{background-color:var(--gray-100);color:var(--panda-black)}.modal__content{margin-top:var(--space-sm)}.modal__helper{margin:var(--space-sm) 0 var(--space-xl);color:var(--gray-500);font-size:.875rem}.modal__form{display:flex;flex-direction:column;gap:var(--space-md)}.modal__label{font-size:.875rem;font-weight:500;color:var(--gray-700)}.modal__input{padding:var(--space-md) var(--space-lg);border-radius:4px;border:2px solid var(--panda-black);background:var(--panda-white);color:var(--panda-black);font-size:1rem}.modal__input:focus{outline:none;border-color:var(--bamboo)}.modal__button{margin-top:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:4px;background:var(--bamboo);color:var(--panda-white);font-weight:600;box-shadow:var(--shadow-pixel);transition:transform .1s ease-out,background .15s ease}.modal__button:hover:enabled{background:var(--bamboo-hover);transform:translateY(-2px)}.modal__button:active:enabled{background:var(--bamboo-active);transform:scale(.97);box-shadow:2px 2px #0003}.modal__status{margin:var(--space-sm) 0 0;font-size:.85rem;color:var(--gray-500)}.modal__status--error{color:var(--chip-red)}.invite-modal__url-group{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.invite-modal__url-input{cursor:text;-webkit-user-select:all;user-select:all;font-family:IBM Plex Mono,monospace;font-size:.85rem}.invite-modal__copy-button{margin-top:var(--space-lg)}.invite-modal__copied{margin:var(--space-sm) 0 0;font-size:.85rem;color:var(--bamboo);text-align:center}.invite-modal__qr-container{margin-top:var(--space-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding-top:var(--space-xl);border-top:2px solid var(--gray-100)}.invite-modal__qr-code{background:var(--panda-white);padding:var(--space-md);border:2px solid var(--panda-black);border-radius:4px}.settings-modal__section{margin-bottom:var(--space-xl)}.settings-modal__hint{margin:var(--space-xs) 0 var(--space-lg);font-size:.85rem;color:var(--gray-500)}.settings-modal__options{display:flex;flex-direction:column;gap:var(--space-md)}.settings-modal__option{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:var(--space-lg);border-radius:4px;border:2px solid var(--gray-300);background:var(--panda-white);color:var(--gray-700);text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.settings-modal__option:hover{border-color:var(--gray-500);background:var(--gray-100)}.settings-modal__option--selected{border-color:var(--bamboo);background:#2d8b4e14}.settings-modal__option--selected:hover{border-color:var(--bamboo)}.settings-modal__option-title{font-weight:600;font-size:1rem;color:var(--panda-black)}.settings-modal__option-preview{font-size:.85rem;color:var(--gray-500)}.settings-modal__option--selected .settings-modal__option-preview{color:var(--gray-700)}@media (max-width: 720px){.game-session{padding-bottom:16rem}.game-session__table-shell{width:min(480px,90vw)}.card-picker{width:calc(100vw - 2rem);bottom:var(--space-xl);padding:var(--space-lg) var(--space-xl)}.card--option{width:56px;height:84px;font-size:.75rem}.card--table{width:60px;height:90px;font-size:.75rem}}@media (max-width: 480px){.game-session__table-shell{width:min(360px,95vw)}.card--option{width:48px;height:72px;font-size:.625rem}.card--table{width:52px;height:78px;font-size:.625rem}.player-name{font-size:.75rem}.player-status{font-size:.625rem}}.home{--panda-black: #1A1A1A;--panda-white: #FAFAFA;--bamboo: #2D8B4E;--bamboo-hover: #247040;--bamboo-active: #1D5C34;--chip-red: #E53935;--chip-blue: #1E88E5;--pixel-gold: #FFB300;--gray-900: #1A1A1A;--gray-700: #424242;--gray-500: #757575;--gray-300: #BDBDBD;--gray-100: #F5F5F5;--gray-50: #FAFAFA;--shadow-standard: 0 4px 6px rgba(0, 0, 0, .07);--shadow-pixel: 4px 4px 0 rgba(0, 0, 0, .2);--shadow-glow-gold: 0 0 20px rgba(255, 179, 0, .4);--font-pixel: "Press Start 2P", "Courier New", monospace;--font-sans: "IBM Plex Sans", system-ui, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;font-family:var(--font-sans);color:var(--gray-700);background-color:var(--panda-white);min-height:100vh;display:flex;flex-direction:column}.home:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 15% 25%,rgba(45,139,78,.06) 0%,transparent 40%),radial-gradient(circle at 85% 75%,rgba(45,139,78,.04) 0%,transparent 35%),repeating-linear-gradient(90deg,transparent 0px,transparent 60px,rgba(45,139,78,.02) 60px,rgba(45,139,78,.02) 61px),repeating-linear-gradient(0deg,transparent 0px,transparent 60px,rgba(45,139,78,.02) 60px,rgba(45,139,78,.02) 61px);z-index:0}.home main{flex:1;position:relative;z-index:1;max-width:900px;margin:0 auto;padding:var(--space-3xl) var(--space-xl)}.home__hero{text-align:center;margin-bottom:var(--space-3xl)}.home__title{font-family:var(--font-pixel);font-size:clamp(1.25rem,4vw,2rem);line-height:1.2;color:var(--panda-black);margin:0 0 var(--space-lg);text-shadow:var(--shadow-pixel);letter-spacing:.02em}.home__subtitle{font-family:var(--font-sans);font-size:clamp(.875rem,2vw,1.125rem);color:var(--gray-500);margin:0 0 var(--space-2xl);font-weight:400;letter-spacing:.08em}.home__cards-display{display:flex;justify-content:center;align-items:flex-end;gap:0;margin-bottom:var(--space-2xl);perspective:600px}.home__card{width:64px;height:96px;background:linear-gradient(145deg,#fff 0%,var(--gray-100) 100%);border:2px solid var(--panda-black);border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:1rem;color:var(--panda-black);box-shadow:var(--shadow-pixel);transition:transform .2s ease}.home__card:nth-child(1){transform:rotate(-12deg) translateY(8px)}.home__card:nth-child(2){transform:rotate(-4deg) translateY(2px);z-index:1}.home__card:nth-child(3){transform:rotate(4deg) translateY(2px);z-index:2}.home__card:nth-child(4){transform:rotate(12deg) translateY(8px);z-index:1}.home__card--back{background:repeating-linear-gradient(45deg,var(--bamboo) 0px,var(--bamboo) 8px,#fff 8px,#fff 16px)}.home__cta{display:flex;justify-content:center}.home__button{font-family:var(--font-sans);font-size:1rem;font-weight:600;color:#fff;background:var(--bamboo);border:none;border-radius:4px;padding:var(--space-md) var(--space-xl);cursor:pointer;box-shadow:var(--shadow-pixel);transition:transform .1s ease-out,background .15s ease;letter-spacing:.02em}.home__button:hover{background:var(--bamboo-hover);transform:translateY(-2px)}.home__button:active{background:var(--bamboo-active);transform:scale(.97);box-shadow:2px 2px #0003}.home__section{margin-bottom:var(--space-3xl);padding-top:var(--space-2xl);border-top:2px solid var(--gray-100)}.home__section-title{font-family:var(--font-pixel);font-size:clamp(.75rem,2vw,1rem);line-height:1.3;color:var(--panda-black);text-align:center;margin:0 0 var(--space-xl);letter-spacing:.04em}.home__section-intro{font-size:1rem;line-height:1.7;color:var(--gray-700);text-align:center;max-width:640px;margin:0 auto var(--space-xl)}.home__benefits{display:flex;flex-direction:column;gap:var(--space-lg)}.home__benefit{display:flex;align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg);background:#fff;border:2px solid var(--gray-300);border-radius:4px;box-shadow:var(--shadow-standard)}.home__benefit-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border:2px solid var(--panda-black);border-radius:2px;font-size:1.25rem}.home__benefit-content strong{display:block;font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--panda-black);margin-bottom:var(--space-xs)}.home__benefit-content p{margin:0;font-size:.875rem;line-height:1.5;color:var(--gray-500)}.home__features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg)}.home__feature{padding:var(--space-xl);background:#fff;border:2px solid var(--gray-300);border-radius:4px;text-align:center;box-shadow:var(--shadow-standard);transition:transform .15s ease,box-shadow .15s ease}.home__feature:hover{transform:translateY(-2px);box-shadow:var(--shadow-pixel)}.home__feature-icon{display:block;font-size:1.75rem;margin-bottom:var(--space-md)}.home__feature strong{display:block;font-family:var(--font-sans);font-size:.875rem;font-weight:600;color:var(--panda-black);margin-bottom:var(--space-xs);letter-spacing:.02em}.home__feature p{margin:0;font-size:.8125rem;line-height:1.5;color:var(--gray-500)}.home__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl)}.home__step{text-align:center;padding:var(--space-lg)}.home__step-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bamboo);color:#fff;font-family:var(--font-pixel);font-size:1rem;border:2px solid var(--panda-black);border-radius:2px;margin-bottom:var(--space-md);box-shadow:var(--shadow-pixel)}.home__step strong{display:block;font-family:var(--font-sans);font-size:.9375rem;font-weight:600;color:var(--panda-black);margin-bottom:var(--space-sm)}.home__step p{margin:0;font-size:.8125rem;line-height:1.5;color:var(--gray-500)}.home__cta--secondary{margin-top:var(--space-2xl);margin-bottom:var(--space-3xl)}.home__footer{border-top:2px solid var(--gray-100);padding:var(--space-2xl) var(--space-xl);text-align:center;font-size:.8125rem;color:var(--gray-500);position:relative;z-index:1}.home__footer-content{max-width:900px;margin:0 auto}.home__footer-brand{margin-bottom:var(--space-lg)}.home__footer-brand a{color:var(--bamboo);text-decoration:none;font-weight:500;transition:color .15s ease}.home__footer-brand a:hover{color:var(--bamboo-hover);text-decoration:underline}.home__footer-links{margin-bottom:var(--space-lg)}.home__footer-links a{color:var(--gray-500);text-decoration:none;transition:color .15s ease}.home__footer-links a:hover{color:var(--panda-black)}.home__footer-divider{margin:0 var(--space-md);color:var(--gray-300)}.home__footer-copyright{font-size:.75rem;color:var(--gray-500)}@media (max-width: 640px){.home main{padding:var(--space-2xl) var(--space-lg)}.home__cards-display{transform:scale(.85)}.home__features,.home__steps{grid-template-columns:1fr 1fr}.home__benefit{flex-direction:column;align-items:center;text-align:center}.home__footer-links{display:flex;flex-direction:column;gap:var(--space-sm)}.home__footer-divider{display:none}}@media (max-width: 400px){.home__features,.home__steps{grid-template-columns:1fr}}.login{--panda-black: #1A1A1A;--panda-white: #FAFAFA;--bamboo: #2D8B4E;--bamboo-hover: #247040;--bamboo-active: #1D5C34;--chip-red: #E53935;--gray-700: #424242;--gray-500: #757575;--gray-300: #BDBDBD;--gray-100: #F5F5F5;--shadow-pixel: 4px 4px 0 rgba(0, 0, 0, .2);--font-pixel: "Press Start 2P", "Courier New", monospace;--font-sans: "IBM Plex Sans", system-ui, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;font-family:var(--font-sans);color:var(--gray-700);background-color:var(--panda-white);min-height:calc(100vh - var(--app-header-height));display:flex;align-items:center;justify-content:center}.login:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 15% 25%,rgba(45,139,78,.06) 0%,transparent 40%),radial-gradient(circle at 85% 75%,rgba(45,139,78,.04) 0%,transparent 35%),repeating-linear-gradient(90deg,transparent 0px,transparent 60px,rgba(45,139,78,.02) 60px,rgba(45,139,78,.02) 61px),repeating-linear-gradient(0deg,transparent 0px,transparent 60px,rgba(45,139,78,.02) 60px,rgba(45,139,78,.02) 61px);z-index:0}.login__container{position:relative;z-index:1;max-width:400px;width:100%;padding:var(--space-2xl);text-align:center}.login__title{font-family:var(--font-pixel);font-size:clamp(1rem,3vw,1.5rem);line-height:1.3;color:var(--panda-black);margin:0 0 var(--space-lg);text-shadow:var(--shadow-pixel);letter-spacing:.02em}.login__subtitle{font-family:var(--font-sans);font-size:1rem;color:var(--gray-500);margin:0 0 var(--space-xl)}.login__form{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl)}.login__label{text-align:left;font-weight:500;font-size:.875rem;color:var(--gray-700)}.login__input{padding:var(--space-md) var(--space-lg);font-size:1rem;font-family:var(--font-sans);border:2px solid var(--panda-black);border-radius:4px;background:#fff;transition:border-color .15s ease}.login__input:focus{outline:none;border-color:var(--bamboo)}.login__input:disabled{opacity:.6;cursor:not-allowed}.login__button{font-family:var(--font-sans);font-size:1rem;font-weight:600;color:#fff;background:var(--bamboo);border:none;border-radius:4px;padding:var(--space-md) var(--space-xl);cursor:pointer;box-shadow:var(--shadow-pixel);transition:transform .1s ease-out,background .15s ease;letter-spacing:.02em}.login__button:hover:not(:disabled){background:var(--bamboo-hover);transform:translateY(-2px)}.login__button:active:not(:disabled){background:var(--bamboo-active);transform:scale(.97);box-shadow:2px 2px #0003}.login__button:disabled{opacity:.6;cursor:not-allowed}.login__error{color:var(--chip-red);font-size:.875rem;margin:0 0 var(--space-lg)}.login__button--google{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;background:var(--panda-white);color:var(--panda-black);border:2px solid var(--panda-black)}.login__button--google:hover:not(:disabled){background:var(--gray-100);transform:translateY(-2px)}.login__button--google:active:not(:disabled){background:var(--gray-100);transform:scale(.97)}.login__google-icon{flex-shrink:0}.login__divider{display:flex;align-items:center;margin:var(--space-xl) 0}.login__divider:before,.login__divider:after{content:"";flex:1;height:1px;background:var(--gray-300)}.login__divider-text{padding:0 var(--space-lg);font-family:var(--font-pixel);font-size:.625rem;color:var(--gray-500);text-transform:uppercase}.login__form-label{font-size:.875rem;color:var(--gray-500);margin-bottom:var(--space-md);text-align:center}.login__message{font-size:1.125rem;color:var(--gray-700);margin:0 0 var(--space-lg);line-height:1.6}.login__hint{font-size:.875rem;color:var(--gray-500);margin:0 0 var(--space-xl)}.login__link{color:var(--bamboo);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .15s ease}.login__link:hover{color:var(--bamboo-hover);text-decoration:underline}@media (max-width: 480px){.login__container{padding:var(--space-xl) var(--space-lg)}}.account{--panda-black: #1A1A1A;--panda-white: #FAFAFA;--bamboo: #2D8B4E;--bamboo-hover: #247040;--chip-red: #E53935;--chip-gold: #FFB300;--gray-800: #2E2E2E;--gray-600: #616161;--gray-400: #9E9E9E;--shadow-pixel: 4px 4px 0 rgba(0, 0, 0, .2);--font-pixel: "Press Start 2P", "Courier New", monospace;--font-sans: "IBM Plex Sans", system-ui, sans-serif;min-height:calc(100vh - var(--app-header-height));display:flex;align-items:center;justify-content:center;padding:2.5rem 1.5rem 4rem;background-color:var(--panda-white);color:var(--gray-800);font-family:var(--font-sans)}.account:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 20% 25%,rgba(45,139,78,.06) 0%,transparent 45%),radial-gradient(circle at 80% 80%,rgba(45,139,78,.05) 0%,transparent 40%),repeating-linear-gradient(90deg,transparent 0px,transparent 60px,rgba(45,139,78,.02) 60px,rgba(45,139,78,.02) 61px);z-index:0}.account__card{position:relative;z-index:1;width:min(520px,94vw);background:#fff;border:2px solid var(--panda-black);border-radius:10px;padding:2.5rem 2.25rem;box-shadow:var(--shadow-pixel)}.account__title{margin:0 0 .75rem;font-family:var(--font-pixel);font-size:clamp(1.05rem,3vw,1.5rem);color:var(--panda-black);letter-spacing:.02em;text-shadow:var(--shadow-pixel)}.account__subtitle{margin:0 0 2rem;color:var(--gray-600);font-size:1rem}.account__form{display:flex;flex-direction:column;gap:1.2rem}.account__field{display:flex;flex-direction:column;gap:.5rem}.account__label{font-size:.9rem;color:var(--gray-800);font-weight:600}.account__input{padding:.7rem .9rem;border:2px solid var(--panda-black);border-radius:6px;background:#fff;font-size:1rem}.account__input:focus{outline:none;border-color:var(--bamboo)}.account__input--readonly{color:var(--gray-400);background:#f8f8f8}.account__helper{margin:0;font-size:.85rem;color:var(--gray-600)}.account__button{padding:.85rem 1.4rem;background:var(--bamboo);color:#fff;font-weight:600;border-radius:6px;box-shadow:var(--shadow-pixel);transition:transform .12s ease-out,background .15s ease}.account__button:hover:not(:disabled){background:var(--bamboo-hover);transform:translateY(-2px)}.account__button:disabled{opacity:.7}.account__status{margin:0;font-size:.9rem;color:var(--gray-600)}.account__status--error{color:var(--chip-red)}.account__status--success{color:var(--chip-gold)}@media (max-width: 520px){.account__card{padding:2rem 1.5rem}}main{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:4rem 1.5rem 6rem;max-width:960px;margin:0 auto;gap:2.5rem;color:#424242}.lead{max-width:680px;text-align:center;color:#757575}.hero{display:flex;justify-content:center}.cta-button{padding:.75rem 1.5rem;border-radius:4px;background:#2d8b4e;color:#fff;font-weight:600;letter-spacing:.02em;box-shadow:4px 4px #0003;transition:transform .1s ease-out,background .15s ease}.cta-button:hover{background:#247040;transform:translateY(-2px)}.cta-button:active{background:#1d5c34;transform:scale(.97);box-shadow:2px 2px #0003}.features{width:100%;color:#757575}.features ul{padding-left:1rem;line-height:1.7}.error-fallback{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 1.5rem;max-width:none;margin:0;color:#424242;background-color:#fafafa}.error-fallback__card{width:min(540px,92vw);background:#fff;border:2px solid #1A1A1A;border-radius:4px;padding:2.5rem 2.25rem;box-shadow:4px 4px #0003;text-align:center}.error-fallback__eyebrow{margin:0;font-size:.85rem;letter-spacing:.22em;text-transform:uppercase;color:#757575}.error-fallback__title{margin:.75rem 0 .6rem;font-family:"Press Start 2P",Courier New,monospace;font-size:1rem;letter-spacing:.02em;color:#1a1a1a}.error-fallback__message{margin:0 0 1.6rem;color:#757575}.error-fallback__button{padding:.75rem 1.5rem;border-radius:4px;background:#2d8b4e;color:#fff;font-weight:600;letter-spacing:.02em;box-shadow:4px 4px #0003;transition:transform .1s ease-out,background .15s ease}.error-fallback__button:hover{background:#247040;transform:translateY(-2px)}.error-fallback__button:active{background:#1d5c34;transform:scale(.97);box-shadow:2px 2px #0003}.error-fallback__details{margin-top:1.8rem;text-align:left;color:#424242}.error-fallback__detail-title{margin:0 0 .6rem;font-size:.9rem;color:#757575}.error-fallback__detail-block{margin:0 0 .8rem;padding:.85rem 1rem;border-radius:4px;background:#f5f5f5;border:2px solid #BDBDBD;white-space:pre-wrap;word-break:break-word;font-family:IBM Plex Mono,JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.85rem;color:#424242}:root{font-family:IBM Plex Sans,Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;line-height:1.5;font-weight:500;color:#424242;background-color:#fafafa;--app-header-height: 68px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#fafafa}#root{min-height:100vh}a{color:inherit}a:hover{color:#2d8b4e}button,input,textarea{font:inherit}button{border:none;background:none;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}