*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F0E7D8;--surface: #DCC9A9;--surface2: #F0E7D8;--ink: #17140F;--border: rgba(23, 20, 15, .18);--text: #17140F;--muted: rgba(23, 20, 15, .55);--accent: #D9442E;--accent2: #B83A2D;--accent3: #3B7DD8;--success: #4E6851;--blue: #3B7DD8;--orange: #E58A33;--pink: #E75A8B;--red: #D9442E;--green: #3E8E5E;--yellow: #E9B93B;--sage: #4E6851;--brick: #B83A2D;--cream: #F0E7D8;--tan: #DCC9A9;--font-display: "Archivo Black", sans-serif;--font-body: "Archivo", sans-serif;--font-hand: "Caveat", cursive;--radius: 12px;--paper: url(/paper.png);--inktex: url(/ink.png)}html,body,#root{height:100%;height:100dvh}body{background:var(--bg) var(--paper);background-size:430px 430px;color:var(--text);font-family:var(--font-body);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;overflow-x:hidden}button{font-family:inherit}a{color:var(--brick);text-decoration:none;font-weight:700}input,select,textarea{font-size:16px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.app{width:100%;max-width:520px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.lockup{display:flex;flex-direction:column;align-items:center;line-height:1}.lockup-lai{display:flex;align-items:center;gap:5px}.lockup-lai .rule{width:15px;height:2px;background:var(--ink)}.lockup-lai .lai{font-family:var(--font-display);font-size:8px;letter-spacing:2.5px;color:var(--ink)}.lockup-games{font-family:var(--font-display);font-size:22px;letter-spacing:-.4px;margin-top:2px;text-transform:uppercase}.lockup-tag{font-family:var(--font-hand);font-size:12px;color:var(--muted);transform:rotate(-4deg)}.lockup--big .lockup-lai{gap:12px}.lockup--big .lockup-lai .rule{width:36px}.lockup--big .lockup-lai .lai{font-size:20px;letter-spacing:6px}.lockup--big .lockup-games{font-size:54px;letter-spacing:-1px;line-height:.98;margin-top:4px}.lockup--big .lockup-tag{font-size:26px;margin-top:-4px}.lc0{color:var(--blue)}.lc1{color:var(--orange)}.lc2{color:var(--pink)}.lc3{color:var(--red)}.lc4{color:var(--green)}.lc5{color:var(--yellow)}.kicker{display:flex;align-items:center;gap:12px}.kicker .rule{flex:1;height:2px;background:var(--ink)}.kicker .kicker-text{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--ink);white-space:nowrap}.section-label{font-size:11px;letter-spacing:2.4px;text-transform:uppercase;color:var(--muted);font-weight:700}.band{background:var(--ink) var(--inktex);background-size:340px 340px;color:var(--cream);padding:11px 16px;text-align:center;font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;border-radius:4px}.band--sage{background-color:var(--sage)}.info-panel{background:var(--blue) var(--inktex);background-size:390px 390px;border-radius:8px 8px 8px 32px;padding:18px 20px;color:var(--cream)}.info-panel .info-label{font-size:11px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:#f0e7d8bf}.info-panel p{color:var(--cream);font-size:14px;line-height:1.55;margin:0}.info-panel p+p,.info-panel .info-label+p{margin-top:10px}.btn{background:var(--red) var(--inktex);background-size:340px 340px;color:var(--cream);border:none;border-radius:6px 6px 24px;font-family:var(--font-display);font-size:16px;letter-spacing:2.5px;text-transform:uppercase;padding:19px 20px;cursor:pointer;transition:background-color .15s;width:100%;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--ink);border:2px solid var(--ink);font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:1.2px;border-radius:4px;padding:10px 16px}.btn-danger{background-color:var(--brick);color:var(--cream)}.btn-teal{background-color:var(--green);color:var(--cream)}.btn-ink{background-color:var(--ink);color:var(--cream)}.btn-sm{font-size:12px;padding:9px 15px;width:auto;font-family:var(--font-body);font-weight:700;letter-spacing:1.2px;text-transform:uppercase;border-radius:4px}.pill-btn{background:var(--ink) var(--inktex);background-size:280px 280px;border:none;border-radius:4px;color:var(--cream);font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:8px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.screen{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:100vh;min-height:100dvh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 20px 0}.topbar>:first-child{flex-shrink:0}.topbar--divider{padding-bottom:18px;border-bottom:2px solid var(--ink);margin:0 20px;padding-left:0;padding-right:0}.topbar-user{font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--ink);display:flex;align-items:center;gap:10px;min-width:0}.topbar-user>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-user>.pill-btn{flex-shrink:0}.avatar{width:30px;height:30px;border-radius:50%;background:var(--brick) var(--inktex);background-size:200px 200px;border:none;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:13px;color:var(--cream);flex-shrink:0}.scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:18px 20px calc(56px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.scroll-area::-webkit-scrollbar{width:4px}.scroll-area::-webkit-scrollbar-track{background:transparent}.scroll-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.card{background:var(--tan) var(--paper);background-size:370px 370px;border:none;border-radius:var(--radius);padding:20px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.card-title{font-family:var(--font-display);font-size:24px;letter-spacing:-.3px;text-transform:uppercase;line-height:1.1}.card--banded{padding:0;overflow:hidden}.card--banded>.band{border-radius:0;text-align:left;display:flex;align-items:center;gap:8px;padding:10px 18px;letter-spacing:2.2px;font-size:11px}.card--banded>.card-body{padding:18px 18px 20px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--yellow);flex-shrink:0}.field-group{display:flex;flex-direction:column;gap:8px}.field-group label{font-size:11px;letter-spacing:2.4px;text-transform:uppercase;color:var(--muted);font-weight:700}.field-group input,.field-group select,.field-group textarea,.answer-input{background:var(--cream) var(--paper);background-size:430px 430px;border:2px solid var(--ink);border-radius:6px;color:var(--ink);font-family:var(--font-body);font-size:16px;font-weight:500;padding:13px 14px;outline:none;width:100%}.field-group input:focus,.field-group select:focus,.field-group textarea:focus,.answer-input:focus{outline:2px solid var(--ink);outline-offset:-1px}.wager-label{font-size:11px;color:var(--muted);letter-spacing:2.4px;text-transform:uppercase;font-weight:700;margin-bottom:8px;margin-top:16px}.question-item{background:var(--tan) var(--paper);background-size:370px 370px;border:none;border-radius:12px;padding:20px 20px 24px;margin-bottom:20px}.question-item.has-wager{border:none}.question-text{font-family:var(--font-display);font-size:18px;font-weight:400;line-height:1.32;letter-spacing:.1px;margin-bottom:10px}.qbadge{flex:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--blue) var(--inktex);background-size:210px 210px;color:var(--cream);border-radius:6px 6px 6px 16px;font-family:var(--font-display);font-size:13px}.wager-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:0}.wager-chip{height:52px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:19px;border:2px solid var(--ink);background:transparent;cursor:pointer;transition:background-color .12s,opacity .12s;color:var(--ink);-webkit-user-select:none;user-select:none;padding:0}.wager-chip.used{opacity:.25}.wager-chip.used:disabled{cursor:not-allowed}.wager-chip.assigned{background-image:var(--inktex);background-size:230px 230px}.score-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.score-row:last-child{border-bottom:none}.rank-block{flex:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:14px;border-radius:6px;background:transparent;color:#17140f73;border:2px solid rgba(23,20,15,.25)}.rank-block--1{background:var(--blue) var(--inktex);background-size:210px 210px;color:var(--cream);border:none}.rank-block--2{background:var(--orange) var(--inktex);background-size:210px 210px;color:var(--ink);border:none}.rank-block--3{background:var(--pink) var(--inktex);background-size:210px 210px;color:var(--cream);border:none}.score-name{flex:1;font-weight:600;font-size:15px}.score-pts{font-family:var(--font-display);font-size:20px;color:var(--ink)}.round-card{background:var(--tan) var(--paper);background-size:370px 370px;border:none;border-radius:10px;overflow:hidden}.round-header{display:flex;align-items:center;gap:14px;padding:14px 16px}.round-meta{flex:1;min-width:0}.round-name{font-family:var(--font-display);font-size:15px;text-transform:uppercase;letter-spacing:.2px;font-weight:400}.round-sub{font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);margin-top:3px}.round-badge{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;padding:5px 9px;border-radius:4px;color:#17140f73;border:2px solid rgba(23,20,15,.25);white-space:nowrap}.badge-open{color:var(--cream);background:var(--green) var(--inktex);background-size:210px 210px;border:none}.badge-scoring{color:var(--ink);background:var(--yellow) var(--inktex);background-size:210px 210px;border:none}.tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:5px 9px;border-radius:4px;text-transform:uppercase;letter-spacing:1.8px}.tag-yellow{background:var(--yellow) var(--inktex);background-size:210px 210px;color:var(--ink)}.tag-teal{background:var(--blue) var(--inktex);background-size:210px 210px;color:var(--cream)}.tag-red{background:var(--brick) var(--inktex);background-size:210px 210px;color:var(--cream)}.tag-green{background:var(--sage) var(--inktex);background-size:210px 210px;color:var(--cream)}.player-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.player-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;background:var(--cream) var(--paper);background-size:430px 430px;border:2px solid var(--border);cursor:pointer;font-size:14px;font-weight:500}.player-chip.selected{border-color:var(--ink)}.player-chip.host{border-color:var(--brick)}.player-dot{width:8px;height:8px;border-radius:50%;background:var(--border);flex-shrink:0}.player-dot.active{background:var(--green)}.player-dot.host-dot{background:var(--brick)}.tabs{display:flex;gap:4px;padding:0 0 12px}.tab{flex:1;background:transparent;border:2px solid var(--border);border-radius:4px;color:var(--muted);font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:8px 4px;cursor:pointer}.tab.active{background:var(--ink) var(--inktex);background-size:280px 280px;border-color:var(--ink);color:var(--cream)}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.type-option{background:var(--tan) var(--paper);background-size:370px 370px;border:2px solid transparent;border-radius:var(--radius);padding:16px;cursor:pointer;text-align:center;color:var(--ink);font-family:var(--font-body)}.type-option.selected{border-color:var(--ink)}.type-icon{font-size:28px;margin-bottom:8px}.type-name{font-size:13px;font-weight:700}.bottom-bar{padding:16px 20px calc(16px + env(safe-area-inset-bottom));border-top:2px solid var(--ink);background:var(--bg) var(--paper);background-size:430px 430px;position:sticky;bottom:0}.summary-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);font-size:14px}.summary-item:last-child{border-bottom:none}.summary-name{flex:1;font-weight:600}.summary-result{font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.summary-pts{font-family:var(--font-display);font-size:20px;color:var(--sage)}.summary-pts.zero{color:var(--muted)}.summary-pts.neg{color:var(--brick)}.approve-answer{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}.approve-answer:last-child{border-bottom:none}.approve-name{width:60px;font-weight:700;font-size:13px}.approve-text{flex:1;color:var(--ink);word-break:break-word}.approve-wager{font-family:var(--font-display);font-size:18px;color:var(--ink);width:30px;text-align:right}.approve-btn-group{display:flex;gap:6px}.approve-btn{width:32px;height:32px;border-radius:6px;border:2px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.approve-btn.correct{background:var(--sage) var(--inktex);background-size:210px 210px;border-color:var(--sage);color:var(--cream)}.approve-btn.wrong{background:var(--brick) var(--inktex);background-size:210px 210px;border-color:var(--brick);color:var(--cream)}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:var(--sage) var(--inktex);background-size:280px 280px;color:var(--cream);padding:10px 20px;border-radius:4px;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;z-index:999;animation:toastIn .3s ease}.toast.error{background-color:var(--brick);color:var(--cream)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;gap:8px}.flex-col{display:flex;flex-direction:column}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.text-muted{color:var(--muted);font-size:13px}.text-sm{font-size:13px}.text-accent,.text-danger{color:var(--brick)}.text-success{color:var(--sage)}.display{font-family:var(--font-display)}.fw600{font-weight:600}.full-width{width:100%}.media-preview{margin-top:8px;border-radius:8px;overflow:hidden;background:var(--ink) var(--inktex);background-size:340px 340px}.media-preview img{width:100%;max-height:480px;object-fit:contain;display:block}.media-preview audio{width:100%}.media-preview video{width:100%;max-height:240px}.media-tabs{display:flex;gap:4px;margin-bottom:10px}.media-tabs .tab{flex:1}.empty-state{text-align:center;padding:40px 20px;color:var(--muted)}.empty-state .display{font-size:28px;color:var(--ink);margin-top:12px;text-transform:uppercase}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--ink);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.center-loader{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.round-timer{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border-radius:4px;background:var(--ink) var(--inktex);background-size:340px 340px;border:none;font-family:var(--font-display);letter-spacing:1px}.round-timer-clock{font-size:24px;color:var(--cream)}.round-timer-label{font-family:var(--font-body);font-size:11px;font-weight:700;color:#f0e7d8bf;letter-spacing:1.6px;text-transform:uppercase}.round-timer-icon{font-size:15px}.round-timer--warn{background-color:var(--red);animation:timerPulse 1s ease-in-out infinite}.round-timer--expired{background-color:var(--brick)}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.7}}.round-timer--pinned{position:sticky;top:0;z-index:500;align-self:center;gap:8px;padding:9px 16px;pointer-events:none}.round-timer--pinned .round-timer-clock{font-size:22px}.round-timer--bare{background:none;padding:4px 10px}.round-timer--bare .round-timer-clock{color:var(--ink);font-size:26px;text-shadow:0 0 6px var(--cream),0 0 12px var(--cream),0 0 20px var(--cream)}.round-timer--bare .round-timer-icon{text-shadow:0 0 6px var(--cream),0 0 12px var(--cream)}.round-timer--bare .round-timer-label{color:var(--muted);text-shadow:0 0 6px var(--cream),0 0 12px var(--cream)}.round-timer--warn.round-timer--bare{background:none}.round-timer--warn.round-timer--bare .round-timer-clock{color:var(--red)}.round-timer--expired.round-timer--bare{background:none}.round-timer--expired.round-timer--bare .round-timer-clock{color:var(--brick)}.deadline-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;padding:5px 9px;border-radius:4px;background:transparent;border:2px solid rgba(23,20,15,.25);color:var(--muted);white-space:nowrap}.deadline-badge.urgent{color:var(--brick);border-color:var(--brick)}.deadline-badge.expired{color:var(--muted)}.how-list{display:flex;flex-direction:column;gap:12px;margin-top:18px}.how-item{display:flex;gap:12px;align-items:baseline}.how-item .diamond{flex:none;width:9px;height:9px;transform:rotate(45deg) translateY(-1px)}.how-item p{margin:0;font-size:14.5px;font-weight:500;line-height:1.5}.how-item p.strong{font-weight:700}.lobby-video{width:100%;border-radius:var(--radius);overflow:hidden;background:var(--ink) var(--inktex);background-size:340px 340px;border:none}.lobby-video video{width:100%;display:block;aspect-ratio:16 / 9;object-fit:cover;background:#000}.lobby-video--empty{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;border:2px dashed var(--border);background:transparent;color:var(--muted)}.auth-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(32px + env(safe-area-inset-top)) 20px calc(32px + env(safe-area-inset-bottom))}.auth-form{width:100%;max-width:360px;margin-top:36px;display:flex;flex-direction:column;gap:16px}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#000;display:flex;align-items:center;justify-content:center}.intro-overlay video{width:100%;height:100%;object-fit:contain;background:#000}.intro-skip{position:fixed;top:calc(16px + env(safe-area-inset-top));right:16px;z-index:3001;background:#17140fcc;color:var(--cream);border:none;border-radius:4px;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:8px 18px;cursor:pointer}