:root{--paper: #f2ead8;--paper-deep: #ebe2c8;--card: #faf5ea;--ink: #0e0e10;--ink-70: rgba(14, 14, 16, .72);--ink-12: rgba(14, 14, 16, .12);--rouge: #a4222d;--rouge-deep: #7a1721;--sand: #c9b79a;--clay: #a39f92;--display: "Playfair Display", "Migra", Georgia, serif;--body: "EB Garamond", "Lyon Text", Georgia, serif;--mono: "Space Mono", "Courier New", monospace;--card-h: 78px;--gap: 10px;--ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;background-color:var(--paper);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.05  0 0 0 0 0.05  0 0 0 0 0.06  0 0 0 0.11 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}:focus-visible{outline:2px solid var(--rouge);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.page{max-width:500px;margin:0 auto;padding:0 16px}.hero{position:relative;margin:0 -16px}.hero-photo{display:block;width:100%;height:min(40vh,360px);object-fit:cover;object-position:50% 34%;-webkit-mask-image:linear-gradient(to bottom,#000 50%,transparent 98%);mask-image:linear-gradient(to bottom,#000 50%,transparent 98%)}.hero-mark{position:absolute;left:50%;bottom:0;z-index:1;width:124px;height:auto;transform:translate(-50%)}[data-mode=results] .hero-photo{height:min(30vh,250px)}.intro{padding:14px 4px 20px;text-align:center}.kicker{margin:0 0 10px;font:700 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--rouge)}.headline{margin:0 0 10px;font:italic 700 clamp(31px,8.8vw,42px) / 1.02 var(--display);letter-spacing:-.01em}.lede{max-width:30ch;margin:0 auto;font:400 18px/1.4 var(--body);color:var(--ink-70)}[data-mode=rank] .intro-results,[data-mode=results] .intro-rank{display:none}.board{display:grid;grid-template-columns:28px 1fr;column-gap:8px}.slots{display:grid;grid-auto-rows:var(--card-h);row-gap:var(--gap);margin:0;padding:0;list-style:none}.slot{display:flex;align-items:center;justify-content:center;font:italic 400 32px/1 var(--display)}.slot:first-child{font-weight:700;color:var(--rouge)}.list{position:relative;display:grid;row-gap:var(--gap);margin:0;padding:0;list-style:none}.card{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 40px;align-items:center;column-gap:12px;height:var(--card-h);padding:0 2px 0 12px;background:var(--card);border:1px solid var(--ink-12);border-radius:14px;box-shadow:0 1px #0e0e100a,0 10px 22px -16px #0e0e1059;transition:transform .19s var(--ease),box-shadow .19s var(--ease);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.card.is-active{box-shadow:inset 3px 0 0 var(--rouge),0 1px #0e0e100a,0 10px 22px -16px #0e0e1059}.list.is-sorting .card{will-change:transform}.card.is-dragging{z-index:2;transition:box-shadow .19s var(--ease);box-shadow:0 22px 40px -16px #0e0e1080}.list.no-anim .card{transition:none}.play{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--ink);color:var(--paper);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .16s var(--ease),transform .12s var(--ease)}.play svg{width:22px;height:22px;fill:currentColor}.play:active{transform:scale(.93)}.play .i-pause,.card.is-playing .play .i-play{display:none}.card.is-playing .play .i-pause{display:block}.card.is-playing .play{background:var(--rouge)}.meta{display:flex;flex-direction:column;gap:7px;min-width:0}.meta-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.title{overflow:hidden;font:italic 700 19px/1.15 var(--display);white-space:nowrap;text-overflow:ellipsis}.time{font:400 11px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--clay);white-space:nowrap}.wave{display:block;width:100%;height:22px;cursor:pointer;touch-action:manipulation}.handle{display:grid;place-items:center;align-self:stretch;width:40px;padding:0;border:0;border-radius:12px;background:none;color:var(--clay);cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}.handle svg{width:22px;height:22px;fill:currentColor}.card.is-dragging .handle{color:var(--ink);cursor:grabbing}@media(hover:hover){.handle:hover{color:var(--ink)}.play:hover{background:var(--rouge-deep)}}.card-rank,.stats{display:none}[data-mode=results] .board{grid-template-columns:1fr}[data-mode=results] .slots,[data-mode=results] .handle,[data-mode=results] .actions{display:none}[data-mode=results] .card{grid-template-columns:26px 44px minmax(0,1fr);height:auto;padding:14px 14px 14px 8px}[data-mode=results] .card-rank{display:block;font:italic 400 30px/1 var(--display);text-align:center}.card[data-leader] .card-rank{font-weight:700;color:var(--rouge)}[data-mode=results] .stats{display:flex;flex-direction:column;gap:7px;margin-top:1px}.bar{height:6px;overflow:hidden;border-radius:3px;background:#c9b79a73}.bar-fill{display:block;height:100%;border-radius:inherit;background:var(--ink);transform:scaleX(var(--w, 0));transform-origin:left center;transition:transform .8s var(--ease)}.card[data-leader] .bar-fill{background:var(--rouge)}.stat-line{display:flex;align-items:center;justify-content:space-between;gap:8px;font:400 11px/1.2 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-70)}.you{padding:3px 8px;border:1px solid var(--ink);border-radius:999px;font-weight:700;color:var(--ink);white-space:nowrap}@keyframes rise{0%{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:none}}.list.reveal .card{animation:rise .46s var(--ease) both}.list.reveal .card:nth-child(2){animation-delay:70ms}.list.reveal .card:nth-child(3){animation-delay:.14s}.list.reveal .card:nth-child(4){animation-delay:.21s}.actions{position:sticky;bottom:0;z-index:3;margin-top:6px;padding:18px 0 calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,rgba(242,234,216,0),var(--paper) 38%)}.submit{width:100%;height:56px;border:0;border-radius:14px;background:var(--ink);color:var(--paper);font:700 14px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:0 14px 26px -16px #0e0e10b3;-webkit-tap-highlight-color:transparent;transition:background-color .16s var(--ease),transform .12s var(--ease)}.submit:active{transform:translateY(1px);background:var(--rouge-deep)}.submit[aria-busy=true]{opacity:.7;cursor:progress}.error{margin:0 0 10px;font:400 16px/1.35 var(--body);text-align:center;color:var(--rouge)}[data-mode=results] .play,[data-mode=results] .wave,[data-mode=results] .time{display:none}[data-mode=results] .card{grid-template-columns:26px minmax(0,1fr)}.sheet{width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:max(12px,8vh) auto auto;padding:0;overflow:auto;border:1px solid var(--ink-12);border-radius:20px;background:var(--paper);color:var(--ink);box-shadow:0 30px 60px -20px #0e0e108c}.sheet::backdrop{background:#0e0e108c}.sheet[open]{animation:sheet-in .26s var(--ease) both}@keyframes sheet-in{0%{opacity:0;transform:translate3d(0,16px,0) scale(.98)}to{opacity:1;transform:none}}.sheet-form{position:relative;display:flex;flex-direction:column;padding:26px 20px 20px}.sheet-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;color:var(--ink-70);cursor:pointer}.sheet-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.sheet .kicker{margin-bottom:6px}.sheet-title{margin:0 0 14px;font:italic 700 32px/1.05 var(--display)}.sheet-order{display:grid;gap:4px;margin:0 0 18px;padding:12px 14px;border:1px solid var(--ink-12);border-radius:12px;background:var(--card);list-style:none;counter-reset:rank}.sheet-order li{display:flex;align-items:baseline;gap:10px;font:italic 700 17px/1.3 var(--display);counter-increment:rank}.sheet-order li:before{content:counter(rank);width:18px;font-weight:400;color:var(--ink-70)}.sheet-order li:first-child:before{font-weight:700;color:var(--rouge)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field-label{font:700 11px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-70)}.field input{height:52px;padding:0 14px;border:1.5px solid rgba(14,14,16,.25);border-radius:12px;background:#fffdf8;color:var(--ink);font:400 17px/1 var(--body);outline:none;-webkit-appearance:none;appearance:none}.field input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #a4222d2e}.field input[aria-invalid=true]{border-color:var(--rouge)}.check{display:flex;align-items:flex-start;gap:10px;margin:2px 0 16px;font:400 16px/1.35 var(--body);color:var(--ink-70);cursor:pointer}.check input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--rouge)}.fineprint{margin:12px 0 0;font:400 11px/1.5 var(--mono);letter-spacing:.02em;text-align:center;color:var(--ink-70)}.foot{display:flex;flex-direction:column;align-items:center;gap:12px;padding:34px 0 calc(22px + env(safe-area-inset-bottom))}.foot-wordmark{width:168px;height:auto;opacity:.85}.foot a{font:400 12px/1 var(--mono);letter-spacing:.1em;color:var(--ink-70);text-decoration:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}