:root{--felt-0: #0a1f14;--felt-1: #0f2b1c;--felt-2: #163a27;--line: rgba(255, 255, 255, .1);--ink: #f4f7f5;--muted: #9fb5a8;--gold: #e7c15a;--red: #d1373c;--green: #3fb96b;--card-bg: #fbfbf7;--card-ink: #16130f;--radius: 12px;--shadow: 0 8px 24px rgba(0, 0, 0, .35);--card-w: 86px;--card-h: 120px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:radial-gradient(1200px 600px at 50% -10%,var(--felt-2),transparent 60%),linear-gradient(180deg,var(--felt-1),var(--felt-0));min-height:100vh}#app{max-width:none;margin:0 auto;padding:18px 28px 40px}.is-hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:8px;padding-top:0}.topbar__bar{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px}.topbar__right{display:flex;align-items:center;gap:8px}.brand{font-size:clamp(44px,8vw,72px);line-height:.9;margin:0;font-weight:900;letter-spacing:-3px;background:linear-gradient(150deg,#fff 0%,#ffe9a8 48%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 3px 10px rgba(231,193,90,.25)) drop-shadow(0 2px 4px rgba(0,0,0,.5))}.brand__bang{color:var(--gold)}.topbar__left{grid-column:1;justify-self:start;display:flex;align-items:center;gap:8px}.settings{position:relative}.icon-btn{justify-self:start;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#00000059;color:var(--ink);font-size:16px;cursor:pointer;transition:background .15s ease,transform .08s ease,box-shadow .15s ease}.icon-btn:hover{background:#ffffff14;box-shadow:0 0 0 5px #ffffff0a}.icon-btn:active{transform:scale(.94)}.account{grid-column:3;justify-self:end;position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:40px;min-width:40px}.account__controls{display:flex;align-items:center;gap:8px}.account__user{display:inline-flex;align-items:center;gap:7px;max-width:180px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffff0b;font:inherit;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;transition:background .15s ease,border-color .15s ease}.account__user:hover{background:#ffffff14;border-color:#e7c15a80}.account__avatar{font-size:14px}.account__edit{color:var(--gold);font-size:12px;opacity:.85}.account-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:20;width:min(300px,calc(100vw - 32px));padding:14px;text-align:left;border-radius:var(--radius);border:1px solid var(--line);background:#0c231733;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#091810f5;box-shadow:var(--shadow)}.account-panel__id{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed var(--line)}.account-panel__ctx{margin:0;font-size:11px;color:var(--muted)}.account-panel__google:not(:empty){margin:0}.account-panel__google-cap{margin:0 0 8px;font-size:11px;color:var(--muted)}.account__user--cansync{position:relative}.account__user--cansync:after{content:"";position:absolute;top:-1px;right:-1px;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 2px #00000080}.account-panel__label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin-bottom:6px}.account-panel__row{display:flex;gap:8px}.account-panel__input{flex:1;min-width:0;padding:9px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#00000059;color:var(--ink);font:inherit;font-size:14px}.account-panel__input:focus-visible{outline:2px solid rgba(231,193,90,.5);outline-offset:1px}.account-panel__save{padding:9px 16px;font-size:13px}.account-panel__msg{margin:8px 0 0;min-height:1.1em;font-size:12px;color:var(--muted)}.account-panel__msg--err{color:var(--red)}.account-panel__msg--ok{color:var(--green)}.account-panel__hist{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}.account-panel__hist-title{margin:0 0 10px;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);font-weight:700}.account-panel__hist-empty{margin:0;font-size:12px;color:var(--muted)}.account-panel__hist-chart{display:flex;align-items:flex-end;gap:5px;min-height:122px;overflow-x:auto;padding-bottom:2px}.hist-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;flex:0 0 auto;min-width:16px}.hist-col__val{font-size:10px;line-height:1;color:var(--muted);min-height:10px}.hist-col__bar{width:16px;border-radius:3px 3px 0 0;background:#e7c15a59;transition:height .3s cubic-bezier(.2,.8,.25,1)}.hist-col__bar--hot{background:linear-gradient(180deg,var(--gold),rgba(231,193,90,.65));box-shadow:0 0 8px #e7c15a59}.hist-col__label{font-size:10px;line-height:1;color:var(--muted)}.account-panel__signout{display:flex;justify-content:flex-end}.account-panel__signout:empty{display:none}.account-panel__signout-btn{font-size:12px;padding:4px 12px}.account-panel__hist-chart[data-chart=line],.account-panel__hist-chart[data-chart=area],.account-panel__hist-chart[data-chart=dots]{display:block;align-items:initial}.hist-svg{display:block;max-width:100%;height:auto}.hist-svg__val{font-size:10px;fill:var(--gold)}.hist-svg__label{font-size:10px;fill:var(--muted)}.settings-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:20;width:min(280px,calc(100vw - 32px));padding:14px;text-align:left;border-radius:var(--radius);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#091810f5;box-shadow:var(--shadow)}.settings-panel__title{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted)}.settings-panel__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;cursor:pointer}.settings-panel__row+.settings-panel__row{border-top:1px dashed var(--line)}.settings-panel__label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink)}.settings-panel__hint{margin:-2px 0 2px;font-size:11px;color:var(--muted)}.switch{position:relative;display:inline-block;flex:0 0 auto;width:40px;height:24px}.switch input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.switch__track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#ffffff26;border:1px solid var(--line);transition:background .15s ease,border-color .15s ease}.switch__thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--ink);transition:transform .15s ease,background .15s ease}.switch input:checked+.switch__track{background:#e7c15a8c;border-color:var(--gold)}.switch input:checked+.switch__track .switch__thumb{transform:translate(16px);background:var(--gold)}.switch input:focus-visible+.switch__track{outline:2px solid rgba(231,193,90,.5);outline-offset:2px}.hero__title{display:flex;align-items:baseline;justify-content:center;gap:6px;margin:0 0 2px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted)}.hero__row{display:flex;align-items:stretch;justify-content:center;gap:clamp(16px,5vw,48px);width:100%}.counters__title{margin:0 0 2px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);text-align:center}.hero{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:clamp(16px,5vw,48px);width:100%;padding:6px 18px;border:0;border-bottom:1px solid rgba(255,255,255,.06);border-radius:0;background:none;box-shadow:none}.hero__stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;min-width:0}.hero__value{font-size:clamp(19px,4.4vw,29px);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.hero__stat--winners .hero__value{color:var(--gold);text-shadow:0 0 18px rgba(231,193,90,.25)}.hero__value--red{color:#f55}.hero__label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}.hero__divider{width:1px;align-self:stretch;background:linear-gradient(180deg,transparent,var(--line),transparent)}.hero__x{font-size:.5em;color:var(--muted);font-weight:700;vertical-align:super}.hero__range{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:var(--gold);font:inherit;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;padding:2px 16px 2px 4px;background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 8px) 60%,calc(100% - 4px) 60%;background-size:4px 4px;background-repeat:no-repeat}.hero__range:hover{color:var(--ink);border-color:#e7c15a80}.hero__range:hover{color:var(--ink)}.hero__range option{background:#0a1a12;color:var(--ink);text-transform:none;letter-spacing:0}.hero__stat--range .hero__range{font-size:clamp(12px,2.5vw,15px)}.hero__range:focus-visible{outline:2px solid rgba(231,193,90,.45);outline-offset:2px}.substats{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;width:100%}.counters{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:10px}.counter-chip{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:84px;padding:4px 13px;border-radius:0;border:0;background:none}.counters__sep{align-self:stretch;width:1px;margin:6px 2px;background:linear-gradient(180deg,transparent,var(--line),transparent)}.counter-chip__value{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.counter__number{display:inline-block;min-width:1ch}.counter-chip__label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.counter__x{position:absolute;top:5px;right:8px;font-size:10px;color:var(--gold);font-weight:700}@keyframes counter-roll-up{0%{transform:translateY(100%);opacity:0}60%{transform:translateY(-6%);opacity:.85}to{transform:translateY(0);opacity:1}}.range{display:inline-flex;align-items:center;gap:8px}.range__label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}.range__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.16);background:#00000047;color:var(--ink);border-radius:999px;padding:8px 34px 8px 14px;font:inherit;font-size:13px;cursor:pointer;background-image:linear-gradient(135deg,transparent 50%,var(--muted) 50%),linear-gradient(45deg,transparent 50%,var(--muted) 50%);background-position:calc(100% - 15px) center,calc(100% - 10px) center;background-size:5px 5px;background-repeat:no-repeat}.range__select option{background:#0a1a12;color:var(--ink)}.range__select:focus-visible{outline:2px solid rgba(231,193,90,.45);outline-offset:2px}.layout{display:flex;gap:26px;align-items:flex-start;justify-content:center}@media(min-width:981px){#app{min-height:100vh;display:flex;flex-direction:column;justify-content:center}}.stage{min-width:0}@media(max-width:980px){.layout{flex-wrap:wrap;justify-content:center}.stage{order:1;flex-basis:100%}.ruler{order:2}.side-panel{order:3}}.side-panel{flex:0 0 240px;width:240px;max-width:100%;border:0;border-left:1px solid rgba(255,255,255,.07);padding:0 12px 0 14px;border-radius:0;background:none;position:sticky;top:12px;margin-top:clamp(24px,7vh,64px);display:flex;flex-direction:column;max-height:calc(100vh - 24px)}.side-panel__body{overflow-y:auto;min-height:0}@media(max-width:980px){.side-panel{position:static;width:min(100%,460px);order:3;max-height:none}.side-panel__body{overflow-y:visible}}.side-panel__title{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.side-panel__empty{color:var(--muted);font-size:13px;text-align:center;padding:16px 4px}.side-panel__tabs{display:flex;flex-wrap:wrap;gap:3px;margin:0 0 10px;padding:3px;border-radius:10px;background:#ffffff0b;border:1px solid var(--line)}.side-panel__tab{flex:1 1 64px;padding:6px 8px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;cursor:pointer;transition:background .15s ease,color .15s ease}.side-panel__tab:hover{color:var(--ink)}.side-panel__tab.is-active{color:var(--gold);background:#e7c15a29;box-shadow:inset 0 0 0 1px #e7c15a59}.side-panel__caption{margin:0 0 8px;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.3px}.side-panel__friends{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin:0 0 10px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.side-panel__friends:hover{color:var(--ink)}.side-panel__friends.is-active{color:var(--gold);border-color:#e7c15a8c}.side-panel__switch{position:relative;flex:none;width:34px;height:18px;border-radius:999px;background:#ffffff1f;transition:background .15s ease}.side-panel__friends.is-active .side-panel__switch{background:var(--gold)}.side-panel__switch-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s ease}.side-panel__friends.is-active .side-panel__switch-thumb{transform:translate(16px)}.friend-add{display:flex;gap:6px;margin:0 0 8px}.friend-add__input{flex:1;min-width:0;padding:6px 10px;border-radius:8px;border:1px solid var(--line);background:#ffffff0a;color:var(--ink);font-size:13px}.friend-add__btn{padding:6px 12px;border-radius:8px;border:1px solid rgba(231,193,90,.5);background:#e7c15a24;color:var(--gold);font-size:13px;font-weight:700;cursor:pointer}.friend-add__btn:hover{background:#e7c15a42}.friend-add__msg{margin:0 0 8px;font-size:12px;color:var(--muted);min-height:14px}.friend-add__msg:empty{min-height:0;margin:0}.ruler{flex:0 0 212px;width:212px;max-width:100%;padding:0 14px 0 0;border:0;border-right:1px solid rgba(255,255,255,.07);border-radius:0;background:none;position:sticky;top:12px;margin-top:clamp(24px,7vh,64px)}@media(max-width:980px){.ruler{position:static;flex-basis:auto;width:min(100%,212px)}}.ruler__title{margin:0 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.ruler__track{position:relative}.ruler__rows{padding-left:8px}.ruler-level{display:grid;grid-template-columns:20px 1fr;column-gap:8px;align-items:center;min-height:16px}.ruler-level__n{grid-column:1;grid-row:1;text-align:right;font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted)}.ruler-level__tick{grid-column:2;grid-row:1;height:1px;width:14px;background:var(--line)}.ruler-level__note{grid-column:2;grid-row:2;font-size:8.5px;line-height:1.15;color:var(--muted);opacity:.85;padding-bottom:2px}.ruler-level--major{min-height:22px}.ruler-level--major .ruler-level__n{font-size:13px;font-weight:800;color:var(--gold)}.ruler-level--major .ruler-level__tick{width:100%;background:linear-gradient(90deg,rgba(231,193,90,.5),transparent)}.ruler-level--major .ruler-level__note{color:var(--gold);opacity:.75}.ruler-level--milestone{position:relative;min-height:30px}.ruler-level__icon{grid-column:2;grid-row:2;font-size:19px;line-height:1;width:fit-content;cursor:help;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55));transition:transform .15s ease}.ruler-level--milestone:hover .ruler-level__icon{transform:scale(1.25) rotate(-4deg)}.ruler-level__pop{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%) translate(-8px) scale(.96);transform-origin:left center;width:168px;padding:9px 11px;border-radius:12px;background:linear-gradient(180deg,#183625fa,#0c2016fa);border:1px solid rgba(231,193,90,.4);box-shadow:0 10px 26px #0000008c;color:var(--ink);font-size:11.5px;font-weight:600;line-height:1.32;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:6}.ruler-level__pop:before{content:"";position:absolute;left:-5px;top:50%;width:9px;height:9px;transform:translateY(-50%) rotate(45deg);background:#183625fa;border-left:1px solid rgba(231,193,90,.4);border-bottom:1px solid rgba(231,193,90,.4)}.ruler-level--milestone:hover .ruler-level__pop{opacity:1;transform:translateY(-50%) translate(0) scale(1)}@media(prefers-reduced-motion:reduce){.ruler-level__icon,.ruler-level__pop{transition:none}}@media(hover:none),(max-width:700px){.ruler-level__pop{display:none}}.ruler__marker{position:absolute;left:96px;display:flex;align-items:center;justify-content:flex-start;gap:5px;transform:translateY(-50%);transition:top .4s cubic-bezier(.2,.8,.25,1);pointer-events:none}.ruler__marker-label{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:1px 5px;border-radius:5px;background:#08140ed1}.ruler__marker-dot{width:7px;height:7px;border-radius:50%;flex:none}.ruler__marker--world .ruler__marker-label{color:var(--ink);opacity:.75}.ruler__marker--world .ruler__marker-dot{background:var(--ink);opacity:.75}.ruler__marker--you .ruler__marker-label{color:var(--gold);opacity:.6}.ruler__marker--you .ruler__marker-dot{background:var(--gold);opacity:.6}.ruler__marker--you.ruler__marker--live .ruler__marker-label{opacity:1}.ruler__marker--you.ruler__marker--live .ruler__marker-dot{opacity:1;box-shadow:0 0 0 3px #e7c15a33;animation:rulerPulse 1.6s ease-in-out infinite}@keyframes rulerPulse{50%{box-shadow:0 0 0 6px #e7c15a0d}}.ruler--tie .ruler__marker--world{transform:translateY(calc(-50% - 9px))}.ruler--tie .ruler__marker--you{transform:translateY(calc(-50% + 9px))}.events-bar{width:100%;margin:6px 0;padding:8px 0;overflow:hidden;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.events-bar__empty{text-align:center;color:var(--muted);font-size:13px;padding:6px}.events-bar__track{display:flex;gap:10px;width:max-content;animation:marquee 60s linear infinite}.events-bar:hover .events-bar__track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.event-box{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#ffffff0b;font-size:13px}.event-box__dot{color:var(--gold)}.event-box__name{font-weight:700;color:var(--gold)}.event-box__time{color:var(--muted);font-size:11px}.stage{display:flex;flex-direction:column;align-items:center;gap:12px}.grid{display:grid;grid-template-columns:repeat(26,minmax(0,1fr));gap:4px;width:100%;max-width:760px;margin:0 auto;perspective:900px}@media(max-width:700px){.grid{grid-template-columns:repeat(13,minmax(0,1fr));gap:3px}}@media(max-width:440px){.topbar__bar{gap:6px}.account,.account__controls{min-width:0}.account__user{max-width:120px;padding:6px 10px}.topbar__left{gap:4px}.topbar__left .icon-btn{width:34px;height:34px;font-size:14px}}.card{aspect-ratio:5 / 7;background:var(--card-bg);color:var(--card-ink);border:1px solid rgba(0,0,0,.15);border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-weight:700;line-height:1;padding:3px;box-shadow:0 2px 4px #00000040;transition:transform .14s ease,box-shadow .14s ease,outline-color .1s ease}.card:hover{transform:translateY(-4px) rotateX(8deg);box-shadow:0 10px 18px #0006}.card--red{color:var(--red)}.card--selected{outline:3px solid var(--gold);outline-offset:1px;transform:translateY(-6px) scale(1.05);box-shadow:0 12px 22px #00000073;animation:selectedPulse 1.4s ease-in-out infinite}@keyframes selectedPulse{0%,to{box-shadow:0 12px 22px #00000073,0 0 #e7c15a73}50%{box-shadow:0 12px 22px #00000073,0 0 0 7px #e7c15a00}}.card:disabled{cursor:default}.card:disabled:hover{transform:none;box-shadow:0 2px 4px #00000040}.card--drop-before,.card--drop-after{position:relative}.card--drop-before:after,.card--drop-after:after{content:"";position:absolute;top:-2px;bottom:-2px;width:4px;border-radius:2px;background:var(--gold);box-shadow:0 0 8px #e7c15acc;pointer-events:none}.card--drop-before:after{left:-5px}.card--drop-after:after{right:-5px}@keyframes cardShuffle{0%{transform:translateY(0) rotateY(0)}45%{transform:translateY(-12px) rotateY(90deg) scale(1.06)}to{transform:translateY(0) rotateY(0)}}.card--shuffle{animation:cardShuffle .34s ease both}.card__rank{font-size:clamp(10px,2.2vw,16px)}.card__suit{font-size:clamp(12px,2.6vw,20px)}.grid-hint{margin:-6px 0 -4px;min-height:1.2em;font-size:12.5px;color:var(--muted);text-align:center}.btn{font:inherit;font-weight:700;border-radius:999px;padding:13px 34px;cursor:pointer;border:1px solid transparent;transition:transform .08s ease,filter .15s ease,background .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn--secondary{border:1px solid var(--line);background:#00000040;color:var(--ink);font-size:15px;padding:12px 20px}.btn--secondary:hover:not(:disabled){background:#ffffff14;border-color:#e7c15a80}.shot{position:relative;width:100%;aspect-ratio:12 / 5;margin:0 auto;overflow:hidden;isolation:isolate}.reveal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}.table3d__canvas{display:block;width:100%;height:100%}.table3d__hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.table3d__hit:disabled{cursor:default}.table3d__hit:focus-visible{outline:2px solid var(--gold);outline-offset:-4px;border-radius:16px}.deck{--card-w: 56px;--card-h: 78px;position:relative;width:var(--card-w);height:var(--card-h);filter:drop-shadow(0 8px 12px rgba(0,0,0,.45));cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.deck:focus-visible{outline:3px solid var(--gold);outline-offset:4px;border-radius:10px}.deck--busy{cursor:default;opacity:.55;pointer-events:none}.deck__card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px}.deck__stack{transform:translate(2px,3px) rotate(-1.5deg)}.deck__stack--mid{transform:translate(-2px,6px) rotate(1.5deg)}.deck__top{--dx: 0px;--dy: 0px;--tilt: 0deg;--hover-lift: 0px;z-index:1;transform:translate(calc(-4px + var(--dx)),calc(8px + var(--dy) + var(--hover-lift))) rotate(calc(2deg + var(--tilt)));transition:transform .24s cubic-bezier(.2,.8,.25,1.1)}.deck:hover .deck__top:not(.deck__top--grab){--hover-lift: -4px}.deck__top--grab{transition:none}@keyframes deckPeel{to{transform:translate(54px,-58px) rotate(24deg);opacity:0}}.deck__top--drawn{animation:deckPeel .32s cubic-bezier(.3,.7,.35,1) forwards}.deck__hint{position:absolute;left:50%;top:-30px;transform:translate(-50%);pointer-events:none;transition:opacity .35s ease}.deck__hint-arrow{display:block;font-size:20px;font-weight:700;color:var(--gold);text-shadow:0 2px 6px rgba(0,0,0,.5);animation:deckHintBounce 1.2s ease-in-out infinite}.deck__hint.is-hidden{opacity:0}@keyframes deckHintBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.card-back{background-color:#8f1a26;background-image:repeating-linear-gradient(45deg,#ffffff14 0,#ffffff14 6px,#0000001f 6px,#0000001f 12px),radial-gradient(circle at 50% 50%,rgba(243,230,196,.18),transparent 60%);border:3px solid #f3e6c4;box-shadow:inset 0 0 0 2px #b3202f;border-radius:8px}.reveal-track{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:14px 12px;max-width:660px}.slot{position:relative;display:flex;flex-direction:column;align-items:center;transition:opacity .3s ease,transform .3s cubic-bezier(.2,.8,.25,1)}.slot.is-shake{animation:shake .55s cubic-bezier(.36,.07,.19,.97)}.card3d{position:relative;width:var(--card-w);height:var(--card-h);perspective:1000px;transform:rotate(var(--tilt, 0deg));transition:transform .34s cubic-bezier(.2,.8,.25,1.05),opacity .34s ease}.card3d.is-dealing{transition:none}.card3d__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(180deg);transition:transform .48s cubic-bezier(.3,.8,.25,1)}.card3d.is-flipped .card3d__inner{transform:rotateY(360deg)}.card3d__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:8px}.card3d__back{transform:rotateY(180deg)}.card3d__front{background:var(--card-bg);color:var(--card-ink);transform:rotateY(0);box-shadow:0 4px 10px #00000059}.card3d__front.is-red{color:var(--red)}.card3d.is-correct .card3d__front{outline:3px solid var(--green);outline-offset:-1px}.card3d.is-correct{animation:goodpulse .7s ease-out;border-radius:8px}.card3d.is-wrong .card3d__front{outline:3px solid var(--red);outline-offset:-1px}.pf__corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;font-weight:700}.pf__corner--tl{top:6px;left:7px}.pf__corner--br{bottom:6px;right:7px;transform:rotate(180deg)}.pf__rank{font-size:15px}.pf__suit{font-size:12px}.pf__center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:42px}.slot--duel{flex-direction:row;align-items:center;gap:8px;perspective:900px;perspective-origin:30% 40%}.deal-shadow{position:absolute;border-radius:50%;background:radial-gradient(ellipse at center,#0000008c,#0000 70%);pointer-events:none;z-index:0;will-change:transform,opacity,filter;animation:dealShadow var(--deal-ms, .36s) cubic-bezier(.22,.75,.24,1) both}@keyframes dealShadow{0%{opacity:.04;transform:scale(.5);filter:blur(9px)}45%{opacity:.1;transform:scale(.68);filter:blur(8px)}to{opacity:.4;transform:scale(1);filter:blur(3px)}}.duel__x{font-weight:700}.bet-col{display:flex;flex-direction:column;align-items:center;gap:3px}.bet-col__label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.bet-col.is-correct .card--bet .card3d__front{outline-color:#3fb96bb3}.bet-col.is-wrong .card--bet .card3d__front{outline-color:#d1373cbf}.card--bet{--card-w: 52px;--card-h: 73px;opacity:.6}.card--bet .card3d__inner{transition:none}.card--bet .card3d__front{outline:2px solid rgba(231,193,90,.6);outline-offset:-1px;box-shadow:none;transition:outline-color .25s ease}.card--bet .pf__center{font-size:28px}.card--bet .pf__rank{font-size:11px}.card--bet .pf__suit{font-size:9px}.card--bet .pf__corner--tl{top:4px;left:5px}.card--bet .pf__corner--br{bottom:4px;right:5px}@keyframes cardDeal{0%{transform:translate3d(var(--fx, -70px),var(--fy, -12px),-70px) rotateX(40deg) rotateY(-16deg) rotate(0) scale(.9);filter:drop-shadow(0 2px 3px rgba(0,0,0,.18)) brightness(.88)}16%{filter:drop-shadow(0 6px 8px rgba(0,0,0,.24)) brightness(1) blur(.9px)}45%{transform:translate3d(calc(var(--fx, -70px) * .34),calc(var(--fy, -12px) * .34 - 26px * var(--arc, 1)),calc(70px * var(--arc, 1))) rotateX(15deg) rotateY(7deg) rotate(var(--frot, -16deg)) scale(1.05);filter:drop-shadow(0 10px 10px rgba(0,0,0,.28)) brightness(calc(1 + .16 * var(--arc, 1)))}78%{transform:translate3d(calc(var(--fx, -70px) * .04),calc(var(--fy, -12px) * .04 - 4px),8px) rotateX(3deg) rotateY(0) rotate(calc(var(--tilt, 0deg) * 1.5)) scale(.99);filter:drop-shadow(0 4px 5px rgba(0,0,0,.24)) brightness(1.03)}to{transform:translateZ(0) rotate(var(--tilt, 0deg)) scale(1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.22)) brightness(1)}}.card3d.is-dealing{animation:cardDeal var(--deal-ms, .36s) cubic-bezier(.22,.75,.24,1) both;will-change:transform,filter}@keyframes cardLand{0%{transform:rotate(var(--tilt, 0deg)) translateY(0) scale(1)}40%{transform:rotate(var(--tilt, 0deg)) translateY(2px) scale(1.012,.985)}to{transform:rotate(var(--tilt, 0deg)) translateY(0) scale(1)}}.card3d.is-landed{animation:cardLand .2s ease-out both}.card3d:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;z-index:3;pointer-events:none;opacity:0;background:linear-gradient(102deg,#fff0 41%,#ffffff9e,#fff0 59%);background-size:250% 100%;background-position:140% 0;mix-blend-mode:screen}.card3d.is-dealing:before{animation:cardSpecular var(--deal-ms, .36s) cubic-bezier(.22,.75,.24,1) both}@keyframes cardSpecular{0%{opacity:0;background-position:140% 0}38%{opacity:.95;background-position:62% 0}72%{opacity:.45;background-position:12% 0}to{opacity:0;background-position:-25% 0}}.card3d:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:linear-gradient(125deg,#ffffff52,#fff0 24%,#fff0 68%,#ffffff24);mix-blend-mode:overlay;opacity:.6;pointer-events:none;z-index:2}@media(prefers-reduced-motion:reduce){.card3d.is-dealing{animation:none!important;filter:none!important}.card3d.is-dealing:before{animation:none!important;opacity:0!important}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}@keyframes goodpulse{0%{box-shadow:0 0 #3fb96b8c}to{box-shadow:0 0 0 16px #3fb96b00}}@keyframes fadeup{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.streak{position:absolute;left:14px;bottom:12px;right:14px;z-index:4;display:flex;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:0 7px;text-align:left;pointer-events:none}.streak__value{font-size:clamp(26px,6vw,38px);font-weight:800;color:var(--gold);line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 2px 10px rgba(0,0,0,.8)}.streak__label{color:var(--ink);opacity:.7;font-size:12px;text-transform:uppercase;letter-spacing:.6px;text-shadow:0 1px 6px rgba(0,0,0,.9)}.streak__odds{flex-basis:100%;margin-top:3px;font-size:10px;color:var(--gold);opacity:.75;font-variant-numeric:tabular-nums;line-height:1.3;text-shadow:0 1px 6px rgba(0,0,0,.9)}.streak__odds:empty{display:none}.streak-cards{flex-basis:100%;display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}.streak-cards:not(.has-cards){display:none}.streak-cards__card{width:22px;aspect-ratio:2 / 3;height:auto;object-fit:cover;border-radius:3px;box-shadow:0 1px 4px #0009;animation:streakCardIn .28s cubic-bezier(.2,.8,.25,1) both}@keyframes streakCardIn{0%{opacity:0;transform:translateY(6px) scale(.85)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.streak-cards__card{animation:none}}.streak__share{flex-basis:100%;align-self:flex-start;margin-top:8px;pointer-events:auto;padding:7px 16px;border-radius:999px;border:1px solid rgba(231,193,90,.5);background:#e7c15a24;color:var(--gold);font-size:13px;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:background .15s ease,transform .1s ease}.streak__share:hover{background:#e7c15a42}.streak__share:active{transform:scale(.97)}.streak__share:disabled{opacity:.6;cursor:default}.api-status{margin:10px auto 0;max-width:420px;text-align:center;font-size:14px;color:var(--red);background:#d1373c1f;border:1px solid rgba(209,55,60,.35);border-radius:var(--radius);padding:8px 14px}.pill-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#00000047;color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.pill-btn:hover{background:#ffffff14;border-color:#e7c15a8c}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(440px,100%);max-height:min(80vh,640px);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:#091810fa;box-shadow:var(--shadow);overflow:hidden}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}.modal__tabs{display:flex;gap:6px}.modal__tab{padding:8px 12px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.modal__tab.is-active{color:var(--ink);background:#ffffff12;border-color:var(--line)}.modal__close{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#0000004d;color:var(--ink);font-size:14px;cursor:pointer}.modal__close:hover{background:#ffffff14}.modal__body{padding:8px 12px 14px;overflow-y:auto}.modal__empty{text-align:center;color:var(--muted);font-size:14px;padding:24px 8px}.rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.rank-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:#ffffff0b;border:1px solid var(--line)}.rank-row__pos{font-weight:800;color:var(--gold);min-width:2.2em}.rank-row__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.rank-row__streak{font-weight:800;font-variant-numeric:tabular-nums}.rank-row__x{font-size:11px;color:var(--muted);font-weight:600}.feed-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.feed-item{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:10px;background:#00000047;font-size:13px}.feed-item__dot{color:var(--gold)}.feed-item__text{flex:1;min-width:0}.feed-item__text strong{color:var(--gold);overflow-wrap:anywhere}.feed-item__time{font-size:11px;color:var(--muted);white-space:nowrap}@media(prefers-reduced-motion:reduce){.card3d,.card3d__inner,.card3d.is-dealing,.deck__top,.hist-col__bar,.ruler__marker,.card{transition-duration:1ms!important}.slot.is-shake,.card3d.is-correct,.card--selected,.duel--appear,.ruler__marker-dot,.deal-shadow,.card3d.is-landed,.card3d__seen,.deck__top--drawn,.deck__hint-arrow,.events-bar__track{animation:none!important}.deck__hint{opacity:.9}}.slot--seen{transform:scale(.92)}.slot--seen .card3d__inner{opacity:.5}.slot--seen .bet-col{display:none}.card3d__seen{position:absolute;top:-7px;right:-7px;z-index:3;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--green, #3fb96b);color:#06210f;font-size:11px;font-weight:900;line-height:1;box-shadow:0 0 0 2px #06210fd9,0 2px 5px #0006;animation:seenBadgeIn .28s cubic-bezier(.2,.9,.3,1.2) both}@keyframes seenBadgeIn{0%{opacity:0;transform:scale(.3)}}.duel__x{color:var(--muted);font-size:22px;font-weight:700;opacity:.35;transition:color .2s ease,opacity .2s ease}.duel__x.duel--appear{color:var(--red);font-weight:900;opacity:1;text-shadow:0 0 6px rgba(209,55,60,.45);animation:duelSettle .34s cubic-bezier(.34,1.56,.64,1) forwards}.slot--seen .duel__x{display:none}@keyframes duelSettle{0%{transform:scale(.8)}60%{transform:scale(1.18)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.duel__x.duel--appear{animation:none!important;transform:none}}.celebrate-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;animation:celebrateFlash .9s ease-out forwards}.celebrate-flash--record{background:radial-gradient(900px 500px at 50% 20%,#e7c15a8c,#e7c15a00 70%)}.celebrate-flash--tie{background:radial-gradient(700px 400px at 50% 20%,#9fb5a852,#9fb5a800 70%)}@keyframes celebrateFlash{0%{opacity:0}15%{opacity:1}to{opacity:0}}.celebrate-confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:61;pointer-events:none;overflow:hidden}.celebrate-confetti__piece{position:absolute;top:-20px;left:var(--x);width:var(--size);height:calc(var(--size) * .4);border-radius:2px;opacity:.95;animation:celebrateFall var(--duration) ease-in var(--delay) forwards}@keyframes celebrateFall{0%{transform:translateY(0) translate(0) rotate(0);opacity:1}to{transform:translateY(105vh) translate(var(--drift)) rotate(var(--rotate));opacity:.15}}@media(prefers-reduced-motion:reduce){.celebrate-flash{animation:celebrateFlashReduced .4s ease-out forwards}}@keyframes celebrateFlashReduced{0%{opacity:0}50%{opacity:.7}to{opacity:0}}.celebrate-flash--podium-1{background:radial-gradient(900px 500px at 50% 12%,#ffd97d80,#ffd97d00 70%)}.celebrate-flash--podium-2{background:radial-gradient(800px 460px at 50% 12%,#d9dde16b,#d9dde100 70%)}.celebrate-flash--podium-3{background:radial-gradient(800px 460px at 50% 12%,#d98a4f6b,#d98a4f00 70%)}.celebrate-banner{position:fixed;top:max(14px,env(safe-area-inset-top));left:50%;z-index:62;display:flex;align-items:center;gap:.5em;padding:.6em 1.1em;border-radius:999px;font-weight:700;font-size:clamp(.95rem,3.2vw,1.15rem);white-space:nowrap;box-shadow:var(--shadow);pointer-events:none;transform:translate(-50%,-140%);animation:celebrateBanner 3.2s cubic-bezier(.22,1,.36,1) forwards}.celebrate-banner__medal{font-size:1.3em;line-height:1}.celebrate-banner--podium-1{background:linear-gradient(135deg,#ffd97d,#e7c15a);color:#16130f}.celebrate-banner--podium-2{background:linear-gradient(135deg,#eef1f3,#b9c1c9);color:#16130f}.celebrate-banner--podium-3{background:linear-gradient(135deg,#e3a56a,#b9713a);color:#16130f}@keyframes celebrateBanner{0%{transform:translate(-50%,-140%);opacity:0}12%{transform:translate(-50%);opacity:1}82%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-140%);opacity:0}}@media(prefers-reduced-motion:reduce){.celebrate-banner{animation:celebrateBannerReduced 2.6s ease-out forwards;transform:translate(-50%)}}@keyframes celebrateBannerReduced{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}.card__rank,.card__suit,.card__idx,.card__pip{pointer-events:none}.card--dragging{opacity:.28;transform:scale(.94);box-shadow:inset 0 0 0 1px #ffffff1f;filter:grayscale(.5);cursor:grabbing}.card[draggable=true]:not(:disabled):not(.card--dragging){cursor:grab}.card--drop-before:after,.card--drop-after:after{opacity:0;animation:dropBarIn .1s ease forwards}@keyframes dropBarIn{to{opacity:1}}@media(prefers-reduced-motion:reduce){.card--drop-before:after,.card--drop-after:after{animation:none!important;opacity:1}}@media(max-height:900px){.shot{max-width:780px}#app{padding:10px 20px 16px}.hero{padding:7px 14px}.hero__value{font-size:clamp(22px,4.5vw,30px)}.events-bar{margin-bottom:8px;padding:2px 0 8px}.topbar{gap:8px;margin-bottom:8px}.stage{gap:8px}.table{min-height:150px;padding:14px 20px}}@media(max-height:800px){.shot{max-width:620px}#app{padding-bottom:2px}.topbar{margin-bottom:6px}.stage{gap:4px}.counters{gap:6px}}@media(max-height:700px){#app{padding:8px 20px 10px}.topbar{gap:6px;margin-bottom:6px}.events-bar{margin:3px 0;padding:4px 0}.hero__title,.counters__title{margin-bottom:0;font-size:10px}.shot{max-width:560px}.stage{gap:6px}.table-wrap{gap:6px 30px}.counters{gap:8px}}.table2d{display:flex;align-items:center;justify-content:center;gap:clamp(12px,4vw,40px);background:radial-gradient(65% 75% at 50% 30%,rgba(83,190,130,.28),transparent 72%),radial-gradient(130% 130% at 50% 42%,#1d5540,#0a1f16 78%)}.table2d__deck{width:clamp(72px,13vw,132px);aspect-ratio:2 / 3;border-radius:8px;flex:none;background:repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 3px,transparent 3px 6px),linear-gradient(160deg,#c62b3b,#8f1b28);border:2px solid #f4efe3;box-shadow:0 8px 18px #00000080}.table2d__cards{display:flex;align-items:center;gap:clamp(10px,3vw,28px)}.table2d__slot{width:clamp(76px,14vw,140px);aspect-ratio:2 / 3;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:width .2s ease}.table2d__slot:empty{box-shadow:inset 0 0 0 1px #ffffff0f}.table2d__slot--bet{opacity:.82;transform:scale(.92)}.table2d__slot.is-correct{box-shadow:0 0 0 3px var(--green),0 8px 18px #00000080}.table2d__slot.is-wrong{box-shadow:0 0 0 3px var(--red),0 8px 18px #00000080}.table2d__card{width:100%;border-radius:8px;overflow:hidden;box-shadow:0 8px 18px #00000080}.table2d__card--in{animation:table2dIn .18s ease-out both}@keyframes table2dIn{0%{transform:translate(-40%) scale(.9);opacity:.4}to{transform:none;opacity:1}}.table2d__img{display:block;width:100%;aspect-ratio:2 / 3;height:auto;object-fit:cover;border-radius:8px}@media(prefers-reduced-motion:reduce){.table2d__card--in{animation:none}}.table3d__hint{position:absolute;left:50%;bottom:14%;transform:translate(-50%);z-index:4;padding:7px 14px;border-radius:999px;background:#00000080;border:1px solid rgba(231,193,90,.35);color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;pointer-events:none;animation:hintPulse 2.4s ease-in-out infinite}.table3d__hint.is-hidden{display:none}@keyframes hintPulse{50%{opacity:.45;transform:translate(-50%) translateY(-4px)}}@media(prefers-reduced-motion:reduce){.table3d__hint{animation:none}}.mode-toggle{display:flex;gap:4px;justify-content:center;margin:0 auto 10px;padding:4px;width:fit-content;max-width:100%;border-radius:12px;background:#ffffff0b;border:1px solid var(--line)}.mode-toggle__btn{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 16px;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;line-height:1.15;transition:background .15s ease,color .15s ease}.mode-toggle__btn:hover{color:var(--ink)}.mode-toggle__btn.is-active{background:#e7c15a29;color:var(--gold);box-shadow:inset 0 0 0 1px #e7c15a66}.mode-toggle__title{font-size:13px;font-weight:700}.mode-toggle__sub{font-size:10px;letter-spacing:.3px;text-transform:uppercase;opacity:.85}.reveal-board{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;grid-template-columns:repeat(9,1fr);gap:clamp(5px,1.4vw,10px);align-content:center;justify-items:center;padding:8px 8px clamp(38px,7vw,56px);overflow:hidden}@media(max-width:700px){.reveal-board{grid-template-columns:repeat(6,1fr)}}@media(max-width:400px){.reveal-board{grid-template-columns:repeat(5,1fr)}}.reveal-board.is-hidden{display:none}.shot--board{aspect-ratio:auto;height:min(68vh,660px);overflow:hidden}.shot--board .reveal-board{position:absolute;top:0;right:0;bottom:0;left:0;align-content:start;overflow-y:auto;overscroll-behavior:contain;padding-bottom:clamp(46px,9vw,68px)}@media(max-width:700px){.shot--board{height:min(60vh,480px)}}.shot--board .streak{position:absolute;z-index:5}.shot--board .reveal-board__again{position:sticky;bottom:2px;z-index:6}.shot--board:after{content:"";position:absolute;left:0;right:0;bottom:0;height:clamp(46px,9vw,68px);background:linear-gradient(180deg,transparent,rgba(6,16,11,.92) 60%);pointer-events:none;z-index:4}.reveal-board.is-revealing{cursor:progress}.reveal-board.is-ready{cursor:pointer}.reveal-board__again{grid-column:1 / -1;justify-self:center;margin-top:6px;padding:7px 16px;border-radius:999px;background:#06100bf2;border:1px solid rgba(231,193,90,.45);color:var(--gold);font-size:12.5px;font-weight:700;letter-spacing:.3px;box-shadow:0 4px 14px #00000080;animation:againPulse 1.8s ease-in-out infinite}.reveal-board.is-revealing .reveal-board__again{color:var(--muted);border-color:var(--line);animation:none}@keyframes againPulse{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.reveal-board__again{animation:none}}.shot--board .streak{left:2px;right:auto;bottom:6px}.pair{position:relative;width:100%;aspect-ratio:2 / 3;border-radius:12%;container-type:inline-size;animation:pairIn .26s cubic-bezier(.2,.8,.25,1) both}.pair__real{display:block;width:100%;height:100%;object-fit:cover;border-radius:8%;box-shadow:0 1px 3px #00000080}.pair__bet{position:absolute;right:-6%;bottom:-6%;width:52%;height:auto;border-radius:12%;border:1px solid rgba(255,255,255,.5);box-shadow:0 1px 4px #000000b3;background:#fff}.pair--hit{outline:2px solid var(--green);outline-offset:-1px;box-shadow:0 0 0 3px #2fae6338,0 3px 12px #2fae6361;z-index:1}.pair--hit:after{content:"✓";position:absolute;top:5%;right:5%;width:30%;height:30%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--green);color:#fff;font-weight:900;font-size:42cqw;border:2px solid #fff;box-shadow:0 2px 5px #00000080}.pair--miss{outline:2px solid #d64545;outline-offset:-1px;box-shadow:0 0 0 3px #d645452e;opacity:.9}.pair--miss:after{content:"✗";position:absolute;top:5%;right:5%;width:30%;height:30%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#d64545;color:#fff;font-weight:900;font-size:42cqw;border:2px solid #fff;box-shadow:0 2px 5px #00000080}@keyframes pairIn{0%{opacity:0;transform:translateY(-8px) scale(.8)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.pair{animation:none}}.side-panel__expand{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-bottom:8px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#ffffff0b;color:var(--ink);font:inherit;font-weight:600;cursor:pointer;transition:background .15s ease}.side-panel__expand:hover{background:#e7c15a24;color:var(--gold)}.rankings-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:clamp(12px,4vw,40px)}.rankings-page.is-hidden{display:none}.rankings-page__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#040e09b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.rankings-page__panel{position:relative;width:min(760px,100%);max-height:90vh;display:flex;flex-direction:column;border-radius:16px;border:1px solid rgba(231,193,90,.3);background:linear-gradient(180deg,#123122,#0c2117);box-shadow:0 24px 60px #0009;overflow:hidden;animation:rankPageIn .2s ease both}@keyframes rankPageIn{0%{opacity:0;transform:translateY(12px) scale(.98)}}.rankings-page__head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.rankings-page__title{margin:0;font-size:20px;font-weight:800;color:var(--gold)}.rankings-page__close{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#ffffff0b;color:var(--ink);font-size:15px;cursor:pointer}.rankings-page__close:hover{background:#ffffff17}.rankings-page__body{padding:16px 18px 20px;overflow-y:auto}.full-rank{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 24px}.full-rank__col{min-width:0}.full-rank__title{margin:0 0 8px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--gold)}@media(max-width:560px){.full-rank{grid-template-columns:1fr}}.rankings-page__body .side-panel__tab{font-size:14px;padding:9px 6px}.rankings-page__body .rank-row{padding:11px 12px;font-size:15px}.rankings-page__body .rank-list{gap:6px}@media(prefers-reduced-motion:reduce){.rankings-page__panel{animation:none}}@media(max-width:700px){.shot{aspect-ratio:3 / 2}.reveal{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent)}}.layout{align-items:stretch}.ruler,.side-panel{position:relative;top:auto;align-self:stretch;z-index:2;background:linear-gradient(180deg,var(--felt-1),var(--felt-0))}.events-bar{position:relative;z-index:1;margin-left:-240px;margin-right:-260px;padding-left:240px;padding-right:260px;border:0;-webkit-mask-image:none;mask-image:none}@media(max-width:980px){.events-bar{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.ruler,.side-panel{background:none}}.range{display:flex;flex-direction:column;align-items:center;line-height:1;gap:1px}.range__label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted)}.center{flex:0 1 800px;min-width:0;display:flex;flex-direction:column;max-width:800px}.center .stage{max-width:none}@media(max-width:980px){.center{order:1;flex-basis:100%}}.topbar__bar{min-width:0}.topbar__right{min-width:0;flex-shrink:1}.account,.account__controls,.account__user{min-width:0}.account__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:560px){.account__name{max-width:8ch}.brand{flex:none}.hero__row{flex-wrap:wrap;gap:12px 18px}.hero__divider{display:none}.hero__value{font-size:clamp(20px,6.5vw,30px)}.hero__stat--range .hero__range{font-size:15px}.hero__stat{flex:0 1 auto;min-width:68px}.ruler,.side-panel{margin-top:var(--sp-4)}}.account-panel__hist-note{font-weight:400;color:var(--muted);text-transform:none;letter-spacing:0}:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 14px;--sp-4: 22px;--sp-5: 34px;--label: 11px;--label-track: 1.4px}.hero__title,.counters__title,.ruler__title,.side-panel__title,.range__label{font-size:var(--label);font-weight:700;letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted);margin:0 0 var(--sp-2)}.topbar{gap:var(--sp-2);margin-bottom:var(--sp-2)}.hero{padding:var(--sp-2) var(--sp-3)}.stage{gap:var(--sp-3)}.events-bar{margin:var(--sp-2) 0;padding:var(--sp-2) 0}.ruler,.side-panel{padding-top:var(--sp-3)}.ruler{flex-basis:236px;width:236px}.ruler-level{min-height:20px}.ruler-level__n{font-size:12px}.ruler-level--major{min-height:30px}.ruler-level--major .ruler-level__n{font-size:15px}.ruler-level__note{font-size:10.5px;line-height:1.25;opacity:1;color:var(--ink);opacity:.62}.ruler-level--major .ruler-level__note{color:var(--gold);opacity:.9}.ruler__marker-label{font-size:10px}.card{container-type:inline-size;display:block;padding:0;border-radius:8%/5.714%;border:0;box-shadow:0 1px 2px #00000059,inset 0 0 0 1px #0000001f;position:relative;overflow:hidden}.card--hit{box-shadow:inset 0 0 0 2px var(--green),0 1px 2px #00000059}.card__hit{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#2fae6352;color:#fff;font-size:62cqw;line-height:1;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.6);z-index:2;pointer-events:none}.card--miss{box-shadow:inset 0 0 0 2px #d64545,0 1px 2px #00000059}.card__miss{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#d6454547;color:#fff;font-size:62cqw;line-height:1;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.6);z-index:2;pointer-events:none}.card__idx{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4cqw;line-height:1}.card__rank{font-size:46cqw;font-weight:800;line-height:1;letter-spacing:-.5px}.card__pip{display:none}@container (min-width: 34px){.card__idx{inset:auto;top:5cqw;left:7cqw;gap:2cqw}.card__rank{font-size:30cqw}.card__suit{width:20cqw;height:20cqw}.card__pip{display:block;position:absolute;right:8cqw;bottom:6cqw;width:42cqw;height:42cqw}}.card__suit{display:block;width:30cqw;height:30cqw}.grid-hint:empty{display:none}.account-panel__settings{margin-bottom:var(--sp-2)}.account-panel__sound-row{display:flex;align-items:center;gap:var(--sp-2)}.account-panel__sound-row .settings-panel{position:static;flex:1 1 auto;min-width:0;border:0;background:none;box-shadow:none;padding:0;margin:0}.account-panel__sound-row .settings-panel__title,.mtabs,#site-footer{display:none}@media(max-width:980px){.mtabs{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;gap:2px;background:#08140ef5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 6px calc(4px + env(safe-area-inset-bottom,0px))}.mtabs__btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:inherit;cursor:pointer;transition:color .15s ease,background .15s ease}.mtabs__btn.is-active{color:var(--gold);background:#e7c15a1f}.mtabs__icon{font-size:19px;line-height:1}.mtabs__lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}#app{padding-bottom:70px}#site-footer{display:none}#app[data-mtab=ruler],#app[data-mtab=rankings]{display:flex;flex-direction:column;min-height:100dvh}#app[data-mtab=ruler] .layout,#app[data-mtab=rankings] .layout{flex:1 0 auto}#app[data-mtab=ruler] #site-footer,#app[data-mtab=rankings] #site-footer{display:flex;margin-top:auto}.site-footer{align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;padding:18px 20px calc(18px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);text-align:center}.site-footer__brand{font-family:Arial Black,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:900;font-size:17px;letter-spacing:-.5px;color:var(--gold)}.site-footer__brand span{color:var(--ink)}.site-footer__tag{font-style:italic;color:var(--muted);font-size:13.5px}.site-footer__link{color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.4px;text-decoration:none}.site-footer__link:hover{text-decoration:underline}#app[data-mtab=play] [data-mview]:not([data-mview=play]),#app[data-mtab=ruler] [data-mview]:not([data-mview=ruler]),#app[data-mtab=rankings] [data-mview]:not([data-mview=rankings]){display:none!important}#app[data-mtab=ruler] #ruler,#app[data-mtab=rankings] #leaderboard{margin:var(--sp-3) auto 0}}.promo{margin:var(--sp-2) auto var(--sp-3);max-width:760px;padding:12px 16px;border-radius:14px;border:1px solid rgba(231,193,90,.4);background:linear-gradient(180deg,#e7c15a24,#e7c15a0d);box-shadow:0 6px 18px #00000059}.promo.is-hidden{display:none}.promo__prize{font-size:16px;font-weight:800;color:var(--gold);letter-spacing:.2px}.promo__how{margin-top:3px;font-size:13px;color:var(--ink)}.promo__how strong{color:var(--gold)}.promo__blurb{margin-top:2px;font-size:12px;color:var(--muted)}.promo__top{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:3px}.promo__top li{display:flex;align-items:center;gap:10px;font-size:13px}.promo__pos{color:var(--gold);font-weight:800;min-width:26px}.promo__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promo__score{font-weight:800;font-variant-numeric:tabular-nums}.promo__empty{margin-top:8px;font-size:12px;color:var(--muted)}.pair--preview{opacity:.7}@media(max-width:980px){#app[data-mtab=rankings] #leaderboard{width:100%;max-width:560px;margin:0 auto;padding:0 6px;border-left:0;max-height:none}#app[data-mtab=rankings] .side-panel__tabs{padding:4px}#app[data-mtab=rankings] .side-panel__tab{padding:11px 6px;font-size:13px}#app[data-mtab=rankings] .rank-row{padding:13px 14px;font-size:15px;border-radius:12px}#app[data-mtab=rankings] .side-panel__body{overflow:visible}#app[data-mtab=ruler] #ruler{width:100%;max-width:360px;margin:0 auto;padding:0 8px;border-right:0}#app[data-mtab=ruler] .ruler-level__n{font-size:12px}#app[data-mtab=ruler] .ruler-level--major .ruler-level__n{font-size:15px}#app[data-mtab=ruler] .ruler-level__icon{font-size:22px}#app[data-mtab=play] .mode-toggle__btn{padding:8px 18px}}@media(max-width:980px){body{background:radial-gradient(120% 80% at 50% -10%,#12341f,#081410 60%)}.center{max-width:100%}.stage{padding:0 10px}.topbar__bar{padding:6px 4px 8px}.brand{font-size:34px}#app[data-mtab=play] .hero{padding:0}.hero__row{gap:8px!important;padding:4px 2px}.hero__stat{flex:1 1 30%;min-width:92px;padding:8px 6px;border-radius:12px;background:#ffffff0d;border:1px solid var(--line)}.hero__stat--range{flex:1 1 42%;min-width:108px;background:#e7c15a1a;border-color:#e7c15a4d;overflow:hidden}.hero__stat--range .hero__range{width:100%;box-sizing:border-box;text-align:center;text-align-last:center;padding:0 16px 0 2px}.hero__value{font-size:22px}.mode-toggle{width:100%;margin-bottom:12px}.mode-toggle__btn{flex:1;padding:10px 8px}.mtabs{background:#06100bfa;box-shadow:0 -8px 24px #0006;padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));gap:6px}.mtabs__btn{padding:7px 4px;border-radius:14px}.mtabs__btn.is-active{background:#e7c15a29;box-shadow:inset 0 0 0 1px #e7c15a59}.mtabs__icon{font-size:21px}.mtabs__lbl{font-size:10.5px}#app[data-mtab=ruler] .ruler__title{font-size:15px;text-align:center;margin-bottom:14px;color:var(--gold)}#app[data-mtab=rankings] .side-panel{padding-top:4px}.stage,#ruler,#leaderboard{padding-bottom:8px}}@media(max-width:980px){#app[data-mtab=ruler] .layout,#app[data-mtab=rankings] .layout{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center}#app[data-mtab=rankings] #leaderboard{margin-top:6px}}@keyframes mtabIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@media(max-width:980px){#app.mtab-switching [data-mview]{animation:mtabIn .26s cubic-bezier(.2,.8,.25,1)}}@media(prefers-reduced-motion:reduce){#app.mtab-switching [data-mview]{animation:none}}@media(min-width:981px){.layout{max-height:calc(100vh - 58px)}.side-panel{align-self:stretch;min-height:0;max-height:calc(100vh - 58px);overflow:hidden;display:flex;flex-direction:column}.side-panel__body{flex:1 1 auto;overflow-y:auto;min-height:0}}.board-hint{position:absolute;left:50%;bottom:10px;transform:translate(-50%);z-index:7;padding:7px 16px;border-radius:999px;background:#06100bf5;border:1px solid rgba(231,193,90,.45);color:var(--gold);font-size:12.5px;font-weight:700;letter-spacing:.3px;white-space:nowrap;box-shadow:0 4px 14px #00000080;animation:againPulse 1.8s ease-in-out infinite;pointer-events:none}.board-hint.is-hidden{display:none}.board-hint.is-revealing{color:var(--muted);border-color:var(--line);animation:none}