:root{--bg: #FAFAF8;--surface: #FFFFFF;--border: #E4E4E0;--text: #1A1A18;--muted: #6B6B65;--subtle: #9B9B93;--green: #2D5A27;--green-light:#EBF2EA;--green-dark: #1E3D1B;--lucky: #92600A;--lucky-bg: #FEF3DC;--lucky-border:#E8960A;--win-bg: #EBF2EA;--win-border: #2D5A27;--tie-bg: #F5F5F3;--danger: #C0392B;--r-sm: 6px;--r: 10px;--r-lg: 16px;--r-pill: 9999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--t: .14s ease;--t-fast: 80ms ease;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow: 0 2px 8px rgba(0,0,0,.1)}@media (prefers-color-scheme: dark){:root{--bg: #0F1210;--surface: #191D1A;--border: #2A3028;--text: #E8EAE6;--muted: #8A9088;--subtle: #5C6059;--green: #4A8C42;--green-light: #1A2E18;--green-dark: #6BB062;--lucky: #C8860C;--lucky-bg: #2A1E08;--lucky-border:#A06008;--win-bg: #182416;--win-border: #4A8C42;--tie-bg: #1E201C;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow: 0 2px 8px rgba(0,0,0,.4)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%}body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#root{height:100%;display:flex;flex-direction:column}.shell{flex:1;display:flex;flex-direction:column;max-width:480px;margin:0 auto;width:100%;padding:0 var(--sp-4);padding-bottom:env(safe-area-inset-bottom,0)}.shell__inner{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--sp-6) 0}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) 0 var(--sp-3);border-bottom:1px solid var(--border);flex-shrink:0}.header-right{display:flex;align-items:center;gap:var(--sp-3)}.user-id{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:12px;color:var(--subtle);font-variant-numeric:tabular-nums}.brand{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--green)}.auth-brand{font-size:28px;display:block;margin-bottom:var(--sp-2)}.app-main{flex:1;padding:var(--sp-5) 0 var(--sp-8);overflow-y:auto}button{cursor:pointer;font-family:inherit}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fff;border:none;border-radius:var(--r);padding:14px var(--sp-5);font-size:15px;font-weight:600;transition:background var(--t-fast),opacity var(--t-fast);min-height:48px}.btn-primary:hover:not(:disabled){background:var(--green-dark)}.btn-primary:active:not(:disabled){opacity:.88}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ready{display:inline-flex;align-items:center;justify-content:center;background:var(--green-light);color:var(--green);border:1.5px solid var(--green);border-radius:var(--r);padding:14px var(--sp-5);font-size:15px;font-weight:600;min-height:48px;opacity:.7;cursor:not-allowed}.btn-full{width:100%}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--green);border:1.5px solid var(--green);border-radius:var(--r);padding:12px var(--sp-5);font-size:15px;font-weight:600;min-height:48px;transition:background var(--t-fast)}.btn-secondary:hover:not(:disabled){background:var(--green-light)}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:var(--r-sm);padding:6px var(--sp-3);font-size:13px;transition:background var(--t-fast),border-color var(--t-fast)}.btn-ghost:hover{background:var(--surface);border-color:var(--muted)}.btn-ghost.btn-copied{color:var(--green);border-color:var(--green)}.btn-sm{padding:5px var(--sp-2);font-size:12px}.btn-danger{background:transparent;border:1px solid var(--border);color:var(--danger);border-radius:var(--r-sm);padding:5px var(--sp-2);font-size:12px;transition:background var(--t-fast)}.btn-danger:hover:not(:disabled){background:#c0392b14}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.link-btn{background:none;border:none;color:var(--green);font-size:inherit;text-decoration:underline;cursor:pointer;padding:0}.field{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-4)}.field label{font-size:13px;font-weight:500;color:var(--muted)}input[type=email],input[type=password],input[type=text]{width:100%;padding:12px var(--sp-3);border:1.5px solid var(--border);border-radius:var(--r);background:var(--surface);color:var(--text);font-size:16px;font-family:inherit;transition:border-color var(--t-fast);min-height:48px}input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #2d5a2726}input:disabled{opacity:.6}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-6) var(--sp-4);background:var(--bg)}.auth-card{width:100%;max-width:360px}.auth-tagline{color:var(--muted);font-size:14px;margin-bottom:var(--sp-5)}.pending-note{background:var(--green-light);border:1px solid var(--green);color:var(--green-dark);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);font-size:13px;margin-bottom:var(--sp-4)}.auth-toggle{font-size:14px;color:var(--muted);text-align:center;margin-top:var(--sp-5)}.lobby{display:flex;flex-direction:column;gap:var(--sp-5)}.stats-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.stats-row{display:flex;gap:var(--sp-4)}.stats-note{font-size:11px;color:var(--subtle);text-align:center}.stats-mode-toggle{display:flex;gap:2px;align-self:flex-start;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px}.stats-mode-btn{font-size:11px;font-weight:600;padding:3px var(--sp-3);border:none;border-radius:4px;background:transparent;color:var(--subtle);letter-spacing:.04em;text-transform:uppercase;transition:background var(--t-fast),color var(--t-fast)}.stats-mode-btn--active{background:var(--surface);color:var(--text)}.stat{display:flex;flex-direction:column;align-items:center;flex:1}.stat__value{font-size:22px;font-weight:700;line-height:1.1}.stat__value--ratio{font-size:18px;font-variant-numeric:tabular-nums}.stat__sep{font-size:14px;font-weight:400;color:var(--subtle);margin:0 1px}.stat__value--lucky{color:var(--lucky)}.stat__label{font-size:11px;color:var(--subtle);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.lobby-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.lobby-card__or{display:flex;align-items:center;gap:var(--sp-2);font-size:11px;color:var(--subtle);text-transform:uppercase;letter-spacing:.05em}.lobby-card__or:before,.lobby-card__or:after{content:"";flex:1;height:1px;background:var(--border)}.join-form{display:flex;gap:var(--sp-2)}.join-form input{flex:1;text-transform:uppercase;letter-spacing:.06em}.rules{border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.rules summary{padding:var(--sp-3) var(--sp-4);font-size:14px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.rules summary::-webkit-details-marker{display:none}.rules__body{padding:var(--sp-1) var(--sp-4) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);font-size:14px;color:var(--muted)}.room{display:flex;flex-direction:column;gap:var(--sp-4)}.room-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.room-bar__left,.room-bar__right{display:flex;align-items:center;gap:var(--sp-2)}.room-code{font-size:20px;font-weight:700;letter-spacing:.1em;font-variant-numeric:tabular-nums;color:var(--text)}.host-badge{font-size:11px;font-weight:600;color:var(--green);background:var(--green-light);border-radius:var(--r-pill);padding:2px 7px;text-transform:uppercase;letter-spacing:.04em}.phase{display:flex;flex-direction:column;gap:var(--sp-4)}.round-label{font-size:13px;font-weight:600;color:var(--subtle);text-transform:uppercase;letter-spacing:.06em}.pick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.pick-grid--locked{opacity:.7}.pick-grid__cell{aspect-ratio:1;border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-fast);min-height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center}.pick-grid__cell:hover:not(:disabled){background:var(--green-light);border-color:var(--green);transform:scale(1.04)}.pick-grid__cell:active:not(:disabled){transform:scale(.96)}.pick-grid__cell:disabled{cursor:default}.pick-grid__cell:focus-visible{outline:2.5px solid var(--green);outline-offset:1px}.pick-grid__cell--lucky{background:var(--lucky-bg);border-color:var(--lucky-border);color:var(--lucky);font-weight:700}.pick-grid__cell--selected{background:var(--green);border-color:var(--green);color:#fff;font-weight:700}.pick-grid__cell--selected.pick-grid__cell--lucky{background:var(--lucky);border-color:var(--lucky)}.player-name{display:inline-flex;align-items:center;gap:var(--sp-1)}.player-emoji{font-size:1.1em;line-height:1}.checkin{display:flex;flex-direction:column;gap:var(--sp-1)}.checkin__row{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:14px;color:var(--muted);background:var(--surface);border:1px solid var(--border)}.checkin__row--done{color:var(--text)}.checkin__icon{font-weight:600;color:var(--green)}.outcome{padding:var(--sp-4);border-radius:var(--r);font-size:17px;font-weight:600;text-align:center;background:var(--tie-bg);border:1px solid var(--border)}.outcome--win{background:var(--win-bg);border-color:var(--win-border);color:var(--green)}.outcome--lucky{background:var(--lucky-bg);border-color:var(--lucky-border);color:var(--lucky)}.outcome--loss{background:var(--surface)}.outcome--tie{color:var(--muted)}.results{display:flex;flex-direction:column;gap:var(--sp-1)}.results__row{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:15px;background:var(--surface);border:1px solid var(--border)}.results__row--win{background:var(--win-bg);border-color:var(--win-border)}.results__row--lucky-win{background:var(--lucky-bg);border-color:var(--lucky-border)}.results__row--tied{background:#fffbf0;border-color:var(--lucky-border);color:var(--lucky)}.results__row--loss{color:var(--muted)}.results__row--self{outline:2px solid var(--green);outline-offset:-2px}.results__player{flex:1;font-weight:500;display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.results__badge{font-size:11px;font-weight:600;padding:1px var(--sp-2);border-radius:var(--r-pill);background:#0000000f;white-space:nowrap}.results__pick{font-weight:700;font-size:17px;font-variant-numeric:tabular-nums;min-width:44px;text-align:right}.recent-picks{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.recent-picks__label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.recent-picks__chips{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.recent-picks__chip{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:2px var(--sp-2);border-radius:var(--r-sm);background:var(--green-light);color:var(--green);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;border:1px solid var(--win-border)}.picks-dist{display:flex;flex-direction:column;gap:4px;margin-top:var(--sp-1)}.picks-chart{width:100%;height:72px;display:block;overflow:visible;cursor:crosshair;touch-action:pan-y}.picks-chart__area{fill:var(--green-light);stroke:none}.picks-chart__curve{fill:none;stroke:var(--green);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.picks-chart__lucky-tick{fill:var(--lucky);opacity:.6}.picks-chart__vline{stroke-width:1}.picks-chart__vline--mean{stroke:var(--green-dark);stroke-dasharray:3 2}.picks-chart__vline--median{stroke:var(--lucky);stroke-dasharray:2 3}.picks-chart__axis-line,.picks-chart__tick{stroke:var(--border);stroke-width:.5}.picks-chart__axis-label{font-size:7px;fill:var(--subtle)}.picks-chart__hover-line{stroke:var(--text);stroke-width:.75;stroke-dasharray:2 2;opacity:.5}.picks-chart__hover-dot{fill:var(--green);stroke:#fff;stroke-width:1}.picks-chart__tip-bg{fill:var(--surface);stroke:var(--border);stroke-width:.5}.picks-chart__tip-bg--mean{fill:var(--green-light);stroke:var(--green)}.picks-chart__tip-bg--median{fill:var(--lucky-bg);stroke:var(--lucky-border)}.picks-chart__tip-text{font-size:7px;fill:var(--text)}.picks-chart__tip-text--mean{fill:var(--green-dark)}.picks-chart__tip-text--median{fill:var(--lucky)}.picks-dist__legend{display:flex;gap:var(--sp-3);align-items:center}.picks-dist__item{font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:4px}.picks-dist__item--mean:before,.picks-dist__item--median:before{content:"";width:10px;height:2px;display:inline-block;border-radius:1px}.picks-dist__item--mean:before{background:var(--green-dark)}.picks-dist__item--median:before{background:var(--lucky)}.picks-dist__item--count{margin-left:auto;color:var(--subtle)}.member-list{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.member-chip{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);font-size:13px;background:var(--surface);border:1px solid var(--border);color:var(--muted)}.member-chip--self{color:var(--text);border-color:var(--muted)}.member-chip--host{color:var(--green);border-color:var(--green);background:var(--green-light)}.member-chip--ready{border-color:var(--green);background:var(--green-light)}.host-crown{font-size:10px}.ready-check{font-size:10px;color:var(--green);font-weight:700}.history{border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-top:var(--sp-2)}.history summary{padding:var(--sp-3) var(--sp-4);font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.history summary::-webkit-details-marker{display:none}.history__round{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--sp-2)}.history__label{font-size:12px;color:var(--subtle);font-weight:500}.pick-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--sp-4)}.pick-modal__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6);width:100%;max-width:340px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:var(--sp-4)}.pick-modal__heading{font-size:15px;font-weight:600;text-align:center;color:var(--muted)}.pick-modal__number{font-size:3.5rem;font-weight:800;text-align:center;color:var(--green);font-variant-numeric:tabular-nums;line-height:1}.toast-stack{position:fixed;bottom:var(--sp-6);left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;gap:var(--sp-2);z-index:200;pointer-events:none;width:max-content;max-width:calc(100vw - var(--sp-8))}.toast{background:var(--text);color:var(--bg);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);font-size:13px;font-weight:500;text-align:center;white-space:nowrap;animation:toast-in .16s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.waiting{font-size:14px;color:var(--muted);text-align:center;padding:var(--sp-3) 0}.checked-in{display:flex;flex-direction:column;gap:var(--sp-3)}.status-msg{font-size:13px;color:var(--danger);padding:var(--sp-2) var(--sp-3);background:#c0392b12;border-radius:var(--r-sm);text-align:center}.status-msg--info{color:var(--green);background:var(--green-light)}.loading-screen{display:flex;align-items:center;justify-content:center;height:120px}.spinner{width:28px;height:28px;border:2.5px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-text{color:var(--danger);font-weight:600;margin-bottom:var(--sp-2)}.muted-text{font-size:13px;color:var(--muted);margin-bottom:var(--sp-3)}.code-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--sp-3);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:12px;overflow-x:auto;white-space:pre}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6);width:100%;max-width:360px;box-shadow:var(--shadow)}.visibility-row{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap}.visibility-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.visibility-hint{font-size:11px;color:var(--subtle);flex:1}.open-rooms{margin-top:var(--sp-5)}.open-rooms__heading{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-2)}.open-rooms__row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r);margin-bottom:var(--sp-2)}.open-rooms__code{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--text);flex:0 0 auto}.open-rooms__count{font-size:13px;color:var(--muted);flex:1}.open-rooms__join{flex:0 0 auto;padding:7px var(--sp-4)!important;font-size:13px!important;min-height:36px!important}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:200;padding:var(--sp-4);padding-bottom:max(var(--sp-6),env(safe-area-inset-bottom,0))}.settings-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);width:100%;max-width:420px;box-shadow:var(--shadow)}.settings-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-5)}.settings-panel__title{font-size:16px;font-weight:700}.settings-panel__signout{margin-top:var(--sp-3);width:100%;color:var(--muted)}.field-label{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:var(--sp-1);display:block}.text-input{width:100%;border:1.5px solid var(--border);border-radius:var(--r);padding:10px var(--sp-3);font-size:15px;font-family:inherit;background:var(--bg);color:var(--text);transition:border-color var(--t-fast);outline:none}.text-input:focus{border-color:var(--green)}@media (min-width: 600px){.pick-grid{gap:7px}.pick-grid__cell{font-size:16px}.settings-overlay{align-items:center}}