@font-face{font-family:Cinzel;src:url(/fonts/Cinzel-Variable.ttf)format("truetype");font-weight:400 900;font-display:swap}:root{--gold:#f2d38a;--gold-deep:#c99a48;--bronze:#7a5622;--bronze-dark:#3a2810;--stone:#1b211c;--stone-light:#2a322b;--ink:#0a0f0c;--green:#2fcf6a;--cyan:#38ccff;--violet:#c46bff;--red:#ff6b5a;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{height:100%;color:var(--gold);overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:#0b1410;margin:0;padding:0;font-family:Cinzel,Iowan Old Style,Palatino Linotype,Georgia,serif;overflow:hidden}body{width:100%;height:100dvh;position:fixed;inset:0}#game{background:radial-gradient(60% 50% at 50% 40%,#1e46328c,#0000 70%),repeating-linear-gradient(115deg,#14281e59 0 14px,#0000 14px 34px),linear-gradient(#0e221c 0%,#0a1a15 50%,#050d0a 100%);width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}#game canvas{image-rendering:auto;display:block}#ui{pointer-events:none;position:absolute;inset:0}#ui>*{pointer-events:auto}#tapzone{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:0;outline:none;margin:0;padding:0;position:absolute}#tapzone:focus-visible{outline:2px solid var(--green);outline-offset:-2px}#pause-btn{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;margin:0;padding:0;position:absolute}#pause-btn:focus-visible{outline:2px solid var(--green)}.screen{padding:calc(var(--sat) + 16px) calc(var(--sar) + 16px) calc(var(--sab) + 16px) calc(var(--sal) + 16px);background:radial-gradient(#040a088c,#030806db);flex-direction:column;justify-content:center;align-items:center;animation:.22s ease-out fade-in;display:flex;position:absolute;inset:0;overflow:hidden}.screen[hidden]{display:none}.screen-settings{z-index:5}#ui>.screen.transparent{pointer-events:none;background:0 0}#ui>.screen.transparent>*{pointer-events:auto}.home-card{max-height:min(50dvh,470px)}.results-card{max-height:calc(100dvh - var(--sat) - var(--sab) - 20px);margin-bottom:0}.screen-home{background:linear-gradient(#03080605 0%,#0308064d 42%,#030806e0 100%);justify-content:flex-end}.screen-results{-webkit-backdrop-filter:blur(1.6px);background:#030705b8;justify-content:center}.panel.home{margin-bottom:8px;padding:14px 16px 12px}.panel.home h1{margin-bottom:2px;font-size:clamp(20px,6.2vw,26px)}.panel.home .tagline{margin-bottom:8px;font-size:12px}.panel.home .stat.big{padding:4px 4px 6px}.panel.home .stat.big b{font-size:24px}.panel.home .btn{margin:6px 0}.panel.home .btn .sub{letter-spacing:.06em;opacity:.85;margin-top:2px;font-size:11px;font-weight:700;display:block}.panel.home .howto{margin-top:6px;padding:8px 10px;font-size:12px}.btn.icon{border-radius:50%;width:36px;height:36px;margin:0;padding:0;font-size:18px;line-height:1;position:absolute;top:8px;right:10px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.panel{width:min(92vw,380px);max-height:calc(100dvh - var(--sat) - var(--sab) - 24px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:3px solid var(--bronze);background:linear-gradient(#3c463c59,#0000),linear-gradient(#232b24,#10150f);border-radius:16px;padding:18px 18px 16px;position:relative;overflow-y:auto;box-shadow:inset 0 0 0 2px #0009,inset 0 0 0 4px #f2d38a40,0 20px 50px #000000b3}.panel:before,.panel:after{content:"";background:radial-gradient(circle at 35% 35%,#f4dc96,#8a6a2e 55%,#2a1a08);border-radius:50%;width:10px;height:10px;position:absolute;top:8px}.panel:before{left:8px}.panel:after{right:8px}h1,h2{text-align:center;letter-spacing:.08em;color:var(--gold);text-shadow:0 2px #3a2408,0 4px 14px #0009;margin:0 0 6px}h1{font-size:clamp(22px,7vw,30px);font-weight:900}h2{font-size:clamp(18px,5.5vw,24px);font-weight:800}.tagline{text-align:center;letter-spacing:.04em;color:#cbb27a;margin:0 0 14px;font-size:13px}.btn{width:100%;font:inherit;letter-spacing:.12em;color:var(--gold);text-shadow:0 1px #3a2408;border:2px solid var(--bronze);cursor:pointer;touch-action:manipulation;background:linear-gradient(#4a3a22,#2a1e0f);border-radius:12px;margin:8px 0;padding:14px 16px;font-size:18px;font-weight:900;display:block;position:relative;box-shadow:inset 0 1px #ffebbe59,inset 0 -3px #00000080,0 6px 16px #00000080}.btn:active{transform:translateY(2px);box-shadow:inset 0 1px #ffebbe33,0 2px 6px #00000080}.btn:focus-visible{outline:2px solid var(--green);outline-offset:2px}.btn.primary{color:#fff3d1;background:linear-gradient(#2fa85a,#0d6a34);border-color:#1d8a45;box-shadow:inset 0 2px #b4ffc873,inset 0 -3px #00000073,0 0 18px #2be36f59,0 6px 16px #00000080}.btn.secondary{padding:11px 14px;font-size:15px}.btn.small{width:auto;margin:4px;padding:8px 12px;font-size:13px;display:inline-block}.btn:disabled{opacity:.5;cursor:default}.row{gap:8px;display:flex}.row>.btn{flex:1}.stat{letter-spacing:.04em;border-bottom:1px solid #f2d38a26;justify-content:space-between;align-items:baseline;padding:6px 4px;font-size:14px;display:flex}.stat:last-child{border-bottom:0}.stat b{color:#fff3d1;font-size:16px;font-weight:900}.stat.big b{color:var(--gold);text-shadow:0 2px #3a2408;font-size:30px}.muted{color:#a8956a;text-align:center;letter-spacing:.03em;margin:8px 0 0;font-size:12px}.notice{color:#c9ffd9;text-align:center;background:#2be36f1f;border:1px solid #2be36f59;border-radius:8px;margin:8px 0 0;padding:8px 10px;font-size:12px}.notice.warn{color:#ffd0c8;background:#ff6b5a1f;border-color:#ff6b5a66}.newbest{text-align:center;letter-spacing:.14em;color:#fff3d1;text-shadow:0 0 12px #ffd27ae6,0 2px #3a2408;margin:4px 0 8px;font-size:22px;font-weight:900;animation:.9s ease-in-out infinite alternate pulse}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.06)}}.howto{color:#e8d9ad;text-align:center;background:#00000059;border:1px solid #f2d38a33;border-radius:10px;margin:10px 0 0;padding:10px 12px;font-size:13px;line-height:1.45}.howto b{color:#fff3d1}.legend{justify-content:center;gap:14px;margin-top:6px;font-size:12px;display:flex}.legend .gold:before,.legend .blue:before{content:"";vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}.legend .gold:before{background:linear-gradient(#ffe08a,#ff8c1a);box-shadow:0 0 6px #ffb340}.legend .blue:before{background:linear-gradient(#b8f2ff,#1a9be6);box-shadow:0 0 6px #38ccff}#countdown{color:var(--gold);text-shadow:0 0 30px #ffd27ab3,0 4px #3a2408,0 10px 30px #000c;pointer-events:none;margin-top:-6vh;font-size:clamp(64px,26vw,120px);font-weight:900;animation:.32s ease-out count-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#countdown.go{letter-spacing:.1em;font-size:clamp(48px,20vw,96px)}@keyframes count-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.5)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.setting{border-bottom:1px solid #f2d38a1f;justify-content:space-between;align-items:center;gap:10px;padding:8px 2px;font-size:14px;display:flex}.setting label{flex:1}.setting input[type=range]{width:130px;accent-color:var(--green)}.setting input[type=checkbox]{width:22px;height:22px;accent-color:var(--green)}.finishes{grid-template-columns:repeat(2,1fr);gap:8px;margin:8px 0;display:grid}.finish{border:2px solid var(--bronze-dark);color:var(--gold);font:inherit;text-align:left;cursor:pointer;background:#00000059;border-radius:10px;padding:8px;font-size:12px}.finish.selected{border-color:var(--green);box-shadow:0 0 10px #2be36f66}.finish.locked{opacity:.55;cursor:default}.finish b{margin-bottom:2px;font-size:13px;display:block}.finish .sw{vertical-align:-2px;border:1px solid #ffffff4d;border-radius:50%;width:14px;height:14px;margin-right:6px;display:inline-block}.small-text{color:#a8956a;font-size:11px;line-height:1.4}#toast{left:50%;top:calc(var(--sat) + 70px);border:1px solid var(--bronze);color:var(--gold);letter-spacing:.04em;pointer-events:none;opacity:0;text-align:center;background:#0a0f0ceb;border-radius:10px;max-width:90vw;padding:8px 14px;font-size:13px;transition:opacity .25s;position:absolute;transform:translate(-50%)}#toast.show{opacity:1}#dev{left:6px;top:calc(var(--sat) + 6px);color:#bfe6c8;white-space:pre;pointer-events:none;background:#000000bf;border:1px solid #2be36f66;border-radius:6px;max-width:62vw;max-height:45dvh;padding:6px 8px;font:10px/1.35 ui-monospace,Menlo,monospace;position:absolute;overflow:auto}#dev button{font:inherit;pointer-events:auto;margin:3px 3px 0 0}.dev-actions{flex-wrap:wrap;gap:2px;margin-top:4px;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.loading{letter-spacing:.2em;font-size:14px;animation:.9s ease-in-out infinite alternate pulse}@media (max-height:640px){.panel{padding:12px 14px}.btn{margin:6px 0;padding:11px 14px;font-size:16px}.stat.big b{font-size:24px}.howto{font-size:12px}}.frame-card{filter:drop-shadow(0 16px 30px #0000008c);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;flex:none;position:relative;container-type:size}.frame-card--start{aspect-ratio:1000/1310;height:min(72dvh,660px,123.14vw);margin-bottom:max(var(--sab), 6px);background-image:url(/assets/ui/start-card.webp)}.frame-card--results{aspect-ratio:800/1628;height:min(calc(100dvh - var(--sat) - var(--sab) - 110px), 900px, calc(92vw * 1628 / 800));background-image:url(/assets/ui/results-card.webp)}.fc-inner{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;text-align:center;color:#e8dcc2;flex-direction:column;align-items:center;min-height:0;font-family:Cinzel,Iowan Old Style,Georgia,serif;display:flex;position:absolute;overflow-y:auto}.frame-card--start .fc-inner{justify-content:flex-start;gap:.95cqw;inset:21.5% 10.8% 10.8% 10.6%}.frame-card--results .fc-inner{gap:1cqw;inset:11.8% 9.6% 7.4%}.frame-card *{box-sizing:border-box}.numerals{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1, "lnum" 1}.fc-rule{justify-content:center;align-items:center;gap:2cqw;width:100%;margin:1.4cqw 0 .8cqw;display:flex}.fc-rule-line{background:linear-gradient(90deg,#c69e5200 0%,#c69e52cc 50%,#c69e5200 100%);flex:auto;height:1px}.fc-rule-gem{background:#d6b06647;border:1px solid #d6b066f2;flex:none;width:1.9cqw;height:1.9cqw;transform:rotate(45deg)}.fc-diamond{color:#c39a4e;font-size:.62em;line-height:1;transform:translateY(-.12em)}.fc-btn{cursor:pointer;touch-action:manipulation;width:100%;font:inherit;background:50%/100% 100% no-repeat;border:0;flex:none;justify-content:center;align-items:center;padding:0;transition:transform 90ms ease-out,filter 90ms ease-out;display:flex}.fc-btn:active{filter:brightness(.92);transform:translateY(1.5px)}.fc-btn:focus-visible,.fc-gear:focus-visible,.fc-home:focus-visible{outline-offset:2px;outline:2px solid #f2d38ae6}.fc-btn--primary{aspect-ratio:760/235;background-image:url(/assets/ui/primary-button.webp);min-height:48px}.fc-btn-label{letter-spacing:.08em;color:#fdf3db;text-shadow:0 2px 3px #031e0dd9,0 4px 10px #00000073;font-size:8cqw;font-weight:900}.fc-title{letter-spacing:.02em;color:#f6dfa6;text-shadow:0 2px 3px #140b02d9,0 5px 12px #00000080;margin:0;font-size:8.2cqw;font-weight:900;line-height:1.02}.fc-subtitle{letter-spacing:.012em;color:#cdb88a;margin:0;font-size:3.6cqw;font-weight:400}.fc-plaque{aspect-ratio:760/193;background:url(/assets/ui/personal-best-panel.webp) 50%/100% 100% no-repeat;flex:none;width:100%;position:relative}.fc-plaque-text{flex-direction:column;justify-content:center;align-items:center;gap:.4cqw;display:flex;position:absolute;inset:12.4% 15% 14%}.fc-plaque-label{letter-spacing:.17em;color:#c8ae79;font-size:3.2cqw;font-weight:700}.fc-plaque-value{color:#f9e4ab;text-shadow:0 2px #3a2408d9,0 4px 10px #00000080;font-size:7.4cqw;font-weight:900;line-height:1}.fc-btn--daily{aspect-ratio:760/223;background-image:url(/assets/ui/daily-button.webp);justify-content:flex-start;min-height:48px;padding-left:22%;padding-right:7%}.fc-daily-text{flex-direction:column;align-items:center;gap:.6cqw;width:100%;line-height:1.12;display:flex}.fc-daily-title{letter-spacing:.06em;color:#f4d99a;text-shadow:0 1px #000000bf;font-size:4.5cqw;font-weight:900}.fc-daily-best{color:#c4ac80;font-size:3.4cqw;font-weight:400}.fc-footer{letter-spacing:.055em;color:#9d8b64;margin:0;font-size:2.7cqw;font-weight:400}.fc-gear{cursor:pointer;touch-action:manipulation;z-index:2;background:url(/assets/ui/settings-button.webp) 50%/9.2cqw 9.2cqw no-repeat;border:0;border-radius:50%;width:max(44px,9.2cqw);height:max(44px,9.2cqw);padding:0;position:absolute;top:12.4%;right:8%}.fc-gear:active{filter:brightness(1.12)}.fc-r-title{letter-spacing:.055em;color:#f4dca2;text-shadow:0 2px 3px #140b02d9,0 5px 12px #00000073;margin:0;font-size:7.9cqw;font-weight:700}.fc-r-hero{color:#f8e3ac;text-shadow:0 3px 4px #180d02e6,0 8px 18px #0000008c;font-size:19cqw;font-weight:900;line-height:1}.fc-r-best{letter-spacing:.07em;color:#edd59c;justify-content:center;align-items:baseline;gap:2.2cqw;font-size:6.2cqw;font-weight:700;display:flex}.fc-r-best.new-best{color:#fff4d6;text-shadow:0 0 12px #ffd27acc,0 2px #3a2408cc}.fc-best-word{letter-spacing:.1em;color:#e3cb94;font-size:.78em}.fc-best-num{font-weight:900}.fc-r-gap{letter-spacing:.055em;color:#a89573;font-size:4.3cqw;font-weight:400}.fc-metrics{justify-content:space-between;align-items:stretch;gap:1cqw;width:100%;display:flex}.fc-metric{flex-direction:column;flex:1 1 0;align-items:center;gap:.6cqw;min-width:0;display:flex}.fc-metric-sep{background:linear-gradient(#c69e5200 0%,#c69e5299 50%,#c69e5200 100%);flex:none;align-self:stretch;width:1px}.fc-metric-value{color:#f7e2ac;text-shadow:0 2px #3a2408cc;font-size:7.2cqw;font-weight:900}.fc-metric-label{letter-spacing:.015em;color:#b09b72;white-space:nowrap;font-size:2.7cqw;font-weight:700}.fc-hits{aspect-ratio:800/165;background:url(/assets/ui/hit-stats-panel.webp) 50%/100% 100% no-repeat;flex:none;width:100%;margin-top:.8cqw;position:relative}.fc-hit-cell{flex-direction:column;justify-content:center;align-items:center;gap:.2cqw;display:flex;position:absolute;top:19.4%;bottom:19.4%;transform:translate(-50%)}.fc-hit-cell--1{width:22%;left:16.2%}.fc-hit-cell--2{width:20%;left:39.1%}.fc-hit-cell--3{width:20%;left:60.8%}.fc-hit-cell--4{width:22%;left:83.7%}.fc-hit-value{font-size:5.9cqw;font-weight:900;line-height:1}.fc-hit-label{letter-spacing:.04em;font-size:2.5cqw;font-weight:700}.j-perfect{color:#d9a6ff}.j-good{color:#f2d38a}.j-okay{color:#d6c199}.j-miss{color:#ff7d6b}.fc-details{flex-direction:column;width:100%;display:flex}.fc-detail{justify-content:space-between;align-items:baseline;gap:2cqw;padding:1.25cqw 0;display:flex}.fc-detail-rule{background:linear-gradient(90deg,#c69e5200 0%,#c69e5273 50%,#c69e5200 100%);height:1px}.fc-detail-label{letter-spacing:.01em;color:#cbb489;text-align:left;font-size:4.3cqw;font-weight:700}.fc-detail-value{color:#f7e2ac;font-size:5.2cqw;font-weight:900}.fc-home{width:100%;min-height:44px;font:inherit;letter-spacing:.12em;color:#e9d29e;cursor:pointer;touch-action:manipulation;background:0 0;border:0;justify-content:center;align-items:center;gap:3cqw;font-size:4.4cqw;font-weight:700;display:flex}.fc-home:active{color:#fff4d6}.screen-note{bottom:calc(var(--sab) + 6px);color:#c9ffd9;text-align:center;background:#0a0f0cd9;border:1px solid #2be36f59;border-radius:8px;max-width:88vw;margin:0;padding:6px 10px;font-size:11px;position:absolute;left:50%;transform:translate(-50%)}.screen-note.warn{color:#ffd0c8;border-color:#ff6b5a73}.fc-update{top:calc(var(--sat) + 8px);color:#f2d38a;font:inherit;letter-spacing:.08em;cursor:pointer;background:#141a14eb;border:1px solid #7c5a24;border-radius:10px;padding:8px 12px;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}@media (max-height:700px){.frame-card--start{height:min(56dvh,440px,125.081vw)}.fc-gear-glyph{font-size:16px}}.screen-claim{z-index:8;-webkit-backdrop-filter:blur(3px);padding:calc(var(--sat) + 12px) calc(var(--sar) + 12px) calc(var(--sab) + 12px) calc(var(--sal) + 12px);background:#030705a8;justify-content:center}.claim-panel{aspect-ratio:1000/1310;height:min(calc(100dvh - var(--sat) - var(--sab) - 24px), 700px, calc(94vw * 1310 / 1000));filter:drop-shadow(0 18px 34px #0009);background:url(/assets/ui/start-card.webp) 50%/100% 100% no-repeat;position:relative;container-type:size}.claim-body{text-align:center;flex-direction:column;align-items:stretch;min-height:0;font-family:Cinzel,Iowan Old Style,Georgia,serif;display:flex;position:absolute;inset:19.4% 10.5% 11.2%}.claim-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;align-items:center;gap:1.2cqw;min-height:0;display:flex;overflow-y:auto}.claim-actions{flex-direction:column;flex:none;align-items:center;gap:.4cqw;padding-top:1cqw;display:flex}.claim-eyebrow{justify-content:center;align-items:center;gap:2.6cqw;width:100%;display:flex}.claim-eyebrow-rule{background:linear-gradient(90deg,#c59c4e00 0%,#c59c4ebf 50%,#c59c4e00 100%);flex:auto;max-width:22%;height:1px}.claim-eyebrow-text{letter-spacing:.22em;color:#d8bd85;white-space:nowrap;font-size:3.4cqw;font-weight:700}.claim-title{letter-spacing:.01em;color:#f8e3ac;text-shadow:0 2px 3px #140b02d9,0 6px 14px #00000080;margin:0;font-size:7.2cqw;font-weight:900;line-height:1.04}.claim-subtitle{color:#e4d7bc;max-width:99%;margin:0;font-size:3.05cqw;font-weight:400;line-height:1.32}.claim-benefits{width:100%;margin:.6cqw 0 0;padding:0;list-style:none}.claim-benefit{text-align:left;align-items:center;gap:2.5cqw;padding:.8cqw 0;display:flex}.claim-benefit-rule{background:linear-gradient(90deg,#c59c4e00 0%,#c59c4e8c 50%,#c59c4e00 100%);height:1px;margin:0 4%}.claim-badge{aspect-ratio:192/184;background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;width:9cqw}.claim-badge--badge-trophy{background-image:url(/assets/ui/badge-trophy.png)}.claim-badge--badge-devices{background-image:url(/assets/ui/badge-devices.png)}.claim-badge--badge-globe{background-image:url(/assets/ui/badge-globe.png)}.claim-benefit-text{color:#efe4cd;font-size:3.05cqw;font-weight:400;line-height:1.22}.claim-google{color:#1f1f1f;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #dadce0;border-radius:6px;justify-content:center;align-items:center;gap:3cqw;width:100%;min-height:48px;padding:2.3cqw 3.4cqw;font-family:Roboto,Helvetica Neue,Arial,sans-serif;font-size:3.7cqw;font-weight:500;display:flex;box-shadow:0 2px 6px #00000073}.claim-google:disabled{opacity:.72;cursor:default}.claim-google-mark{aspect-ratio:1;flex:none;width:5.4cqw;min-width:18px;display:block}.claim-google-mark svg{width:100%;height:100%;display:block}.claim-google-label{white-space:nowrap}.claim-later{letter-spacing:.04em;color:#f2d999;cursor:pointer;touch-action:manipulation;background:0 0;border:0;min-height:44px;padding:1.4cqw 6cqw;font-family:inherit;font-size:3.9cqw;font-weight:700}.claim-later:active{color:#fff4d6}.claim-reassure{color:#b3a688;margin:0;font-size:2.9cqw;font-weight:400}.claim-error{color:#ffb3a6;margin:0;font-size:3.4cqw}.claim-close{aspect-ratio:1;cursor:pointer;touch-action:manipulation;z-index:2;background:url(/assets/ui/modal-close.png) 50%/contain no-repeat;border:0;border-radius:50%;width:9.2cqw;min-width:44px;padding:0;position:absolute;top:12.2%;right:9.6%}.claim-close:active{filter:brightness(1.15)}.claim-google:focus-visible,.claim-later:focus-visible,.claim-close:focus-visible{outline-offset:2px;outline:2px solid #f2d38ae6}@media (prefers-reduced-motion:reduce){.screen-claim{animation:none}}.account-strip{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:92vw;margin-top:10px;font-family:Cinzel,Georgia,serif;font-size:12px;display:flex}.account-action{color:#f2d999;min-height:44px;font:inherit;letter-spacing:.04em;cursor:pointer;touch-action:manipulation;background:#101510db;border:1px solid #c59c4e8c;border-radius:999px;padding:6px 14px;font-weight:700}.account-action:focus-visible{outline-offset:2px;outline:2px solid #f2d38ae6}.account-note{color:#9d8b64}.account-status{color:#cbb489}.account-status.ok{color:#9fd8a8}.account-status.warn{color:#ffb3a6}.tf-panel-screen{z-index:9;-webkit-backdrop-filter:blur(3px);padding:calc(var(--sat) + 10px) calc(var(--sar) + 10px) calc(var(--sab) + 10px) calc(var(--sal) + 10px);background:#030705ad;justify-content:center}.tf-panel{aspect-ratio:900/1537;height:min(calc(100dvh - var(--sat) - var(--sab) - 20px), 860px, calc(96vw * 1537 / 900));filter:drop-shadow(0 18px 34px #0009);background:url(/assets/ui/panel-frame.webp) 50%/100% 100% no-repeat;position:relative;container-type:size}.tf-panel *{box-sizing:border-box}.tf-panel-inner{text-align:center;color:#e8dcc2;flex-direction:column;min-height:0;font-family:Cinzel,Iowan Old Style,Georgia,serif;display:flex;position:absolute;inset:11.97% 8.56% 6.31% 9.11%}.tf-panel-head{flex:none;padding-bottom:1.4cqw}.tf-panel-title{letter-spacing:.1em;color:#f6dfa6;text-shadow:0 2px 4px #000000bf;margin:0;font-size:6.4cqw;font-weight:900}.tf-panel-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;align-items:stretch;gap:1.6cqw;min-height:0;display:flex;overflow-y:auto}.tf-panel-close{cursor:pointer;touch-action:manipulation;background:url(/assets/ui/panel-close.webp) 50%/8.4cqw 8.4cqw no-repeat;border:0;width:max(44px,8.4cqw);height:max(44px,8.4cqw);padding:0;position:absolute;top:7.8%;right:5.4%}.tf-panel-close:active{filter:brightness(.9)}.tf-panel-note{color:#b7a67e;margin:0;font-size:3.1cqw;line-height:1.45}.tf-panel-note.warn{color:#ffb3a6}.tf-panel-fail{flex-direction:column;align-items:center;gap:1.6cqw;padding:3cqw 0;display:flex}.tf-rule{background:url(/assets/ui/rule-divider.webp) 50%/100% 100% no-repeat;flex:none;height:1.6cqw;margin:.6cqw 0}.tf-mini-btn{color:#f4e4bb;min-height:44px;font:inherit;letter-spacing:.08em;cursor:pointer;touch-action:manipulation;background:url(/assets/ui/tab-inactive.webp) 50%/100% 100% no-repeat;border:0;align-self:center;padding:0 4.4cqw;font-size:3.2cqw;font-weight:800}.tf-mini-btn--wide{align-self:stretch}.tf-mini-btn:disabled{opacity:.45;cursor:default}.tf-mini-btn:not(:disabled):active{filter:brightness(.92);transform:translateY(1px)}.tf-input{color:#f2e6c7;width:100%;min-height:44px;font:inherit;text-align:center;background:#080c09d1;border:1px solid #c69e5299;border-radius:2px;padding:0 3cqw;font-size:3.8cqw}.tf-input:focus-visible,.tf-mini-btn:focus-visible,.tf-panel-close:focus-visible,.tf-tab:focus-visible,.tf-row-name:focus-visible,.tf-podium-name:focus-visible{outline-offset:2px;outline:2px solid #f2d38ae6}.tf-field-label{letter-spacing:.14em;color:#9d8b64;font-size:2.9cqw}.tf-avatar{flex:none;display:inline-block;position:relative}.tf-avatar-portrait,.tf-avatar-ring{background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute}.tf-avatar-portrait{border-radius:50%;overflow:hidden;transform:translate(-50%,-50%)}.tf-avatar-ring{inset:0}.tf-tabs{flex:none;gap:2cqw;display:flex}.tf-tab{color:#c2b088;min-height:44px;font:inherit;letter-spacing:.1em;cursor:pointer;touch-action:manipulation;background:url(/assets/ui/tab-inactive.webp) 50%/100% 100% no-repeat;border:0;flex:1 1 0;padding:0;font-size:3.4cqw;font-weight:800}.tf-tab.is-active{color:#fdf3db;text-shadow:0 2px 3px #031e0dd9;background-image:url(/assets/ui/tab-active.webp)}.tf-board{flex-direction:column;gap:1.4cqw;display:flex}.tf-board-reset{color:#b7a67e;margin:0;font-size:3cqw}.tf-podium{grid-template-columns:1fr 1.16fr 1fr;align-items:end;gap:1.6cqw;display:grid}.tf-podium-card{min-width:0;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;aspect-ratio:420/681;background:url(/assets/ui/podium-card.webp) 50%/100% 100% no-repeat;border:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:.6cqw;padding:20% 6.7% 4%;display:flex;position:relative}.tf-podium-card--1{transform:translateY(-2cqw)}.tf-podium-card .tf-avatar{aspect-ratio:1;width:56%;height:auto}.tf-podium-rank{color:#f2d38a;font-size:4.4cqw;font-weight:900}.tf-podium-name,.tf-row-name{color:#e8dcc2;font:inherit;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.tf-podium-name{max-width:100%;font-size:2.9cqw}.tf-podium-card:focus-visible{outline-offset:2px;outline:2px solid #f2d38ae6}.tf-podium-score{color:#f6dfa6;font-size:3.4cqw;font-weight:900}.tf-rows{flex-direction:column;gap:.9cqw;margin:0;padding:0;list-style:none;display:flex}.tf-row{text-align:left;background:#0a0f0b8c;border:1px solid #c69e5238;align-items:center;gap:2.4cqw;min-height:44px;padding:0 2.6cqw;display:flex}.tf-row.is-you{background:#1f2819bf;border-color:#d6b066d9}.tf-row-rank{color:#c2a878;flex:none;min-width:7%;font-size:3.2cqw;font-weight:800}.tf-row-name{cursor:pointer;touch-action:manipulation;text-align:left;background:0 0;border:0;flex:auto;align-items:center;min-width:0;min-height:44px;padding:0;font-size:3.2cqw;display:flex}.tf-row-score{color:#f6dfa6;flex:none;font-size:3.4cqw;font-weight:900}.tf-you-tag{letter-spacing:.12em;color:#f2d38a;border:1px solid #d6b066cc;flex:none;padding:.2cqw 1.4cqw;font-size:2.4cqw}.tf-pager{justify-content:space-between;align-items:center;gap:1.6cqw;display:flex}.tf-pager-text{color:#9d8b64;font-size:2.9cqw}.tf-standing{border-top:1px solid #c69e5247;flex-direction:column;align-items:center;gap:1.2cqw;padding-top:1.4cqw;display:flex}.tf-standing-title{letter-spacing:.16em;color:#9d8b64;margin:0;font-size:3cqw}.tf-rows--near{width:100%}.tf-profile-head{flex-direction:column;align-items:center;gap:1cqw;display:flex}.tf-profile-name{color:#f6dfa6;margin:0;font-size:5.2cqw;font-weight:900}.tf-profile-id{letter-spacing:.16em;color:#9d8b64;margin:0;font-size:3cqw}.tf-name-edit{flex-direction:column;align-items:center;gap:1.2cqw;display:flex}.tf-stats{flex-direction:column;gap:1.4cqw;display:flex}.tf-metric{aspect-ratio:760/193;text-align:left;background:url(/assets/ui/metric-panel.webp) 50%/100% 100% no-repeat;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2cqw;min-height:44px;padding:2% 15%;display:grid}.tf-metric-label{letter-spacing:.12em;color:#b7a67e;font-size:2.9cqw}.tf-metric-value{color:#f6dfa6;grid-area:1/2/span 2;align-self:center;font-size:4cqw;font-weight:900}.tf-metric-note{color:#9d8b64;overflow-wrap:anywhere;grid-column:1;font-size:2.5cqw;line-height:1.2}.tf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2cqw;display:grid}.tf-tile{aspect-ratio:420/417;background:url(/assets/ui/collection-tile.webp) 50%/100% 100% no-repeat;flex-direction:column;justify-content:flex-start;align-items:center;gap:.8cqw;min-width:0;padding:6% 5%;display:flex}.tf-tile .tf-avatar{aspect-ratio:1;flex:none;height:auto}.tf-tile.is-locked:not(.is-preview) .tf-avatar{filter:grayscale(.85)brightness(.55)}.tf-tile.is-equipped{filter:drop-shadow(0 0 6px #d6b0668c)}.tf-tile-name{color:#e8dcc2;overflow-wrap:anywhere;max-width:100%;font-size:2.7cqw;font-weight:700;line-height:1.15}.tf-tile-note{-webkit-line-clamp:2;line-clamp:2;color:#9d8b64;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:100%;font-size:2.2cqw;line-height:1.25;display:-webkit-box;overflow:hidden}.tf-tile-note.ok{color:#9fd8a8;letter-spacing:.12em}.tf-tile-note.warn{color:#ffb3a6}.fc-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:4px;font-family:Cinzel,Iowan Old Style,Georgia,serif;display:flex}.fc-link{color:#c9b184;min-height:44px;font:inherit;letter-spacing:.1em;cursor:pointer;touch-action:manipulation;background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.fc-link:active{color:#f2d999}.fc-link:focus-visible{outline-offset:2px;outline:2px solid #f2d38ae6}.fc-ranked{margin:0;font-size:3cqw;line-height:1.4}.fc-ranked.ok{color:#9fd8a8}.fc-ranked.muted{color:#b7a67e}.fc-ranked.warn{color:#ffb3a6}@media (prefers-reduced-motion:reduce){.tf-mini-btn:not(:disabled):active,.tf-podium-card--1{transform:none}}