/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:-apple-system, "SF Pro Display", "SF Pro", system-ui, sans-serif;--font-ui:-apple-system, "SF Pro Text", "SF Pro", system-ui, sans-serif}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{-webkit-text-size-adjust:100%}html,body,#root{min-height:100%}body{background:var(--page);color:var(--ink);font-family:var(--font-ui);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}::selection{background:var(--accent);color:var(--cta-fg)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:12px}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .18s,color .18s}button:disabled{cursor:default;opacity:.55}}@layer components{.i{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}.tnum{font-variant-numeric:tabular-nums}.big{font-family:var(--font-display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-variation-settings:"opsz" 96;color:var(--ink);font-weight:700;line-height:.86}.fade-art{-webkit-mask-image:linear-gradient(to bottom, transparent 0, var(--mask-on) 12%, var(--mask-on) 36%, transparent 84%), linear-gradient(90deg, transparent 0, var(--mask-on) 12%, var(--mask-on) 88%, transparent 100%);-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(to bottom, transparent 0, var(--mask-on) 12%, var(--mask-on) 36%, transparent 84%), linear-gradient(90deg, transparent 0, var(--mask-on) 12%, var(--mask-on) 88%, transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, var(--mask-on) 12%, var(--mask-on) 36%, transparent 84%), linear-gradient(90deg, transparent 0, var(--mask-on) 12%, var(--mask-on) 88%, transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, var(--mask-on) 12%, var(--mask-on) 36%, transparent 84%), linear-gradient(90deg, transparent 0, var(--mask-on) 12%, var(--mask-on) 88%, transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, var(--mask-on) 12%, var(--mask-on) 36%, transparent 84%), linear-gradient(90deg, transparent 0, var(--mask-on) 12%, var(--mask-on) 88%, transparent 100%);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.prog{gap:6px;padding-bottom:4px;display:flex}.prog i{background:var(--rule);border-radius:7px;width:22px;height:22px;display:block}.prog i.d{background:var(--strong)}.prog i.c{background:var(--accent)}.meter .l{font:600 14px var(--font-ui);color:var(--mu);justify-content:space-between;margin-bottom:8px;display:flex}.meter .l b{color:var(--ink);font-weight:750}.meter .t{background:var(--rule);border-radius:4px;height:8px;overflow:hidden}.meter .t i{background:var(--strong);border-radius:4px;height:100%;transition:width .25s linear;display:block}.pill{background:var(--ground2);height:48px;color:var(--ink);font:650 16px var(--font-ui);border-radius:24px;align-items:center;gap:8px;padding:0 18px 0 14px;display:flex}.quiet{font:500 15px var(--font-ui);color:var(--mu);border-radius:10px;padding:12px 4px}.cta,.b1{height:56px;font:700 18px var(--font-ui);white-space:nowrap;border-radius:18px;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.cta{background:var(--cta);color:var(--cta-fg)}.b1{background:var(--b1);color:var(--b1-fg);gap:9px}.b2row{gap:10px;margin-top:10px;display:flex}.b2{background:var(--ground2);height:50px;color:var(--ink);font:650 15px var(--font-ui);white-space:nowrap;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:7px;padding:0 14px;display:flex}.b2[aria-pressed=true]{background:var(--b1);color:var(--b1-fg)}kbd{font:600 12px var(--font-ui);background:currentColor;border-radius:6px;place-items:center;min-width:22px;height:22px;margin-left:2px;padding:0 6px;display:none}@supports (color:color-mix(in lab, red, red)){kbd{background:color-mix(in srgb, currentColor 11%, transparent)}}@media (hover:hover){.pill:hover,.b2:hover{background:var(--ground2h)}.b2[aria-pressed=true]:hover{background:var(--b1-h)}.quiet:hover{background:var(--hover);color:var(--ink)}.cta:hover{background:var(--cta-h)}.b1:hover{background:var(--b1-h)}}.sheet{background:var(--sheet);color:var(--sheet-fg)}.sheet .row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sheet h3{font:700 44px/.95 var(--font-display);letter-spacing:-.035em}.sheet h3.long{font-size:30px;line-height:1}.sheet p{font:500 16px/1.35 var(--font-ui);color:var(--sheet-sub);max-width:218px;margin-top:9px}.sheet .pts{text-align:right;flex:none}.sheet .pts b{font:700 44px/.95 var(--font-display);letter-spacing:-.03em;color:var(--sheet-pts);display:block}.sheet .pts span{font:500 14px/1.35 var(--font-ui);color:var(--sheet-sub);font-variant-numeric:tabular-nums;margin-top:9px;display:block}.sheet .cta{margin-top:18px}.tbl .tr{border-bottom:1px solid var(--rule);height:40px;font:500 14.5px var(--font-ui);font-variant-numeric:tabular-nums;grid-template-columns:20px 30px 1fr auto 62px;align-items:center;display:grid}.tbl.vs .tr{grid-template-columns:20px 30px 1fr 62px 62px}.tbl .tr .n,.tbl .tr .t{color:var(--mu)}.tbl .tr .t{padding-right:14px}.tbl .tr .p{text-align:right;font-weight:700}.tbl .tr .p.them{color:var(--mu);font-weight:500}.tbl .tr.head{height:30px;font:600 12.5px var(--font-ui);color:var(--mu)}.tbl .tr.head .p{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.tbl .mk{width:28px;height:28px}.pc-art{width:100%;height:100%;display:block;overflow:visible}.tone-you .pc-shadow{fill:var(--you-shadow)}.tone-you .pc-fill{fill:var(--you-fill)}.tone-you .pc-shade{fill:var(--you-shade)}.tone-you .pc-detail{fill:var(--you-detail)}.tone-opp .pc-shadow{fill:var(--opp-shadow)}.tone-opp .pc-fill{fill:var(--opp-fill)}.tone-opp .pc-shade{fill:var(--opp-shade)}.tone-opp .pc-detail{fill:var(--opp-detail)}.tone-ok .pc-shadow{fill:var(--mark-ok-shadow)}.tone-ok .pc-fill{fill:var(--mark-ok-fill)}.tone-ok .pc-shade{fill:var(--mark-ok-shade)}.tone-ok .pc-detail{fill:var(--mark-ok-detail)}.tone-hint .pc-shadow{fill:var(--mark-hint-shadow)}.tone-hint .pc-fill{fill:var(--mark-hint-fill)}.tone-hint .pc-shade{fill:var(--mark-hint-shade)}.tone-hint .pc-detail{fill:var(--mark-hint-detail)}.mark{display:block;position:relative}.mark.missed .pc-art{opacity:.55}.mark .badge{width:42%;height:42%;position:absolute;bottom:0;right:-2px}.badge-ring{fill:var(--page)}.badge-disc{fill:var(--mark-hint-fill)}.badge-x{fill:none;stroke:var(--ink);stroke-width:2.6px;stroke-linecap:round}.board{aspect-ratio:800/824;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;width:100%;position:relative}.bd-art{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.bd-under{fill:var(--bd-under)}.bd-l{fill:var(--bd-light)}.bd-d{fill:var(--bd-dark)}.bd-coord{font:700 19px var(--font-ui)}.bd-coord.on-l{fill:var(--bd-co-l)}.bd-coord.on-d{fill:var(--bd-co-d)}.bd-sel{fill:var(--bd-sel)}.bd-from{fill:var(--bd-hl);fill-opacity:var(--bd-hl-from)}.bd-to{fill:var(--bd-hl);fill-opacity:var(--bd-hl-to)}.bd-check{fill:var(--bd-check);fill-opacity:var(--bd-check-op)}.bd-hint-ring{fill:none;stroke:var(--accent);stroke-width:6px}.bd-dot{fill:var(--bd-dot)}.bd-ring{fill:none;stroke:var(--bd-dot);stroke-width:8px}.pcs,.sqs{aspect-ratio:1;width:100%;position:absolute;top:0;left:0}.pcs{pointer-events:none}.pc{z-index:1;will-change:transform;width:12.5%;height:12.5%;transition:transform .15s ease-out;position:absolute;top:0;left:0}.pc .pc-art{transition:transform .12s ease-out;transform:translateY(4%)}.pc.lift{z-index:3}.pc.lift .pc-art{transform:translateY(-2%)}.pc.dragging{z-index:4;transition:none}.pc.dragging .pc-art{transform:translateY(-2%)scale(1.08)}.pc.dragging.touch .pc-art{transform:translateY(-60%)scale(1.5)}.pc.shake .pc-art{animation:.36s ease-in-out shake}@keyframes shake{20%{transform:translate(-9%,4%)}45%{transform:translate(8%,4%)}70%{transform:translate(-5%,4%)}to{transform:translateY(4%)}}.sqs{z-index:5;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid}.sq{cursor:default;background:0 0;border:0;border-radius:0;padding:0;transition:none}.sq.own{cursor:grab}.sq:disabled{opacity:1}.sq:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;border-radius:6px}.ovl{aspect-ratio:1;z-index:7;width:100%;position:absolute;top:0;left:0}.promo-scrim{z-index:7;cursor:default;background:0 0;position:absolute;inset:0}.promo{z-index:8;background:var(--bd-sel);width:12.5%;box-shadow:var(--shadow-pop);border-radius:10px;flex-direction:column;display:flex;position:absolute;overflow:hidden}.promo button{aspect-ratio:1;padding:0}.promo button:focus-visible{outline-offset:-3px}@media (hover:hover){.promo button:hover{background:var(--bd-dark)}}.hdr{height:56px;padding:0 12px;padding-top:env(safe-area-inset-top);box-sizing:content-box;z-index:6;background:var(--page);box-shadow:0 1px 0 var(--line);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.hdr nav{gap:4px;display:flex}.hdr nav a{height:40px;font:600 15px var(--font-ui);color:var(--mu);border-radius:20px;align-items:center;padding:0 16px;display:flex}.hdr nav a[aria-current=page]{background:var(--ground);color:var(--ink)}.hdr .r,.hdr.web-only{display:none}.app{flex-direction:column;min-height:100dvh;display:flex}.panel{text-align:center;padding:24px 24px max(40px, env(safe-area-inset-bottom));flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.panel-in{width:100%;max-width:342px}.panel h1{font:700 38px/1 var(--font-display);letter-spacing:-.035em}.panel .big{margin:10px 0 14px;font-size:120px;display:block}.lede{font:500 17px/1.35 var(--font-ui);color:var(--mu);margin-top:10px}.panel .b1{margin-top:28px}.note{font:500 14px/1.4 var(--font-ui);color:var(--mu);min-height:20px;margin-top:14px}.doc{width:100%;max-width:560px;padding:28px 24px max(60px, env(safe-area-inset-bottom));margin:0 auto}.doc h1{font:700 38px/1 var(--font-display);letter-spacing:-.035em}.doc h2{font:650 18px var(--font-ui);margin:32px 0 12px}.doc p,.doc li{font:500 16px/1.5 var(--font-ui);color:var(--mu);max-width:60ch;margin-top:10px}.doc p b,.doc .ink{color:var(--ink)}.doc a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.doc ul{padding-left:20px;list-style:outside}.rowline{border-bottom:1px solid var(--rule);min-height:56px;font:500 16px var(--font-ui);justify-content:space-between;align-items:center;gap:16px;display:flex}.rowline .v{color:var(--mu)}.field{background:var(--ground2);width:100%;height:50px;color:var(--ink);font:500 16px var(--font-ui);border-radius:16px;padding:0 16px}.field::placeholder{color:var(--mu)}.err{font:500 14px/1.4 var(--font-ui);color:var(--ink);align-items:flex-start;gap:6px;margin-top:8px;display:flex}.rank-tbl .tr{grid-template-columns:44px 1fr auto 64px;height:44px;font-size:15.5px}.rank-tbl .tr .nm{text-overflow:ellipsis;white-space:nowrap;padding-right:12px;overflow:hidden}.rank-tbl .tr.me{font-weight:700}.rank-tbl .tr.me .n{color:var(--ink)}.tag{font:650 11.5px var(--font-ui);background:var(--ground2);color:var(--ink);vertical-align:1px;border-radius:99px;margin-left:8px;padding:2px 7px}.toast{left:50%;bottom:calc(108px + env(safe-area-inset-bottom));z-index:30;background:var(--ground2);color:var(--ink);font:650 15px var(--font-ui);box-shadow:var(--shadow-pop);white-space:nowrap;border-radius:24px;align-items:center;gap:8px;padding:12px 18px;display:flex;position:fixed;transform:translate(-50%)}dialog.dlg{background:var(--ground);color:var(--ink);border-radius:30px;width:min(380px,100vw - 32px);margin:auto;padding:24px}dialog.dlg::backdrop{background:var(--scrim)}dialog.dlg h2{font:700 27px/1 var(--font-display);letter-spacing:-.03em}dialog.dlg p{font:500 16px/1.4 var(--font-ui);color:var(--mu);margin-top:10px}.play{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.topbar{height:calc(44px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0;flex:none;justify-content:space-between;align-items:center;width:100%;max-width:430px;margin:0 auto;display:flex;position:relative}.topbar .btn{place-items:center;width:44px;height:44px;display:grid}.topbar .mid{font:700 22px/1 var(--font-display);letter-spacing:-.02em;align-items:baseline;gap:5px;display:flex;position:absolute;bottom:11px;left:50%;transform:translate(-50%)}.topbar .mid small{font:600 12px var(--font-ui);letter-spacing:0;color:var(--mu)}.topbar .timer{font:700 17px var(--font-ui);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding-right:10px;display:flex}.stagecol{width:100%;max-width:430px;min-height:0;padding-bottom:max(12px, env(safe-area-inset-bottom));flex-direction:column;flex:1;margin:0 auto;display:flex}.prompt{flex:none;justify-content:space-between;align-items:flex-end;margin:15px 20px 0;display:flex}.prompt h2{font:700 27px/1 var(--font-display);letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:8px;display:flex}.prompt h2 .i{stroke-width:2.4px;width:26px;height:26px}.gap-a{flex:0 53px;min-height:12px}.gap-b{flex:0 37px;min-height:14px}.gap-c{flex:0 31px;min-height:12px}.bd{width:min(calc(100% - 24px), calc((100dvh - 232px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 800 / 824));flex:none;margin:0 auto}.stagecol .meter{flex:none;margin:0 24px}.under{flex:none;justify-content:space-between;align-items:center;min-height:48px;margin:0 20px;display:flex}.tries{font:500 14px var(--font-ui);color:var(--mu)}.sheet-wrap{z-index:5;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet-wrap .sheet{pointer-events:auto;width:100%;max-width:430px;padding:22px 22px max(18px, calc(env(safe-area-inset-bottom) + 10px));box-shadow:var(--shadow-sheet);border-radius:30px 30px 0 0;animation:.22s ease-out sheet-up}@keyframes sheet-up{0%{transform:translateY(100%)}}.res{flex-direction:column;min-height:100dvh;display:flex}.res-bar{box-sizing:content-box;height:44px;padding-top:env(safe-area-inset-top);font:650 17px var(--font-ui);z-index:2;flex:none;place-items:center;display:grid;position:relative}.res-bar .done{height:44px;font:650 17px var(--font-ui);color:var(--mu);padding:0 12px;position:absolute;bottom:0;right:8px}.res-body{width:100%;max-width:390px;padding:0 24px max(40px, env(safe-area-inset-bottom));flex-direction:column;flex:1;margin:0 auto;display:flex}.res-hero{flex:none;height:293px;position:relative}.res-hero .art{width:300px;height:300px;margin-left:-150px;position:absolute;top:-33px;left:50%}.res-hero .art img{width:100%;height:auto;position:absolute;top:12%;left:0}.res-hero .score{justify-content:center;height:83px;display:flex;position:absolute;top:199px;left:0;right:0}.res-hero .big{font-size:96px}.rank{font:500 16px/1.3 var(--font-ui);color:var(--mu);text-align:center;min-height:28px}.rank b{color:var(--ink);font:600 21px var(--font-display);letter-spacing:-.02em;margin-right:.5em}.res-hist{margin-bottom:8px}.res-hist svg{width:100%;height:auto;display:block;overflow:visible}.hist-lo{fill:var(--hist-lo)}.hist-hi{fill:var(--hist-hi)}.hist-mark{stroke:var(--ink);stroke-linecap:round}.hist-you{fill:var(--ink);font-family:var(--font-ui);font-weight:750}.hist-axis{fill:var(--mu);font-family:var(--font-ui);font-weight:500}.res-right{flex-direction:column;flex:1;display:flex}.res-title{display:none}.res-gap{flex:52px;min-height:24px}.res-right .b2row{display:none}.flagnote{font:500 13.5px/1.4 var(--font-ui);color:var(--mu);text-align:center;margin-top:12px}.vs-hero{text-align:center;flex:none;padding:18px 0 20px}.vs-hero h2{font:700 27px/1.05 var(--font-display);letter-spacing:-.03em}.vs-nums{grid-template-columns:1fr 1fr;gap:12px;margin-top:26px;display:grid}.vs-nums .big{font-size:84px;display:block}.vs-nums .them .big{color:var(--mu)}.vs-nums span.who{font:600 15px var(--font-ui);color:var(--mu);text-overflow:ellipsis;white-space:nowrap;margin-top:12px;display:block;overflow:hidden}@media (min-width:768px){.hdr{justify-content:space-between;height:72px;padding:0 40px}.hdr nav{position:absolute;left:50%;transform:translate(-50%)}.hdr .r{align-items:center;gap:20px;margin-left:auto;display:flex}.hdr .quiet{padding:10px 8px}}@media (min-width:1024px){.hdr.web-only{display:flex}kbd{display:inline-grid}.quiet{padding:10px 8px}.topbar{display:none}.stagecol{max-width:560px;padding:22px 40px 0}.prompt{height:46px;margin:0}.prompt h2{letter-spacing:-.035em;font-size:38px}.prompt h2 .i{width:34px;height:34px}.prog{padding-bottom:0}.prog i{border-radius:8px;width:24px;height:24px}.gap-a{flex:none;height:12px}.gap-b{flex:none;height:14px}.gap-c{flex:none;height:12px}.bd{width:min(100%,97.0874dvh - 392.233px)}.stagecol .meter,.under{margin:0}.sheet-wrap{pointer-events:auto;display:block;position:static}.sheet-wrap .sheet{max-width:none;box-shadow:none;border-radius:30px;padding:22px 24px 20px;animation:none}.sheet p{max-width:300px}.sheet .cta{margin-top:14px}.res-bar{display:none}.res-body{flex:none;grid-template-columns:minmax(0,480px) minmax(0,480px);justify-content:space-between;align-items:start;width:calc(100% - 48px);max-width:1020px;padding:0 0 60px;display:grid}.res-hero{height:542px}.res-hero .art{aspect-ratio:1;width:100%;height:auto;margin-left:0;top:28px;left:0}.res-hero .score{height:120px;top:398px}.res-hero .big{font-size:140px}.rank{min-height:58px;font-size:17px}.rank b{font-size:26px}.res-right{margin-top:174px;display:block}.res-title{font:650 18px var(--font-ui);margin-bottom:14px;display:block}.tbl .tr{grid-template-columns:24px 40px 1fr auto 74px;height:48px;font-size:16px}.tbl.vs .tr{grid-template-columns:24px 40px 1fr 74px 74px}.tbl .tr .t{padding-right:16px}.tbl .mk{width:34px;height:34px}.rank-tbl .tr{grid-template-columns:52px 1fr auto 74px}.res-gap{flex:none;height:28px;min-height:0}.res-right .b2row{display:flex}.vs-hero{padding:120px 0 0}.vs-hero h2{letter-spacing:-.035em;font-size:38px}.vs-nums{margin-top:56px}.vs-nums .big{font-size:140px}.toast{bottom:40px}}@media (prefers-reduced-motion:reduce){.pc,.pc .pc-art,.meter .t i,button{transition:none!important}.pc.shake .pc-art,.sheet-wrap .sheet{animation:none!important}}}@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-10{margin-top:calc(var(--spacing) * 10)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.flex-none{flex:none}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.resize{resize:both}.justify-center{justify-content:center}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.rounded{border-radius:.25rem}.fill-rule{fill:var(--rule)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.empty\:hidden:empty{display:none}@media (min-width:64rem){.lg\:block{display:block}.lg\:hidden{display:none}}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#201e1c;--ground:#2b2926;--ground2:#34312d;--ground2h:#403c37;--rule:#37342f;--ink:#f3ecdf;--mu:#b4a996;--accent:#e3834e;--strong:#e6d6bc;--sheet:#34312d;--sheet-fg:#f3ecdf;--sheet-sub:#b4a996;--sheet-pts:#e6d6bc;--cta:#f3ecdf;--cta-fg:#201e1c;--cta-h:#fff;--b1:#f3ecdf;--b1-fg:#201e1c;--b1-h:#fff;--bd-light:#f6ecda;--bd-dark:#e4d3b6;--bd-under:#a8957a;--bd-co-l:#d3c09f;--bd-co-d:#c4b08d;--bd-sel:#fff7da;--bd-hl:#3b0c17;--bd-hl-from:.14;--bd-hl-to:.18;--bd-check:#c8574b;--bd-check-op:.55;--bd-dot:#3b0c1766;--you-fill:#e3834e;--you-shade:#cb6c3b;--you-detail:#3b0c17;--you-spark:#f3b48c;--you-shadow:#3b0c1729;--opp-fill:#74212b;--opp-shade:#531420;--opp-detail:#f0d6b8;--opp-spark:#b8676f;--opp-shadow:#3b0c1729;--mark-ok-fill:#e6d6bc;--mark-ok-shade:#cbb999;--mark-ok-detail:#3b0c17;--mark-ok-shadow:#00000047;--mark-hint-fill:#4b4741;--mark-hint-shade:#3d3a35;--mark-hint-detail:#b4a996;--mark-hint-shadow:#00000038;--hist-lo:#403c37;--hist-hi:#e3834e;--line:var(--ink)}@supports (color:color-mix(in lab, red, red)){:root{--line:color-mix(in srgb, var(--ink) 13%, transparent)}}:root{--hover:var(--ink)}@supports (color:color-mix(in lab, red, red)){:root{--hover:color-mix(in srgb, var(--ink) 7%, transparent)}}:root{--shadow-sheet:0 -14px 30px -10px #0000004d;--shadow-pop:0 10px 30px -8px #00000073;--scrim:#00000080;--mask-on:#000}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f6f2eb;--ground:#ece5da;--ground2:#e3dacc;--ground2h:#d8cdbc;--rule:#ded5c7;--ink:#3b0c17;--mu:#7c1d27;--accent:#e3834e;--strong:#7c1d27;--sheet:#3b0c17;--sheet-fg:#f6f2eb;--sheet-sub:#d8c8bc;--sheet-pts:#ecdccb;--cta:#f6f2eb;--cta-fg:#3b0c17;--cta-h:#fff;--b1:#3b0c17;--b1-fg:#f6f2eb;--b1-h:#561325;--bd-light:#fcfaf5;--bd-dark:#ebe3d5;--bd-under:#cfc3b0;--bd-co-l:#d5cbba;--bd-co-d:#c4b8a4;--bd-sel:#fff4d2;--bd-hl:#3b0c17;--bd-hl-from:.14;--bd-hl-to:.18;--bd-check:#c8574b;--bd-check-op:.55;--bd-dot:#3b0c1766;--you-fill:#e3834e;--you-shade:#cb6c3b;--you-detail:#3b0c17;--you-spark:#f3b48c;--you-shadow:#3b0c1729;--opp-fill:#74212b;--opp-shade:#531420;--opp-detail:#f0e6d8;--opp-spark:#b8676f;--opp-shadow:#3b0c1729;--mark-ok-fill:#74212b;--mark-ok-shade:#531420;--mark-ok-detail:#f0e6d8;--mark-ok-shadow:#3b0c1729;--mark-hint-fill:#d8cebe;--mark-hint-shade:#c5b9a6;--mark-hint-detail:#7c1d27;--mark-hint-shadow:#3b0c171a;--hist-lo:#d8cebe;--hist-hi:#7c1d27;--shadow-sheet:0 -14px 30px -10px #0000004d;--shadow-pop:0 10px 30px -8px #3b0c174d;--scrim:#3b0c1759}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
