:root{color-scheme:dark;--bg: #050b1a;--panel: rgba(255, 255, 255, .06);--panel2: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .14);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--accent: #7c3aed;--danger: #ef4444;--ok: #22c55e}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}body.noPageScroll{overflow:hidden}a{color:inherit}.container{max-width:1500px;margin:0 auto;padding:16px}.containerWide{max-width:none;width:100%;margin:0;padding:16px clamp(16px,2.5vw,44px) 16px}.panelSplit{display:grid;gap:14px;align-items:start;grid-template-columns:minmax(320px,480px) 1fr}@media(max-width:900px){.panelSplit{grid-template-columns:1fr}}.bingoPreviewSquare{width:min(520px,100%);aspect-ratio:1 / 1}.bingoPreviewSquare>.bingoGrid{width:100%;height:100%}.appShell{height:100vh;display:flex;flex-direction:column;overflow:hidden}.appMain{flex:1;min-height:0;overflow:auto}.appMainNoScroll{overflow:hidden}.appMainNoScroll>div{height:100%;min-height:0}.noScrollbars{scrollbar-width:none;-ms-overflow-style:none}.noScrollbars::-webkit-scrollbar{width:0;height:0}.checklistCard{height:calc(100% - 6px);display:flex;flex-direction:column;min-height:0;overflow:hidden}.checklistList{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.checklistList{scrollbar-color:var(--accent) rgba(255,255,255,.08);scrollbar-width:thin}.checklistList::-webkit-scrollbar{width:10px}.checklistList::-webkit-scrollbar-track{background:#ffffff0f;border-radius:999px}.checklistList::-webkit-scrollbar-thumb{background:#7c3aedd9;border:2px solid rgba(255,255,255,.06);border-radius:999px}.checklistList::-webkit-scrollbar-thumb:hover{background:#7c3aedf2}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.brand{display:flex;flex-direction:column;gap:2px}.brandTitle{font-weight:800;letter-spacing:.2px}.brandSub{color:var(--muted);font-size:12px}.nav{display:flex;gap:10px;flex-wrap:wrap}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:12px;padding:10px 12px;font-weight:650;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btnDot{position:relative}.navRedDot{width:9px;height:9px;border-radius:999px;background:#ef4444f2;box-shadow:0 0 0 2px #00000040}.btn:hover{background:var(--panel2)}.btnPrimary{border-color:#7c3aed80;background:#7c3aed2e}.btnDanger{border-color:#ef44448c;background:#ef444424}.btn[disabled]{opacity:.55;cursor:not-allowed}.card{border:1px solid var(--border);background:var(--panel);border-radius:16px;padding:16px}.grid{display:grid;gap:10px}.bingoGrid{display:grid;gap:10px;place-items:stretch}.bingoGridWrap{display:flex;flex:1;min-height:0;align-items:center;justify-content:center;overflow:hidden}.cell{border-radius:0;border:1px solid var(--border);background:#ffffff0a;padding:0;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;font-weight:700;-webkit-user-select:none;user-select:none;cursor:pointer;min-width:0;min-height:0}.cellText{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word;line-height:1.1;max-width:100%;max-height:100%}.cellTextClamp{line-clamp:3;-webkit-line-clamp:3}.cellTextClampDense{line-clamp:4;-webkit-line-clamp:4}.cellMarked{border-color:#7c3aedb3;background:#7c3aed38}.cellMarkedBad{border-color:#ef4444cc;background:#ef444438}.cellFree{font-size:18px;letter-spacing:1px}.muted{color:var(--muted)}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.spacer{flex:1}.toast{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#ffffff0d}.toastOverlay{position:fixed;right:14px;top:14px;z-index:1000;display:grid;gap:10px;max-width:min(420px,calc(100vw - 28px))}.toastPopup{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffeb;font-weight:650}.list{display:grid;gap:10px}.listItem{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--border);background:#ffffff08;border-radius:14px;padding:12px}.checklistList .listItem>.badge{align-self:center;min-width:26px;display:inline-flex;align-items:center;justify-content:center}.badge{font-weight:800;font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:#ffffff0d}.badgeOn{border-color:#7c3aedb3;background:#7c3aed2e}.badgeOk{border-color:#22c55eb3;background:#22c55e29;color:#ffffffeb;min-width:26px;display:inline-flex;align-items:center;justify-content:center}.input,.select{border:1px solid var(--border);background:#ffffff0a;color:#ffffffeb;border-radius:12px;padding:8px 10px;font-weight:650;outline:none}.select{color-scheme:dark}.select option,.select optgroup{background-color:#0a1028;color:#ffffffeb}.select option:disabled{color:#fff6}.input:focus,.select:focus{border-color:#7c3aedb3;box-shadow:0 0 0 3px #7c3aed2e}.input{min-width:0}.huntRoot{min-height:100vh;width:100%;box-sizing:border-box;background:var(--bg);color:var(--text);display:flex;align-items:center;justify-content:center;padding:24px}.huntCenterForm{display:flex;flex-direction:column;align-items:stretch;gap:14px;width:min(360px,100%)}.huntInput{border:1px solid var(--border);background:#ffffff0a;color:#ffffffeb;border-radius:12px;padding:12px 14px;font-size:16px;font-weight:600;outline:none;min-width:0}.huntInput:focus{border-color:#7c3aedb3;box-shadow:0 0 0 3px #7c3aed2e}.huntSubmitBtn{width:100%}.huntBoardRoot{align-items:center;justify-content:center}.huntBoardInner{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:min(92vw,520px)}.huntGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:min(92vw,480px);aspect-ratio:1 / 1}.huntCell{border:1px solid var(--border);background:#ffffff0d;color:var(--text);border-radius:10px;font-size:clamp(11px,2.8vw,15px);font-weight:750;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;min-height:0}.huntCell:hover{background:#ffffff17}.huntCellMarked{border-color:#7c3aedd9;background:#7c3aed47;box-shadow:inset 0 0 0 1px #7c3aed59}.huntBoardSubmit{min-width:160px}.huntModalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:2000}.huntModal{background:#0c1224fa;border:1px solid var(--border);border-radius:16px;padding:22px;width:min(360px,100%);box-shadow:0 20px 60px #00000073}.huntModal form,.wildcardRoot{display:flex;flex-direction:column;gap:14px}.wildcardEmpty{padding:20px}.wildcardHeader{display:flex;flex-direction:column;gap:8px;position:sticky;top:0;z-index:5;background:linear-gradient(to bottom,var(--bg) 70%,rgba(5,11,26,0));padding-bottom:10px}.wildcardTitleHelp{position:relative;display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.wildcardHelpButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:24px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:#ffffff14;color:var(--text);font-size:11px;font-weight:750;line-height:1;letter-spacing:.02em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;cursor:help;white-space:nowrap}.wildcardHelpButton:hover,.wildcardHelpButton:focus-visible{border-color:#7c3aedb8;background:#7c3aed38;outline:none}.wildcardHelpTooltip{position:absolute;left:0;top:calc(100% + 10px);z-index:30;width:min(360px,calc(100vw - 32px));padding:12px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#0c1224fa;box-shadow:0 18px 45px #00000061;color:var(--text);font-size:13px;line-height:1.35;display:flex;flex-direction:column;gap:7px;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease}.wildcardTitleHelp:hover .wildcardHelpTooltip,.wildcardTitleHelp:focus-within .wildcardHelpTooltip,.wildcardTitleHelpOpen .wildcardHelpTooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.wildcardOwnSummary{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.wildcardOwnCardWrap{display:block}.wildcardGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.wildcardCard{position:relative;border:1px solid var(--border);background:var(--panel);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s ease,background .15s ease,transform .15s ease}.wildcardCard[role=button]{cursor:pointer}.wildcardCard[role=button]:hover{border-color:#7c3aed99;background:var(--panel2)}.wildcardCardOwn{border-color:#7c3aedbf;background:#7c3aed1a;box-shadow:0 0 0 1px #7c3aed59}.wildcardCardCompleted{border-color:#22c55eb3;background:#22c55e14}.wildcardCardOtherCompleted{opacity:.9}.wildcardCardHeader{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wildcardCardBadge{font-weight:750}.wildcardEventList{list-style:none;padding:0;margin:0;display:grid;gap:6px}.wildcardEventItem{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff08;border:1px solid var(--border);min-height:44px}.wildcardEventText{font-size:clamp(13px,3.4vw,15px);line-height:1.25;word-break:break-word;min-width:0}.wildcardEventMeta{display:inline-flex;gap:6px;align-items:center;flex-shrink:0}.wildcardEventItemChecked{background:#7c3aed1f;border-color:#7c3aed73}.wildcardEventItemEarned{background:#22c55e24;border-color:#22c55e8c}.wildcardEventItemTooLate{background:#fb923c29;border-color:#f973169e;box-shadow:inset 4px 0 #f97316eb}.badgeWildcardPreLock{border-color:#f97316d9;background:#fb923c52;color:#fff7edfa;font-size:10px;font-weight:850;letter-spacing:.02em;max-width:100%;text-align:center;line-height:1.15;padding:4px 7px}.wildcardTierPill{font-size:11px;letter-spacing:.3px;text-transform:uppercase;padding:3px 8px;white-space:nowrap}.wildcardTier0{border-color:#94a3b88c;background:#94a3b829}.wildcardTier1{border-color:#3b82f699;background:#3b82f629}.wildcardTier2{border-color:#f59e0ba6;background:#f59e0b2e}.wildcardPointsBadge{border-color:#7c3aed8c;background:#7c3aed2e}.wildcardCardFooter{display:flex;justify-content:stretch}.wildcardSelectBtn{width:100%;min-height:44px}.wildcardCardFootnote{font-size:12px}.wildcardCardCompletedBadge{position:absolute;top:10px;right:10px;background:#22c55e33;color:#fffffff2;border:1px solid rgba(34,197,94,.55);border-radius:999px;font-size:11px;font-weight:800;padding:3px 8px;letter-spacing:.3px;text-transform:uppercase}.wildcardCompletionBanner{border-color:#22c55eb3;background:#22c55e1f}.wildcardSelections{margin-top:4px}.wildcardModalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px;z-index:3000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.wildcardModal{background:#0c1224fa;border:1px solid var(--border);border-radius:16px;padding:20px;width:min(92vw,520px);box-shadow:0 20px 60px #00000073;display:flex;flex-direction:column;gap:12px}.wildcardCompletionBackdrop{background:#0c3012a6}.wildcardCompletionModal{border-color:#22c55eb3;box-shadow:0 0 0 2px #22c55e59,0 20px 60px #00000080;animation:wildcardPulse 1.4s ease-in-out infinite}@keyframes wildcardPulse{0%,to{box-shadow:0 0 0 2px #22c55e59,0 20px 60px #00000080}50%{box-shadow:0 0 0 6px #22c55e59,0 20px 60px #00000080}}@media(max-width:900px){.wildcardGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}}@media(max-width:560px){.wildcardRoot{gap:10px}.wildcardGrid{grid-template-columns:1fr;gap:10px}.wildcardCard{padding:10px}.wildcardEventItem{grid-template-columns:1fr;row-gap:4px;padding:8px}.wildcardEventMeta{justify-content:flex-start}.wildcardHeader{padding-bottom:8px}.wildcardHelpTooltip{left:0;width:min(360px,calc(100vw - 32px));transform:translateY(-4px)}.wildcardTitleHelp:hover .wildcardHelpTooltip,.wildcardTitleHelp:focus-within .wildcardHelpTooltip,.wildcardTitleHelpOpen .wildcardHelpTooltip{transform:translateY(0)}.wildcardTierPill{font-size:10px;padding:2px 6px}}
