@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2)format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2)format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2)format("woff2-variations");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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-ext-wght-normal.DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-wght-normal.BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-vietnamese-wght-normal.6IgcOCM7.woff2)format("woff2-variations");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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-ext-wght-normal.DC-KSUi6.woff2)format("woff2-variations");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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-wght-normal.BgDaEnEv.woff2)format("woff2-variations");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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-ext-wght-normal.X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-wght-normal.DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-symbols2-wght-normal.CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-vietnamese-wght-normal.DadHysG0.woff2)format("woff2-variations");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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-ext-wght-normal.Bwz-egvJ.woff2)format("woff2-variations");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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-wght-normal.XN7g48iV.woff2)format("woff2-variations");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}@layer theme,base;@layer components{:root:has([data-component=hitster]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--background:var(--lightningcss-light,oklch(98.5% .003 255))var(--lightningcss-dark,oklch(16% .012 255));--foreground:var(--lightningcss-light,oklch(20% .015 255))var(--lightningcss-dark,oklch(96% .005 255));--surface:var(--lightningcss-light,oklch(95.5% .005 255))var(--lightningcss-dark,oklch(21% .014 255));--surface-foreground:var(--foreground);--muted-foreground:var(--lightningcss-light,oklch(46% .015 255))var(--lightningcss-dark,oklch(72% .015 255));--border:var(--lightningcss-light,oklch(89% .006 255))var(--lightningcss-dark,oklch(30% .014 255));--border-strong:var(--lightningcss-light,oklch(58% .014 255))var(--lightningcss-dark,oklch(52% .016 255));--control:var(--lightningcss-light,oklch(92% .008 255))var(--lightningcss-dark,oklch(26% .016 255));--control-foreground:var(--foreground);--control-hover:var(--lightningcss-light,oklch(86% .012 255))var(--lightningcss-dark,oklch(33% .018 255));--control-focus:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(30% .017 255));--primary:var(--lightningcss-light,oklch(64% .2 44))var(--lightningcss-dark,oklch(70% .205 48));--primary-foreground:oklch(18% .02 42);--ring:var(--primary);--selected:var(--lightningcss-light,oklch(20% .015 255))var(--lightningcss-dark,oklch(96% .005 255));--selected-foreground:var(--lightningcss-light,oklch(98.5% .003 255))var(--lightningcss-dark,oklch(16% .012 255));--steal:var(--lightningcss-light,oklch(85% .014 255))var(--lightningcss-dark,oklch(34% .02 255));--steal-foreground:var(--lightningcss-light,oklch(20% .015 255))var(--lightningcss-dark,oklch(96% .005 255));--me:var(--lightningcss-light,oklch(94% .035 310))var(--lightningcss-dark,oklch(28% .06 310));--me-foreground:var(--lightningcss-light,oklch(46% .17 310))var(--lightningcss-dark,oklch(84% .11 310));--qr-paper:oklch(100% 0 0);--qr-ink:oklch(0% 0 0);--block:var(--lightningcss-light,oklch(94.5% .03 18))var(--lightningcss-dark,oklch(28% .065 18));--block-foreground:var(--lightningcss-light,oklch(49% .18 22))var(--lightningcss-dark,oklch(80% .14 18));--review:var(--lightningcss-light,oklch(95% .06 95))var(--lightningcss-dark,oklch(29% .055 90));--review-foreground:var(--lightningcss-light,oklch(46% .1 78))var(--lightningcss-dark,oklch(88% .15 95));--info:var(--lightningcss-light,oklch(94.5% .03 260))var(--lightningcss-dark,oklch(27% .05 260));--info-foreground:var(--lightningcss-light,oklch(48% .14 262))var(--lightningcss-dark,oklch(81% .1 260));--ok:var(--lightningcss-light,oklch(94.5% .03 195))var(--lightningcss-dark,oklch(27% .04 195));--ok-foreground:var(--lightningcss-light,oklch(47% .09 200))var(--lightningcss-dark,oklch(80% .12 195));--quiet:var(--lightningcss-light,oklch(93% .006 255))var(--lightningcss-dark,oklch(24% .012 255));--quiet-foreground:var(--lightningcss-light,oklch(46% .015 255))var(--lightningcss-dark,oklch(72% .015 255));--brand-spotify:var(--lightningcss-light,oklch(0% 0 0))var(--lightningcss-dark,oklch(100% 0 0));--brand-spotify-on-accent:oklch(0% 0 0);--scrim:var(--lightningcss-light,oklch(20% .015 255/.4))var(--lightningcss-dark,oklch(8% .01 255/.6));--shadow-menu:oklch(0% 0 0/.28);--toast:var(--lightningcss-light,oklch(22% .015 255))var(--lightningcss-dark,oklch(92% .006 255));--toast-foreground:var(--lightningcss-light,oklch(97% .004 255))var(--lightningcss-dark,oklch(18% .012 255));--font-display:"Bricolage Grotesque Variable", "Helvetica Neue", Arial, sans-serif;--font-sans:"Geist Variable", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--space-1:.25rem;--space-2:.5rem;--space-4:1rem;--space-8:2rem;--space-12:3rem;--radius-sm:4px;--radius-md:6px;--radius-full:9999px;--axis-lead:2rem;--row-dense:2.75rem;--row-form:3.25rem;--row-standard:3.75rem;--list-image:7.5rem;--detail-width:min(27.5rem, 40%);--duration-fast:.12s;--easing-out:cubic-bezier(.2, 0, 0, 1)}@media (prefers-color-scheme:dark){:root:has([data-component=hitster]){--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-reduced-motion:reduce){:root:has([data-component=hitster]){--duration-fast:0s}}[data-component=hitster]{background:var(--background);min-height:100dvh;color:var(--foreground);font:400 1rem / 1.5 var(--font-sans);-webkit-font-smoothing:antialiased;text-align:left;flex-direction:column;display:flex}[data-component=hitster] [data-view]{display:contents}[data-component=hitster] :where(h1,h2,h3,p,ul,ol,dl,dd,fieldset,label){border:0;min-width:0;margin:0;padding:0}[data-component=hitster] :where(a){color:inherit;text-decoration:none}[data-component=hitster] :where(p){text-wrap:pretty}[data-component=hitster] :focus-visible{outline:2px solid var(--ring);outline-offset:2px}[data-component=hitster] .s1,[data-component=hitster] .s2,[data-component=hitster] .s4,[data-component=hitster] .s8{align-content:start;min-width:0;display:grid}:is([data-component=hitster] .s1,[data-component=hitster] .s2,[data-component=hitster] .s4,[data-component=hitster] .s8)>*{min-width:0}[data-component=hitster] .s1{gap:var(--space-1)}[data-component=hitster] .s2{gap:var(--space-2)}[data-component=hitster] .s4{gap:var(--space-4)}[data-component=hitster] .s8{gap:var(--space-8)}[data-component=hitster] .h,[data-component=hitster] .h4,[data-component=hitster] .h1g{align-items:center;min-width:0;display:flex}[data-component=hitster] .h{gap:var(--space-2);flex-wrap:wrap}[data-component=hitster] .h4{gap:var(--space-4);flex-wrap:wrap}[data-component=hitster] .h1g{gap:var(--space-1)}[data-component=hitster] .between{justify-content:space-between;align-items:center;gap:var(--space-4);min-width:0;display:flex}[data-component=hitster] .nowrap{flex-wrap:nowrap}[data-component=hitster] .grow{flex:1;min-width:0}[data-component=hitster] .halves{gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}[data-component=hitster] .top-align{align-items:start}[data-component=hitster] .bottom-align{align-items:end}[data-component=hitster] .end-justify{justify-content:flex-end}[data-component=hitster] .end-text{text-align:end}[data-component=hitster] .inset{padding-inline:var(--space-4)}[data-component=hitster] .gap-top{padding-top:var(--space-4)}[data-component=hitster] .sr{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}[data-component=hitster] .brand{font:700 1.125rem / 1.25 var(--font-display);letter-spacing:-.01em}[data-component=hitster] .title{font:700 1.5rem / 1.25 var(--font-display);letter-spacing:-.01em;overflow-wrap:anywhere;text-wrap:balance}[data-component=hitster] .eb,[data-component=hitster] .eb-row{font:500 .75rem / 1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground)}[data-component=hitster] .eb-row{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding-inline:var(--space-4);display:flex}[data-component=hitster] .eb-row label,[data-component=hitster] .eb-row>.stat{font:400 .875rem / 1.25rem var(--font-sans);letter-spacing:0;text-transform:none}[data-component=hitster] .eb-row label{color:var(--foreground)}[data-component=hitster] .sm{font-size:.875rem;line-height:1.25rem}[data-component=hitster] .mu{color:var(--muted-foreground)}[data-component=hitster] .b{font-weight:600}[data-component=hitster] .m{font-weight:500}[data-component=hitster] .mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}[data-component=hitster] .yr{font:500 1rem / 1.5 var(--font-mono);font-variant-numeric:tabular-nums}[data-component=hitster] .yr-l{font:500 1.5rem / 1.25 var(--font-mono);font-variant-numeric:tabular-nums}[data-component=hitster] .clip{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}[data-component=hitster] .steps{padding-left:1.25rem;list-style:decimal}[data-component=hitster] :is(.title,.nm,.t>:first-child:not(.h1g,.et)){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}[data-component=hitster] .i{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.125em;flex:none;width:1em;height:1em;font-size:1.25rem}[data-component=hitster] :is(.sm,.sub,.stat,.chip,.btn.sm,.acc,.toast,.keys,.pill,.seg,.kfacts,.eb-row label) .i,[data-component=hitster] .i-s{font-size:1rem}[data-component=hitster] :is(.row,.note)>.lead .i{font-size:1.5rem}[data-component=hitster] .i-l{stroke-width:1.25px;font-size:3rem}[data-component=hitster] .i.sp{fill:var(--brand-spotify);stroke:none;width:max(21px,1em);height:max(21px,1em);margin-inline-end:6.5px}[data-component=hitster] .btn.p .i.sp{fill:var(--brand-spotify-on-accent)}[data-component=hitster] .i.spin{animation:1s linear infinite hitster-spin}@media (prefers-reduced-motion:reduce){[data-component=hitster] .i.spin{animation:none}}@keyframes hitster-spin{to{rotate:360deg}}[data-component=hitster] .bar{z-index:5;align-items:center;gap:var(--space-4);min-height:calc(var(--row-form) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--space-4) 0;background:var(--background);display:flex;position:sticky;top:0}[data-component=hitster] .main{align-content:start;gap:var(--space-8);padding:var(--space-4) var(--space-4) var(--space-8);flex:1;grid-auto-rows:max-content;display:grid}[data-component=hitster] .foot{z-index:5;gap:var(--space-2);padding:var(--space-4) var(--space-4) max(var(--space-8), calc(env(safe-area-inset-bottom) + var(--space-4)));background:var(--background);display:grid;position:sticky;bottom:0}[data-component=hitster] .foot.sep{border-top:1px solid var(--border)}[data-component=hitster] .empty{justify-items:start;gap:var(--space-4);padding-top:var(--space-12);display:grid}[data-component=hitster] .empty.compact{padding-top:var(--space-8)}[data-component=hitster] .gate{min-height:100dvh;padding:var(--space-4);place-items:center;display:grid}[data-component=hitster] .gate .card{width:min(100%,24rem);padding:var(--space-8);background:var(--surface);color:var(--surface-foreground);border-radius:var(--radius-md)}[data-component=hitster] .pairing{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}[data-component=hitster] .pairing svg{border-radius:var(--radius-sm);width:10rem;height:auto}[data-component=hitster] .pair{gap:var(--space-2);grid-template-columns:fit-content(50%) minmax(0,1fr);display:grid}[data-component=hitster] :has(>.pair){container:knopfpaar/inline-size}@container knopfpaar (width<20rem){[data-component=hitster] .pair{grid-template-columns:minmax(0,1fr)}}[data-component=hitster].phone :is(.btn,.chip,.acc,.seg label,.link,.eb-row label,.s1>a.h){position:relative}[data-component=hitster].phone :is(.btn,.chip,.acc,.seg label,.link,.eb-row label,.s1>a.h):after{content:"";position:absolute;inset:min(0px,50% - 22px)}[data-component=hitster].desk{--list-image:4.75rem}[data-component=hitster].desk .top{align-items:center;gap:var(--space-8);min-height:var(--row-form);padding-inline:var(--space-8);display:flex}[data-component=hitster].desk .top>a[aria-current]{color:var(--foreground);font-weight:600}[data-component=hitster].desk .top>a[aria-current] .mu{color:inherit}[data-component=hitster].desk .nav{gap:var(--space-4);font-size:.875rem;line-height:1.25rem;display:flex}[data-component=hitster].desk .nav a{color:var(--muted-foreground)}[data-component=hitster].desk .nav a[aria-current]{color:var(--foreground);font-weight:600}[data-component=hitster].desk .dmain{align-content:start;gap:var(--space-8);padding:var(--space-8);flex:1;grid-auto-rows:max-content;display:grid}[data-component=hitster].desk .dmain.narrow{padding-inline:max(var(--space-8), calc((100% - 64rem) / 2));gap:var(--space-12)}[data-component=hitster].desk .dhead{gap:var(--space-4);padding:var(--space-8) var(--space-8) 0;display:grid;position:relative}[data-component=hitster].desk .split{grid-template-columns:minmax(0, 1fr) var(--detail-width);align-items:start;gap:var(--space-8);padding:var(--space-8) var(--space-8) 0;flex:1;display:grid}[data-component=hitster].desk .pane{align-content:start;gap:var(--space-4);min-width:0;padding-bottom:var(--space-8);grid-auto-rows:max-content;display:grid}[data-component=hitster].desk .pane.spacious{gap:var(--space-8)}[data-component=hitster].desk .panel{top:var(--space-4);max-height:calc(100dvh - var(--space-8));overscroll-behavior:contain;align-content:start;gap:var(--space-8);padding:var(--space-4) var(--space-4) var(--space-8);background:var(--surface);color:var(--surface-foreground);border-radius:var(--radius-md);grid-auto-rows:max-content;display:grid;position:sticky;overflow-y:auto;container:detailspalte/inline-size}[data-component=hitster].desk .panel .list{background:var(--background)}[data-component=hitster] .list{background:var(--surface);color:var(--surface-foreground);border-radius:var(--radius-md);min-width:0;display:grid}[data-component=hitster] .row{grid-template-columns:var(--axis-lead) minmax(0, 1fr) auto;column-gap:var(--space-4);min-height:var(--row-standard);padding:var(--space-2) var(--space-4);color:inherit;align-items:center;display:grid;position:relative}[data-component=hitster] .row.no-lead{grid-template-columns:minmax(0,1fr) auto}[data-component=hitster] .row.dense{min-height:var(--row-dense)}[data-component=hitster] .row.form{min-height:var(--row-form)}[data-component=hitster] .row.entry{padding-block:var(--space-4);align-items:start}[data-component=hitster] .row .lead{width:var(--axis-lead);min-height:var(--axis-lead);color:var(--muted-foreground);place-items:center;display:grid}[data-component=hitster] .row.entry .lead{align-self:start}[data-component=hitster] .row .end :is(button,input){z-index:1;position:relative}[data-component=hitster] .row>.row-act{padding-top:var(--space-2);grid-column:2/-1}[data-component=hitster] .row.is-sel{background:var(--control-hover)}[data-component=hitster] .row:has(>.sr:focus-visible){outline:2px solid var(--ring);outline-offset:-2px}[data-component=hitster] .row+.row:before{content:"";top:0;left:calc(var(--space-4) + var(--axis-lead) + var(--space-4));background:var(--border);height:1px;position:absolute;right:0}[data-component=hitster] :is(.row.no-lead+.row,.row+.row.no-lead):before{left:var(--space-4)}[data-component=hitster] :is(.row.is-sel,.row.is-sel+.row):before{display:none}[data-component=hitster] :is(label.row,a.row){cursor:pointer}[data-component=hitster] .stretch:after{content:"";position:absolute;inset:0}[data-component=hitster] .t{gap:var(--space-1);overflow-wrap:anywhere;min-width:0;display:grid}[data-component=hitster] .t>:first-child{font-weight:500}[data-component=hitster] .t>.h1g{white-space:nowrap;overflow:hidden}[data-component=hitster] .t>.dist{margin-top:var(--space-1)}[data-component=hitster] .sub{white-space:nowrap;column-gap:var(--space-2);color:var(--muted-foreground);flex-wrap:nowrap;min-width:0;font-size:.875rem;line-height:1.25rem;display:flex;overflow:hidden}[data-component=hitster] .sub>*{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}[data-component=hitster] .sub>:first-child{flex-shrink:100000}[data-component=hitster] .end{align-items:center;gap:var(--space-2);color:var(--muted-foreground);justify-content:flex-end;display:flex}[data-component=hitster] .end .yr{color:var(--foreground)}[data-component=hitster] .end .btn{max-width:8rem}[data-component=hitster] .cover{border-radius:var(--radius-sm);background:var(--control);object-fit:cover;flex:none;place-items:center;width:2rem;height:2rem;display:grid;overflow:hidden}[data-component=hitster] .cover.lg{width:3rem;height:3rem}[data-component=hitster] .cover.xl{width:7.5rem;height:7.5rem}[data-component=hitster] .cover.img{width:var(--list-image);height:var(--list-image)}[data-component=hitster] .et{justify-content:space-between;align-items:start;gap:var(--space-2);display:flex}[data-component=hitster] .et>.nm{font:700 1.125rem / 1.5rem var(--font-display);letter-spacing:-.01em}[data-component=hitster] .et>.i{color:var(--muted-foreground);margin-top:2px}[data-component=hitster].phone .row.entry{gap:var(--space-4);grid-template-columns:auto minmax(0,1fr);container:listeneintrag/inline-size}[data-component=hitster].phone .row.entry>.dist{grid-column:1/-1;grid-template-columns:repeat(7,minmax(0,1fr))}[data-component=hitster].phone .row.entry+.row.entry:before{left:var(--space-4)}@container listeneintrag (width<18rem){[data-component=hitster] .cover.img{--list-image:6rem}}[data-component=hitster].desk .row.entry .lead{width:var(--list-image)}[data-component=hitster].desk .row.entry+.row.entry:before{left:calc(var(--space-4) * 2 + var(--list-image))}[data-component=hitster].desk :is(.row.entry,.thead.entries){grid-template-columns:var(--list-image) minmax(0, 1fr) 11rem 12rem 6rem 6rem 1.25rem}[data-component=hitster].desk :is(.row.cols,.row.entry)>.sm:not(.dist),[data-component=hitster].desk :is(.row.cols,.row.entry) .t>:first-child{-webkit-line-clamp:unset;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}[data-component=hitster].desk .row.cols:not(.thead){height:4rem}[data-component=hitster].desk .cols{column-gap:var(--space-4);align-items:center}[data-component=hitster].desk .thead{min-height:var(--row-dense);padding:0 var(--space-4);font:500 .75rem / 1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground)}[data-component=hitster].desk .list.songs{container:songtabelle/inline-size}[data-component=hitster].desk .list.songs>.cols{grid-template-columns:var(--axis-lead) minmax(0, 1.3fr) minmax(0, 1fr) 4rem 5rem 5.5rem}[data-component=hitster].desk .list.songs>.thead>:last-child{text-align:end}@container songtabelle (width<40rem){[data-component=hitster].desk .list.songs>.cols{grid-template-columns:var(--axis-lead) minmax(0, 1fr) 4rem 5rem 5.5rem}[data-component=hitster].desk .list.songs>.cols>:nth-child(3){display:none}}[data-component=hitster].phone .row:has(>.t>.stretch){container:songzeile/inline-size}@container songzeile (width<19rem){[data-component=hitster] .sub>.mono{display:none}}[data-component=hitster] .dist{gap:var(--space-1);grid-template-columns:repeat(7,1.75rem);align-items:end;display:grid}[data-component=hitster] .dist span{gap:var(--space-1);font:500 .6875rem / 1rem var(--font-mono);color:var(--muted-foreground);justify-items:center;display:grid}[data-component=hitster] .dist i{width:100%;height:calc(var(--v) * .4px);background:var(--border-strong);border-radius:2px 2px 0 0;display:block}[data-component=hitster] .dist b{font:500 .6875rem / 1rem var(--font-mono);font-variant-numeric:tabular-nums;color:var(--foreground)}[data-component=hitster] .dist b.z{color:var(--muted-foreground)}[data-component=hitster] .dist.prov i{outline:1px dashed var(--border-strong);outline-offset:-1px;background:0 0}[data-component=hitster] .dist.sm{grid-template-columns:repeat(7,1.5rem)}[data-component=hitster] .dist.sm i{height:calc(var(--v) * .25px)}[data-component=hitster] .facts{column-gap:var(--space-4);grid-template-columns:max-content minmax(0,1fr);display:grid}[data-component=hitster] .facts :is(dt,dd){min-height:var(--row-dense);border-top:1px solid var(--border);align-items:center;font-size:.875rem;line-height:1.25rem;display:flex}[data-component=hitster] .facts dt{color:var(--muted-foreground)}[data-component=hitster] .facts dd{overflow-wrap:anywhere}[data-component=hitster] .facts>:nth-child(-n+2){border-top:0}@container detailspalte (width<24rem){[data-component=hitster] .facts{grid-template-columns:minmax(0,1fr)}[data-component=hitster] .facts dt{align-items:end;min-height:2rem}[data-component=hitster] .facts dd{border-top:0;align-items:start;min-height:2rem}}[data-component=hitster] .kfacts{gap:var(--space-1) var(--space-4);color:var(--muted-foreground);flex-wrap:wrap;font-size:.875rem;line-height:1.25rem;display:flex}[data-component=hitster] .c-block{color:var(--block-foreground)}[data-component=hitster] .c-review{color:var(--review-foreground)}[data-component=hitster] .c-info{color:var(--info-foreground)}[data-component=hitster] .c-ok{color:var(--ok-foreground)}[data-component=hitster] .note{grid-template-columns:var(--axis-lead) minmax(0, 1fr) auto;column-gap:var(--space-4);min-height:var(--row-form);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--note-foreground,var(--surface-foreground));background:var(--note,var(--surface));align-items:center;display:grid}[data-component=hitster] .note .lead{width:var(--axis-lead);place-items:center;display:grid}[data-component=hitster] .note.tall{padding-block:var(--space-4);align-items:start}[data-component=hitster] .note.info{--note:var(--info);--note-foreground:var(--info-foreground)}[data-component=hitster] .note.blocking{--note:var(--block);--note-foreground:var(--block-foreground)}[data-component=hitster] .note.ok{--note:var(--ok);--note-foreground:var(--ok-foreground)}[data-component=hitster] .note.review{--note:var(--review);--note-foreground:var(--review-foreground)}[data-component=hitster] .stat{align-items:center;gap:var(--space-1);font-size:.875rem;line-height:1.25rem;display:inline-flex}[data-component=hitster] .dot{border-radius:var(--radius-full);background:currentColor;flex:none;width:.5rem;height:.5rem}[data-component=hitster] progress{appearance:none;border-radius:var(--radius-full);background:var(--control);border:0;width:100%;height:.25rem;overflow:hidden}[data-component=hitster] progress::-webkit-progress-bar{background:var(--control)}[data-component=hitster] progress::-webkit-progress-value{background:var(--info-foreground)}[data-component=hitster] progress::-moz-progress-bar{background:var(--info-foreground)}[data-component=hitster] .kbd{min-width:1.5rem;height:1.5rem;padding:0 var(--space-1);font:500 .75rem / 1 var(--font-mono);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--muted-foreground);place-items:center;display:inline-grid}[data-component=hitster] .keys{gap:var(--space-2) var(--space-4);color:var(--muted-foreground);flex-wrap:wrap;font-size:.875rem;line-height:1.25rem;display:flex}[data-component=hitster] .keys>span{align-items:center;gap:var(--space-2);display:inline-flex}[data-component=hitster] .btn{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;max-width:100%;min-height:2.5rem;padding:0 var(--space-4);font:500 1rem / 1.5 var(--font-sans);color:var(--control-foreground);background:var(--control);border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--easing-out);border:1px solid #0000;display:inline-flex;position:relative}[data-component=hitster] .btn:hover{background:var(--control-hover)}[data-component=hitster] .btn>.lbl{text-overflow:ellipsis;min-width:0;overflow:hidden}[data-component=hitster] .btn.p{color:var(--primary-foreground);background:var(--primary)}[data-component=hitster] .btn.p:hover:not(:disabled){background:oklch(from var(--primary) calc(l + .05) c h)}[data-component=hitster] .btn.q{padding-inline:var(--space-2);background:0 0}[data-component=hitster] .btn.q:hover{background:var(--control-hover)}[data-component=hitster] .btn.sm{min-height:2rem;padding-inline:.75rem;font-size:.875rem;line-height:1.25rem}[data-component=hitster] .btn.ic{flex:none;width:2.5rem;padding:0}[data-component=hitster] .btn.ic.sm{width:2rem}[data-component=hitster] .btn.full{white-space:normal;text-wrap:balance;text-align:center;width:100%;padding-block:calc(var(--space-2) - 1px)}[data-component=hitster] .btn.danger{color:var(--block-foreground);background:var(--block)}[data-component=hitster] .btn.danger-q{color:var(--block-foreground);padding-inline:var(--space-2);background:0 0}[data-component=hitster] .btn.info-btn{color:var(--info-foreground);background:var(--info)}[data-component=hitster] .btn:disabled{color:var(--muted-foreground);border-color:var(--border);cursor:default;background:0 0}[data-component=hitster] .acc{align-items:center;gap:var(--space-1);min-height:2rem;padding:0 var(--space-2);font:500 .875rem / 1.25rem var(--font-mono);color:var(--review-foreground);background:var(--review);border-radius:var(--radius-sm);border:0;display:inline-flex}[data-component=hitster] .acc:is(button){cursor:pointer}[data-component=hitster] .acc.blk{font-family:var(--font-sans);color:var(--block-foreground);background:var(--block)}[data-component=hitster] .acc.done{color:var(--ok-foreground);background:var(--ok)}[data-component=hitster] .link{cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:.2em}[data-component=hitster] .field{gap:var(--space-2);min-width:0;display:grid}[data-component=hitster] .field-label{font-weight:500}[data-component=hitster] .input{width:100%;min-width:0;height:2.5rem;padding:0 var(--space-4);font:inherit;color:var(--control-foreground);background:var(--control);border-radius:var(--radius-sm);border:1px solid #0000}[data-component=hitster] .input::placeholder{color:var(--muted-foreground)}[data-component=hitster] .input:focus-visible{outline:2px solid var(--ring);outline-offset:0;background:var(--control-focus)}:is([data-component=hitster] .input:user-invalid,[data-component=hitster] .input.is-err){outline:2px solid var(--block-foreground);outline-offset:0}[data-component=hitster] .input.yr-in{width:6rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums}[data-component=hitster] .input.time-in{width:5.5rem;font-family:var(--font-mono);text-align:center;flex:none}[data-component=hitster] .range{width:100%;min-height:var(--row-dense);accent-color:var(--primary)}[data-component=hitster] .search{flex:1;min-width:0;display:block;position:relative}[data-component=hitster] .search .i{color:var(--muted-foreground);position:absolute;top:50%;left:.75rem;translate:0 -50%}[data-component=hitster] .search .input{padding-left:2.5rem}[data-component=hitster] .search.fixed-width{flex:none;width:15rem}[data-component=hitster] .search.capped{max-width:24rem}[data-component=hitster] .select{appearance:none;min-height:2.5rem;padding:0 2.25rem 0 var(--space-4);font:500 .875rem / 1.25rem var(--font-sans);color:var(--control-foreground);background:var(--control);border-radius:var(--radius-sm);cursor:pointer;border:0}[data-component=hitster] .sel-wrap{flex:none;display:inline-flex;position:relative}[data-component=hitster] .sel-wrap .i{pointer-events:none;color:var(--muted-foreground);font-size:1rem;position:absolute;top:50%;right:.75rem;translate:0 -50%}[data-component=hitster] :is(input[type=radio],input[type=checkbox]).native{width:1.25rem;height:1.25rem;accent-color:var(--primary);cursor:pointer;margin:0}[data-component=hitster] .seg{background:var(--control);border-radius:var(--radius-sm);gap:2px;padding:2px;display:inline-flex}[data-component=hitster] .seg label{min-height:1.75rem;padding:0 var(--space-2);color:var(--muted-foreground);white-space:nowrap;cursor:pointer;border-radius:2px;align-items:center;font-size:.875rem;line-height:1.25rem;display:inline-flex;position:relative}[data-component=hitster] .seg label:has(input:checked){background:var(--selected);color:var(--selected-foreground)}[data-component=hitster] .seg label.del:has(input:checked){background:var(--block);color:var(--block-foreground)}[data-component=hitster] .seg label:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:1px}[data-component=hitster] .seg input{opacity:0;position:absolute}[data-component=hitster] .chips{gap:var(--space-2);scroll-snap-type:x mandatory;scroll-padding-inline:var(--space-4);scrollbar-width:none;padding:6px var(--space-4);margin:-6px calc(var(--space-4) * -1);-webkit-mask-image:linear-gradient(to right, transparent, black var(--space-4), black calc(100% - var(--space-8)), transparent);mask-image:linear-gradient(to right, transparent, black var(--space-4), black calc(100% - var(--space-8)), transparent);display:flex;overflow-x:auto}[data-component=hitster] .chips.wrap{flex-wrap:wrap;margin:0;padding:0;overflow:visible;-webkit-mask-image:none;mask-image:none}[data-component=hitster] .chip{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);background:var(--control);min-height:2rem;color:var(--control-foreground);white-space:nowrap;scroll-snap-align:start;cursor:pointer;flex:none;padding:0 .75rem;font-size:.875rem;line-height:1.25rem;display:inline-flex;position:relative}[data-component=hitster] .chip input{opacity:0;pointer-events:none;position:absolute}[data-component=hitster] .chip .n{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted-foreground)}[data-component=hitster] .chip:has(input:checked){background:var(--selected);color:var(--selected-foreground)}[data-component=hitster] .chip:has(input:checked) .n{color:inherit}[data-component=hitster] .chip:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:2px}[data-component=hitster] .mpanel{background:var(--control);color:var(--control-foreground);border-radius:var(--radius-md);box-shadow:0 .5rem 1.5rem -.25rem var(--shadow-menu);padding-inline:var(--space-1)}[data-component=hitster] .mgroup{padding-block:var(--space-1);display:grid}[data-component=hitster] .mgroup+.mgroup{border-top:1px solid var(--border)}[data-component=hitster] .mi{align-items:center;column-gap:var(--space-4);min-height:2.5rem;padding:0 var(--space-4) 0 var(--space-2);border-radius:var(--radius-sm);color:inherit;font:400 .875rem / 1.25rem var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:max(21px,1.25rem) minmax(0,1fr) auto;display:grid}[data-component=hitster] .mi>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-component=hitster] .mi>.i{color:var(--muted-foreground);font-size:1.25rem}[data-component=hitster] .mi>.i.sp{margin:0}[data-component=hitster] .mi:is(:hover,:focus-visible){background:var(--control-hover)}[data-component=hitster] .mi.danger,[data-component=hitster] .mi.danger>.i{color:var(--block-foreground)}[data-component=hitster].phone .mi{min-height:var(--row-form);font-size:1rem;line-height:1.5rem}[data-component=hitster].phone .tray[role=menu]{gap:0}[data-component=hitster].phone .tray[role=menu] .mgroup{padding-block:var(--space-2)}[data-component=hitster].desk [commandfor=m-liste][command=toggle-popover]{anchor-name:--listenmenue}[data-component=hitster].desk .menu{position-anchor:--listenmenue;position-area:block-end span-inline-start;position-try-fallbacks:flip-block, flip-inline;width:15rem;margin-block-start:var(--space-1);position:fixed}[data-component=hitster].desk .menu:popover-open{display:block}[data-component=hitster].desk .menu::backdrop{background:0 0}@supports not (anchor-name:--a){[data-component=hitster].desk .menu:popover-open{height:fit-content;margin:auto;inset:0}}[data-component=hitster] :where(dialog,[popover]){width:auto;max-width:none;height:auto;max-height:none;color:inherit;background:0 0;border:0;margin:0;padding:0;inset:auto;overflow:visible}[data-component=hitster] :is(.tray,.dialog,.toast,.menu):not(:popover-open,[open]){display:none}[data-component=hitster] :is(dialog,[popover])::backdrop{background:var(--scrim)}[data-component=hitster] :is(.tray,.dialog,.toast,.menu){transition:opacity var(--duration-fast) var(--easing-out), translate var(--duration-fast) var(--easing-out), display var(--duration-fast) allow-discrete, overlay var(--duration-fast) allow-discrete}[data-component=hitster] .tray{gap:var(--space-4);max-height:90dvh;padding:var(--space-4) var(--space-4) max(var(--space-8), calc(env(safe-area-inset-bottom) + var(--space-4)));background:var(--surface);color:var(--surface-foreground);border-radius:var(--radius-md) var(--radius-md) 0 0;display:grid;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}[data-component=hitster].desk .tray{width:min(30rem, 100% - var(--space-8));left:50%;right:auto;translate:-50%}[data-component=hitster] .dialog{gap:var(--space-4);width:min(26rem,100% - 2rem);height:fit-content;padding:var(--space-4);background:var(--surface);color:var(--surface-foreground);border-radius:var(--radius-md);margin:auto;display:grid;position:fixed;inset:0}@starting-style{[data-component=hitster] .tray:is(:popover-open,:modal){translate:0 100%}[data-component=hitster]:is(.desk,[data-room]) .tray:is(:popover-open,:modal){translate:-50% 100%}[data-component=hitster] :is(.dialog,.toast,.menu):is(:popover-open,:modal){opacity:0}}[data-component=hitster] .toast{left:0;right:0;bottom:max(var(--space-8), calc(env(safe-area-inset-bottom) + var(--space-4)));width:min(100% - var(--space-8), 26rem);justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--row-form);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--toast-foreground);background:var(--toast);margin-inline:auto;font-size:.875rem;line-height:1.25rem;display:flex;position:fixed}[data-component=hitster] .toast>.link{flex:none;font-weight:600;text-decoration-color:currentColor}[data-component=hitster] .note .sub,[data-component=hitster] .note .btn.q{color:inherit}[data-component=hitster] .note>.end{color:inherit;gap:var(--space-1)}[data-component=hitster] .note.steal{--note:var(--steal);--note-foreground:var(--steal-foreground)}[data-component=hitster] .note.quiet{--note:var(--quiet);--note-foreground:var(--quiet-foreground)}[data-component=hitster] .c-quiet{color:var(--quiet-foreground)}[data-component=hitster] .foot.game{gap:var(--space-4)}[data-component=hitster] .pair.even{grid-template-columns:repeat(2,minmax(0,1fr))}[data-component=hitster] .btn>.mono{flex:none}[data-component=hitster] .btn .kbd{color:inherit;border-color:currentColor;min-width:1.25rem;height:1.25rem}[data-component=hitster] button.chip{border:0;font-family:inherit}[data-component=hitster] button.chip:disabled{color:var(--muted-foreground);box-shadow:inset 0 0 0 1px var(--border);cursor:default;background:0 0}[data-component=hitster] .bar>.h{flex-wrap:nowrap;flex:1}[data-component=hitster] .bar>.h>*{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}[data-component=hitster] .bar>.h>.m{flex:none}@media (height<40rem){[data-component=hitster].phone .foot{padding-bottom:max(var(--space-4), calc(env(safe-area-inset-bottom) + var(--space-2)))}[data-component=hitster].phone .foot.game{gap:var(--space-2)}[data-component=hitster].phone .foot>.note.info .sub{display:none}}[data-component=hitster] .who{gap:var(--space-2);align-content:start;min-width:0;display:grid;container:wer/inline-size}[data-component=hitster] .pname{font:700 min(3rem, 15cqi) / 1.05 var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;hyphens:auto;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}[data-component=hitster] .pname.xl{letter-spacing:-.03em;font-size:min(4.5rem,20cqi);font-weight:800}[data-component=hitster] .pname.xl.long{font-size:min(3rem,15cqi);font-weight:700}[data-component=hitster] .tok{align-items:center;gap:var(--space-2);white-space:nowrap;display:inline-flex}[data-component=hitster] .pips{gap:2px;display:inline-flex}[data-component=hitster] .pips i{border-radius:var(--radius-full);width:.5rem;height:.5rem;box-shadow:inset 0 0 0 1.5px var(--border-strong)}[data-component=hitster] .pips i.on{box-shadow:none;background:currentColor}[data-component=hitster] .ord{width:var(--axis-lead);height:var(--axis-lead);border-radius:var(--radius-sm);background:var(--control);color:var(--control-foreground);font:600 .875rem / 1 var(--font-mono);flex:none;place-items:center;display:inline-grid}[data-component=hitster] .ord.dran{background:var(--selected);color:var(--selected-foreground)}[data-component=hitster] .cnt{font:600 1.5rem / 2rem var(--font-mono);color:var(--foreground)}[data-component=hitster] .yrs{column-gap:var(--space-2);font:500 .75rem / 1rem var(--font-mono);color:var(--muted-foreground);flex-wrap:wrap;display:flex}[data-component=hitster] .row.entry.prow{align-items:start}[data-component=hitster] .row.entry.prow>:is(.lead,.end){align-self:start}[data-component=hitster].desk .row.entry.prow{grid-template-columns:auto minmax(0,1fr) auto}[data-component=hitster].desk .row.entry.prow .lead{width:auto}[data-component=hitster].desk .row.entry.prow+.row.entry.prow:before{left:var(--space-4)}[data-component=hitster] .pick{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}[data-component=hitster] .corr{z-index:1;margin-top:var(--space-2);position:relative}[data-component=hitster] .stepper{align-items:center;gap:var(--space-1);display:inline-flex}[data-component=hitster] .stepper>.yr{text-align:center;min-width:3ch}[data-component=hitster] label.hit{min-width:0;margin-block:-2px;padding-block:2px;display:block}[data-component=hitster] .h>label.hit{display:inline-block}[data-component=hitster] .row.form:has(>label.hit){padding-block:6px}[data-component=hitster] .grip{touch-action:none;cursor:grab}[data-component=hitster] .row.dragging{z-index:2;background:var(--control-hover);border-radius:var(--radius-md)}[data-component=hitster] .fold>summary{cursor:pointer;list-style:none}[data-component=hitster] .fold>summary::-webkit-details-marker{display:none}[data-component=hitster] .fold[open]>summary .end .i{rotate:180deg}[data-component=hitster] .fold-body{padding:var(--space-2) var(--space-4) var(--space-4)}[data-component=hitster] .tl{min-width:0;margin:0;padding:0;list-style:none;display:grid}[data-component=hitster] .tl>li{min-width:0;position:relative}[data-component=hitster] .card{grid-template-columns:var(--axis-lead) minmax(0, 1fr) auto;column-gap:var(--space-4);min-height:var(--row-dense);padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--surface);color:var(--surface-foreground);align-items:center;display:grid}[data-component=hitster] .card.won{background:var(--ok);color:var(--ok-foreground)}[data-component=hitster] .card.won .ct>:nth-child(2){color:inherit}[data-component=hitster] .ct{align-items:baseline;gap:var(--space-2);white-space:nowrap;min-width:0;display:flex;overflow:hidden}[data-component=hitster] .ct>*{text-overflow:ellipsis;min-width:0;overflow:hidden}[data-component=hitster] .ct>:first-child{flex:0 auto;font-weight:500}[data-component=hitster] .ct>:nth-child(2){color:var(--muted-foreground);flex:0 100000 auto;font-size:.875rem;line-height:1.25rem}[data-component=hitster] .cy{font:600 1.125rem / 1.5rem var(--font-mono)}[data-component=hitster] .gap{height:.75rem}[data-component=hitster] .gap>button{z-index:1;cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block;position:absolute;inset:-1rem 0}[data-component=hitster] .gap>button:before{content:"";border-radius:var(--radius-full);background:var(--border-strong);width:2rem;height:4px;transition:width var(--duration-fast) var(--easing-out), background-color var(--duration-fast) var(--easing-out);position:absolute;top:50%;left:50%;translate:-50% -50%}[data-component=hitster] .gap>button:is(:hover,:focus-visible):before{background:var(--ring);width:100%}[data-component=hitster] .gap>button:focus-visible{outline:0}[data-component=hitster] .slot{--slot:var(--steal);--slot-foreground:var(--steal-foreground);grid-template-columns:var(--axis-lead) minmax(0, 1fr) auto;column-gap:var(--space-4);min-height:var(--row-dense);padding:0 var(--space-1) 0 var(--space-4);border-radius:var(--radius-md);color:var(--slot-foreground);background:var(--slot);align-items:center;margin-block:.75rem;display:grid}[data-component=hitster] .slot>.lead{width:var(--axis-lead);place-items:center;display:grid}[data-component=hitster] .slot>.lead .i{font-size:1.5rem}[data-component=hitster] .slot .ct>:nth-child(2){color:inherit;font-family:var(--font-mono)}[data-component=hitster] .slot .btn{color:inherit;background:0 0}[data-component=hitster] .slot:not(:has(.btn)){padding-right:var(--space-4)}[data-component=hitster] .slot.mine{--slot:var(--selected);--slot-foreground:var(--selected-foreground)}[data-component=hitster] .slot.right{--slot:var(--ok);--slot-foreground:var(--ok-foreground)}[data-component=hitster] .slot.wrong{--slot:var(--block);--slot-foreground:var(--block-foreground)}[data-component=hitster] .reveal{column-gap:var(--space-4);grid-template-columns:auto minmax(0,1fr);align-items:end;min-width:0;display:grid;container:aufdecken/inline-size}[data-component=hitster] .reveal .cover.xl{width:clamp(5rem,32cqi,7.5rem);height:clamp(5rem,32cqi,7.5rem)}[data-component=hitster] .reveal>.s1{align-self:end;container:jahr/inline-size}[data-component=hitster] .year-xl{font:800 min(4.5rem, 42cqi) / .9 var(--font-display);letter-spacing:-.03em}[data-component=hitster] .song-t{font:700 1.5rem / 1.25 var(--font-display);letter-spacing:-.01em;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}[data-component=hitster] .song-a{text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground);overflow:hidden}[data-component=hitster] .seg.full{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}[data-component=hitster] .seg.full label{justify-content:center;min-width:0}[data-component=hitster] .seg label>span{text-overflow:ellipsis;min-width:0;overflow:hidden}[data-component=hitster] .seg label.ok:has(input:checked){background:var(--ok);color:var(--ok-foreground)}[data-component=hitster] .seg label.no:has(input:checked){background:var(--block);color:var(--block-foreground)}[data-component=hitster].desk:has(.split.game){height:100dvh}[data-component=hitster].desk .split.game{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 20rem;align-items:stretch;min-height:0;padding-top:0}[data-component=hitster].desk .split.game>.panel{margin-top:var(--space-8);scrollbar-width:thin;align-self:start}[data-component=hitster].desk .stage{gap:var(--space-8);min-width:0;min-height:0;padding-top:var(--space-8);flex-direction:column;display:flex;overflow:hidden}[data-component=hitster].desk .stage>.tl{scrollbar-width:thin;min-height:0;margin-inline:calc(var(--space-4) * -1);padding-inline:var(--space-4);flex:1;overflow-y:auto}[data-component=hitster].desk .stagehead{justify-content:space-between;align-items:flex-end;gap:var(--space-4) var(--space-8);flex-wrap:wrap;min-width:0;display:flex}[data-component=hitster].desk .stagehead>.who{flex:17rem}[data-component=hitster].desk .stagehead>:is(.note,.s4){flex:18rem;max-width:22rem}[data-component=hitster].desk .stagehead>.reveal{flex:24rem}[data-component=hitster].desk .dfoot{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--row-form);padding-bottom:var(--space-8);flex-wrap:wrap;flex:none;display:flex}[data-component=hitster].desk .dfoot>.s2{flex:16rem;min-width:0}[data-component=hitster].desk .dfoot>.ti{flex:20rem;max-width:28rem}[data-component=hitster].desk .dfoot>.h{flex-wrap:nowrap;flex:none;margin-left:auto}[data-component=hitster].desk .between>.who{flex:20rem}[data-component=hitster].desk .cols2,[data-component=hitster].desk .cols3{gap:var(--space-8);align-items:start;display:grid}[data-component=hitster].desk .cols2{grid-template-columns:repeat(2,minmax(0,1fr))}[data-component=hitster].desk .cols3{grid-template-columns:repeat(3,minmax(0,1fr))}[data-component=hitster].desk .reveal .cover.xl{width:10rem;height:10rem}[data-component=hitster].desk .reveal .year-xl{font-size:min(7rem,42cqi)}[data-component=hitster].desk .tl{align-content:start;row-gap:var(--space-4);flex-wrap:wrap;display:flex}[data-component=hitster].desk .card{align-content:start;row-gap:var(--space-2);width:6.5rem;height:8.5rem;padding:var(--space-4);grid-template-columns:minmax(0,1fr)}[data-component=hitster].desk .card .cover{display:none}[data-component=hitster].desk .card .cy{order:-1;font-size:1.5rem;line-height:2rem}[data-component=hitster].desk .ct{gap:var(--space-1);white-space:normal;font-size:.875rem;line-height:1.25rem;display:grid}[data-component=hitster].desk .ct>:first-child{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box}[data-component=hitster].desk .ct>:nth-child(2){white-space:nowrap}[data-component=hitster].desk .gap{width:1rem;height:auto}[data-component=hitster].desk .gap>button{width:auto;inset:0 -.875rem}[data-component=hitster].desk .gap>button:before{width:4px;height:2rem}[data-component=hitster].desk .gap>button:is(:hover,:focus-visible):before{width:4px;height:100%}[data-component=hitster].desk .slot{align-content:start;row-gap:var(--space-2);width:6.5rem;height:8.5rem;padding:var(--space-4);grid-template-columns:minmax(0,1fr);margin:0 1rem}[data-component=hitster].desk .slot>.lead{place-items:start}[data-component=hitster].desk .slot .ct>:first-child{-webkit-line-clamp:1}[data-component=hitster].desk .slot .btn{top:var(--space-1);right:var(--space-1);position:absolute}[data-component=hitster].desk [commandfor=m-spiel][command=toggle-popover]{anchor-name:--spielmenue}[data-component=hitster].desk #m-spiel{position-anchor:--spielmenue}[data-component=hitster][data-room]{max-inline-size:30rem;margin-inline:auto}[data-component=hitster][data-room] .tray{width:min(30rem,100%);left:50%;right:auto;translate:-50%}[data-component=hitster] .c-me{color:var(--me-foreground)}[data-component=hitster] .note.me{--note:var(--me);--note-foreground:var(--me-foreground)}[data-component=hitster] .who.me{margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) 0;padding:var(--space-4);background:var(--me);color:var(--me-foreground)}[data-component=hitster] .who.me :is(.eb,.kfacts){color:inherit}[data-component=hitster] .row.is-me{background:var(--me);color:var(--me-foreground)}[data-component=hitster] .row.is-me :is(.sub,.yrs,.cnt,.lead){color:inherit}[data-component=hitster] .row.is-me:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}[data-component=hitster] .row.is-me:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}[data-component=hitster] .row.is-me:only-child{border-radius:var(--radius-md)}[data-component=hitster] :is(.row.is-me,.row.is-me+.row):before{display:none}[data-component=hitster] .lage{padding:0 var(--space-4);flex:none}[data-component=hitster] .is-frozen{--foreground:var(--muted-foreground);--surface-foreground:var(--muted-foreground);--control-foreground:var(--muted-foreground);--primary:var(--control);--primary-foreground:var(--muted-foreground);--selected:var(--control);--selected-foreground:var(--muted-foreground);--steal:var(--surface);--steal-foreground:var(--muted-foreground);--me:var(--surface);--me-foreground:var(--muted-foreground);--info:var(--surface);--info-foreground:var(--muted-foreground);--ok:var(--surface);--ok-foreground:var(--muted-foreground);color:var(--foreground)}[data-component=hitster] .rank{width:var(--axis-lead);height:var(--axis-lead);font:600 .875rem / 1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted-foreground);place-items:center;display:grid}[data-component=hitster] .room-id{align-items:end;gap:var(--space-4);flex-wrap:wrap;display:flex}[data-component=hitster] .room-id>.s2{flex:9rem}[data-component=hitster] .qr{border-radius:var(--radius-md);background:var(--qr-paper);cursor:zoom-in;border:0;flex:none;width:10.5rem;padding:0;display:block;overflow:hidden}[data-component=hitster] .qr.xl{cursor:default;width:100%}[data-component=hitster] .qr:focus-visible{outline:2px solid var(--ring);outline-offset:2px}[data-component=hitster] .qr svg{width:100%;height:auto;display:block}[data-component=hitster] .qr rect{fill:var(--qr-paper)}[data-component=hitster] .qr path{fill:var(--qr-ink)}[data-component=hitster] .code{font:600 2.5rem / 3rem var(--font-mono);letter-spacing:.08em;font-variant-numeric:tabular-nums}[data-component=hitster] .input.code-in{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase}[data-component=hitster] .seg.full.two{grid-template-columns:repeat(2,minmax(0,1fr))}[data-component=hitster] .pname.xl{font-size:round(min(4.5rem,20cqi),1px);line-height:round(up,1.05em,4px)}[data-component=hitster] .slot.me{--slot:var(--me);--slot-foreground:var(--me-foreground)}[data-component=hitster] .chips>.lbl-in{flex:none;align-self:center}[data-component=hitster] .note.me .end .btn{max-width:none}[data-component=hitster] .foot.game{container:fuss knopfpaar/inline-size}@container fuss (width<21rem){[data-component=hitster] .note.me:has(>.end){grid-template-columns:var(--axis-lead) minmax(0, 1fr);row-gap:var(--space-2)}[data-component=hitster] .note.me>.end{grid-column:2;justify-content:flex-start}}[data-component=hitster] .lage{container:lage/inline-size}[data-component=hitster] .lage .btn.q.sm{padding-inline:var(--space-2)}[data-component=hitster] .lage .note.clip-t .t>:first-child{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}@container lage (width<22rem){[data-component=hitster] .lage .note:has(>.btn){grid-template-columns:var(--axis-lead) minmax(0, 1fr);row-gap:var(--space-1)}[data-component=hitster] .lage .note>.btn{grid-column:2;justify-self:start;margin-inline-start:calc(-1 * var(--space-2))}[data-component=hitster] .lage .note.clip-t .t>:first-child{white-space:normal}}[data-component=hitster] .t>.h1g>.clip{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}[data-component=hitster] .t>.h1g>:not(.clip){flex:none}[data-component=hitster] .prow .sub{flex-wrap:wrap}}@layer utilities;