:root{--b:8px;--h:4px;--ink:#1d140c;--ink-2:#1d140c9e;--ink-3:#1d140c61;--line:#ffffff8c;--glass:#fff8f057;--glass-strong:#fffaf494;--accent:#b5410f;--accent-ink:#fff8f0;--ok:#2f6b3a;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, sans-serif;--radius:calc(var(--b) * 3);--gutter:calc(var(--b) * 3);--measure:440px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);font-size:17px;line-height:calc(var(--b) * 3);color:var(--ink);-webkit-font-smoothing:antialiased;background:#f3b27a;min-height:100dvh;overflow-x:hidden}.field{z-index:-1;background:linear-gradient(170deg,#f7c48f 0%,#ee9a5c 48%,#e9824a 100%);position:fixed;inset:0;overflow:hidden}.field i{filter:blur(48px);opacity:.75;border-radius:50%;animation:28s ease-in-out infinite alternate drift;position:absolute}.field i:first-child{background:#ffd9a8;width:70vmax;height:70vmax;top:-20vmax;left:-30vmax}.field i:nth-child(2){background:#e2652e;width:60vmax;height:60vmax;animation-duration:34s;top:20vh;right:-30vmax}.field i:nth-child(3){opacity:.45;background:#a9c46c;width:50vmax;height:50vmax;animation-duration:40s;bottom:-30vmax;left:10vw}@keyframes drift{to{transform:translate(6vmax,4vmax)scale(1.08)}}@media (prefers-reduced-motion:reduce){.field i{animation:none}}.shell{width:100%;max-width:var(--measure);padding:calc(var(--b) * 7) var(--gutter) calc(var(--b) * 16);padding-top:calc(env(safe-area-inset-top) + var(--b) * 7);margin:0 auto}.stack>*+*{margin-top:calc(var(--b) * 3)}.stack-lg>*+*{margin-top:calc(var(--b) * 6)}.stack-sm>*+*{margin-top:var(--b)}.row{align-items:center;gap:calc(var(--b) * 2);display:flex}.between{justify-content:space-between}.wrap{gap:var(--b);flex-wrap:wrap}.eyebrow{font-size:12px;line-height:calc(var(--b) * 2);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-weight:600}.display{font-family:var(--serif);font-size:44px;font-weight:700;line-height:calc(var(--b) * 6);letter-spacing:-.02em}h1,.h1{font-family:var(--serif);font-size:32px;font-weight:700;line-height:calc(var(--b) * 5);letter-spacing:-.015em}h2,.h2{font-family:var(--serif);font-size:22px;font-weight:700;line-height:calc(var(--b) * 3)}h3,.h3{font-size:17px;line-height:calc(var(--b) * 3);font-weight:600}p{max-width:34em}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.small{font-size:13px;line-height:calc(var(--b) * 2)}.num{font-variant-numeric:tabular-nums}.glass{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);padding:calc(var(--b) * 3);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);box-shadow:inset 0 1px 0 #ffffffb3, inset 0 -1px 0 #ffffff26, 0 calc(var(--b) * 2) calc(var(--b) * 5) #78320a24;position:relative}.glass:before{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(#ffffff73 0%,#fff0 40%);position:absolute;inset:0}.glass.tight{padding:calc(var(--b) * 2)}.glass.strong{background:var(--glass-strong)}.btn{appearance:none;border:1px solid var(--line);cursor:pointer;justify-content:center;align-items:center;gap:var(--b);min-height:calc(var(--b) * 6);padding:0 calc(var(--b) * 3);font:600 16px/calc(var(--b) * 3) var(--sans);color:var(--ink);-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);box-shadow:inset 0 1px 0 #fffc, 0 var(--h) calc(var(--b) * 2) #78320a1f;-webkit-tap-highlight-color:transparent;background:#ffffff6b;border-radius:999px;text-decoration:none;transition:transform .15s,background .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn.primary{color:var(--accent-ink);background:#b5410fe0;border-color:#ffffff59}.btn.block{width:100%}.btn.sm{min-height:calc(var(--b) * 4);padding:0 calc(var(--b) * 2);font-size:14px}.btn.ghost{box-shadow:none;color:var(--ink-2);background:0 0;border-color:#0000}.btn:disabled{opacity:.45;cursor:default;transform:none}.icon-btn{min-width:calc(var(--b) * 5);min-height:calc(var(--b) * 5);padding:0}label.field-label{font-size:13px;line-height:calc(var(--b) * 2);color:var(--ink-2);margin-bottom:var(--b);font-weight:600;display:block}.input,textarea.input,select.input{width:100%;min-height:calc(var(--b) * 6);padding:calc(var(--b) * 1.5) calc(var(--b) * 2);font:17px/calc(var(--b) * 3) var(--sans);color:var(--ink);border:1px solid var(--line);border-radius:calc(var(--b) * 2);-webkit-appearance:none;background:#ffffff80;outline:none;box-shadow:inset 0 1px 2px #78320a14}textarea.input{min-height:calc(var(--b) * 12);resize:vertical}.input:focus{background:#ffffffb3;border-color:#b5410f99}.chip{min-height:calc(var(--b) * 4);padding:0 calc(var(--b) * 1.5);font-size:13px;line-height:calc(var(--b) * 2);border:1px solid var(--line);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff59;border-radius:999px;align-items:center;font-weight:500;display:inline-flex}.chip.on{color:var(--accent-ink);background:#b5410fd9;border-color:#0000}.chip.static{cursor:default;min-height:calc(var(--b) * 3);padding:0 var(--b);font-size:12px}.notice{font-size:14px;line-height:calc(var(--b) * 3);color:var(--ink-2)}.error{color:#8a1c0a;font-size:14px;line-height:calc(var(--b) * 3)}.success{color:var(--ok);font-size:14px;line-height:calc(var(--b) * 3)}.rule{background:#ffffff80;border:0;height:1px}.tabbar{left:50%;bottom:calc(env(safe-area-inset-bottom) + var(--b) * 2);width:calc(100% - var(--gutter) * 2);max-width:calc(var(--measure) - var(--gutter) * 2);padding:var(--b);z-index:10;border:1px solid var(--line);-webkit-backdrop-filter:blur(28px)saturate(200%);backdrop-filter:blur(28px)saturate(200%);box-shadow:inset 0 1px 0 #fffc, 0 calc(var(--b) * 2) calc(var(--b) * 5) #78320a33;background:#fff8f06b;border-radius:999px;justify-content:space-around;display:flex;position:fixed;transform:translate(-50%)}.tabbar a{min-height:calc(var(--b) * 6);color:var(--ink-2);font-size:11px;line-height:calc(var(--b) * 2);-webkit-tap-highlight-color:transparent;border-radius:999px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;font-weight:600;text-decoration:none;display:flex}.tabbar a span.glyph{font-size:18px;line-height:calc(var(--b) * 3)}.tabbar a.active{color:var(--ink);background:#ffffff8c}.dip-photo{aspect-ratio:4/3;object-fit:cover;border-radius:calc(var(--b) * 2);background:#ffffff4d;width:100%;display:block}.thumb{width:calc(var(--b) * 7);height:calc(var(--b) * 7);border-radius:calc(var(--b) * 1.5);object-fit:cover;background:#ffffff59;flex:none;place-items:center;font-size:24px;display:grid}.rank-item{align-items:center;gap:calc(var(--b) * 1.5);min-height:calc(var(--b) * 9);display:flex}.rank-num{width:calc(var(--b) * 4);height:calc(var(--b) * 4);font:700 15px/1 var(--sans);font-variant-numeric:tabular-nums;background:var(--accent);color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;display:grid}.rank-num.empty{border:1.5px dashed var(--ink-3);color:var(--ink-3);background:0 0}.grow{flex:1;min-width:0}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-row{gap:var(--h) calc(var(--b) * 2);grid-template-columns:1fr auto;display:grid}.bar{height:var(--b);background:#ffffff59;border-radius:999px;grid-column:1/-1;overflow:hidden}.bar>i{background:var(--accent);border-radius:inherit;height:100%;transition:width .8s cubic-bezier(.2,.8,.2,1);display:block}.out{opacity:.35;text-decoration:line-through}.medal{font-size:32px;line-height:calc(var(--b) * 5)}.fade-in{animation:.6s both fade}@keyframes fade{0%{opacity:0;transform:translateY(var(--b))}to{opacity:1;transform:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass,.btn,.tabbar{background:#fff6ecdb}}
