.qmain{flex:1 0 auto;display:flex;flex-direction:column;padding:var(--s3)}.stage{margin:auto 0}@media(min-width:768px){:root{--board-w: 560px}.qmain{width:100%;max-width:var(--board-w);margin:0 auto;padding:0 0 var(--s4)}}.bhead{position:sticky;top:var(--top-h);z-index:4;background:var(--bg);margin:0 calc(var(--s3) * -1);padding:6px var(--s3) 0}.bhead:after{content:"";position:absolute;left:0;right:0;top:100%;height:6px;background:linear-gradient(var(--bg),transparent);pointer-events:none}@media(min-width:768px){.bhead{margin:0;padding:var(--s6) 0 0}.bhead:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax);pointer-events:none}.bhead:after{background:none;border-image:linear-gradient(var(--bg),transparent) fill 0 / 0 / 0 100vmax}}@media(max-height:500px){.top,.bhead{position:static}.bhead:after{content:none}}.ac{position:relative}.input{height:52px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-xl);display:flex;align-items:center;gap:var(--s2);padding:0 var(--s4) 0 var(--s3);box-shadow:0 1px 2px #1414130a;color:var(--muted);cursor:text}.input:focus-within{border-color:var(--ink)}.input input{flex:1;min-width:0;height:100%;border:0;background:none;outline:none;font-size:var(--fs-body);color:var(--ink);padding:0}.input input::placeholder{color:var(--muted);opacity:1}.input input:disabled{background:none}.count{font-size:var(--fs-small);font-weight:600;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}.count small{font-size:var(--fs-small);font-weight:400;color:var(--muted)}@media(min-width:768px){.input{height:56px}}.suggest{position:absolute;left:0;right:0;top:58px;z-index:6;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-pop);padding:6px}.suggest ul{list-style:none;margin:0;padding:0}.sg{display:block;padding:var(--s2) var(--s3);border-radius:var(--r-lg);cursor:pointer}.sg.on{background:var(--bg)}.sg b{display:block;font-size:var(--fs-body);font-weight:600;line-height:var(--lh-body)}.sg span{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted)}.sg-empty{padding:var(--s2) var(--s3);font-size:var(--fs-small);color:var(--muted)}@media(max-width:767px){.suggest{max-height:calc(100dvh - var(--top-h) - 70px);overflow-y:auto;overscroll-behavior:contain}.sg{padding:4px var(--s3)}.sg b{font-size:var(--fs-small);line-height:var(--lh-small)}}@media(min-width:768px){.suggest{top:62px}}.cols,.tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.cols{margin:var(--s3) 0 0;padding:0 0 6px;align-items:end;text-align:center;font-size:var(--fs-caption);font-weight:600;line-height:var(--lh-caption);color:var(--col-head)}.cols span{min-height:2.4em;display:flex;align-items:flex-end;justify-content:center}.guess{-webkit-user-select:none;user-select:none;scroll-margin-top:calc(var(--top-h) + var(--bhead-h, 140px) + 8px);scroll-margin-bottom:72px}.tile.e{background:none;box-shadow:inset 0 0 0 1px var(--line)}@media(max-width:767.98px){:root{--tile-h: clamp(52px, calc((100dvh - var(--top-h) - var(--bhead-h, 131px) - var(--foot-h, 84px) - 24px) / 8 - 8px), 72px)}.cols{padding-bottom:16px}.guess{position:relative;margin-top:8px}.tile,.tile.e{height:var(--tile-h)}.guess .tile{padding-top:10px}.gname{position:absolute;z-index:1;top:-10px;left:6px;max-width:calc(100% - 12px);padding:0 4px;background:var(--bg);font-size:var(--fs-caption);line-height:var(--lh-caption);overflow-clip-margin:2px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:clip;text-overflow:ellipsis;pointer-events:none}.gname i,.guess.empty .gname{display:none}}@media(min-width:768px){.cols,.tiles{gap:6px}.cols{padding-bottom:var(--s2)}.guess,.guess.empty,.guess:not(.empty)+.guess.empty{margin-top:6px;position:relative}.gname{gap:var(--s2);font-size:var(--fs-small);font-weight:600}.gname i{font-style:normal;font-size:var(--fs-caption);font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;min-width:10px}.gname,.guess.empty .gname{display:flex;position:absolute;top:50%;right:calc(100% + var(--s4));transform:translateY(-50%);width:min(200px,calc((100vw - var(--board-w)) / 2 - var(--s6)));margin:0;justify-content:flex-end;text-align:right;line-height:var(--lh-small);align-items:center}.tile,.tile.e{height:64px}}button.tile{cursor:pointer}.tile:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}@media(hover:none){.tile.tapped{outline:2px solid var(--ink);outline-offset:-2px}}@media(hover:hover){button.tile:hover,.tile.tapped{filter:var(--tile-hover)}}@media(prefers-reduced-motion:no-preference){.fresh .tile{animation:tile-fill var(--tile-dur) var(--ease-out-quint) both;animation-delay:calc(var(--i) * var(--tile-stagger))}.fresh .tile>*{animation:tile-value var(--tile-dur) var(--ease-out-quint) both;animation-delay:calc(var(--i) * var(--tile-stagger))}@keyframes tile-fill{0%{background-color:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}}@keyframes tile-value{0%{opacity:0;transform:translateY(6px) scale(.96)}}.fresh.win .tile{animation:tile-fill var(--tile-dur) var(--ease-out-quint) both,tile-pulse var(--pulse-dur) var(--ease-standard) both;animation-delay:calc(var(--i) * var(--tile-stagger)),calc(var(--tile-dur) + 4 * var(--tile-stagger) + var(--i) * var(--pulse-stagger))}@keyframes tile-pulse{50%{transform:scale(1.05)}}}.pop{position:fixed;z-index:30;top:0;left:0;width:max-content;max-width:calc(100vw - 16px);background:var(--slate);color:var(--on-slate);font-size:var(--fs-small);line-height:var(--lh-small);padding:var(--s2) var(--s3);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);pointer-events:none}.pop:after{content:"";position:absolute;left:var(--caret, 22px);bottom:100%;transform:translate(-50%);border:7px solid transparent;border-bottom-color:var(--slate)}.pop.above:after{bottom:auto;top:100%;border-bottom-color:transparent;border-top-color:var(--slate)}.pop b{font-weight:600}.toast{position:fixed;left:50%;bottom:var(--s8);z-index:110;pointer-events:none;transform:translate(-50%);max-width:calc(100vw - 32px);width:max-content;background:var(--slate);color:var(--on-slate);font-size:var(--fs-small);font-weight:600;padding:var(--s3) var(--s5);border-radius:var(--r-pill);box-shadow:var(--shadow-pop);text-align:center;visibility:hidden;opacity:0}.toast.on{visibility:visible;opacity:1}.toast[popover]{inset:auto auto var(--s8) 50%;margin:0;border:0;height:auto;overflow:visible}@media(min-width:768px){.toast[popover]{bottom:var(--s10)}}@media(min-width:768px){.toast{bottom:var(--s10)}}.show-result{height:52px}@media(min-width:768px){.show-result{height:56px}}.r-kicker{display:flex;align-items:center;gap:var(--s2);font-weight:600;color:var(--ink)}.r-kicker.won{color:var(--sage-text)}.done{width:15px;height:15px;border-radius:50%;background:var(--sage);color:var(--on-fill);display:inline-grid;place-items:center;flex:none}.done .i{width:10px;height:10px;stroke-width:3}.r-name:focus{outline:none}.r-meta{margin-top:var(--s1)}.r-name .w,.r-meta .w{white-space:nowrap}.r-fact{padding-top:var(--s4);border-top:1px solid var(--line)}.r-fact b{display:block;margin-bottom:var(--s1)}.r-foot{display:grid;justify-items:center;text-align:center}.countdown b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.also{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:var(--s1);color:var(--muted)}.also a{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--ink);font-weight:600;text-decoration:none;white-space:nowrap}.also a:hover{text-decoration:underline}.banner{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s2);padding:var(--s1) var(--s1) var(--s1) var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl)}.banner p{flex:1}.banner-btn{font-weight:600;color:var(--ink);white-space:nowrap}.notice{margin-top:var(--s2);padding:var(--s3) var(--s4);background:var(--track);border-radius:var(--r-xl);color:var(--ink)}.notice.center,.loading{text-align:center}.loading{margin-top:var(--s6)}.how-goal{font-weight:600}.legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2)}.legend figure{margin:0}.legend .tile{height:56px}.legend figcaption{text-align:center;margin-top:6px}.how-foot>*+*{margin-top:var(--s1)}.r-answer.has-art{display:flex;align-items:center;gap:var(--s4)}.r-answer.has-art>div{min-width:0}.jersey,.portrait .slot{flex:none;width:104px;height:104px;border-radius:var(--r-xl);overflow:hidden}@media(min-width:768px){.jersey,.portrait .slot{width:120px;height:120px}}.jersey .slot{fill:var(--track)}.jersey .tint{fill:var(--p);opacity:.1}.jersey .kp{fill:var(--p)}.jersey.edge-light .kp{stroke:var(--line-strong);stroke-width:1.2}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .jersey.edge-dark .kp{stroke:var(--line-strong);stroke-width:1.2}}:root[data-theme=dark] .jersey.edge-dark .kp{stroke:var(--line-strong);stroke-width:1.2}.jersey .kc{fill:none;stroke:var(--s);stroke-linecap:round}.jersey .hanger{fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round}.jersey .hem{fill:none;stroke:#000;stroke-opacity:.08;stroke-width:3}.jersey .glint{fill:#fff;opacity:0}.jersey text{font-family:var(--font-sans);font-weight:600;font-size:40px;text-anchor:middle;fill:var(--n)}.jersey text.shadow{fill:#000;opacity:.14}.jersey .cf{opacity:0;transform-origin:60px 43px}@media(prefers-reduced-motion:no-preference){.jersey *{animation-fill-mode:both}.jersey .swing{transform-origin:60px 9px;animation:jersey-swing 1.7s cubic-bezier(.3,.7,.4,1) .3s}.jersey .num{transform-origin:60px 68px;animation:jersey-stamp 1.7s linear .3s}.jersey .glint{animation:jersey-glint 1.7s ease-in-out .3s}.jersey .cf{animation:jersey-confetti 1.7s linear .3s}}@keyframes jersey-swing{0%{transform:translateY(-96px) rotate(0)}24%{transform:translateY(0) rotate(-11deg);animation-timing-function:ease-in-out}42%{transform:rotate(7deg);animation-timing-function:ease-in-out}58%{transform:rotate(-3.5deg);animation-timing-function:ease-in-out}72%{transform:rotate(1.5deg);animation-timing-function:ease-in-out}to{transform:none}}@keyframes jersey-stamp{0%,46%{opacity:0;transform:scale(1.6);animation-timing-function:cubic-bezier(.2,.9,.3,1.3)}60%{opacity:1;transform:scale(.94);animation-timing-function:ease-out}70%,to{opacity:1;transform:none}}@keyframes jersey-glint{0%,68%{transform:translate(-60px);opacity:0}72%,96%{opacity:.3}to{transform:translate(110px);opacity:0}}@keyframes jersey-confetti{0%,22%{opacity:0;transform:translate(0) rotate(0) scale(.4)}26%{opacity:1}44%{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1);animation-timing-function:cubic-bezier(.4,0,.8,.6)}to{opacity:0;transform:translate(calc(var(--x) * 1.15),calc(var(--y) + 46px)) rotate(calc(var(--r) * 2.4)) scale(1)}}.portrait{flex:none;margin:0;display:grid;justify-items:center;gap:var(--s1)}.portrait .slot{position:relative;display:block;background:var(--track)}.portrait img{display:block;width:100%;height:100%;object-fit:cover;opacity:0}.portrait.loaded img{opacity:1}.portrait.failed figcaption{visibility:hidden}.portrait .slot:before,.portrait .slot:after{content:"";position:absolute;pointer-events:none}.portrait .slot:before{inset:0;z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line-strong)}.portrait .slot:after{top:-20%;bottom:-20%;left:0;width:16%;background:#fff;opacity:0}@media(prefers-reduced-motion:no-preference){.portrait.loaded img{animation:portrait-drop 1.1s cubic-bezier(.3,.7,.4,1) .3s both}.portrait.loaded .slot:after{animation:portrait-glint 1.7s ease-in-out .3s both}}@keyframes portrait-drop{0%{transform:translateY(-100%)}38%{transform:translateY(0);animation-timing-function:ease-out}54%{transform:translateY(-5%);animation-timing-function:ease-in}68%,to{transform:none}}@keyframes portrait-glint{0%,60%{transform:translate(-30px) rotate(18deg);opacity:0}64%,92%{opacity:.3}to{transform:translate(150px) rotate(18deg);opacity:0}}