*{box-sizing:border-box}body{margin:0}.app-header{align-items:center;gap:var(--mantine-spacing-sm);max-width:var(--app-width,460px);padding:var(--mantine-spacing-md) var(--mantine-spacing-md) 0;justify-content:space-between;margin:0 auto;display:flex}.app-main{max-width:var(--app-width,460px);padding:var(--mantine-spacing-md);margin:0 auto}.app-main:focus{outline:none}h1{text-wrap:balance;margin:0;font-size:1.75rem;line-height:1.2}h1:focus{outline:none}h1:focus-visible{outline:2px solid var(--mantine-color-text);outline-offset:2px}.vote-progress{align-items:baseline;gap:var(--mantine-spacing-xs) var(--mantine-spacing-md);flex-wrap:wrap;display:flex}.vote-heading{font-size:1.375rem}.key-hint{color:var(--mantine-color-dimmed);font-size:var(--mantine-font-size-sm);margin:0}@media (pointer:coarse){.key-hint{display:none}}.photo-dialog-bar{justify-content:space-between;align-items:center;display:flex}.photo-dialog-bar h2{margin:0;font-size:1.25rem}.wide{--app-width:1000px}body:has(.app-main.wide){flex-direction:column;height:100dvh;display:flex}.app-main.wide{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.vote-screen{gap:var(--mantine-spacing-sm);flex-direction:column;flex:1;min-height:0;display:flex}.vote-photos{gap:var(--mantine-spacing-sm);flex:1;grid-template-rows:1fr 1fr;min-height:0;display:grid}@media (min-width:700px){.vote-photos{grid-template-rows:1fr;grid-template-columns:1fr 1fr}}.vote-photo{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;container-type:size}.vote-photo-frame{height:min(100cqh, 100cqw / var(--ratio));width:min(100cqw, 100cqh * var(--ratio));position:relative}.vote-photo-button{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.vote-photo-button img{object-fit:cover;width:100%;height:100%;display:block}.vote-photo-button:focus-visible{outline:3px solid var(--mantine-color-text);outline-offset:2px}.vote-expand{right:var(--mantine-spacing-xs);top:var(--mantine-spacing-xs);position:absolute}.photo-dialog{background:var(--mantine-color-body);color:var(--mantine-color-text);max-width:100vw;height:100dvh;max-height:100dvh;padding:var(--mantine-spacing-md);border:0;width:100vw}.photo-dialog::backdrop{background:#0009}.photo-dialog-inner{gap:var(--mantine-spacing-sm);flex-direction:column;height:100%;display:flex}.photo-dialog-inner img{object-fit:contain;flex:1;width:100%;min-height:0}.result-list{gap:var(--mantine-spacing-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.result-row{align-items:center;gap:var(--mantine-spacing-sm);display:flex}.result-rank{font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;width:1.5em;font-weight:700}.result-photo{object-fit:cover;flex-shrink:0;width:48px;height:60px}.result-photo.big{width:80px;height:100px}.result-detail{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.tabular{font-variant-numeric:tabular-nums}.skip-link{background:var(--mantine-color-text);border-radius:var(--mantine-radius-md);color:var(--mantine-color-body);left:var(--mantine-spacing-sm);padding:var(--mantine-spacing-xs) var(--mantine-spacing-sm);top:var(--mantine-spacing-sm);z-index:1000;position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.skip-link:focus-visible{outline:2px solid var(--mantine-primary-color-filled);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.skip-link{transition:transform .15s}}@media (forced-colors:active){.appearance-picker .mantine-SegmentedControl-indicator{border:2px solid highlight}.skip-link{border:2px solid canvastext}.vote-photo-button:focus-visible{outline-color:highlight}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h2{margin:0;font-size:1.25rem;line-height:1.25}
