:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;overflow-x:clip}html,body,#root{width:100%;max-width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--page-padding: 16px;--max-content: 720px;--cell-size: 46px;--label-col-size: 64px;--grid-gap: 6px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}.page{--page-bg: #1f1f1f;--page-fg: #f2f2f2;--topbar-bg: rgba(31, 31, 31, .94);--top-icon-colour: #d8d8d8;min-height:100dvh;width:100%;box-sizing:border-box;padding:calc(var(--page-padding) + var(--safe-top)) var(--page-padding) calc(var(--page-padding) + var(--safe-bottom));font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;display:flex;justify-content:center;background:var(--page-bg);color:var(--page-fg);overflow-x:clip}.page--light{--page-bg: #ffffff;--page-fg: #111111;--topbar-bg: rgba(255, 255, 255, .92);--top-icon-colour: #1a1a1a}.debugArea{width:100%;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.debug{background:#2a2a2a;border:1px solid #3a3a3a;padding:8px 10px;border-radius:8px;max-width:320px;overflow-wrap:anywhere;font-size:12px;color:#f2f2f2}.toggle{display:flex;align-items:center;gap:8px;font-size:13px;opacity:.85}.main{width:100%;max-width:var(--max-content);margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding-top:12px}.headerRow{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.topBar{width:100%;display:flex;justify-content:center;align-items:center;gap:8px;position:sticky;top:var(--safe-top);z-index:30;background:var(--topbar-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:4px 0}.topIconBtn{border:0;background:none;color:var(--top-icon-colour);width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.topIconBtn:hover,.topIconBtn:active{border:0;color:var(--top-icon-colour)}.topIconBtn:focus{outline:none;box-shadow:none}.topIconBtn:focus-visible{outline:none;box-shadow:none}.topIconBtn--toggle.active{color:#f2c94c}.topIconBtnText{width:auto;min-width:40px;font-size:13px;font-weight:700;letter-spacing:.02em}.topIconBtn--swap{min-width:46px}.topIconBtn--swap .topIconSvg{width:22px;height:22px;transform:translateY(-1px)}.topIconSvg{width:20px;height:20px;fill:currentColor}.topIconGear{width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center;color:currentColor}.topIconGear svg{width:100%;height:100%;display:block}.title{margin:0;font-size:clamp(28px,6vw,44px);letter-spacing:.5px}.subtitle{opacity:.9;font-size:clamp(14px,3.6vw,16px);line-height:1.3}.boardBootLoader{position:fixed;inset:0;z-index:50;pointer-events:none;display:grid;place-items:center}.boardBootLoader__tile.tile{--cell-size: 112px;width:112px;height:112px;border-radius:18px;display:grid;place-items:center;position:relative}.boardBootLoader__gear{display:inline-flex;animation:boardBootSpinTri 1.8s cubic-bezier(.25,.8,.25,1) infinite;transform-origin:50% 50%}@keyframes boardBootSpinTri{0%,14%{transform:rotate(0)}30%,44%{transform:rotate(60deg)}58%,72%{transform:rotate(120deg)}86%,to{transform:rotate(180deg)}}.playArea{width:100%;min-height:0}.sidePanel{width:100%}.sideHeader{display:flex;flex-direction:column;align-items:center;gap:6px}.gridSection{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:1}.gridWrap{width:100%;overflow-x:auto;padding-bottom:6px}.grid{display:grid;gap:var(--grid-gap);align-items:center;margin:0 auto;width:max-content;max-width:100%}.corner{height:calc(var(--cell-size) - 12px)}.colHeader{text-align:center;font-size:12px;opacity:.75;min-height:20px}.colHeaderHandicap{margin-left:2px;font-size:.8em;color:currentColor;opacity:1;font-weight:700}.row{display:contents}.rowLabel{font-size:15px;opacity:.85;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;min-height:var(--cell-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rowLabel sub{vertical-align:sub;line-height:0}.controlsBottom{width:100%;display:flex;gap:10px;justify-content:center;align-items:center;margin-top:12px;padding-top:10px}.input{width:min(520px,70vw);padding:12px;font-size:16px;border-radius:12px;border:1px solid #555;background:#2a2a2a;color:#f2f2f2}.input--hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.btn{padding:12px 14px;border-radius:12px;border:1px solid #666;background:#2a2a2a;color:#f2f2f2;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{font-weight:800}.hintText{margin-top:4px;font-size:13px;opacity:.85}.modeHub{align-items:center;text-align:center;gap:14px;min-height:calc(100dvh - (var(--page-padding) * 2) - var(--safe-top) - var(--safe-bottom))}.modeHub .title{width:min(720px,100%);font-size:clamp(44px,12vw,96px);line-height:.95;letter-spacing:.6px}.hubSettings{width:min(720px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hubSettingBtn{border:0;background:#333;color:#f2f2f2;border-radius:12px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer;padding:0 12px;outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent}.hubSettingBtn .topIconSvg{width:18px;height:18px}.hubSettingBtn .topIconGear{width:20px;height:20px}.page--light .hubSettingBtn{background:#e7e7e7;color:#1c1c1c}.hubSettingBtn:focus,.hubSettingBtn:focus-visible,.hubSettingBtn:active,.hubSettingBtn:hover{border:0;outline:none;box-shadow:none}.hubGrid{width:min(720px,100%);display:grid;grid-template-columns:1fr;gap:10px}.hubDoneMsg{width:min(720px,100%);color:var(--page-fg);padding:2px 2px 6px;font-weight:800;font-size:clamp(14px,1.9vh,18px)}.hubFooter{width:min(720px,100%);margin-top:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hubAuthMsg{margin-top:8px;opacity:.82;font-size:12px;text-align:center}.hubHowToTile{border:0;background:#333;color:#f2f2f2;border-radius:12px;min-height:48px;font-size:16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 10px}.hubHowToTile .topIconSvg{width:18px;height:18px;fill:currentColor}.page--light .hubHowToTile{background:#e7e7e7;color:#1c1c1c}.hubTile{border-radius:12px;padding:12px;text-align:left;background:#333;color:#f2f2f2}.hubTile--won{background:#f2c94c;color:#3a2600}.hubTile--lost{background:#bdbdbd;color:#222}.hubTile--fresh,.hubTile--in_progress,.hubTile--neutral{background:#333;color:#f2f2f2}.page--light .hubTile--fresh,.page--light .hubTile--in_progress,.page--light .hubTile--neutral{background:#e7e7e7;color:#1c1c1c}.hubTile__title{font-size:20px;font-weight:900}.hubTile__meta{margin-top:4px;opacity:.8;font-size:13px}.hubTile__actions{margin-top:10px;display:flex;gap:8px}.hubTile--mode,.hubTile--friends,.hubTile--collection{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center}.hubTile--mode .hubTile__title,.hubTile--friends .hubTile__title,.hubTile--collection .hubTile__title{grid-column:1;grid-row:1}.hubTile--mode .hubTile__meta,.hubTile--friends .hubTile__meta,.hubTile--collection .hubTile__meta{grid-column:1;grid-row:2;margin-top:2px}.hubTile--mode .hubTile__actions,.hubTile--friends .hubTile__actions,.hubTile--collection .hubTile__actions{grid-column:2;grid-row:1 / span 2;margin-top:0;flex-direction:row;align-items:center;min-width:0}.hubTileBtn{border:0;border-radius:10px;background:#333;color:#f2f2f2;padding:8px 10px;font-weight:700;cursor:pointer;outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent}.hubTileBtn--secondary{background:#333}.hubTileBtn:disabled{opacity:.55;cursor:not-allowed}.hubTileBtn:hover,.hubTileBtn:active,.hubTileBtn:focus,.hubTileBtn:focus-visible{border:0;outline:none;box-shadow:none}.page--light .hubTileBtn{background:#e7e7e7;color:#1c1c1c}.page--light .hubTileBtn--secondary{background:#e7e7e7}@media(max-width:480px){.hubGrid,.hubFooter{width:100%}.hubGrid{grid-template-columns:1fr}.hubFooter{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hubSettingBtn{min-height:44px;padding:0 8px;font-size:13px;gap:6px}.hubHowToTile{min-height:44px;font-size:13px}.controlsBottom{flex-direction:column;margin-top:8px}.input{width:100%}.main{gap:8px;padding-top:8px}.topBar{gap:6px}.topIconBtn{width:42px;height:42px}.topIconSvg{width:18px;height:18px}}@media(orientation:landscape)and (pointer:coarse)and (hover:none)and (max-width:1024px){.hubGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.modeHub .title{font-size:clamp(34px,7.2vw,56px)}.hubTile--mode .hubTile__title,.hubTile--mode .hubTile__meta,.hubTile--friends .hubTile__title,.hubTile--friends .hubTile__meta,.hubTile--collection .hubTile__title,.hubTile--collection .hubTile__meta{text-align:left}}@media(orientation:portrait)and (pointer:coarse)and (hover:none)and (max-width:1024px){.grid{margin-left:0;margin-right:auto}.hubTile--mode .hubTile__title,.hubTile--mode .hubTile__meta,.hubTile--friends .hubTile__title,.hubTile--friends .hubTile__meta,.hubTile--collection .hubTile__title,.hubTile--collection .hubTile__meta{text-align:left}.hubTile--mode .hubTile__actions,.hubTile--friends .hubTile__actions,.hubTile--collection .hubTile__actions{margin-top:0;flex-direction:row;align-items:center}}.achievementToast{position:fixed;left:50%;bottom:calc(14px + var(--safe-bottom));transform:translate(-50%);z-index:1400;border-radius:12px;background:#f2c94c;color:#3b2a00;padding:10px 14px;box-shadow:0 10px 26px #00000052;display:inline-flex;align-items:center;gap:8px;font-size:clamp(12px,1.35vh,14px);font-weight:900;max-width:min(96vw,560px);animation:achievementToastInOut 2.8s ease both}.achievementToast__label{opacity:.88;font-weight:800}.achievementToast__name{font-weight:900}@keyframes achievementToastInOut{0%{opacity:0;transform:translate(-50%) translateY(14px)}12%,84%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(10px)}}@media(orientation:landscape)and (max-height:520px){.page{padding-top:calc(8px + var(--safe-top));padding-bottom:calc(8px + var(--safe-bottom))}.main{gap:6px;padding-top:4px}.title{font-size:26px}.subtitle{font-size:12px;line-height:1.15}.subtitle:not(.parSubtitle){display:none}.grid{gap:4px}.corner{height:22px}.colHeader{font-size:11px}.rowLabel{font-size:12px;min-height:var(--cell-size)}.controlsBottom{margin-top:4px;padding-top:2px}}@media(pointer:coarse)and (hover:none)and (max-width:1024px){:root{--page-padding: 10px}.main.modeHub{padding-bottom:calc(max(var(--safe-bottom),16px) + 6px)}.playArea{display:flex;flex-direction:column;min-height:var(--playarea-min-h, 0px)}.playArea .gridSection{flex:0 0 auto}.playArea .sidePanel{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:4px 0}.playArea .controlsBottom{margin-top:0;padding-top:0}.gridWrap{overflow-x:hidden}}@media(orientation:landscape)and (pointer:coarse)and (hover:none)and (max-width:1024px){.page.page--game{padding-top:calc(4px + max(var(--safe-top),10px));padding-bottom:calc(4px + var(--safe-bottom));overscroll-behavior-y:contain}.page.page--game .main{padding-top:2px}.playArea--landscape{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:10px;width:100%;padding-top:0;box-sizing:border-box}.playArea--landscape .gridSection{flex:1 1 auto;min-width:0}.playArea--landscape .sidePanel{width:232px;position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding:0;min-height:0}.playArea--landscape .sideHeader{position:relative;top:auto;left:auto;right:auto;width:100%;gap:4px;flex:0 0 auto}.playArea--landscape .title--side{margin:0;font-size:clamp(22px,4.4vw,30px)}.playArea--landscape .topBar{position:static;width:auto;justify-content:center;gap:2px;flex-wrap:nowrap;padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.playArea--landscape .topIconBtn{width:40px;height:40px}.playArea--landscape .topIconBtnText{min-width:36px;font-size:11px}.playArea--landscape .topIconBtn--swap{min-width:42px;font-size:22px}.playArea--landscape .controlsBottom{width:100%;margin:4px 0 0;padding:0;position:relative;top:auto;left:auto;transform:none;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}.playArea--entry-left .gridSection{order:2}.playArea--entry-left .sidePanel,.playArea--entry-right .gridSection{order:1}.playArea--entry-right .sidePanel{order:2}}:root{--app-debounce-ms: 80;--app-reveal-row-stagger-ms: 250;--app-reveal-pad-ms: 500;--app-loss-stats-delay-ms: 700;--gear-full-rev-ms: 1200;--gear-reveal-duration-ms: 600;--gear-colour-start-prop: .4;--gear-colour-transition-prop: .35;--gear-reveal-reset-pad-ms: 30;--gt-pop-ms: 320;--gt-glint-ms: 820;--gt-glint-delay-ms: 180;--gt-stats-delay-ms: 2000;--gt-sparkle-appear-ms: 360;--gt-sparkle-delay-ms: calc(var(--gt-glint-delay-ms) + var(--gt-glint-ms) + 160);--gt-total-ms: calc(var(--gt-sparkle-delay-ms) + var(--gt-sparkle-appear-ms) + var(--gt-stats-delay-ms))}.modalOverlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.modalCard{width:min(560px,100%);background:#2a2a2a;border:1px solid #3b3b3b;border-radius:16px;box-shadow:0 12px 40px #00000059;color:#f2f2f2;overflow:hidden}.modalHeader{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #3b3b3b}.modalTitle{font-weight:800;letter-spacing:.2px}.modalClose{border:1px solid #4a4a4a;background:transparent;color:#f2f2f2;border-radius:10px;padding:6px 10px;cursor:pointer}.modalContent{padding:14px;text-align:left}.slideTitle{font-size:18px;font-weight:800;margin-bottom:8px}.slideBody{font-size:14px;line-height:1.4;opacity:.95}.modalFooter{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-top:1px solid #3b3b3b}.progress{font-size:12px;opacity:.8}.modalButtons{display:flex;gap:10px}.modalHint{padding:0 14px 12px;font-size:12px;opacity:.7;text-align:right}.statsCard{--stats-bg: #2a2a2a;--stats-fg: #f2f2f2;--stats-muted: rgba(242, 242, 242, .75);--stats-surface: #333333;--stats-surface-soft: #3c3c3c;--stats-win: #f2c94c;--stats-bar: #f2c94c;--stats-comp: #b0b0b0;--stats-comp-line: #c4c4c4;--stats-grid: rgba(242, 242, 242, .26);--dist-col-min: 22px;--dist-col-max: 34px;--dist-gap: 4px;--dist-bar-h: 184px;--dist-pct-h: 32px;--dist-plot-top-gap: 10px;--stat-min-h: 82px;--trend-chart-h: 228px;width:min(720px,100%);background:var(--stats-bg);border-radius:16px;box-shadow:0 12px 40px #00000059;color:var(--stats-fg);overflow:hidden;display:flex;flex-direction:column;position:relative}.statsCard--competition{max-height:min(92vh,760px);max-height:min(92dvh,760px)}.page--light .statsCard{--stats-bg: #f4f4f4;--stats-fg: #1c1c1c;--stats-muted: rgba(28, 28, 28, .7);--stats-surface: #e7e7e7;--stats-surface-soft: #dddddd;--stats-win: #c89b00;--stats-bar: #c89b00;--stats-comp: #565656;--stats-comp-line: #4a4a4a;--stats-grid: rgba(28, 28, 28, .22);box-shadow:0 10px 30px #0000002e}.modalOverlay{opacity:0;transition:opacity .18s ease-out}.modalOverlay.open{opacity:1}.statsCard{transform:translateY(10px) scale(.985);opacity:0;transition:transform .2s ease-out,opacity .2s ease-out;will-change:transform,opacity}.statsCard.open{transform:translateY(0) scale(1);opacity:1}.statsCard .modalHeader{display:flex;align-items:center;justify-content:flex-end;padding:12px 14px;border-bottom:0!important;flex:0 0 auto}.statsCard .modalHeader.modalHeader--withTitle{justify-content:space-between}.statsCard .modalHeaderLead{display:flex;align-items:center;gap:10px;min-width:0}.statsCard .modalHeaderLead--withTabs{flex:1 1 auto}.statsCard .modalTitle{font-weight:900;letter-spacing:.2px;white-space:nowrap}.statsCard .modalClose{border:0;background:transparent;color:var(--stats-fg);border-radius:10px;padding:6px 10px;cursor:pointer;-webkit-tap-highlight-color:transparent}.statsTop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:4px 14px 14px}.statsTop--monthly{padding-top:0}.statsBody{display:grid;grid-template-columns:1fr}.statsTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 14px 8px;flex:0 0 auto}.statsTabs--header{display:inline-grid;grid-template-columns:repeat(3,auto);gap:6px;padding:0;margin-left:6px}.statsTabs--header .statsTab{min-height:30px;padding:0 10px;font-size:clamp(12px,1.35vh,14px)}.statsTab{border:0;border-radius:10px;min-height:36px;background:var(--stats-surface-soft);color:var(--stats-fg);font-size:clamp(13px,1.45vh,16px);font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.statsTab:focus,.statsTab:focus-visible,.statsTab:active,.statsTab.active:focus,.statsTab.active:focus-visible,.statsTab.active:active{border:0;outline:none;box-shadow:none}.statsTab.active{background:var(--stats-win);color:#2a2a2a}.statsContentScroller{position:relative;display:flex;flex-direction:column;min-height:0}.statsContentScroller--competition{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.statsContentScroller--competition::-webkit-scrollbar{width:0;height:0}.statsScrollHint{position:sticky;bottom:0;z-index:3;pointer-events:none;text-align:center;font-size:clamp(12px,1.3vh,14px);font-weight:800;color:var(--stats-muted);padding:16px 10px 8px;margin-top:-26px;background:linear-gradient(to bottom,rgba(0,0,0,0),var(--stats-bg) 55%)}.statBox{background:var(--stats-surface);border-radius:12px;padding:10px;text-align:center;display:grid;justify-items:center;align-content:center;row-gap:4px;min-height:var(--stat-min-h)}.statBox--monthly{align-content:start;row-gap:6px}.statNumber{font-size:clamp(24px,2.8vh,30px);font-weight:900;line-height:1.1}.statNumber--pop{animation:statNumberPop 1.12s cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--stat-pop-delay, 0ms);will-change:transform}@keyframes statNumberPop{0%{transform:scale(1.26)}40%{transform:scale(1.26)}82%{transform:scale(.98)}to{transform:scale(1)}}.statNumber--win{color:var(--stats-win)}.statLabel{font-size:clamp(13px,1.55vh,16px);color:var(--stats-muted);margin-top:0;line-height:1.2}.monthlyRankMeta{font-size:clamp(11px,1.2vh,13px);color:var(--stats-muted);line-height:1.25}.rankBody{padding:4px 14px 14px;flex:1 1 auto;min-height:100%;display:flex;flex-direction:column;justify-content:center;gap:12px}.statsInfoTriggerRow{display:flex;justify-content:flex-start;margin-top:0}.statsInfoTriggerBtn{border:0;border-radius:10px;min-height:34px;padding:7px 12px;background:var(--stats-surface-soft);color:var(--stats-fg);font-size:clamp(12px,1.35vh,14px);font-weight:800;cursor:pointer;-webkit-appearance:none;appearance:none}.rankGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rankGrid--stack{grid-template-columns:minmax(0,1fr)}.rankLastMonth{width:100%;background:var(--stats-surface-soft);border-radius:10px;padding:8px;font-size:clamp(12px,1.35vh,14px);color:var(--stats-muted);font-weight:700;text-align:left}.distSection{padding:2px 14px 14px}.distHeaderRow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.distTitle{font-size:clamp(16px,1.9vh,20px);font-weight:900}.compareControlsWrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.compareControlsStack{display:grid;gap:6px}.compareControlsWrap--groupRow{min-height:34px;flex-wrap:nowrap;min-width:0;width:100%}.compareControlsWrap--hidden{visibility:hidden;pointer-events:none}.compareLabel{font-size:clamp(13px,1.45vh,16px);color:var(--stats-muted);font-weight:700;white-space:nowrap;flex:0 0 auto}.compareControls{display:flex;flex-wrap:wrap;gap:6px}.compareControlsWrap--groupRow .compareControls{flex-wrap:nowrap;flex:1 1 auto;overflow-x:auto;overflow-y:hidden;min-width:0;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;--group-fade-size: 16px}.compareControlsWrap--groupRow .compareControls::-webkit-scrollbar{width:0;height:0}.compareControlsWrap--groupRow .compareControls.compareControls--fade-left{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--group-fade-size),#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--group-fade-size),#000 100%)}.compareControlsWrap--groupRow .compareControls.compareControls--fade-right{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--group-fade-size)),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--group-fade-size)),transparent 100%)}.compareControlsWrap--groupRow .compareControls.compareControls--fade-left.compareControls--fade-right{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--group-fade-size),#000 calc(100% - var(--group-fade-size)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--group-fade-size),#000 calc(100% - var(--group-fade-size)),transparent 100%)}.compareBtn{border:0;border-radius:999px;padding:7px 11px;background:var(--stats-surface-soft);color:var(--stats-fg);font-size:clamp(12px,1.35vh,15px);font-weight:700;cursor:pointer;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.compareControlsWrap--groupRow .compareBtn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:clamp(112px,24vw,230px);flex:0 0 auto}.compareBtn.active{background:var(--stats-win);color:#2a2a2a;border:0;outline:none;box-shadow:none}.compareBtn:focus,.compareBtn:focus-visible,.compareBtn:active,.compareBtn.active:focus,.compareBtn.active:focus-visible,.compareBtn.active:active{border:0;outline:none;box-shadow:none}.distChart{display:grid;justify-content:center;gap:var(--dist-gap);align-items:end}.distCol{display:grid;grid-template-rows:var(--dist-pct-h) var(--dist-bar-h) 18px;align-items:end;justify-items:center;min-width:0}.distPctStack{position:relative;width:100%;height:var(--dist-pct-h);line-height:1}.distPct{font-size:clamp(12px,1.3vh,15px);color:var(--stats-bar);line-height:1;font-weight:700;position:absolute;left:50%;transform:translate(-50%);top:0}.distPct--comp{color:var(--stats-comp);top:15px}.distBarArea{width:100%;height:100%;margin-top:4px;position:relative}.distPlotArea{position:absolute;inset:var(--dist-plot-top-gap) 0 0 0;display:flex;align-items:flex-end;justify-content:center}.distBar{width:clamp(8px,54%,16px);max-width:100%;background:var(--stats-bar);border-radius:8px 8px 0 0;transition:height .8s ease-out}.distPeak{position:absolute;left:50%;width:clamp(12px,78%,24px);height:12px;transform:translate(-50%,50%);pointer-events:none}.distPeak:before,.distPeak:after{content:"";position:absolute;top:5px;width:50%;height:2px;background:var(--stats-comp);opacity:.95}.distPeak:before{left:0;transform-origin:right center;transform:rotate(-18deg)}.distPeak:after{right:0;transform-origin:left center;transform:rotate(18deg)}.distX{font-size:clamp(13px,1.45vh,16px);color:var(--stats-muted);line-height:1;font-weight:700;letter-spacing:.2px}.statsNote{margin-top:8px;font-size:clamp(12px,1.3vh,14px);color:var(--stats-muted)}.statsCard .modalHint{padding:2px 14px 12px;font-size:clamp(12px,1.3vh,14px);color:var(--stats-muted);text-align:right;flex:0 0 auto}.trendBody{padding:2px 14px 14px}.competitionBody{padding:2px 14px 14px;display:grid;gap:10px}.competitionHeaderRow{display:grid;gap:8px}.competitionPeriod{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--stats-muted);font-size:clamp(12px,1.35vh,14px);font-weight:700}.competitionEligibilityNote{border-radius:10px;padding:8px 10px;font-size:clamp(12px,1.35vh,14px);font-weight:700;line-height:1.3}.competitionEligibilityNote--warn{background:color-mix(in srgb,#f0aa55 20%,var(--stats-surface) 80%);color:var(--stats-fg)}.competitionEligibilityNote--info{background:color-mix(in srgb,#8fb5f5 20%,var(--stats-surface) 80%);color:var(--stats-fg)}.competitionTestActions{display:flex;justify-content:flex-start}.competitionTable{background:var(--stats-surface);border-radius:12px;overflow:hidden}.competitionLoading{background:var(--stats-surface);border-radius:12px;padding:16px 12px;color:var(--stats-muted);font-size:clamp(13px,1.45vh,16px);font-weight:700}.competitionRow{display:grid;grid-template-columns:52px 1fr 64px 56px;align-items:center;gap:8px;padding:9px 10px;font-size:clamp(13px,1.45vh,16px);font-weight:700;color:var(--stats-fg)}.competitionRow+.competitionRow{border-top:1px solid var(--stats-grid)}.competitionRow>:nth-child(1),.competitionRow>:nth-child(3),.competitionRow>:nth-child(4){text-align:center}.competitionPlayerCell{display:inline-flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.competitionPlayerName{flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.competitionPlayerName--me{color:var(--stats-win)}.competitionRibbonCounts{display:inline-flex;align-items:center;flex:0 0 auto;gap:4px;flex-wrap:nowrap;white-space:nowrap}.competitionRibbonItem{display:inline-flex;align-items:center;gap:0;font-size:.8em;line-height:1;font-weight:800;color:var(--stats-fg)}.competitionRibbonItem svg{width:14px;height:14px;fill:currentColor}.competitionRibbonItem--gold svg{color:#f2c94c}.competitionRibbonItem--silver svg{color:#c8d0df}.competitionRibbonItem--bronze svg{color:#cd8b62}.competitionRibbonCountText{color:var(--stats-fg)}.competitionRankCell{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:100%}.competitionDelta{font-size:.9em;line-height:1}.competitionDelta--up{color:var(--stats-win)}.competitionDelta--flat{color:var(--stats-muted)}.competitionDelta--down{color:var(--stats-muted);opacity:.9}.competitionRow--head{background:var(--stats-surface-soft);color:var(--stats-muted);font-size:clamp(12px,1.3vh,14px);text-transform:uppercase;letter-spacing:.04em}.competitionYouCard{background:var(--stats-surface);border-radius:12px;padding:10px;display:grid;gap:4px}.competitionYouTitle{font-size:clamp(15px,1.7vh,19px);font-weight:900}.competitionYouMeta{font-size:clamp(12px,1.35vh,14px);color:var(--stats-muted);font-weight:700}.statsInfoOverlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:12px;background:#00000073}.statsInfoDialog{width:min(520px,100%);background:var(--stats-bg);border:1px solid var(--stats-grid);border-radius:12px;padding:12px;box-shadow:0 10px 30px #00000059}.statsInfoDialogTitle{font-size:clamp(15px,1.7vh,19px);font-weight:900;margin-bottom:8px}.statsInfoList{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--stats-muted);font-size:clamp(12px,1.35vh,14px);font-weight:700;line-height:1.3}.statsInfoActions{display:flex;justify-content:flex-end;margin-top:12px}.statsInfoCloseBtn{border:0;border-radius:10px;min-height:34px;padding:7px 14px;background:var(--stats-win);color:#2a2a2a;font-size:clamp(12px,1.35vh,14px);font-weight:800;cursor:pointer;-webkit-appearance:none;appearance:none}.trendHeaderRow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.trendChartWrap{position:relative;height:var(--trend-chart-h);background:transparent;border-radius:12px;overflow:hidden}.trendChart{width:100%;height:100%;display:block}.trendGridLine{stroke:var(--stats-grid);stroke-width:1.2}.trendAxisLabel{fill:var(--stats-muted);font-size:12px;font-weight:700}.trendAxisLabel--x{font-size:13px}.trendLine{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.trendLine--player{stroke:var(--stats-win)}.trendPoint{stroke:none}.trendPoint--player{fill:var(--stats-win)}.trendLegend{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap;min-height:18px}.trendLegend--placeholder{visibility:hidden}.trendLegendItem{display:inline-flex;align-items:flex-start;gap:6px;font-size:clamp(12px,1.3vh,14px);color:var(--stats-muted)}.trendLegendSwatch{width:10px;height:10px;border-radius:99px;display:inline-block;margin-top:.2em}.trendLegendText{display:inline-flex;flex-direction:column;line-height:1.1}.statsDebugPanel{margin-top:10px;padding:8px 10px;border-radius:10px;background:var(--stats-surface);color:var(--stats-muted);font-size:clamp(11px,1.2vh,13px);line-height:1.35;display:grid;gap:2px}.statsDebugTitle{color:var(--stats-fg);font-weight:800;margin-bottom:2px}.trendEndpointLabels{position:absolute;top:0;right:6px;bottom:0;width:70px;pointer-events:none}.trendEndpointLabel{position:absolute;right:0;transform:translateY(-50%);font-size:12px;font-weight:800;text-shadow:0 1px 0 rgba(0,0,0,.16)}.statsCard--landscapeMobile .statsBody{grid-template-columns:minmax(220px,.95fr) minmax(280px,1.2fr);gap:6px;align-items:start}.statsCard--landscapeMobile .statsTop{align-self:stretch;padding-bottom:12px}.statsCard--landscapeMobile .distSection{align-self:stretch}.statsCard--landscapeMobile .distCol{grid-template-rows:var(--dist-pct-h) var(--dist-bar-h) 18px}@media(max-width:520px){.statsCard{--dist-bar-h: 128px;--dist-pct-h: 24px}.distPct{font-size:12px}.distX{font-size:13px}.compareLabel{font-size:12px}.trendAxisLabel{font-size:11px}.trendAxisLabel--x{font-size:12px}.trendEndpointLabel{font-size:11px}.competitionRow{grid-template-columns:44px 1fr 54px 50px;gap:6px;padding:8px}.statsCard--landscapeMobile .distCol{grid-template-rows:var(--dist-pct-h) var(--dist-bar-h) 16px}.distPct--comp{top:11px}}.statsCard.rm *{transition:none!important;animation:none!important}.settingsCard{--settings-bg: #2a2a2a;--settings-fg: #f2f2f2;--settings-muted: rgba(242, 242, 242, .75);--settings-surface: #333333;--settings-surface-soft: #3c3c3c;--settings-win: #f2c94c;width:min(560px,100%);background:var(--settings-bg);border-radius:16px;box-shadow:0 12px 40px #00000059;color:var(--settings-fg);overflow:hidden;transform:translateY(10px) scale(.985);opacity:0;transition:transform .2s ease-out,opacity .2s ease-out;will-change:transform,opacity}.settingsCard.open{transform:translateY(0) scale(1);opacity:1}.page--light .settingsCard{--settings-bg: #f4f4f4;--settings-fg: #1c1c1c;--settings-muted: rgba(28, 28, 28, .7);--settings-surface: #e7e7e7;--settings-surface-soft: #dddddd;--settings-win: #c89b00;box-shadow:0 10px 30px #0000002e}.settingsCard .modalHeader{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:0!important}.settingsCard .modalTitle{font-weight:900;letter-spacing:.2px}.settingsCard .modalClose{border:0;background:transparent;color:var(--settings-fg);border-radius:10px;padding:6px 10px;cursor:pointer;-webkit-tap-highlight-color:transparent}.settingsBody{padding:8px 14px 14px;display:grid;gap:10px}.settingsRow{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:10px;background:var(--settings-surface);border-radius:12px;padding:8px 10px}.settingsIcon{width:22px;height:22px;color:var(--settings-fg);fill:currentColor}.settingsRow--themeLight .settingsIcon{color:var(--settings-win)}.settingsPair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.settingsPairBtn{border:0;border-radius:10px;min-height:34px;background:var(--settings-surface-soft);color:var(--settings-fg);font-size:clamp(13px,1.45vh,16px);font-weight:800;cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;outline:none;box-shadow:none}.settingsPairBtn.active{background:var(--settings-win);color:#2a2a2a}.settingsPairBtn:focus,.settingsPairBtn:focus-visible,.settingsPairBtn:active,.settingsPairBtn.active:focus,.settingsPairBtn.active:focus-visible,.settingsPairBtn.active:active{border:0;outline:none;box-shadow:none}.settingsCard .modalHint{padding:2px 14px 12px;font-size:clamp(12px,1.3vh,14px);color:var(--settings-muted);text-align:right}@media(max-width:520px){.settingsRow{grid-template-columns:38px 1fr;gap:8px;padding:7px 8px}.settingsIcon{width:20px;height:20px}}.communityCard{--community-bg: #2a2a2a;--community-fg: #f2f2f2;--community-muted: rgba(242, 242, 242, .74);--community-surface: #333333;--community-surface-soft: #3d3d3d;--community-win: #f2c94c;width:min(700px,100%);background:var(--community-bg);border-radius:16px;box-shadow:0 12px 40px #00000059;color:var(--community-fg);overflow:hidden;position:relative;transform:translateY(10px) scale(.985);opacity:0;transition:transform .2s ease-out,opacity .2s ease-out;will-change:transform,opacity}.communityCard.open{transform:translateY(0) scale(1);opacity:1}.page--light .communityCard{--community-bg: #f4f4f4;--community-fg: #1c1c1c;--community-muted: rgba(28, 28, 28, .72);--community-surface: #e7e7e7;--community-surface-soft: #dddddd;--community-win: #c89b00;box-shadow:0 10px 30px #0000002e}.communityCard .modalHeader{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:0!important}.communityCard .modalClose{border:0;background:transparent;color:var(--community-fg);border-radius:10px;padding:6px 10px;cursor:pointer;-webkit-tap-highlight-color:transparent}.communityBody{padding:8px 14px 14px;display:grid;gap:10px}.communityCaps{font-size:12px;color:var(--community-muted)}.communityPanel{background:var(--community-surface);border-radius:12px;padding:10px;display:grid;gap:8px}.communityPanel--list{gap:10px}.communityPanelTitle{font-size:14px;font-weight:800}.communityPanelMeta{font-size:12px;color:var(--community-muted)}.communityRow{display:grid;grid-template-columns:1fr auto;gap:8px}.communityInput{min-height:38px;border:0;border-radius:10px;background:var(--community-surface-soft);color:var(--community-fg);padding:0 12px;font-size:14px}.communityPrimaryBtn,.communityGhostBtn{border:0;border-radius:10px;min-height:38px;padding:0 12px;font-weight:800;cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;outline:none;box-shadow:none}.communityPrimaryBtn{background:var(--community-win);color:#2a2a2a}.communityPrimaryBtn--danger{background:#b64b4b;color:#fff}.communityGhostBtn{background:var(--community-surface-soft);color:var(--community-fg);min-height:38px;font-size:12px}.communityGhostBtn--danger{background:#8f4f4f;color:#fff}.communityPrimaryBtn:disabled,.communityGhostBtn:disabled{opacity:.55;cursor:not-allowed}.communityPrimaryBtn--disabledLike{opacity:.55;cursor:not-allowed}.communityPrimaryBtn:focus,.communityPrimaryBtn:focus-visible,.communityPrimaryBtn:active,.communityGhostBtn:focus,.communityGhostBtn:focus-visible,.communityGhostBtn:active{border:0;outline:none;box-shadow:none}.communityMessage{min-height:18px;font-size:13px;color:var(--community-win)}.communityButtonRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.communityList{display:grid;gap:8px}.communityGroup{background:var(--community-surface-soft);border-radius:10px;padding:8px;display:grid;gap:8px}.communityGroupTop{display:flex;align-items:center;justify-content:space-between;gap:8px}.communityGroupName{font-size:14px;font-weight:800}.communityGroupMeta{font-size:12px;color:var(--community-muted)}.communityGroupActions{display:flex;align-items:center;gap:6px}.communityInviteCode{font-size:12px;color:var(--community-win)}.communityInviteMeta{font-size:11px;color:var(--community-muted)}.communityInviteRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.communityInviteLabel{color:var(--community-muted);font-weight:700}.communityInviteActionBtn{border:0;border-radius:999px;min-height:34px;padding:0 12px;background:var(--community-surface-soft);color:var(--community-fg);font-size:12px;font-weight:800;cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;outline:none;box-shadow:none}.communityInviteActionBtn:disabled{opacity:.55;cursor:not-allowed}.communityInviteExpiry{color:var(--community-muted);font-weight:700}.communityInviteHint{min-height:18px;font-size:12px;color:var(--community-win)}.communityMembers{display:grid;gap:4px}.communityMembers--modal{max-height:min(40vh,320px);overflow:auto;padding-right:2px}.communityMember{display:flex;justify-content:space-between;gap:8px;font-size:12px}.communityMember--rich{background:var(--community-surface-soft);border-radius:8px;padding:8px;align-items:center}.communityMemberInfo{min-width:0}.communityMemberName{font-size:13px;font-weight:800}.communityMemberMeta{font-size:11px;color:var(--community-muted)}.communityMemberActions{display:flex;align-items:center;gap:6px}.communityHint{font-size:12px;color:var(--community-muted)}.communitySubOverlay{position:absolute;inset:0;background:#00000047;display:grid;place-items:center;padding:14px}.communitySubCard{width:min(560px,100%);max-height:calc(100vh - 160px);overflow:auto;background:var(--community-surface);border-radius:12px;padding:12px;display:grid;gap:10px}.communitySubTitle{font-size:16px;font-weight:900}.communitySubMessage{min-height:18px;font-size:12px;color:#d67f7f}.communitySubActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.communityFieldLabel{font-size:12px;color:var(--community-muted);font-weight:700}.communityCard .modalHint{padding:2px 14px 12px;font-size:clamp(12px,1.3vh,14px);color:var(--community-muted);text-align:right}@media(max-width:520px){.communityRow,.communityButtonRow{grid-template-columns:1fr}}.collectionCard{--collection-bg: #2a2a2a;--collection-fg: #f2f2f2;--collection-muted: rgba(242, 242, 242, .74);--collection-surface: #333333;--collection-surface-soft: #3c3c3c;--collection-win: #f2c94c;--collection-border: rgba(242, 242, 242, .2);width:min(760px,100%);max-height:min(88vh,820px);max-height:min(88dvh,820px);background:var(--collection-bg);border-radius:16px;box-shadow:0 12px 40px #00000059;color:var(--collection-fg);overflow:hidden;display:flex;flex-direction:column;transform:translateY(10px) scale(.985);opacity:0;transition:transform .2s ease-out,opacity .2s ease-out;will-change:transform,opacity}.collectionCard.open{transform:translateY(0) scale(1);opacity:1}.page--light .collectionCard{--collection-bg: #f4f4f4;--collection-fg: #1c1c1c;--collection-muted: rgba(28, 28, 28, .68);--collection-surface: #e7e7e7;--collection-surface-soft: #dddddd;--collection-win: #c89b00;--collection-border: rgba(28, 28, 28, .16);box-shadow:0 10px 30px #0000002e}.collectionCard .modalHeader{border-bottom:0!important}.collectionCard .modalClose{border:0;background:transparent;color:var(--collection-fg);border-radius:10px;padding:6px 10px;cursor:pointer}.collectionTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 14px 10px}.collectionTab{border:0;border-radius:10px;min-height:36px;background:var(--collection-surface-soft);color:var(--collection-fg);font-size:clamp(13px,1.45vh,16px);font-weight:800;cursor:pointer}.collectionTab.active{background:var(--collection-win);color:#2a2a2a}.collectionTab:focus,.collectionTab:focus-visible,.collectionTab:active{border:0;outline:none;box-shadow:none}.collectionBody{padding:0 14px 14px;display:grid;gap:10px;overflow-y:auto;flex:1 1 auto;min-height:0}.collectionSubHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.collectionSubTitle{color:var(--collection-muted);font-size:clamp(12px,1.35vh,14px);font-weight:700}.collectionActionBtn{border:0;border-radius:999px;min-height:30px;padding:0 12px;background:var(--collection-surface-soft);color:var(--collection-fg);font-size:clamp(12px,1.35vh,14px);font-weight:800;cursor:pointer}.collectionActionBtn:focus,.collectionActionBtn:focus-visible,.collectionActionBtn:active{border:0;outline:none;box-shadow:none}.collectionAchievementList{display:grid;gap:8px}.collectionAchievementTile{background:var(--collection-surface);border-radius:12px;padding:10px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.collectionAchievementTile--unlocked{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--collection-win) 52%,transparent)}.collectionAchievementTile--hidden{opacity:.86}.collectionAchievementStatus{border-radius:999px;min-height:26px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;background:var(--collection-surface-soft);color:var(--collection-muted);font-size:12px;font-weight:800}.collectionAchievementTile--unlocked .collectionAchievementStatus{background:var(--collection-win);color:#2a2a2a}.collectionAchievementMain{min-width:0}.collectionAchievementName{font-size:clamp(14px,1.6vh,17px);font-weight:900;line-height:1.2}.collectionAchievementDesc{margin-top:2px;color:var(--collection-muted);font-size:clamp(12px,1.35vh,14px);line-height:1.25}.collectionAchievementDate{color:var(--collection-muted);font-size:clamp(12px,1.3vh,14px);font-weight:700;text-align:right;white-space:nowrap}.collectionFilterGroup{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.collectionFilterBtn{border:0;border-radius:999px;min-height:30px;padding:0 10px;background:var(--collection-surface-soft);color:var(--collection-fg);font-size:clamp(12px,1.35vh,14px);font-weight:800;cursor:pointer}.collectionFilterBtn.active{background:var(--collection-win);color:#2a2a2a}.collectionFilterBtn:focus,.collectionFilterBtn:focus-visible,.collectionFilterBtn:active,.collectionFilterBtn.active:focus,.collectionFilterBtn.active:focus-visible,.collectionFilterBtn.active:active{border:0;outline:none;box-shadow:none}.collectionPrizeList{display:grid;gap:8px}.collectionPrizeRow{background:var(--collection-surface);border-radius:12px;padding:10px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.collectionPrizeIcon{position:relative;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:#f2c94c}.collectionPrizeIcon svg{width:100%;height:100%;fill:currentColor}.collectionPrizeIcon--p1{color:#f2c94c}.collectionPrizeIcon--p2{color:#c0c7d0}.collectionPrizeIcon--p3{color:#c78552}.collectionPrizeCopy{min-width:0}.collectionPrizePrimary{font-size:clamp(14px,1.6vh,17px);font-weight:900;line-height:1.2}.collectionPrizeSecondary{margin-top:2px;color:var(--collection-muted);font-size:clamp(12px,1.35vh,14px);line-height:1.25}.collectionPrizeType{color:var(--collection-muted);font-size:clamp(11px,1.25vh,13px);font-weight:800;text-transform:uppercase;letter-spacing:.04em;text-align:right}.collectionEmpty{border-radius:12px;border:1px dashed var(--collection-border);padding:12px;color:var(--collection-muted);font-size:clamp(12px,1.35vh,14px);font-weight:700;text-align:center}.collectionGateCard{border-radius:12px;background:var(--collection-surface);padding:14px;display:grid;gap:10px;justify-items:start}.collectionGateCopy{color:var(--collection-fg);font-size:clamp(13px,1.45vh,16px);font-weight:800;line-height:1.3}.collectionGateBtn{border:0;border-radius:10px;min-height:34px;padding:0 12px;background:var(--collection-win);color:#2a2a2a;font-size:clamp(12px,1.35vh,14px);font-weight:900;cursor:pointer}.collectionGateBtn:focus,.collectionGateBtn:focus-visible,.collectionGateBtn:active{border:0;outline:none;box-shadow:none}.collectionCard .modalHint{padding:2px 14px 12px;font-size:clamp(12px,1.3vh,14px);color:var(--collection-muted);text-align:right}@media(max-width:620px){.collectionAchievementTile,.collectionPrizeRow{grid-template-columns:1fr;gap:8px}.collectionAchievementDate,.collectionPrizeType{text-align:left}}.ceremonyCard{--ceremony-bg: #2a2a2a;--ceremony-fg: #f2f2f2;--ceremony-muted: rgba(242, 242, 242, .75);--ceremony-surface: #333333;--ceremony-surface-soft: #3c3c3c;--ceremony-win: #f2c94c;--ceremony-grid: rgba(242, 242, 242, .26);width:min(94vw,980px);max-height:min(88vh,860px);display:flex;flex-direction:column;border-radius:16px;background:var(--ceremony-bg);color:var(--ceremony-fg);border:1px solid var(--ceremony-grid);box-shadow:0 18px 50px #0000005c;transform:translateY(8px) scale(.985);opacity:0;transition:transform .22s ease,opacity .22s ease}.page--light .ceremonyCard{--ceremony-bg: #f4f4f4;--ceremony-fg: #1c1c1c;--ceremony-muted: rgba(28, 28, 28, .7);--ceremony-surface: #e7e7e7;--ceremony-surface-soft: #dddddd;--ceremony-win: #c89b00;--ceremony-grid: rgba(28, 28, 28, .22)}.ceremonyCard.open{transform:translateY(0) scale(1);opacity:1}.ceremonyCard .modalHeader{border-bottom:0;padding:12px 18px 8px}.ceremonyCard .modalTitle{font-weight:800;letter-spacing:.2px}.ceremonyCard .modalClose{border:0;background:transparent;color:var(--ceremony-fg);border-radius:10px;padding:6px 10px;cursor:pointer}.ceremonyCard button:focus,.ceremonyCard button:focus-visible,.ceremonyCard button:active{border:0;outline:none;box-shadow:none}.ceremonyPeriod{padding:0 18px 12px;font-weight:600;color:var(--ceremony-muted)}.ceremonyTabs{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 12px}.ceremonyTab{border:0;border-radius:999px;padding:8px 12px;background:var(--ceremony-surface-soft);color:inherit;font-weight:600;cursor:pointer}.ceremonyTab.active{background:var(--ceremony-win);color:#1c1c1c}.page--light .ceremonyTab.active{color:#111}.ceremonyTab:focus,.ceremonyTab:focus-visible,.ceremonyTab:active{border:0;outline:none}.ceremonyBody{padding:0 18px 20px;overflow:auto}.ceremonyEmpty{padding:20px 10px;opacity:.86}.ceremonyTableWrap{background:var(--ceremony-surface);border-radius:12px;overflow:visible;position:relative}.ceremonyTable{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.ceremonyTable th,.ceremonyTable td{border-bottom:1px solid var(--ceremony-grid);padding:12px 10px;text-align:left;vertical-align:middle}.ceremonyTable th{font-weight:700}.ceremonyTable thead tr{background:var(--ceremony-surface-soft)}.ceremonyTable thead th:first-child{border-top-left-radius:12px}.ceremonyTable thead th:last-child{border-top-right-radius:12px}.ceremonyTable tbody tr:last-child th,.ceremonyTable tbody tr:last-child td{border-bottom:0}.ceremonyTable tbody tr:last-child th:first-child{border-bottom-left-radius:12px}.ceremonyTable tbody tr:last-child td:last-child{border-bottom-right-radius:12px}.ceremonyHeaderPlace{display:inline-flex;align-items:center;gap:6px}.ceremonyTableCell{position:relative;min-width:180px;padding-right:72px!important;overflow:visible}.ceremonyTableCell--static{padding-right:10px!important}.ceremonyCellContent{font-weight:600;line-height:1.3}.ceremonyCellContent--stagger{opacity:0;transform:translateY(-3px);transition:opacity .16s ease-out,transform .22s ease-out}.ceremonyCellContent--show{opacity:1;transform:translateY(0)}.ceremonyNameTag--me{color:var(--ceremony-win);font-weight:700}.ceremonyActions{display:flex;justify-content:flex-end;padding:10px 18px 16px}.ceremonyCloseBtn{border:0;border-radius:10px;padding:8px 14px;font-weight:700;cursor:pointer;background:var(--ceremony-surface-soft);color:var(--ceremony-fg)}.ceremonyCloseBtn:focus,.ceremonyCloseBtn:focus-visible,.ceremonyCloseBtn:active{border:0;outline:none}.ceremonyRibbon,.ceremonyMedal,.ceremonyCrown{display:inline-flex;width:18px;height:18px}.ceremonyRibbon{width:30px;height:30px}.ceremonyRibbon svg,.ceremonyMedal svg,.ceremonyCrown svg{width:100%;height:100%;fill:currentColor}.ceremonyRibbon--p1,.ceremonyMedal--p1,.ceremonyCrown--p1{color:#f2c94c}.ceremonyRibbon--p2,.ceremonyMedal--p2,.ceremonyCrown--p2{color:#c8d0df}.ceremonyRibbon--p3,.ceremonyMedal--p3,.ceremonyCrown--p3{color:#cd8b62}.ceremonyStamp{position:absolute;right:10px;top:calc(50% - 2px);width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-50%) scale(.1);opacity:0;pointer-events:none;overflow:visible}.ceremonyStamp--show{animation:ceremonyStampIn .52s cubic-bezier(.18,.88,.22,1.35) both}.ceremonySparkle{position:absolute;width:5px;height:5px;border-radius:999px;background:var(--sparkle-color, rgba(255, 255, 255, .92));opacity:0}.ceremonyStamp--show .ceremonySparkle{animation:ceremonySparkleOut .62s ease-out both}.ceremonySparkle--a{top:0;left:24px}.ceremonySparkle--b{top:24px;right:0}.ceremonySparkle--c{bottom:0;left:24px}.ceremonySparkle--d{top:24px;left:0}.ceremonySparkle--e{top:4px;left:4px}.ceremonySparkle--f{top:4px;right:4px}.ceremonySparkle--g{bottom:4px;left:4px}.ceremonySparkle--h{bottom:4px;right:4px}@keyframes ceremonyStampIn{0%{opacity:0;transform:translateY(-50%) scale(.1) rotate(-9deg)}65%{opacity:1;transform:translateY(-50%) scale(1.18) rotate(0)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes ceremonySparkleOut{0%{opacity:0;transform:translate(0) scale(.2)}25%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--sparkle-x, 0px),var(--sparkle-y, 0px)) scale(.3)}}.ceremonySparkle--a{--sparkle-x: 0px;--sparkle-y: -16px}.ceremonySparkle--b{--sparkle-x: 16px;--sparkle-y: 0px}.ceremonySparkle--c{--sparkle-x: 0px;--sparkle-y: 16px}.ceremonySparkle--d{--sparkle-x: -16px;--sparkle-y: 0px}.ceremonySparkle--e{--sparkle-x: -12px;--sparkle-y: -12px}.ceremonySparkle--f{--sparkle-x: 12px;--sparkle-y: -12px}.ceremonySparkle--g{--sparkle-x: -12px;--sparkle-y: 12px}.ceremonySparkle--h{--sparkle-x: 12px;--sparkle-y: 12px}.ceremonyStamp .ceremonyMedal,.ceremonyStamp .ceremonyCrown{width:30px;height:30px}.ceremonyCard .modalHint{padding:0 18px 14px;font-size:12px;opacity:.7;text-align:right}@media(max-width:780px){.ceremonyCard{width:min(96vw,980px);max-height:min(90vh,860px)}.ceremonyTableCell{min-width:150px}}.authModalOverlay{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:16px;background:#0000008c}.authModalCard{width:min(520px,100%);border-radius:16px;overflow:hidden;background:#2a2a2a;color:#f2f2f2;box-shadow:0 12px 40px #00000059}.authModalOverlay.light .authModalCard{background:#f4f4f4;color:#1c1c1c;box-shadow:0 10px 30px #0000002e}.authModalHeader{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}.authModalTitle{font-weight:900}.authModalClose{border:0;outline:none;box-shadow:none;background:transparent;color:inherit;border-radius:10px;padding:6px 10px;cursor:pointer}.authModalBody{padding:4px 14px 14px}.authFields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.authInput{border:0;outline:none;box-shadow:none;border-radius:10px;min-height:42px;padding:0 12px;font-size:14px;background:#333;color:#f2f2f2}.authModalOverlay.light .authInput{background:#e7e7e7;color:#1c1c1c}.authInput::placeholder{color:currentColor;opacity:.6}.authActions{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.authActions--single{grid-template-columns:1fr}.authBtn{border:0;outline:none;box-shadow:none;border-radius:10px;min-height:42px;padding:0 12px;font-size:14px;font-weight:800;background:#333;color:#f2f2f2;cursor:pointer}.authModalOverlay.light .authBtn{background:#e7e7e7;color:#1c1c1c}.authBtn:disabled{opacity:.58;cursor:default}.authMsg{margin-top:10px;opacity:.84;font-size:12px;text-align:center;min-height:18px}.authMsg:not(.hasMsg){opacity:0}@media(max-width:520px){.authFields{grid-template-columns:1fr;gap:6px}.authBtn,.authInput{min-height:40px;font-size:13px}}.gearCell{width:100%;height:100%}.gearSvg{width:100%;height:100%;display:block}:root{--tile-radius: 12px}.tile{width:var(--cell-size, 46px);height:var(--cell-size, 46px);border-radius:var(--tile-radius);border:1px solid #3b3b3b;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:calc(var(--cell-size, 46px) * .335);line-height:1;-webkit-user-select:none;user-select:none;color:#111;background:#e0e0e0;position:relative}.tile sub{position:absolute;right:8px;bottom:6px;font-size:.65em;opacity:.9}.tile.empty{opacity:.35}.tile.preview{background:#d8d8d8;opacity:.95;color:#222}.tile.gray{background:#bdbdbd;color:#111;border-color:#9f9f9f}.tile.green{background:#7ee081;border-color:#4caf50;color:#0b2a0c}.tile.gold{background:#f2c94c;border-color:#c89b00;color:#3a2600}.tile.orange{background:#ffcc80;border-color:#ff9800;color:#3a2200}.page--light .tile{border-color:#e0e0e0}.page--light .tile.preview{border-color:#d8d8d8}.page--light .tile.preview.tile--gearCurrent{background:#e0e0e059;border-color:transparent;opacity:1}.page--light .tile.gray{border-color:#bdbdbd}.page--light .tile.green{border-color:#7ee081}.page--light .tile.gold{border-color:#f2c94c}.page--light .tile.orange{border-color:#ffcc80}.guessTile{position:relative;overflow:visible;transform:translateZ(0);isolation:isolate}.guessTile--winAnim{animation:guessPop calc(var(--gt-pop-ms) * 1ms) cubic-bezier(.2,1.2,.2,1) forwards}@keyframes guessPop{0%{transform:scale(1);filter:none}60%{transform:scale(1.06);filter:brightness(1.03)}to{transform:scale(1.03);filter:brightness(1.02)}}.guessTile__clipLayer{position:absolute;inset:0;border-radius:var(--tile-radius);overflow:hidden;pointer-events:none;z-index:0}.guessTile__glint{position:absolute;inset:-30%;pointer-events:none;opacity:0;transform:translate(-60%) translateY(-60%) rotate(25deg);background:linear-gradient(90deg,#fff0,#ffffff8c 45%,#fff0 70%)}.guessTile__content{position:relative;z-index:2}.guessTile--winAnim .guessTile__glint{animation:guessGlint calc(var(--gt-glint-ms) * 1ms) ease-out forwards;animation-delay:calc(var(--gt-glint-delay-ms) * 1ms)}@keyframes guessGlint{0%{opacity:0;transform:translate(-70%) translateY(-70%) rotate(25deg)}15%{opacity:.9}to{opacity:0;transform:translate(70%) translateY(70%) rotate(25deg)}}.guessTile__sparkle{position:absolute;top:-3px;right:-3px;font-size:14px;fill:#fff;stroke:#fff;line-height:1;z-index:3;opacity:0;transform:scale(.4);pointer-events:none}.guessTile--winAnim .guessTile__sparkle{animation:guessSparkle calc(var(--gt-sparkle-appear-ms) * 1ms) ease-out forwards;animation-delay:calc(var(--gt-sparkle-delay-ms) * 1ms)}@keyframes guessSparkle{0%{opacity:0;transform:scale(.1) rotate(-8deg)}50%{opacity:1;transform:scale(1.2) rotate(0)}to{opacity:1;transform:scale(.8)}}.tile.gold:not(.guessTile--winAnim) .guessTile__sparkle svg,.guessTile--winAnim .guessTile__sparkle svg{animation:sparkleIdle 1.6s cubic-bezier(.37,0,.63,1) infinite;animation-delay:calc(var(--gt-sparkle-delay-ms) * 1ms + var(--gt-sparkle-appear-ms) * 1ms)}@keyframes sparkleIdle{0%,to{transform:scale(1);opacity:.92}50%{transform:scale(.8);opacity:1}}.tile.gold:not(.guessTile--winAnim) .guessTile__sparkle{opacity:1;transform:scale(.8) rotate(0)}.digitEntry{display:flex;width:100%;max-width:100%;gap:var(--digit-gap, 10px);align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:manipulation}.digitEntry__digits{display:flex;gap:var(--digit-gap, 10px);align-items:center}.digitEntry__col{display:flex;flex-direction:column;align-items:center;gap:6px}.digitEntry__box{width:var(--digit-box-size, clamp(44px, 10vw, 56px));height:var(--digit-box-size, clamp(44px, 10vw, 56px));border-radius:12px;border:1px solid #555;background:#2a2a2a;color:#f2f2f2;display:grid;place-items:center;font-weight:900;font-size:var(--digit-font-size, 22px)}.digitEntry__tri{width:var(--digit-tri-w, 42px);height:var(--digit-tri-h, 26px);border-radius:10px;border:1px solid #666;background:#2a2a2a;display:grid;place-items:center;cursor:pointer;padding:0}.digitEntry__tri svg{width:var(--digit-icon-size, 22px);height:var(--digit-icon-size, 22px);fill:#f2f2f2;opacity:.9}.digitEntry__tri:disabled{opacity:.5;cursor:not-allowed}.digitEntry__enter{width:var(--digit-enter-w, 58px);height:var(--digit-enter-h, 92px);border-radius:14px;border:1px solid #666;background:#2a2a2a;display:grid;place-items:center;cursor:pointer;padding:0}.digitEntry__enter svg{width:calc(var(--digit-icon-size, 22px) * 1.2);height:calc(var(--digit-icon-size, 22px) * 1.2);fill:#f2f2f2;opacity:.95}.digitEntry__enter:disabled{opacity:.5;cursor:not-allowed}.digitEntry__hiddenInput{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.digitEntryLock{--lock-bg: #b9b9b9;--lock-border: #3b3b3b;--lock-digit: #222;--lock-handle-bg: #d8d8d8;--lock-hint: rgba(34, 34, 34, .78);--lock-shade-rgb: 95, 95, 95;--lock-shade-alpha: .34;--lock-handle-border: transparent}.digitEntryLock{display:flex;flex-direction:column;width:100%;max-width:100%;gap:calc(var(--digit-gap, 10px) * .85);align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:manipulation}.digitEntryLock__digits{display:flex;gap:var(--digit-gap, 10px);align-items:center}.digitCylinder{width:var(--digit-box-width, var(--digit-box-size, 56px));height:calc(var(--digit-box-size, 56px) * 3);border-radius:12px;border:1px solid var(--lock-border);background:var(--lock-bg);position:relative;overflow:hidden;touch-action:none;will-change:transform}.digitCylinder__viewport{position:absolute;inset:0;overflow:hidden}.digitCylinder__digit{position:absolute;left:50%;top:50%;color:var(--lock-digit);font-weight:900;font-size:var(--digit-font-size, 22px);line-height:1;transform-origin:center center;pointer-events:none}.digitCylinder:before,.digitCylinder:after{content:"";position:absolute;left:0;right:0;height:24%;pointer-events:none;z-index:1}.digitCylinder:before{top:0;background:linear-gradient(to bottom,rgba(var(--lock-shade-rgb),var(--lock-shade-alpha)),rgba(var(--lock-shade-rgb),0))}.digitCylinder:after{bottom:0;background:linear-gradient(to top,rgba(var(--lock-shade-rgb),var(--lock-shade-alpha)),rgba(var(--lock-shade-rgb),0))}.digitCylinder--disabled{opacity:.55}.digitEntryLock__submitTrack{--submit-h: clamp(34px, calc(var(--digit-box-size, 56px) * .68), 56px);--submit-w: calc(var(--submit-h) * 1.618);height:var(--submit-h);border-radius:12px;border:1px solid var(--lock-border);background:var(--lock-bg);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:flex-start}.digitEntryLock__submitTrack--disabled{opacity:.55}.digitEntryLock__submitHint{position:absolute;inset:0;display:grid;place-items:center;color:var(--lock-hint);font-size:clamp(12px,calc(var(--digit-font-size, 22px) * .45),16px);font-weight:700;letter-spacing:.03em;pointer-events:none;z-index:1}.digitEntryLock__submitProgress{position:absolute;left:0;top:0;bottom:0;background:#f2c94c2e;pointer-events:none;z-index:0}.digitEntryLock__submitHandle{width:var(--submit-w);height:var(--submit-h);border-radius:12px;border:1px solid var(--lock-handle-border);background:var(--lock-handle-bg);display:grid;place-items:center;cursor:grab;padding:0;touch-action:none;z-index:2}.digitEntryLock__submitHandle.dragging{cursor:grabbing}.digitEntryLock__submitHandle svg{width:calc(var(--digit-icon-size, 22px) * 1.2);height:calc(var(--digit-icon-size, 22px) * 1.2);fill:var(--lock-digit);opacity:.95}.digitEntryLock__submitHandle:disabled{cursor:not-allowed}.page--light .digitEntryLock{--lock-bg: #ececec;--lock-border: #d8d8d8;--lock-handle-bg: #d8d8d8;--lock-hint: rgba(34, 34, 34, .66);--lock-shade-rgb: 216, 216, 216;--lock-shade-alpha: .72;--lock-handle-border: #d8d8d8}.page--dark .digitEntryLock{--lock-handle-border: transparent}.desktopTextEntry{--entry-bg: #b9b9b9;--entry-border: #3b3b3b;--entry-text: #222;--entry-hint: rgba(34, 34, 34, .72);--entry-handle-bg: #d8d8d8;--entry-handle-border: transparent;--entry-h: clamp(42px, calc(var(--digit-box-size, 56px) * .88), 62px);--entry-submit-w: calc(var(--entry-h) * 1.618);display:grid;grid-template-columns:minmax(180px,1fr) var(--entry-submit-w);gap:10px;width:min(560px,100%);align-items:stretch}.desktopTextEntry__input{width:100%;height:var(--entry-h);border-radius:12px;border:1px solid var(--entry-border);background:var(--entry-bg);color:var(--entry-text);font-size:clamp(18px,2.2vh,24px);font-weight:800;line-height:1;text-align:center;padding:0 14px;outline:none}.desktopTextEntry__input::placeholder{color:var(--entry-hint);font-weight:700}.desktopTextEntry__submit{width:100%;height:var(--entry-h);border-radius:12px;border:1px solid var(--entry-handle-border);background:var(--entry-handle-bg);color:var(--entry-text);display:grid;place-items:center;padding:0;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.desktopTextEntry__submit svg{width:calc(var(--digit-icon-size, 22px) * 1.2);height:calc(var(--digit-icon-size, 22px) * 1.2);fill:currentColor;opacity:.95}.desktopTextEntry__submit:disabled{opacity:.55;cursor:not-allowed}.page--light .desktopTextEntry{--entry-bg: #ececec;--entry-border: #d8d8d8;--entry-handle-bg: #d8d8d8;--entry-handle-border: #d8d8d8;--entry-hint: rgba(34, 34, 34, .62)}@media(max-width:520px){.desktopTextEntry{grid-template-columns:1fr;width:min(420px,100%)}}.mobileNumpad{--np-bg: #b9b9b9;--np-border: #3b3b3b;--np-text: #222;--np-key-bg: #d8d8d8;--np-key-border: transparent;display:grid;gap:calc(var(--digit-gap, 10px) * .72);width:calc((var(--numpad-key-w, var(--digit-box-size, 56px)) * 3) + (var(--digit-gap, 10px) * 1.2));max-width:100%}.mobileNumpad__display{height:var(--numpad-display-h, clamp(36px, calc(var(--digit-box-size, 56px) * .82), 66px));border-radius:12px;border:1px solid var(--np-border);background:var(--np-bg);color:var(--np-text);font-size:clamp(18px,calc(var(--digit-font-size, 22px) * .95),30px);font-weight:900;line-height:1;text-align:center;display:grid;place-items:center;letter-spacing:.04em}.mobileNumpad__grid{display:grid;grid-template-columns:repeat(3,var(--numpad-key-w, minmax(0, 1fr)));gap:calc(var(--digit-gap, 10px) * .6)}.mobileNumpad__key{width:var(--numpad-key-w, 56px);height:var(--numpad-key-h, 56px);border-radius:12px;border:0;background:var(--np-key-bg);color:var(--np-text);font-size:clamp(17px,calc(var(--digit-font-size, 22px) * .9),28px);font-weight:800;line-height:1;display:grid;place-items:center;padding:0;outline:none;box-shadow:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.mobileNumpad__key--icon svg{width:calc(var(--digit-icon-size, 22px) * 1.15);height:calc(var(--digit-icon-size, 22px) * 1.15);fill:currentColor}.mobileNumpad__key--enter{background:var(--np-key-bg)}.mobileNumpad__key--enter svg{transform:translate(.8px)}.mobileNumpad__key:disabled{opacity:.55}.mobileNumpad__key:focus,.mobileNumpad__key:focus-visible,.mobileNumpad__key:active{border:0;outline:none;box-shadow:none!important}.page--light .mobileNumpad{--np-bg: #ececec;--np-border: #d8d8d8;--np-key-bg: #d8d8d8;--np-key-border: #d8d8d8}.adOverlay{position:fixed;inset:0;background:#0000009e;z-index:1200;display:grid;place-items:center;padding:18px;opacity:0;animation:adOverlayFadeIn .18s ease-out forwards}.adCard{width:min(560px,100%);border-radius:16px;background:#f4f4f4;color:#151515;box-shadow:0 18px 50px #00000073;padding:18px;display:grid;gap:10px;transform:translateY(8px) scale(.985);opacity:0;animation:adCardIn .2s ease-out forwards;will-change:transform,opacity}.page--dark .adCard{background:#222;color:#f2f2f2}.adTag{font-size:12px;font-weight:800;opacity:.75;text-transform:uppercase;letter-spacing:.04em}.adHeadline{font-size:clamp(18px,2.2vh,24px);font-weight:900}.adBody{font-size:clamp(14px,1.7vh,17px);line-height:1.35;opacity:.9}.adCta{justify-self:end;border:0;border-radius:10px;min-height:40px;padding:0 14px;background:#333;color:#f2f2f2;font-weight:800;cursor:pointer;-webkit-tap-highlight-color:transparent}.page--dark .adCta{background:#444}.adCta:disabled{cursor:default;opacity:.62}@keyframes adOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes adCardIn{0%{transform:translateY(8px) scale(.985);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.page--uniform-modals{--uniform-safe-top: env(safe-area-inset-top, 0px);--uniform-safe-bottom: env(safe-area-inset-bottom, 0px);--uniform-modal-top-base: clamp(22px, 7vh, 96px);--uniform-modal-bottom-base: 14px;--uniform-modal-top: calc(var(--uniform-modal-top-base) + var(--uniform-safe-top));--uniform-modal-bottom: calc(var(--uniform-modal-bottom-base) + var(--uniform-safe-bottom))}.page--uniform-modals .modalOverlay,.page--uniform-modals .authModalOverlay{align-items:flex-start;justify-content:center;padding:var(--uniform-modal-top) 16px var(--uniform-modal-bottom)}.page--uniform-modals .settingsCard,.page--uniform-modals .authModalCard,.page--uniform-modals .modalCard{--uniform-tier-min-h: 280px;--uniform-tier-max-h: 560px}.page--uniform-modals .statsCard,.page--uniform-modals .communityCard,.page--uniform-modals .collectionCard,.page--uniform-modals .ceremonyCard{--uniform-tier-min-h: 420px;--uniform-tier-max-h: 860px}.page--uniform-modals .settingsCard,.page--uniform-modals .authModalCard,.page--uniform-modals .modalCard,.page--uniform-modals .statsCard,.page--uniform-modals .communityCard,.page--uniform-modals .collectionCard,.page--uniform-modals .ceremonyCard{max-height:min(var(--uniform-tier-max-h),calc(100dvh - var(--uniform-modal-top) - var(--uniform-modal-bottom)));min-height:min(var(--uniform-tier-min-h),calc(100dvh - var(--uniform-modal-top) - var(--uniform-modal-bottom)));display:flex;flex-direction:column}.page--uniform-modals .statsCard .modalHeader,.page--uniform-modals .settingsCard .modalHeader,.page--uniform-modals .communityCard .modalHeader,.page--uniform-modals .collectionCard .modalHeader,.page--uniform-modals .ceremonyCard .modalHeader,.page--uniform-modals .statsTabs,.page--uniform-modals .collectionTabs,.page--uniform-modals .ceremonyTabs,.page--uniform-modals .statsCard .modalHint,.page--uniform-modals .settingsCard .modalHint,.page--uniform-modals .communityCard .modalHint,.page--uniform-modals .collectionCard .modalHint,.page--uniform-modals .ceremonyCard .modalHint{flex:0 0 auto}.page--uniform-modals .statsContentScroller,.page--uniform-modals .settingsBody,.page--uniform-modals .communityBody,.page--uniform-modals .collectionBody,.page--uniform-modals .ceremonyBody,.page--uniform-modals .authModalBody,.page--uniform-modals .modalContent{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.page--uniform-modals .communitySubOverlay{display:flex;align-items:flex-start;justify-content:center;padding:calc(var(--uniform-modal-top) + 12px) 16px var(--uniform-modal-bottom)}.page--uniform-modals .communitySubCard{max-height:min(560px,calc(100dvh - var(--uniform-modal-top) - var(--uniform-modal-bottom) - 12px));min-height:min(220px,calc(100dvh - var(--uniform-modal-top) - var(--uniform-modal-bottom) - 12px));box-shadow:0 22px 56px #0000006b}@media(max-width:780px){.page--uniform-modals{--uniform-modal-top-base: clamp(12px, 4vh, 28px);--uniform-modal-bottom-base: 10px}.page--uniform-modals .settingsCard,.page--uniform-modals .authModalCard,.page--uniform-modals .modalCard{--uniform-tier-min-h: 220px;--uniform-tier-max-h: 460px}.page--uniform-modals .statsCard,.page--uniform-modals .communityCard,.page--uniform-modals .collectionCard,.page--uniform-modals .ceremonyCard{--uniform-tier-min-h: 320px;--uniform-tier-max-h: 760px}}
