:root{--bg: #ffe14d;--surface: #ffffff;--surface-2: #fff6c2;--ink: #111111;--line: #111111;--text: #111111;--muted: #4a4a4a;--accent: #ff3b30;--accent-ink: #ffffff;--blue: #2b50ff;--accent-soft: #ffd9d6;--win: #00a86b;--win-soft: #c9f7e1;--loss: #e5222b;--loss-soft: #ffd9d6;--warn: #111111;--warn-soft: #ffe14d;--gold: #ffc700;--silver: #c7ced6;--bronze: #ff9d5c;--track: rgba(17, 17, 17, .35);--bw: 2px;--border: var(--bw) solid var(--ink);--hard: 3px 3px 0 var(--ink);--hard-sm: 2px 2px 0 var(--ink);--radius: 18px;--radius-sm: 10px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{min-height:100dvh}h1,h2,h3,p{margin:0}h1{font-size:1.9rem;font-weight:800;letter-spacing:-.04em;line-height:1.05}h2{font-size:1.05rem;font-weight:800;letter-spacing:-.01em}.muted{color:var(--muted)}.small{font-size:.8rem}.center{text-align:center;padding:4rem 0}.num{font-variant-numeric:tabular-nums}.error{color:var(--loss);font-size:.875rem;font-weight:700}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}input,select,button{font:inherit;color:inherit;touch-action:manipulation}input,select{width:100%;background:var(--surface);border:var(--border);border-radius:var(--radius-sm);padding:.65rem .85rem;min-height:46px;font-weight:600;transition:box-shadow .12s,translate .12s}input::placeholder{color:var(--muted);font-weight:500}input:focus,select:focus{outline:none;box-shadow:0 0 0 3px var(--blue)}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23111' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;text-overflow:ellipsis}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button{cursor:pointer;background:var(--surface);border:var(--border);border-radius:var(--radius-sm);padding:.65rem 1rem;min-height:46px;font-weight:800;box-shadow:var(--hard-sm);transition:translate .08s,box-shadow .08s,background .12s}button:hover{background:var(--surface-2)}button:active{translate:2px 2px;box-shadow:0 0 0 var(--ink)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--hard);letter-spacing:.02em}button.primary:hover{background:#ff5247}button.primary:active{translate:3px 3px;box-shadow:0 0 0 var(--ink)}button.link{background:none;border:0;box-shadow:none;color:var(--ink);min-height:36px;padding:.25rem .5rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}button.link:hover{background:none;text-decoration-thickness:2px}button.link:active{translate:none}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent);border:var(--border);box-shadow:var(--hard-sm);color:#fff;flex:none}.brand-mark svg{width:19px;height:19px}.auth{max-width:400px;margin:0 auto;min-height:100dvh;padding:calc(2.5rem + env(safe-area-inset-top)) 1.25rem calc(2rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center;gap:1.5rem}.auth-head{display:grid;gap:.75rem}.auth-head .brand{font-size:1rem;margin-bottom:1rem}.auth-head .muted{color:var(--ink);font-weight:500}.auth-card{background:var(--surface);border:var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:5px 5px 0 var(--ink);display:grid;gap:1rem}.auth form,.stack{display:grid;gap:.65rem}.auth-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem .75rem}.divider{display:flex;align-items:center;gap:.75rem;color:var(--ink);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.divider:before,.divider:after{content:"";flex:1;height:2px;background:var(--ink)}.shell{max-width:620px;margin:0 auto;padding-bottom:calc(100px + env(safe-area-inset-bottom))}header.top{display:flex;gap:.75rem;align-items:center;justify-content:space-between;padding:calc(.75rem + env(safe-area-inset-top)) 1rem .75rem;position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:var(--border)}.group-select{position:relative;flex:1;min-width:0}.group-select select{font-weight:800;min-height:42px;background-color:transparent;border-color:transparent;padding-left:.25rem}.group-select select:hover{background-color:#ffffff8c;border-color:var(--ink)}.chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--blue);color:#fff;border:var(--border);padding:.3rem .75rem;border-radius:999px;font-weight:800;white-space:nowrap;box-shadow:var(--hard-sm)}.chip svg{width:14px;height:14px;color:var(--gold)}main.page{padding:1rem;display:grid;gap:1.1rem}.page-title{display:grid;gap:.25rem;padding:.25rem .1rem 0}.page-title p{color:var(--ink);font-size:.92rem;font-weight:500}.card{background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:5px 5px 0 var(--ink);overflow:hidden}.card-pad{padding:1rem}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1rem .5rem}.card-head h2{font-size:1.05rem}.gp-head{display:flex;gap:.85rem;align-items:center;padding:1rem;background:var(--surface-2);border-bottom:var(--border)}.round{flex:none;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:#fff;border:var(--border);box-shadow:var(--hard-sm);line-height:1;text-align:center}.round small{display:block;font-size:.5rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:2px}.round b{font-size:1.15rem;font-weight:800}.gp-head h2{font-size:1.15rem}.session{display:grid;gap:.75rem;padding:1rem}.session+.session{border-top:var(--border)}.session-top{display:flex;align-items:center;gap:.75rem}.sess-icon{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--bg);border:var(--border);color:var(--ink)}.sess-icon svg{width:18px;height:18px}.session-top>div{flex:1;min-width:0}.session-top strong{display:block;line-height:1.25;font-weight:800}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .65rem;border-radius:999px;background:var(--surface);border:var(--border);font-size:.78rem;font-weight:800;width:fit-content;white-space:nowrap}.pill.open{background:var(--warn-soft);color:var(--ink)}.pill.won{background:var(--win-soft);color:#00643f}.pill.lost{background:var(--loss-soft);color:#a3121a}.pill.off{background:var(--surface-2);color:var(--muted)}.pill.live{background:var(--accent);color:#fff;vertical-align:middle;font-size:.7rem}.pill.live:before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse 1.2s ease-in-out infinite}.my-bet{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.trio-badges{display:flex;gap:.4rem;flex-wrap:wrap}.pick{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .6rem .2rem .25rem;border-radius:10px;background:var(--surface-2);border:var(--border);font-weight:800;font-size:.85rem;letter-spacing:.03em}.pos{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:.72rem;font-weight:800;color:var(--ink);background:var(--silver);border:1.5px solid var(--ink);flex:none}.pos.p1{background:var(--gold)}.pos.p3{background:var(--bronze)}.bet{display:grid;gap:.7rem}.bet .trio{display:grid;gap:.5rem}.pick-row{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:.5rem}.pick-row .pos{width:30px;height:30px;border-radius:8px;font-size:.85rem}.pick-row select{background-color:var(--surface-2)}.stake{display:grid;gap:.55rem}.stake-chips{display:flex;gap:.4rem;flex-wrap:wrap}.stake-chips button{min-height:34px;padding:.15rem .8rem;border-radius:999px;font-size:.8rem;box-shadow:none}.stake-chips button:active{translate:none}.stake-chips button.on{background:var(--blue);color:#fff}.stake-input{display:flex;gap:.6rem}.stake-input .field{position:relative;flex:1}.stake-input .field span{position:absolute;right:.85rem;top:50%;translate:0 -50%;color:var(--muted);font-size:.8rem;font-weight:700;pointer-events:none}.stake-input input{padding-right:3rem;font-weight:800}.stake-input button{flex:none}.row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;font-variant-numeric:tabular-nums}.row+.row{border-top:var(--border)}.row>:first-child{min-width:0}.row .who{display:flex;align-items:center;gap:.75rem;min-width:0}.row .who span.name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.row.me{background:var(--surface-2)}.rank{width:22px;text-align:center;font-weight:800;flex:none}.avatar{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.85rem;color:var(--ink);text-transform:uppercase;border:var(--border)}.bet-line{display:grid;gap:.1rem}.bet-line small{color:var(--muted);font-weight:500}.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:.5rem;padding:1.25rem 1rem 0;background:var(--surface-2);border-bottom:var(--border)}.podium .step{display:grid;justify-items:center;gap:.3rem;text-align:center;min-width:0}.podium .step .avatar{width:48px;height:48px;font-size:1.05rem;background:var(--ring)}.podium .step.first .avatar{width:58px;height:58px;font-size:1.25rem}.podium .name{font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.podium .pts{color:var(--muted);font-size:.8rem;font-weight:600}.podium .block{width:100%;border:var(--border);border-bottom:0;border-radius:10px 10px 0 0;display:grid;place-items:center;font-weight:800;font-size:1.1rem;color:var(--ink);background:var(--ring);height:44px}.podium .first .block{height:66px}.podium .third .block{height:32px}.podium .first{--ring: var(--gold)}.podium .second{--ring: var(--silver)}.podium .third{--ring: var(--bronze)}.invite{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-top:var(--border);background:var(--bg)}.invite code{font:800 1.1rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}details.card>summary{list-style:none;cursor:pointer;padding:1rem;font-weight:800;display:flex;justify-content:space-between;align-items:center}details.card>summary::-webkit-details-marker{display:none}details.card>summary:after{content:"";width:9px;height:9px;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);rotate:45deg;transition:rotate .2s;margin-right:4px}details.card[open]>summary:after{rotate:-135deg}details.card .stack{padding:0 1rem 1rem}.track{display:block;width:100%;aspect-ratio:4 / 3;background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:5px 5px 0 var(--ink)}.dot{display:inline-block;width:12px;height:12px;border-radius:50%;border:1.5px solid var(--ink);flex:none}.empty{display:grid;justify-items:center;gap:.75rem;text-align:center;padding:2.5rem 1.5rem;color:var(--muted)}.empty svg{width:52px;height:52px;color:var(--ink);background:var(--bg);border:var(--border);border-radius:16px;padding:10px;box-shadow:var(--hard-sm)}.empty strong{color:var(--ink);font-size:1.1rem;font-weight:800}nav.dock{position:fixed;left:50%;translate:-50% 0;bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:10;display:flex;gap:.3rem;padding:.35rem;border-radius:20px;width:min(420px,calc(100% - 1.5rem));background:var(--surface);border:var(--border);box-shadow:4px 4px 0 var(--ink)}nav.dock button{flex:1;display:grid;justify-items:center;gap:2px;border:0;box-shadow:none;background:none;color:var(--ink);min-height:52px;padding:.35rem;border-radius:14px;font-size:.72rem;font-weight:800}nav.dock button:active{translate:none}nav.dock button svg{width:22px;height:22px}nav.dock button:hover{background:var(--surface-2)}nav.dock button.on{background:var(--accent);color:#fff}.skeleton{border-radius:var(--radius);background:linear-gradient(100deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;height:160px;border:var(--border);box-shadow:5px 5px 0 var(--ink)}@keyframes pulse{50%{opacity:.3}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes rise{0%{opacity:0;translate:0 8px}}@media (prefers-reduced-motion: no-preference){main.page>*,.auth-card{animation:rise .3s ease both}main.page>*:nth-child(2){animation-delay:.05s}main.page>*:nth-child(3){animation-delay:.1s}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (min-width: 700px){.shell{max-width:680px}h1{font-size:2.3rem}.bet .trio{grid-template-columns:repeat(3,1fr)}.pick-row{grid-template-columns:1fr}.pick-row .pos{display:none}}.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;padding:.25rem 1rem 1rem}.kpi{display:grid;gap:.1rem;padding:.65rem .8rem;background:var(--surface-2);border:var(--border);border-radius:var(--radius-sm);min-width:0}.kpi-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.kpi-value{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi.blue{background:var(--blue);color:#fff}.kpi.blue .kpi-label{color:#ffffffd9}.kpi.win{background:var(--win-soft)}.kpi.win .kpi-value{color:#00643f}.kpi.loss{background:var(--loss-soft)}.kpi.loss .kpi-value{color:#a3121a}.stat-foot{display:grid;gap:.5rem;padding:0 1rem 1rem}.winbar{height:12px;border:var(--border);border-radius:999px;background:var(--surface);overflow:hidden}.winbar-fill{height:100%;background:var(--win);border-right:var(--border);min-width:0;transition:width .4s ease}.winbar-fill[style*="width: 0%"]{border-right:0}.stat-row{display:grid;gap:.6rem;padding:.85rem 1rem}.stat-row+.stat-row{border-top:var(--border)}.stat-row.me{background:var(--surface-2)}.stat-head{display:flex;align-items:center;gap:.65rem;min-width:0}.stat-head .name{flex:1;min-width:0;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill.you{margin-left:.4rem;background:var(--accent);color:#fff;font-size:.65rem;padding:.05rem .5rem;vertical-align:middle}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;font-weight:800}.stat-grid span{display:grid;gap:0}.stat-grid small{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.stat-grid .win{color:#00643f}.stat-grid .loss{color:#a3121a}.center-note{text-align:center}.email-box{display:grid;gap:.6rem;margin:0 1rem 1rem;padding:.85rem;background:var(--surface-2);border:var(--border);border-radius:var(--radius-sm)}.email-line{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.email-line>div{display:grid;min-width:0}.email-addr{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-box .link{display:inline;min-height:0;padding:0}