@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-vietnamese-400-normal-Dpl4UHAZ.woff2)format("woff2"),url(/assets/barlow-vietnamese-400-normal-BFeobeCK.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2)format("woff2"),url(/assets/barlow-latin-ext-400-normal-CvBsJvxq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-vietnamese-500-normal-zTViEIzf.woff2)format("woff2"),url(/assets/barlow-vietnamese-500-normal-GNfB7rCE.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-ext-500-normal-DOaysfXq.woff2)format("woff2"),url(/assets/barlow-latin-ext-500-normal-CJPcKP2Q.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-vietnamese-600-normal-DcjprdFV.woff2)format("woff2"),url(/assets/barlow-vietnamese-600-normal-CA_GiK2e.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-ext-600-normal-B8NK_A3D.woff2)format("woff2"),url(/assets/barlow-latin-ext-600-normal-DMVRjfRT.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-600-normal-CNlPk46_.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-ext-600-normal-18ESti3H.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0e1a2b;--header:#08111d;--surface:#1b3352;--surface-sunk:#142740;--badge:#24405f;--line:#3a5577;--line-soft:#2b4462;--text:#eaf0f6;--muted:#9fb2c8;--real:#34c27a;--ink:#ffd447;--picked:#2a3a45;--picked-text:#ffe68a;--wrong:#ff6b4a;--hatch:#15283f;--button:#eaf0f6;--button-text:#0e1a2b;--group-a:#4d9dff;--group-b:#a07cff;--group-c:#f06bb4;--group-d:#2bc3d6}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ground:#eef2f5;--header:#13233a;--surface:#fff;--surface-sunk:#f8fafc;--badge:#dce3ea;--line:#13233a;--line-soft:#c3ccd5;--text:#13233a;--muted:#4a5868;--real:#12704a;--ink:#1f4fe0;--picked:#eaf0ff;--picked-text:#13233a;--wrong:#c2410c;--hatch:#dfe5eb;--button:#13233a;--button-text:#fff;--group-a:#1f63d6;--group-b:#6a47d6;--group-c:#c2347f;--group-d:#0e8a99}:root{--condensed:"Barlow Condensed", "Arial Narrow", sans-serif;font-family:Barlow,system-ui,sans-serif;font-size:16px;line-height:1.4}*{box-sizing:border-box}body{background:var(--ground);color:var(--text);margin:0}button{font:inherit;color:inherit}a{color:var(--ink)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--ink);outline-offset:2px}h1,h2,h3{font-family:var(--condensed);font-weight:700;line-height:1.05}.page{max-width:960px;margin:0 auto;padding:16px 16px 112px}.hint{color:var(--muted);margin:0 0 12px}.visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.header{z-index:2;background:var(--header);color:#eaf0f6;align-items:center;gap:4px;min-height:56px;padding:4px 4px 4px 8px;display:flex;position:sticky;top:0}.header-title{min-width:0;font-family:var(--condensed);flex-direction:column;flex:1;display:flex}.header-title strong{font-size:1.35rem;line-height:1}.header-title span{color:#9fb2c8;font-weight:600}.header-score{color:#ffd447;font-family:var(--condensed);white-space:nowrap;font-size:1.25rem;font-weight:700}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:44px;height:44px;display:grid}.action-bar{z-index:2;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:1.5px solid var(--line);justify-content:flex-end;align-items:center;gap:12px;display:flex;position:fixed;inset:auto 0 0}.action-status{color:var(--muted);margin-right:auto}.primary,.secondary{min-height:52px;font-family:var(--condensed);cursor:pointer;border-radius:6px;padding:0 24px;font-size:1.35rem;font-weight:700}.primary{background:var(--button);color:var(--button-text);border:0}.primary:disabled{border:1.5px dashed var(--line);color:var(--muted);cursor:not-allowed;background:0 0}.secondary{border:1.5px solid var(--line);background:var(--surface);color:var(--text)}.link{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:8px 0}.groups,.matchups{gap:16px;display:grid}@media (width>=720px){.groups,.matchups{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{background:var(--surface-sunk);border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.card h2{margin:0 0 4px;font-size:1.9rem}.card[data-group]{border-top:6px solid var(--group)}.card[data-group] h2{color:var(--group)}[data-group=A]{--group:var(--group-a)}[data-group=B]{--group:var(--group-b)}[data-group=C]{--group:var(--group-c)}[data-group=D]{--group:var(--group-d)}.card-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.card-heading h2{font-size:1.4rem}.card-heading span{color:var(--muted);font-family:var(--condensed);font-size:1.05rem;font-weight:600}.card-result{justify-content:space-between;align-items:baseline;gap:8px;margin:4px 2px 0;display:flex}.card-result strong{color:var(--ink);font-family:var(--condensed);font-size:1.6rem}.card[data-printed=true]{border:1.5px dashed var(--line);background:repeating-linear-gradient(135deg, var(--hatch) 0 6px, var(--ground) 6px 12px)}.bye-topic{font-family:var(--condensed);font-size:1.5rem;font-weight:700}.explain{margin:0;line-height:1.45}.banner{background:var(--button);color:var(--button-text);border-radius:8px;flex-direction:column;gap:4px;margin-bottom:16px;padding:14px;display:flex}.banner h2{margin:0;font-size:1.6rem}.banner p{margin:0}.group-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.group-tabs button{border:1.5px solid var(--line-soft);min-height:52px;color:var(--muted);font-family:var(--condensed);cursor:pointer;background:0 0;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:6px;font-size:1.3rem;font-weight:700;display:flex}.group-tabs button[aria-pressed=true]{border:2px solid var(--group);background:var(--surface-sunk);color:var(--group)}.tab-dots{gap:4px;display:flex}.tab-dots span{border:1.5px solid;border-radius:50%;width:8px;height:8px}.tab-dots span[data-filled=true]{border-color:var(--ink);background:var(--ink)}@media (width<=719px){.groups .card[data-current=false]{display:none}.page[data-fit=true]{height:calc(100dvh - 57px);padding-top:10px;padding-bottom:calc(84px + env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow:hidden}.page[data-fit=true] .hint{margin-bottom:8px}.page[data-fit=true] .groups{flex:1;grid-template-rows:minmax(0,1fr);align-items:start;min-height:0}.page[data-fit=true] .advance{white-space:nowrap;height:1.4em;min-height:0;margin:0 0 6px;line-height:1.4em}.page[data-fit=true] .groups .card[data-current=true]{max-height:100%;padding-bottom:10px}.page[data-fit=true] .card .tile{flex:0 auto;min-height:52px}.page[data-fit=true] .tile-note{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.groups[data-moved=true] .card[data-current=true]{animation:.4s ease-out group-in}.advance{min-height:1.6em}}@keyframes group-in{0%{opacity:0;transform:translate(32px)}}.advance{color:var(--ink);font-family:var(--condensed);margin:-4px 0 8px;font-size:1.1rem;font-weight:600;position:relative}.advance-bar{background:var(--ink);transform-origin:0;border-radius:2px;width:100%;height:3px;animation:linear advance-fill;position:absolute;bottom:-4px;left:0}@keyframes advance-fill{0%{transform:scaleX(0)}}.group-tabs button[data-next=true]{animation:.45s ease-in-out 2 alternate tab-pulse}@keyframes tab-pulse{to{border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--ink) 30%, transparent)}}@media (width>=720px){.advance[data-context=picks],.group-tabs{display:none}}.chart{font-family:var(--condensed);flex-direction:column;margin:8px 0 16px;display:flex}.chart-row{gap:8px;display:grid}.chart-groups,.chart-quarters{grid-template-columns:repeat(4,minmax(0,1fr))}.chart-semis{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-final{grid-template-columns:minmax(0,1fr);width:calc(50% - 4px);margin:0 auto}.champion-line{font-family:var(--condensed);text-align:center;margin:10px 0 0;font-size:1.5rem;font-weight:700;line-height:1.15}.chart-group,.chart-slot,.chart-champion{border:1.5px solid var(--line);background:var(--surface);border-radius:6px;flex-direction:column;gap:1px;min-width:0;padding:6px;font-size:.85rem;line-height:1.25;display:flex}.chart-group{border-top:4px solid var(--group)}.chart-group:has(.chart-group-open){position:relative}.chart-group-open{z-index:2;cursor:pointer;background:0 0;border:0;border-radius:6px;position:absolute;inset:-1.5px}.chart-group-open:hover{background:color-mix(in srgb, var(--text) 6%, transparent)}.chart-group-open:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.chart-group strong{color:var(--group);font-size:1.05rem}.chart-faces{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:2px 0 0;padding:0;list-style:none;display:grid}.chart-face{aspect-ratio:1;background:var(--badge);color:var(--muted);border-radius:4px;place-items:center;font-size:.9rem;font-weight:700;display:grid;position:relative;overflow:hidden}.chart-face img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.chart-face[data-picked=true]:not([data-through=true]):after{border:2.5px solid var(--ink);content:"";border-radius:4px;position:absolute;inset:0}.face-verdict{z-index:1;background:var(--ink);color:#0e1a2b;border-radius:4px 0;place-items:center;width:15px;height:15px;font-family:Barlow,system-ui,sans-serif;font-size:.65rem;font-weight:700;line-height:1;display:grid;position:absolute;bottom:-1px;right:-1px}.chart-face[data-through=true]:after{border:2.5px solid var(--real);content:"";border-radius:4px;position:absolute;inset:0}.chart-face[data-out=true]>*{opacity:.35;filter:grayscale()}.chart-face[data-out=true][data-picked=true]:after{opacity:.45}.chart-entrant{overflow-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chart:has([data-spotlight]) :is(.chart-slot,.chart-group,.chart-champion):not([data-spotlight]){opacity:.3}.chart-slot,.chart-group{transition:opacity .3s,box-shadow .3s}.chart-slot[data-spotlight],.chart-group[data-spotlight]{z-index:1;border-color:var(--text);box-shadow:0 8px 24px #00000073}.chart-slot[data-celebrate],.chart-group[data-celebrate]{border-color:var(--ink);animation:1.2s ease-out celebrate-glow}[data-level="1"]{--level:1}[data-level="2"]{--level:2}[data-level="3"]{--level:3}[data-level="4"]{--level:4}@keyframes celebrate-glow{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ink) 70%, transparent)}30%{box-shadow:0 0 calc(10px + var(--level) * 6px) calc(2px + var(--level) * 2px) color-mix(in srgb, var(--ink) 55%, transparent)}to{box-shadow:0 0 #0000}}.chart-slot-head{flex-wrap:wrap;align-items:baseline;gap:2px 6px;display:flex}.slot-tag{border:1px dashed var(--line);color:var(--muted);border-radius:4px;padding:0 5px;font-size:.75rem;font-weight:600}.chart-slot[data-bracket=bye],.chart-slot[data-bracket=empty]{background:repeating-linear-gradient(135deg, var(--hatch) 0 6px, var(--surface) 6px 12px);border-style:dashed}.chart-entrant[data-bye=true]{-webkit-text-decoration:underline dashed 2px var(--ink);text-decoration:underline dashed 2px var(--ink);text-underline-offset:3px}.chart-slot strong{font-size:.95rem}.chart-entrant{border-left:3px solid var(--group,var(--line-soft));color:var(--muted);padding-left:6px;font-size:.8rem}.chart-entrant[data-won=true]{color:var(--real);font-weight:700}.chart-entrant[data-lost=true]{opacity:.6}.chart-entrant[data-picked=true]{-webkit-text-decoration:underline 2px var(--ink);text-decoration:underline 2px var(--ink);text-underline-offset:3px}.chart-entrant[data-pick-right=true]:after{color:var(--ink);content:" ✓"}.chart-champion{border:2.5px solid var(--real);text-align:center;align-items:center}.chart-champion span{color:var(--real);font-weight:600}.chart-champion strong{font-size:1.2rem}.chart-champion{position:relative}.chart-champion[data-crowned]{z-index:2;animation:1.6s ease-out champion-glow}@keyframes champion-glow{30%{box-shadow:0 0 0 6px color-mix(in srgb, var(--real) 45%, transparent), 0 0 32px color-mix(in srgb, var(--real) 70%, transparent)}}.champion-ring{border:2.5px solid var(--real);pointer-events:none;border-radius:8px;position:absolute;inset:-2px}.champion-spark{background:var(--real);pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;top:calc(50% - 4px);left:calc(50% - 4px)}.champion-spark[data-tone="1"]{background:var(--ink)}.champion-spark[data-tone="2"]{background:var(--text)}.chart-lines{fill:none;width:100%;height:40px;stroke:var(--line);stroke-width:1.5px;display:block}.chart-elbows{height:24px}.lede{margin:4px 0 8px;font-size:1.15rem}.round-chart{position:relative}.stamp-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.knocked-out-stamp{z-index:5;border:5px solid var(--wrong);background:color-mix(in srgb, var(--ground) 82%, transparent);width:max-content;color:var(--wrong);font-family:var(--condensed);letter-spacing:1px;text-transform:uppercase;pointer-events:none;border-radius:10px;margin:0 auto;padding:6px 18px;font-size:3rem;font-weight:800;position:absolute;top:34%;left:0;right:0;box-shadow:0 10px 40px #00000080}.round-title{margin:4px 0 8px;font-size:1.8rem}.scoreboard{background:var(--surface-sunk);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:10px 14px 12px;display:flex}.scoreboard-summary{margin:0;font-size:1.05rem}.scoreboard-total{align-items:baseline;gap:6px;margin:0;display:flex;position:relative}.scoreboard-total strong{color:var(--ink);font-family:var(--condensed);font-variant-numeric:tabular-nums;font-size:3.4rem;line-height:1}.scoreboard-total>span:first-of-type{color:var(--muted);font-family:var(--condensed);font-size:1.3rem;font-weight:600}.scoreboard-total .scoreboard-gain{white-space:nowrap;position:absolute;bottom:.35em;left:calc(100% + 8px)}.scoreboard-gain{background:var(--ink);color:var(--button-text);font-family:var(--condensed);border-radius:999px;padding:2px 8px;font-size:1.2rem;font-weight:700}:root[data-theme=dark] .scoreboard-gain,:root:not([data-theme]) .scoreboard-gain{color:#0e1a2b}.scoreboard-flying{z-index:50;pointer-events:none;position:fixed}.scoreboard-gain[data-hidden=true]{visibility:hidden}.scoreboard-summary,.champion-line,.chart-hint{transition:opacity .25s ease-out,visibility}.scoreboard-summary[data-hidden=true],.champion-line[data-hidden=true],.chart-hint[data-hidden=true]{opacity:0;visibility:hidden}.chart-hint{text-align:center;margin:8px 0 0}.tile{border:1.5px solid var(--line);background:var(--surface);border-radius:6px;align-items:stretch;min-height:68px;display:flex;overflow:hidden}.tile[data-chosen=true]{border-color:var(--ink);background:var(--picked);box-shadow:inset 0 0 0 1px var(--ink), 0 0 0 4px color-mix(in srgb, var(--ink) 22%, transparent)}.tile[data-chosen=true] .tile-title{color:var(--picked-text)}.tile[data-result=through]{box-shadow:inset 6px 0 0 var(--real)}.tile[data-result=out]{color:var(--muted);background:0 0;border-style:dashed}.tile[data-compact=true]{min-height:48px}.tile[data-compact=true] .tile-main{padding-block:4px}.tile[data-compact=true] .tile-badge{width:32px;height:32px;font-size:1rem}.tile[data-compact=true] .tile-title{-webkit-line-clamp:1;font-size:1.1rem}.tile[data-variant=real]{border-color:var(--real)}.tile-main{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:8px 8px 8px 14px;display:flex}button.tile-main{cursor:pointer}.tile-badge{background:var(--badge);width:44px;height:44px;font-family:var(--condensed);border-radius:4px;flex:none;place-items:center;font-size:1.35rem;font-weight:700;display:grid;position:relative}.tile-badge img{object-fit:cover;border-radius:4px;width:100%;height:100%;position:absolute;inset:0}.tile-mark{background:#08111d8c;border-radius:4px;place-items:center;width:100%;height:100%;display:grid;position:relative}.tile[data-picked=true]:not([data-verdict=missed]) .tile-badge{color:var(--ink)}.tile-text{flex-direction:column;min-width:0;display:flex}.tile-title{font-family:var(--condensed);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.35rem;font-weight:600;line-height:1.1;display:-webkit-box;overflow:hidden}.tile-note{color:var(--muted);font-size:.9rem}.tile-note[data-tone=real]{color:var(--real);font-weight:600}.tile-note-row{flex-wrap:wrap;gap:0 12px;display:flex}.tile-verdict{white-space:nowrap;font-size:.9rem;font-weight:600}.tile-verdict[data-verdict=right]{color:var(--ink)}.tile-verdict[data-verdict=missed]{color:var(--muted);font-weight:400}.tile-info{border:0;border-left:1.5px solid var(--line-soft);cursor:pointer;background:0 0;flex:none;width:48px}.sheet{border:1.5px solid var(--line);background:var(--surface);width:min(560px,100% - 32px);max-height:85dvh;color:var(--text);border-radius:10px;padding:0}.sheet::backdrop{background:#0009}.sheet[open]{flex-direction:column;display:flex}.sheet-body{flex:1;min-height:0;padding:18px;overflow-y:auto}.sheet-footer{border-top:1.5px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;display:flex}.sheet-category{background:repeating-linear-gradient(135deg, var(--hatch) 0 8px, var(--surface-sunk) 8px 16px);height:160px;color:var(--muted);font-family:var(--condensed);border-radius:10px 10px 0 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin:-18px -18px 16px;font-size:1.2rem;font-weight:600;display:flex}.sheet-image{margin:-18px -18px 16px}.sheet-image img{object-fit:cover;object-position:center 25%;border-radius:10px 10px 0 0;width:100%;max-height:220px;display:block}.sheet-image figcaption{color:var(--muted);padding:6px 18px 0;font-size:.8rem}.sheet-body h2{margin:0 0 4px;font-size:2rem}.sheet-description,.sheet-views{color:var(--muted);margin-top:0}.bonus-intro{color:var(--muted);margin:0 0 12px}.bonus{margin-top:8px;font-size:1.1rem;display:block}.bonus-value{color:var(--ink);font-family:var(--condensed);margin:4px 0 8px;font-size:3rem;font-weight:700;display:block}input[type=range]{width:100%;min-height:44px;accent-color:var(--ink)}.total{font-family:var(--condensed);align-items:baseline;gap:8px;margin:0;font-weight:700;display:flex}.total strong{font-size:5.5rem;line-height:.9}.total span{font-size:1.6rem}.breakdown{border-collapse:collapse;width:100%}.breakdown tr{border-top:1.5px solid var(--line-soft)}.breakdown th{text-align:left;padding:8px 0;font-weight:400}.breakdown td{font-family:var(--condensed);text-align:right;font-size:1.3rem;font-weight:600}.breakdown td.breakdown-emoji{text-align:right;width:2.2em;font-family:inherit;font-size:1.1rem}.result{flex-direction:column;gap:10px;display:flex}.result h2{margin:0}.restart{text-align:center;margin-top:24px}.bonus-reveal{border:1.5px solid var(--line-soft);background:var(--surface-sunk);border-radius:8px;flex-direction:column;gap:10px;padding:14px;display:flex}.bonus-reveal[data-landed=true][data-level="4"]{border-color:var(--ink);animation:1.2s ease-out celebrate-glow}.bonus-scale{width:100%;height:auto;overflow:visible}.bonus-track{fill:none;stroke:var(--line);stroke-linecap:round;stroke-width:6px}.bonus-fill{fill:none;stroke:var(--real);stroke-linecap:round;stroke-width:6px}.bonus-zone{fill:color-mix(in srgb, var(--real) 22%, transparent);opacity:0;transition:opacity .4s}.bonus-zone[data-shown=true]{opacity:1}.bonus-tick{stroke:var(--muted);stroke-width:1.5px}.bonus-tick-label{fill:var(--muted);font-family:var(--condensed);font-size:13px;font-weight:600}.bonus-pin-you{fill:var(--ink)}.bonus-pin-real{fill:var(--real)}.bonus-numbers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bonus-number{flex-direction:column;display:flex}.bonus-number span{color:var(--muted);font-size:.9rem}.bonus-number strong{font-family:var(--condensed);font-variant-numeric:tabular-nums;font-size:1.9rem;line-height:1.1}.bonus-number[data-who=you] strong{color:var(--ink)}.bonus-number[data-who=real] strong{color:var(--real)}.bonus-verdict{justify-content:space-between;align-items:center;gap:12px;font-size:1.05rem;display:flex}.bonus-verdict[data-hidden=true]{visibility:hidden}.bonus-points{color:var(--ink);font-family:var(--condensed);font-size:1.8rem}.lab .card{margin-bottom:16px}.lab-row{border-top:1px solid var(--line-soft);flex-direction:column;gap:8px;padding:10px 0;display:flex}.lab-buttons{flex-wrap:wrap;gap:8px;display:flex}.lab-buttons button{min-height:44px;padding:0 14px;font-size:1.1rem}.home-top{justify-content:flex-end;display:flex}.today{border-top:6px solid var(--ink);background:var(--surface-sunk);border-radius:8px;flex-direction:column;gap:4px;margin:20px 0 12px;padding:18px;display:flex}.today-label{color:var(--ink);font-family:var(--condensed);font-size:1.1rem;font-weight:600}.today strong{font-family:var(--condensed);font-size:2.6rem;line-height:1}.today-status{color:var(--muted)}.today .primary{margin-top:12px}.play-again{align-self:center;margin-top:8px}.about-link{text-align:center;margin:20px 0 0}.about-list{flex-direction:column;gap:8px;padding-left:20px;line-height:1.45;display:flex}.sheet-licence{color:var(--muted);font-size:.85rem}.how-to-play-button{width:100%}.round-points{margin:6px 0;padding-left:20px}.steps{flex-direction:column;gap:10px;padding-left:22px;line-height:1.45;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.home .lede{text-align:center}.title{justify-content:center;margin:0 0 8px;padding:24px 0 8px;font-size:5rem;line-height:.9;display:flex}.bubble-slot{place-items:center;display:inline-grid;position:relative}.bubble,.droplet{pointer-events:none;border-radius:50%;position:absolute}.bubble{border:2px solid color-mix(in srgb, var(--ink) 70%, transparent);background:radial-gradient(circle at 32% 28%, color-mix(in srgb, var(--text) 55%, transparent) 0 8%, color-mix(in srgb, var(--ink) 14%, transparent) 9% 70%, color-mix(in srgb, var(--ink) 30%, transparent) 100%);width:1.35em;height:1.35em;font-size:1em}.droplet{background:var(--ink);width:8px;height:8px}.bubble-word{display:inline-block}.bubble-word+.bubble-word,.bubble-slot+.bubble-slot .bubble-word{color:var(--ink)}