@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:center;gap:4cqw;inset:21.5% 10.8% 10.8% 10.6%}.frame-card--results .fc-inner{--u:max(1cqw, 2.9px);overflow:hidden}@container (width<=300px){.frame-card--results .fc-inner{--u:max(1cqw, 4.3px)}.frame-card--results .fc-metric-value{font-size:calc(5.6 * var(--u))}.frame-card--results .fc-metric-label{font-size:calc(1.9 * var(--u))}.frame-card--results .fc-metric{padding:0 .6cqw}.frame-card--results .fc-hit-label{font-size:calc(2.15*max(1cqw,2.9px))}}.frame-card--results .fc-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;justify-content:safe center;align-items:center;gap:1cqw;width:100%;min-height:0;padding-bottom:3cqw;display:flex;overflow-y:auto}.frame-card--results .fc-scroll.is-scrollable{-webkit-mask-image:linear-gradient(#000 calc(100% - 5cqw),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 5cqw),#0000 100%)}.frame-card--results .fc-actions{border-top:1px solid #c69e5259;flex-direction:column;flex:none;align-items:center;gap:.6cqw;width:100%;padding-top:2cqw;display:flex;position:relative}.frame-card--results .fc-inner{gap:1cqw;inset:11.8% 13.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:.06em;color:#fdf3db;text-shadow:0 2px 3px #031e0dd9,0 4px 10px #00000073;font-size:7.1cqw;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-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:5.2cqw;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:5.7cqw;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:3.9cqw;font-weight:400}.fc-metrics{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;width:100%;display:grid}.fc-metric{text-align:center;flex-direction:column;align-items:center;gap:.6cqw;min-width:0;padding:0 1.4cqw;display:flex;position:relative}.fc-metric+.fc-metric:before{content:"";background:linear-gradient(#c69e5200 0%,#c69e5299 50%,#c69e5200 100%);width:1px;position:absolute;top:4%;bottom:12%;left:0}.fc-metric-value{color:#f7e2ac;text-shadow:0 2px #3a2408cc;font-size:7.2cqw;font-weight:900}.fc-metric-label{font-size:calc(2.45 * var(--u,1cqw));letter-spacing:.01em;color:#b09b72;overflow-wrap:normal;word-break:normal;font-weight:700}.fc-hits{background:linear-gradient(#1e221df0,#121613f5);border:1px solid #c69e529e;border-radius:5px;flex:none;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;width:100%;margin-top:1.4cqw;padding:2.2cqw 1.4cqw;display:grid;box-shadow:inset 0 1px #e9cd8c24}.fc-hit-cell{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.7cqw;min-width:0;padding:0 1.2cqw;display:flex;position:relative}.fc-hit-cell+.fc-hit-cell:before{content:"";background:linear-gradient(#c69e5200 0%,#c69e528c 50%,#c69e5200 100%);width:1px;position:absolute;top:8%;bottom:8%;left:0}.fc-hit-cell+.fc-hit-cell:after{content:"◆";color:#c69e52bf;font-size:2cqw;line-height:1;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.fc-hit-value{font-size:6.25cqw;font-weight:900;line-height:1}.fc-hit-label{font-size:calc(2.6 * var(--u,1cqw));letter-spacing:.04em;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{font-size:calc(4.3 * var(--u,1cqw));letter-spacing:.01em;color:#cbb489;text-align:left;font-weight:700}.fc-detail-value{font-size:calc(5.2 * var(--u,1cqw));color:#f7e2ac;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{color:#c9ffd9;text-align:center;background:#0a0f0cd9;border:1px solid #2be36f59;border-radius:8px;max-width:88vw;margin:0 0 8px;padding:6px 10px;font-size:11px;position:static}.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{--claim-icon:9cqw;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{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;text-align:center;flex-direction:column;align-items:stretch;min-height:0;padding-bottom:4px;font-family:Cinzel,Iowan Old Style,Georgia,serif;display:flex;position:absolute;inset:17.2% 10.5% 9%;overflow-y:auto}.claim-scroll{flex-direction:column;flex:none;align-items:center;gap:1cqw;display:flex}.claim-actions{flex-direction:column;flex:none;align-items:center;padding-top:16px;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:6.3cqw;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{box-sizing:border-box;width:100%;margin:8px 0 0;padding:0 6px 0 12px;list-style:none}.claim-benefit{grid-template-columns:var(--claim-icon) minmax(0, 1fr);text-align:left;align-items:center;column-gap:12px;padding:5px 0;display:grid}.claim-benefit-rule{background:linear-gradient(90deg,#c59c4e00 0%,#c59c4e8c 50%,#c59c4e00 100%);height:1px;margin:0}.claim-badge{width:var(--claim-icon);aspect-ratio:192/184;background-position:50%;background-repeat:no-repeat;background-size:contain}.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;overflow-wrap:anywhere;min-width:0;font-size:3.05cqw;font-weight:400;line-height:1.28}.claim-google{color:#1f1f1f;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #dadce0;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:300px;min-height:48px;padding:11px 16px;font-family:Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:500;display:flex;box-shadow:0 2px 6px #00000073}.claim-google:disabled{opacity:.72;cursor:default}.claim-google-mark{flex:none;width:18px;height: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;margin-top:12px;padding:1.4cqw 6cqw;font-family:inherit;font-size:3.9cqw;font-weight:700}.claim-later:active{color:#fff4d6}.claim-reassure{color:#b3a688;margin:2px 0 0;font-size:2.9cqw;font-weight:400}.claim-error{letter-spacing:0;text-transform:none;color:#e0a08c;max-width:100%;margin:14px 0 0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.45}.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-panel:focus{outline:none}.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;flex:100%;max-width:34ch;margin-inline:auto;line-height:1.35}.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;padding-bottom:3cqw;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-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-board{flex-direction:column;gap:1.4cqw;display:flex}.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-content:center;column-gap:3cqw;min-height:44px;padding:4.2% 15% 4.4%;display:grid}.tf-metric--plain{grid-template-areas:"label value";row-gap:0}.tf-metric--with-note{grid-template-areas:"label value""note value";row-gap:.3cqw}.tf-metric-label{letter-spacing:.1em;color:#b7a67e;grid-area:label;align-self:center;font-size:2.7cqw}.tf-metric-value{color:#f6dfa6;grid-area:value;place-self:center end;font-size:3.7cqw;font-weight:900}.tf-metric-note{color:#9d8b64;overflow-wrap:anywhere;grid-area:note;align-self:center;font-size:2.3cqw;line-height:1.15}.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{font-size:calc(3 * var(--u,1cqw));margin:0;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}}.account-failure{background:#260e0bdb;border:1px solid #ff6b5a73;border-radius:10px;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:34rem;margin-bottom:4px;padding:9px 12px;display:flex}.account-failure-text{color:#ffd0c8;text-align:center;font-size:12px;line-height:1.45}.screen-prepare{z-index:9;-webkit-backdrop-filter:blur(3px);padding:calc(var(--sat) + 16px) calc(var(--sar) + 16px) calc(var(--sab) + 16px) calc(var(--sal) + 16px);background:#030705b8;justify-content:center}.prepare-panel{text-align:center;background:#0c110df5;border:1px solid #c59c4e80;border-radius:14px;flex-direction:column;align-items:center;gap:12px;width:min(92vw,360px);padding:22px 20px;font-family:Cinzel,Georgia,serif;display:flex;box-shadow:0 18px 34px #0009}.prepare-spinner{border:2px solid #c59c4e47;border-top-color:#f2d999;border-radius:50%;width:26px;height:26px;animation:.9s linear infinite prepare-spin}@keyframes prepare-spin{to{transform:rotate(360deg)}}.prepare-title{letter-spacing:.03em;color:#f8e3ac;margin:0;font-size:17px;font-weight:700}.prepare-note{color:#d8c9a8;max-width:30ch;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;line-height:1.45}.prepare-note--quiet{color:#9d8b64;font-size:12px}.prepare-actions{flex-direction:column;gap:8px;width:100%;margin-top:4px;display:flex}.prepare-btn{color:#f2d999;min-height:46px;font:inherit;letter-spacing:.04em;cursor:pointer;touch-action:manipulation;background:#101510e6;border:1px solid #c59c4e8c;border-radius:999px;padding:10px 16px;font-size:15px;font-weight:700}.prepare-btn--primary{color:#eafbe9;background:linear-gradient(#267a3af2,#164e26f2);border-color:#78d682b3}.prepare-btn--quiet{color:#b3a688;background:0 0;border-color:#0000;font-weight:400}.prepare-btn:disabled{opacity:.55;cursor:default}.prepare-btn:focus-visible{outline-offset:2px;outline:2px solid #f2d38ae6}@media (prefers-reduced-motion:reduce){.prepare-spinner{animation-duration:2.4s}}.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;text-overflow:ellipsis;white-space:nowrap;background:url(/assets/ui/tab-inactive.webp) 50%/100% 100% no-repeat;border:0;flex:1 1 0;padding:0 8%;font-size:3cqw;font-weight:800;line-height:1.15;overflow:hidden}.tf-tab.is-active{color:#fdf3db;text-shadow:0 2px 3px #031e0dd9;background-image:url(/assets/ui/tab-active.webp)}.tf-tab:focus-visible{outline-offset:2px;outline:2px solid #f2d38ae6}.tf-board{flex:auto;min-height:0}.tf-board .tf-rows{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}.tf-board-footer{flex-direction:column;flex:none;gap:1.4cqw;margin-top:auto;padding-top:1.2cqw;padding-bottom:1.6cqw;display:flex}.frame-card--pause{aspect-ratio:1000/1310;background-image:url(/assets/ui/start-card.webp);height:min(82dvh,660px,125.76vw)}.frame-card--pause .fc-inner{justify-content:center;gap:1cqw;inset:13% 10.8% 8.5% 10.6%}.pause-title{letter-spacing:.06em;color:#f7e2ac;text-shadow:0 2px 3px #140b02d9,0 6px 14px #00000080;margin:0;font-size:8.4cqw;font-weight:900;line-height:1}.pause-subtitle{letter-spacing:.1em;color:#cdbd99;margin:0 0 1.6cqw;font-size:3.3cqw}.pause-stack{flex-direction:column;align-items:stretch;gap:2cqw;width:100%;display:flex}.frame-card--pause .fc-btn--primary{max-height:74px}.frame-card--pause .fc-btn--stone{max-height:64px}.fc-btn--stone{aspect-ratio:760/221;background-image:url(/assets/ui/tab-inactive.webp);min-height:46px}.pause-label{letter-spacing:.07em;color:#f2d999;text-shadow:0 2px 3px #0c0802cc;margin-right:-.07em;font-size:5.6cqw}.frame-card--pause .fc-btn--stone>*{--tf-open-shift:-.87px}.frame-card--pause .fc-btn--primary>*{--tf-open-shift:2.2px}.frame-card--pause .fc-btn>*{transform:translateY(var(--tf-open-shift,0px))}.frame-card--pause .fc-btn>.pause-label{transform:translateY(calc(var(--tf-open-shift,0px) + .025em))}.fc-btn--primary .pause-label{color:#fdf3db}.set-panel{height:min(calc(100dvh - var(--sat) - var(--sab) - 16px), 900px, calc(97vw * 1537 / 900))}.set-body{text-align:left;gap:0;padding:0 2cqw}.set-section{align-items:center;gap:2.4cqw;width:100%;margin:2.4cqw 0 1.2cqw;display:flex}.set-section:first-child{margin-top:0}.set-section-title{letter-spacing:.1em;color:#f2d999;flex:none;margin:0;font-size:4.1cqw;font-weight:900}.set-section-line{background:linear-gradient(90deg,#c69e52bf 0%,#c69e5200 100%);flex:auto;height:1px}.set-row{border-bottom:1px solid #c69e522e;align-items:center;gap:2.6cqw;width:100%;min-height:44px;padding:1.1cqw 0;display:flex}.set-row.is-disabled{opacity:.58}.set-icon{aspect-ratio:1;color:#d8bd85;flex:none;width:5.2cqw;min-width:18px}.set-label-group{flex-direction:column;flex:auto;gap:.2cqw;min-width:0;display:flex}.set-label{color:#efe4cd;font-size:3.5cqw;line-height:1.25}.set-note{color:#a08e6a;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:2.9cqw}.set-row>.set-label{flex:none;width:26cqw}.set-slider{appearance:none;cursor:pointer;background:0 0;flex:auto;min-width:0;height:22px;margin:0 0 0 auto}.set-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, #2fbf63 0%, #2fbf63 var(--set-fill,50%), #0a100bd9 var(--set-fill,50%), #0a100bd9 100%);border:1px solid #c69e5299;border-radius:999px;height:8px}.set-slider::-moz-range-track{background:linear-gradient(90deg, #2fbf63 0%, #2fbf63 var(--set-fill,50%), #0a100bd9 var(--set-fill,50%), #0a100bd9 100%);border:1px solid #c69e5299;border-radius:999px;height:8px}.set-slider::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 35% 30%,#5ef0a0,#1a8f4b 70%);border:2px solid #d8b463;border-radius:50%;width:20px;height:20px;margin-top:-7px;box-shadow:0 1px 3px #0009}.set-slider::-moz-range-thumb{background:radial-gradient(circle at 35% 30%,#5ef0a0,#1a8f4b 70%);border:2px solid #d8b463;border-radius:50%;width:20px;height:20px}.set-slider:disabled{opacity:.5;cursor:default}.set-value{text-align:right;color:#f2d999;flex:none;width:9cqw;min-width:34px;font-size:3.7cqw;font-weight:700}.set-switch{cursor:pointer;flex:none;width:54px;height:30px;margin-left:auto;display:inline-flex;position:relative}.set-switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.set-switch-track{background:#0a100be6;border:1px solid #c69e528c;border-radius:999px;flex:auto;transition:background .12s ease-out}.set-switch-track:after{content:"";background:linear-gradient(#6b6252,#3b362c);border-radius:50%;width:22px;height:22px;transition:transform .12s ease-out,background .12s ease-out;position:absolute;top:3px;left:3px}.set-switch input:checked+.set-switch-track{background:#3a2c10f2}.set-switch input:checked+.set-switch-track:after{background:linear-gradient(#e8c583,#b98f3f);transform:translate(24px)}.set-switch input:disabled+.set-switch-track{opacity:.55}.set-switch input:focus-visible+.set-switch-track{outline-offset:2px;outline:2px solid #f2d38ae6}.set-finishes{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4cqw;width:100%;display:grid}.set-finish{min-height:56px;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;background:#0c110dd1;border:1px solid #c69e5280;border-radius:8px;align-items:center;gap:2cqw;padding:1.8cqw;display:flex;position:relative}.set-finish.is-selected{border-color:#46e682e6;box-shadow:0 0 0 1px #46e6828c,0 0 16px #2dc86e59}.set-finish.is-locked{cursor:default;opacity:.78}.set-finish-emblem{aspect-ratio:1;background:url(/assets/ui/avatar-temple.webp) no-repeat center / 86% 86%, radial-gradient(circle at 34% 28%, color-mix(in srgb, var(--finish-tint) 70%, #fff 30%), var(--finish-tint) 62%, #080c09e6 100%);border:1px solid #c69e5299;border-radius:50%;flex:none;width:9cqw;min-width:28px;box-shadow:inset 0 0 6px #0000008c}.set-finish-text{flex-direction:column;gap:.4cqw;min-width:0;padding-right:15px;display:flex}.set-finish-name{color:#f4e6c4;overflow-wrap:break-word;font-size:2.8cqw;font-weight:700;line-height:1.22}.set-finish-note{color:#a08e6a;overflow-wrap:anywhere;align-items:center;gap:1.2cqw;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:2.55cqw;line-height:1.32;display:flex}.set-finish-lock{aspect-ratio:1;color:#a08e6a;flex:none;width:3.2cqw;min-width:11px}.set-finish-note>span{overflow-wrap:anywhere;min-width:0}.set-finish-tick{opacity:0;background:#2fd06e;border-radius:50%;width:20px;height:20px;padding:3px;transition:opacity .11s ease-out,transform .11s ease-out;position:absolute;top:5px;right:5px;transform:scale(.7);box-shadow:0 1px 4px #00000080}.set-finish.is-selected .set-finish-tick{opacity:1;transform:scale(1)}.set-fineprint{text-align:center;color:#93825f;width:100%;margin:2cqw 0 0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:2.7cqw;line-height:1.4}.set-divider{background:linear-gradient(90deg,#c69e5200 0%,#c69e528c 50%,#c69e5200 100%);width:100%;height:1px;margin:3cqw 0 2cqw}.set-account{justify-content:space-between;align-items:center;gap:2.4cqw;width:100%;display:flex}.set-account-who{color:#cdbd99;font-size:3.2cqw}.set-link{min-height:44px;font:inherit;color:#f2d999;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:3.2cqw;text-decoration:underline}.set-done{flex:none;width:100%;max-height:62px;margin-top:1.8cqw}.set-done-label{font-size:6.4cqw}.set-link:focus-visible,.set-finish:focus-visible,.set-slider:focus-visible{outline-offset:2px;outline:2px solid #f2d38ae6}.tf-tabs--sub{margin-top:2cqw}.vault-grid{grid-template-columns:repeat(auto-fit,minmax(min(38cqw,140px),1fr));gap:3cqw;width:100%;margin:2cqw 0;display:grid}.vault-tile{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex-direction:column;align-items:center;gap:1.2cqw;min-height:44px;padding:2cqw 1cqw 2.4cqw;display:flex}.vault-well{aspect-ratio:1;background:url(/assets/phase4/tile/ui-relic-slot.webp) 50%/contain no-repeat;place-items:center;width:100%;display:grid;position:relative}.vault-art{object-fit:contain;width:74%;height:74%}.vault-tile.is-locked .vault-art{filter:grayscale(.85)brightness(.55)}.vault-lock{aspect-ratio:1;opacity:.9;background:url(/assets/ui/lock.svg) 50%/contain no-repeat;width:22%;position:absolute;top:6%;right:6%}.vault-new{color:#24160a;letter-spacing:.08em;background:linear-gradient(#f6d98a,#c99a3c);border-radius:2px;padding:.4cqw 1.2cqw;font-size:2.4cqw;font-weight:900;position:absolute;top:4%;left:4%}.vault-name{letter-spacing:.05em;color:#f2d999;text-align:center;overflow-wrap:anywhere;font-size:2.9cqw;font-weight:800}.vault-tile.is-locked .vault-name{color:#b9a982}.vault-progress{align-items:center;gap:1.4cqw;width:100%;display:flex}.vault-bar{background:#0a120cb8;border:1px solid #c69e5280;border-radius:999px;flex:auto;height:1.8cqw;min-height:6px;overflow:hidden}.vault-bar-fill{background:linear-gradient(90deg,#2f9d5b,#6fe39a);height:100%}.vault-progress-text{color:#e7d6a8;font-variant-numeric:tabular-nums;font-size:2.6cqw;font-weight:700}.vault-next{width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;touch-action:manipulation;background:linear-gradient(#262a26f7,#181c19fa);border:1px solid #ba965499;border-radius:5px;align-items:center;gap:9px;min-height:44px;margin-top:1.5cqw;padding:6px 9px;display:flex;box-shadow:inset 0 1px #e9cd8c1f}.vault-next:active{background:linear-gradient(#2e332ef7,#1e231ffa)}.vault-next-well{flex:none;place-items:center;width:30px;height:30px;display:grid}.vault-next-art{object-fit:contain;max-width:100%;max-height:100%}.vault-next-text{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.vault-next-head{align-items:baseline;gap:6px;min-width:0;display:flex}.vault-next-name{color:#f2d999;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:800;overflow:hidden}.vault-next-chevron{color:#9d8a5e;flex:none;font-size:17px;line-height:1}.vault-next-label{letter-spacing:.14em;color:#9d8a5e;flex:none;font-size:8.5px;font-weight:800}.tracked-plaque{width:min(86vw,420px);color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;background:linear-gradient(#262a26fa,#181c19fc);border:1px solid #ba9654a6;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:10px auto 0;padding:10px 12px;display:grid;box-shadow:inset 0 1px #e9cd8c24}.fc-scroll .tracked-plaque{width:100%;margin:1.4cqw 0 0}.tracked-plaque:focus-visible{outline-offset:2px;outline:2px solid #f2d38ae6}.tracked-plaque:active{background:linear-gradient(#2e332efa,#1e231ffc)}.tracked-art-well{flex:none;place-items:center;width:48px;height:48px;display:grid}.tracked-art{object-fit:contain;max-width:100%;max-height:100%}.tracked-text{flex-direction:column;gap:2px;min-width:0;display:flex}.tracked-label{letter-spacing:.16em;color:#9d8a5e;font-size:9px;font-weight:800}.tracked-name{letter-spacing:.03em;color:#f2d999;overflow-wrap:anywhere;font-size:15px;font-weight:800}.tracked-req{color:#b8a87f;overflow-wrap:anywhere;font-size:10.5px;line-height:1.3}.tracked-bar{background:#080e0ad9;border:1px solid #9678428c;border-radius:999px;height:5px;margin-top:2px;overflow:hidden}.tracked-fill{background:linear-gradient(90deg,#2f9d5b,#6fe39a);height:100%;display:block}.tracked-reading{color:#e7d6a8;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.tracked-chevron{color:#9d8a5e;padding-left:2px;font-size:20px;line-height:1}.tf-back{align-self:flex-start;margin-bottom:1.5cqw}.vault-hero{aspect-ratio:1;place-items:center;width:min(46cqw,172px);margin:1cqw auto .5cqw;display:grid}.vault-hero-art{object-fit:contain;filter:drop-shadow(0 3px 10px #0000008c);width:100%;height:100%}.vault-hero.is-locked .vault-hero-art{filter:grayscale(.85)brightness(.55)}.vault-requirement{color:#e9dcb8;text-align:center;margin:1.5cqw 0;font-size:3.2cqw;line-height:1.45}.vault-metric-label,.appearance-state{letter-spacing:.12em;color:#c9b27f;text-align:center;margin:1.5cqw 0 .8cqw;font-size:2.6cqw;font-weight:800}.vault-earned{letter-spacing:.1em;color:#7fe0a4;text-align:center;font-size:3.2cqw;font-weight:800}.vault-reward-art{aspect-ratio:1;object-fit:contain;width:min(26cqw,96px);margin:0 auto;display:block}.vault-track{margin-top:2cqw}.appearance-stage{aspect-ratio:auto;flex-direction:column;align-items:center;gap:5px;width:min(20cqw,72px);margin:.5cqw auto 1cqw;display:flex}.appearance-art{object-fit:contain;width:100%;height:100%}.appearance-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6cqw 2.4cqw;width:100%;display:grid}@container (width>=520px){.appearance-row{grid-template-columns:repeat(4,minmax(0,1fr))}}.appearance-swatch{text-align:left;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #0000;flex-direction:row;align-items:center;gap:2cqw;min-height:44px;padding:1.2cqw 1.4cqw;display:flex}.appearance-swatch.is-selected{background:#f6d98a14;border-color:#f6d98ae6}.appearance-swatch-well{flex-direction:column;flex:none;align-items:center;gap:3px;width:36px;display:flex}.appearance-swatch-text{flex-direction:column;gap:.3cqw;min-width:0;display:flex}.appearance-swatch-art{aspect-ratio:1;object-fit:contain;width:100%}.appearance-swatch.is-locked .appearance-swatch-well{filter:grayscale(.8)brightness(.6);position:relative}.appearance-swatch.is-locked .appearance-swatch-well:after{content:"🔒";filter:none;place-items:center;height:36px;font-size:12px;display:grid;position:absolute;top:0;left:0;right:0}.appearance-swatch-name{color:#e7d6a8;overflow-wrap:anywhere;font-size:2.7cqw;font-weight:700}.appearance-state{letter-spacing:.06em;margin:0;font-family:Iowan Old Style,Georgia,serif;font-size:2.2cqw}.appearance-state.is-equipped{color:#7fe0a4;font-weight:700}.appearance-state.is-previewing{color:#f2d38a}.appearance-state.is-locked{color:#9d8b64}.appearance-name{letter-spacing:.06em;color:#f4e4bb;text-align:center;margin:.8cqw 0 .3cqw;font-size:4cqw;font-weight:900}.appearance-unlocked-by{text-align:center;color:#9fd6b0;margin:.6cqw 0 0;font-size:3cqw}.appearance-locked,.appearance-equipped{text-align:center;margin:1.5cqw 0;font-size:3cqw;line-height:1.45}.appearance-locked{color:#c9b27f}.appearance-equipped{color:#7fe0a4;letter-spacing:.08em;font-weight:800}.showcase-block{width:100%}.showcase-slots{grid-template-columns:repeat(3,1fr);gap:2cqw;width:100%;margin:1.5cqw 0;display:grid}.showcase-slot{aspect-ratio:1;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:url(/assets/phase4/tile/ui-relic-slot.webp) 50%/contain no-repeat;border:0;place-items:center;min-height:44px;padding:0;display:grid;position:relative}.showcase-slots--view .showcase-slot{cursor:default}.showcase-slot.is-empty{opacity:.55;cursor:default}.showcase-slot-art{object-fit:contain;width:74%;height:74%}.showcase-plus{color:#9d8e6a;font-size:6cqw;font-weight:300}.showcase-order{aspect-ratio:1;color:#24160a;background:linear-gradient(#f6d98a,#c99a3c);border-radius:999px;place-items:center;width:24%;font-size:2.6cqw;font-weight:900;display:grid;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.vault-tile.is-picked .vault-well{outline-offset:-2px;outline:2px solid #f6d98ae6}.unlock-strips{flex-direction:column;align-items:center;gap:1cqw;width:100%;margin:0 0 1.4cqw;display:flex}.unlock-strip{letter-spacing:.07em;color:#c2b088;text-align:center;white-space:nowrap;background:linear-gradient(#20251e,#141915);border:1px solid #c69e5280;border-radius:4px;justify-content:center;align-items:center;gap:1.4cqw;width:100%;padding:1.5cqw 2.4cqw;font-size:2.6cqw;font-weight:800;display:flex}.unlock-strip--action{font:inherit;letter-spacing:.07em;color:#c2b088;cursor:pointer;touch-action:manipulation;min-height:44px;font-size:2.6cqw;font-weight:800}.unlock-strip--action:focus-visible{outline-offset:2px;outline:2px solid #f2d38ae6}.unlock-mark{color:#c69e52b3;flex:none;font-size:.72em}.unlock-word{color:#9d8a5e;flex:none}.unlock-dot{color:#7d7157;flex:none}.unlock-name{color:#e7d6a8;text-overflow:ellipsis;min-width:0;overflow:hidden}:root[data-reduced-effects=true] .unlock-strip,:root[data-reduced-effects=true] .vault-new,:root[data-reduced-effects=true] .vault-tile,:root[data-reduced-effects=true] .appearance-swatch,:root[data-reduced-effects=true] .fc-btn{transition:none!important;animation:none!important}:root[data-reduced-effects=true] .vault-hero-art{filter:none}@media (prefers-reduced-motion:reduce){.unlock-strip,.vault-new,.vault-tile,.appearance-swatch{transition:none!important;animation:none!important}}.appearance-stage{position:relative}.appearance-portrait{background:url(/assets/ui/avatar-temple.webp) 50%/cover no-repeat;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.appearance-wheel-art{border-radius:50%}.appearance-gem-mount,.appearance-swatch-gem-mount{background:linear-gradient(160deg,#6b5427,#3a2c13);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #e9cd8c8c}.appearance-gem-mount{width:24px;height:24px;padding:2px}.appearance-swatch-gem-mount{width:15px;height:15px;padding:1.5px}.appearance-gem,.appearance-swatch-gem{object-fit:contain;border-radius:50%;width:100%;height:100%}.vault-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;align-items:stretch;gap:1.2cqw;min-height:0;padding-bottom:6cqw;display:flex;overflow-y:auto}.vault-footer{border-top:1px solid #c69e5247;flex-direction:column;flex:none;align-items:stretch;gap:1cqw;padding-top:1.6cqw;display:flex}.vault-footer .tf-mini-btn{align-self:stretch}.vault-scroll .appearance-name{margin:1cqw 0 .3cqw}.vault-scroll .appearance-stage{margin:1cqw auto}.vault-scroll .tf-rule{margin:.8cqw 0}.showcase-pending{letter-spacing:.06em;color:#ffb3a6;text-align:center;overflow-wrap:anywhere;font-size:2.4cqw;font-weight:800}.tf-panel-note,.tf-metric-note,.tf-disclosure,.appearance-unlocked-by,.appearance-locked,.tracked-req,.tracked-reading,.showcase-pending,.unlock-extra{letter-spacing:0;font-family:Iowan Old Style,Georgia,Times New Roman,serif}.tf-disclosure{color:#a8966c;width:100%;margin:.5cqw 0 0;font-size:2.7cqw;line-height:1.45}.tf-disclosure>summary{cursor:pointer;color:#d8c48d;letter-spacing:.06em;align-items:center;gap:1.5cqw;min-height:44px;padding:1.4cqw 0;font-family:Cinzel,Iowan Old Style,Georgia,serif;list-style:none;display:flex}.tf-disclosure>summary::-webkit-details-marker{display:none}.tf-disclosure>summary:before{content:"›";font-size:1.3em;line-height:1;transition:transform .14s;display:inline-block}.tf-disclosure[open]>summary:before{transform:rotate(90deg)}.tf-disclosure>p{color:#9d8b64;margin:0 0 1.5cqw}:root[data-reduced-effects=true] .tf-disclosure>summary:before{transition:none}@media (prefers-reduced-motion:reduce){.tf-disclosure>summary:before{transition:none}}.vault-scroll{-webkit-mask-image:linear-gradient(#000 calc(100% - 4cqw),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 4cqw),#0000 100%)}.account-reason{color:#c9a08f;text-align:center;overflow-wrap:anywhere;width:100%;font-family:Iowan Old Style,Georgia,serif;font-size:11px;line-height:1.35;display:block}.vault-next .vault-progress{gap:7px}.vault-next .vault-bar{height:5px;min-height:0}.vault-next .vault-progress-text{flex:none;font-family:Iowan Old Style,Georgia,serif;font-size:10px}.tf-row--guardian{background:#10121180;border-color:#968c7838}.tf-guardian-mark{color:#6f6752;flex:none;place-items:center;width:9.2cqw;font-size:3.2cqw;display:grid}.tf-guardian-name{color:#9a917c;cursor:default;text-align:left;background:0 0;border:0;font-style:italic}.tf-row--guardian .tf-row-rank,.tf-row--guardian .tf-row-score{color:#8d846c}.tf-board-note{color:#9d8b64;text-align:center;width:100%;margin:0;padding:0 6cqw;font-family:Iowan Old Style,Georgia,serif;font-size:2.7cqw;line-height:1.4}.tf-percentile{color:#d8c48d;text-align:center;background:linear-gradient(#222822e6,#161b17f0);border:1px solid #c69e5273;border-radius:4px;justify-content:center;align-items:center;gap:2cqw;width:100%;margin:1.5cqw 0 0;padding:2cqw 3cqw;font-family:Iowan Old Style,Georgia,serif;font-size:3cqw;line-height:1.35;display:flex}.tf-percentile-mark{color:#6fe39a;flex:none;font-size:2.4cqw}.fc-r-context{letter-spacing:.06em;color:#b7a67e;text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 1.6cqw;width:100%;margin-top:.4cqw;font-size:3.4cqw;display:flex}.fc-r-context .fc-best-num,.fc-r-context .fc-context-gap{color:#e7d6a8;font-weight:800}.fc-context-dot{color:#7d7157}.fc-status{letter-spacing:.1em;color:#e7d6a8;text-align:center;background:linear-gradient(#262c24eb,#181d18f2);border:1px solid #c69e528c;border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:2cqw;max-width:100%;margin:1.6cqw 0 .4cqw;padding:1.4cqw 4cqw;font-size:3.2cqw;font-weight:800;display:inline-flex}.fc-status-mark{color:#6fe39a;flex:none;font-size:.8em}.fc-status-label{overflow-wrap:anywhere}.fc-status--new-personal-best{color:#f7e2ac;background:linear-gradient(#3e341af2,#262012f5);border-color:#f6d98ae6}.fc-status--new-personal-best .fc-status-mark{color:#f2d38a}.fc-status--daily-rank-1{color:#c9f7d9;background:linear-gradient(#1a3e28f2,#10281af5);border-color:#6fe39ad9}.fc-status--daily-top-10,.fc-status--new-daily-best{color:#b6e8c8;background:linear-gradient(#183022eb,#122218f2);border-color:#6fe39a80}.fc-status--daily-rank{color:#c2b088;border-color:#c69e5259}.fc-status--daily-rank .fc-status-mark{color:#9d8a5e}.fc-status--action{cursor:pointer;font:inherit;letter-spacing:.1em;touch-action:manipulation;border:1px solid #c69e52b3;min-height:44px;font-size:3.2cqw;font-weight:800}.fc-status--action:focus-visible{outline-offset:2px;outline:2px solid #f2d38ae6}.fc-secondary{color:#c2b088;font:inherit;letter-spacing:.1em;text-underline-offset:.35em;cursor:pointer;touch-action:manipulation;background:0 0;border:0;align-self:center;min-height:44px;margin-top:.6cqw;padding:1.2cqw 3cqw;font-size:3.1cqw;-webkit-text-decoration:underline #c69e5273;text-decoration:underline #c69e5273}.fc-secondary:focus-visible{outline-offset:2px;outline:2px solid #f2d38ae6}