@font-face{font-family:pretendard;src:url(../media/PretendardVariable-s.p.2q4tlji06vjpz.woff2)format("woff2");font-display:swap;font-weight:100 900;font-style:normal}@font-face{font-family:pretendard Fallback;src:local(Arial);ascent-override:93.76%;descent-override:23.75%;line-gap-override:0.0%;size-adjust:101.55%}.pretendard_5adafe50-module__vQ-0ka__className{font-family:pretendard,pretendard Fallback;font-style:normal}.pretendard_5adafe50-module__vQ-0ka__variable{--font-korean:"pretendard", "pretendard Fallback"}
:root{--color-light-background:#fff;--color-light-surface:#f5f7fa;--color-light-text:#202936;--color-light-muted:#657185;--color-light-border:#d7dde7;--color-light-accent:#3559e8;--color-dark-background:#151923;--color-dark-surface:#242b38;--color-dark-text:#f1f4fa;--color-dark-muted:#a8b3c5;--color-dark-border:#2b3444;--color-dark-accent:#90adff;--color-primary:#3559e8;--color-action-text:#fff;--radius-default:8px;--radius-image:12px;--space-control-gap:8px;--space-content-gap:24px;--space-desktop-gutter:48px}
:root{--background:var(--color-light-background);--surface:var(--color-light-surface);--text:var(--color-light-text);--text-muted:var(--color-light-muted);--border:var(--color-light-border);--accent:var(--color-light-accent);--action-background:var(--color-primary);--action-text:var(--color-action-text);--accent-wash:#edf1ff;--danger:#bd2838;--overlay:#1118277a;--scrollbar-thumb:#b0bac9;--scrollbar-track:transparent;--scrollbar-hover:#8491a6;--scrollbar-active:#637089;--chip-bg:#141a26cc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--background:var(--color-dark-background);--surface:var(--color-dark-surface);--text:var(--color-dark-text);--text-muted:var(--color-dark-muted);--border:var(--color-dark-border);--accent:var(--color-dark-accent);--accent-wash:#242f4b;--danger:#ff99a6;--overlay:#000000a6;--scrollbar-thumb:#4b5870;--scrollbar-hover:#64728c;--scrollbar-active:#8a99b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-active)}html{scrollbar-gutter:stable}body{background:var(--background);color:var(--text);font-family:var(--font-korean), "Apple SD Gothic Neo", sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}.site-shell{flex-direction:column;min-height:100svh;display:flex}.site-content{flex:1;min-width:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button{background:0 0;border:0}button:active:not(:disabled),.button:active{transform:translateY(1px)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.04em;line-height:1.3}h1{font-size:40px;font-weight:800}h2{font-weight:750}p{overflow-wrap:anywhere}input,textarea,select{color:var(--text);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-default);min-width:0;padding:12px 14px}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}.select-control{min-width:0;color:var(--text);display:inline-grid;position:relative}.select-control>select{appearance:none;width:100%;padding-right:42px}.select-control>svg{pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.select-control:has(>select:disabled)>svg{opacity:.55}textarea{resize:none;min-height:112px}summary{cursor:pointer}.muted{color:var(--text-muted)}.small{font-size:13px}.eyebrow{color:var(--text-muted);letter-spacing:.01em;font-size:16px;font-weight:500}.mobile-only{display:none}.button{border:1px solid var(--border);border-radius:var(--radius-default);white-space:nowrap;background:var(--background);justify-content:center;align-items:center;gap:9px;min-height:46px;padding:10px 18px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.button:hover:not(:disabled){background:var(--surface);border-color:var(--text-muted)}.button.primary{background:var(--action-background);color:var(--action-text);border-color:var(--action-background)}.button.primary:hover:not(:disabled){filter:brightness(1.1)}.button.selected{border-color:var(--accent);background:var(--accent-wash);color:var(--accent)}.button.large{min-height:54px;padding:14px 24px}.button.square{width:54px;padding:12px}.button.google-sign-in{color:#1f1f1f;font-family:var(--font-google), var(--font-korean), sans-serif;letter-spacing:.25px;background:#fff;border-color:#747775;grid-template-columns:20px minmax(0,1fr) 20px;gap:12px;padding:0 12px;font-size:14px;font-weight:500;line-height:20px;transition:box-shadow .15s;display:grid}.button.google-sign-in:hover:not(:disabled){background:#fff;border-color:#747775;box-shadow:inset 0 0 0 100px #30303014}.button.google-sign-in:active:not(:disabled){box-shadow:inset 0 0 0 100px #3030301f}.button.google-sign-in:disabled{opacity:1;color:#747775;border-color:#d8d9d8}.button.google-sign-in[aria-busy=true]{cursor:progress}.icon-button{min-width:40px;min-height:40px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--surface);color:var(--text)}.error{color:var(--danger);padding:10px 0;font-size:14px}.skip-link{z-index:100;background:var(--background);border:2px solid var(--accent);padding:10px;position:fixed;top:10px;left:20px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.header{--header-height:72px;height:var(--header-height);border-bottom:1px solid var(--border);background:var(--background);flex-shrink:0;align-items:center;gap:32px;padding:0 36px;display:flex;position:relative}.brand{letter-spacing:-2px;flex-shrink:0;align-items:center;gap:13px;font-size:33px;font-weight:850;line-height:1;display:flex}.brand img{object-fit:contain;width:60px;height:46px}.header .brand{gap:10px;min-width:225px;min-height:44px;font-size:30px}.header .brand img{width:50px;height:40px;transform:scale(1.6)}.search{background:var(--surface);min-width:0;height:44px;color:var(--text-muted);border-radius:10px;flex:1;align-items:center;gap:15px;max-width:760px;padding:0 16px;display:flex}.search-symbol{flex-shrink:0}.search .search-toggle{display:none}.search input{background:0 0;border:0;outline:none;width:100%;min-width:0;height:100%;padding:0;font-size:16px}.search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.header-actions .button{min-height:44px}.header:not(.play-header) .theme-toggle{border:0;min-width:44px;padding:10px}.header:not(.play-header) .theme-toggle span span{display:none}.light-mode-label,.dark-mode-label{align-items:center;gap:8px;display:flex}.dark-mode-label{display:none}[data-theme=dark] .dark-mode-label{display:flex}[data-theme=dark] .light-mode-label{display:none}.login-link{min-width:112px;padding-left:24px;padding-right:24px}.home-layout{grid-template-columns:220px minmax(0,1fr);gap:25px;max-width:1680px;margin:auto;transition:grid-template-columns .22s,gap .22s;display:grid}.sidebar{min-width:0;padding:38px 16px;transition:transform .22s,opacity .18s}.sidebar nav{gap:7px;display:grid}.sidebar nav button{border-radius:var(--radius-image);text-align:left;width:100%;min-height:54px;color:var(--text-muted);white-space:nowrap;align-items:center;gap:11px;padding:10px 12px;font-size:16px;font-weight:550;transition:color .15s,background .15s;display:flex}.browse-icon{flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.browse-current{visibility:hidden;flex-shrink:0;margin-left:auto}.sidebar nav button:hover{background:var(--surface);color:var(--text)}.sidebar nav button.active{background:var(--action-background);color:var(--action-text);font-weight:750}.sidebar nav button.active .browse-current{visibility:visible}.home-main{min-width:0;padding:38px 36px 48px 0}.catalog-toolbar{justify-content:space-between;align-items:center;min-height:43px;margin:26px 0 22px;display:flex}.sort-tabs{gap:38px;display:flex}.sort-tabs button{color:var(--text-muted);border-bottom:2px solid #0000;padding:3px 0 11px;font-size:20px;font-weight:600}.sort-tabs button:hover{color:var(--accent)}.sort-tabs button.active{color:var(--accent);border-color:var(--accent)}.catalog-filters{border-bottom:1px solid var(--border);margin:0 0 24px;padding-bottom:22px}.catalog-heading{align-items:center;gap:8px;margin-bottom:16px;display:flex}.catalog-heading h1{font-size:26px;font-weight:800}.catalog-heading>[role=status]{display:inline-flex}.filter-chips{flex-wrap:wrap;gap:8px;display:flex}.filter-chips button{border:1px solid var(--border);border-radius:var(--radius-default);min-height:44px;color:var(--text-muted);background:var(--background);white-space:nowrap;justify-content:center;align-items:center;padding:9px 16px;font-size:14px;font-weight:550;display:inline-flex}.filter-chips button:hover{background:var(--surface);color:var(--text)}.filter-chips button.active{background:var(--accent-wash);color:var(--accent);border-color:var(--accent);font-weight:600}.category-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.catalog-date-filters{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.catalog-date-filters select,.catalog-sort select{border:1px solid var(--border);border-radius:var(--radius-default);background:var(--background);height:44px;color:var(--text);cursor:pointer;padding:0 42px 0 14px;font-size:14px;line-height:20px}.catalog-date-filters select{min-width:140px}.catalog-date-filters select:hover:not(:disabled),.catalog-sort select:hover{border-color:var(--text-muted)}.catalog-date-filters select:disabled{cursor:not-allowed;opacity:.55}.catalog-sort{display:inline-flex}.catalog-error{color:var(--danger);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:14px 0;font-size:14px;display:flex}.catalog-more{justify-content:center;margin-top:32px;display:flex}.category-subfield{max-width:360px}.scrap-control{margin-top:16px}.scrap-control>button{min-width:120px}.scrap-control .text-link{margin-left:10px}.my-scraps .section-heading{margin-bottom:20px}.participation-notice{text-align:center;color:var(--text-muted);margin-top:20px;font-size:13px}.participation-notice .text-link{margin-left:8px}.tournament-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px;display:grid}.tournament-card{border-radius:12px;min-width:0;display:block}.cover{aspect-ratio:1.64;border-radius:var(--radius-image);background:var(--surface);isolation:isolate;position:relative;overflow:hidden}.cover>.photo-frame,.cover>.photo-fallback{object-fit:cover;width:100%;height:100%;transition:transform .24s}.split-cover{width:100%;height:100%;position:relative;overflow:hidden}.split-cover>.photo-frame{width:60%;height:100%;position:absolute;top:0}.split-cover>.photo-frame:first-child{clip-path:polygon(0 0,100% 0,66.6667% 100%,0 100%);left:0}.split-cover>.photo-frame:nth-child(2){clip-path:polygon(33.3333% 0,100% 0,100% 100%,0 100%);right:0}.split-cover:after{content:"";z-index:1;clip-path:polygon(calc(60% - 1.5px) 0,calc(60% + 1.5px) 0,calc(40% + 1.5px) 100%,calc(40% - 1.5px) 100%);pointer-events:none;background:#fff;position:absolute;inset:0}.round-chip{background:var(--chip-bg);color:#fff;border-radius:12px;padding:3px 10px;font-size:15px;font-weight:650;position:absolute;top:12px;left:12px}.tournament-card:hover h2,.tournament-card:focus-visible h2{color:var(--accent)}.tournament-card:hover .cover>.photo-frame{transform:scale(1.025)}.card-title-row{flex-wrap:wrap;align-items:center;gap:6px 12px;margin:14px 0 7px;display:flex}.tournament-card h2{white-space:nowrap;text-overflow:ellipsis;flex:9em;min-width:0;font-size:22px;font-weight:800;line-height:1.4;overflow:hidden}.tournament-card .card-description{min-width:0;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0 0 7px;font-size:14px;line-height:1.5;overflow:hidden}.tournament-classification{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 7px;font-size:12px;line-height:1.7;display:flex}.classification-category{color:var(--accent);font-weight:650}.tournament-classification svg{flex-shrink:0}.tournament-card .card-metrics{max-width:100%;color:var(--text);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 12px;margin-left:auto;font-size:14px;font-weight:600;display:flex}.card-metric{align-items:center;gap:6px;display:inline-flex}.card-metric svg{width:19px;height:19px;color:var(--accent);flex-shrink:0}.footer{border-top:1px solid var(--border);color:var(--text-muted);flex-shrink:0;font-size:12px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 24px;max-width:1680px;margin:0 auto;padding:16px 36px;display:flex}.footer small{font-size:inherit}.footer a:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.footer a:active{color:var(--accent)}.footer-links{flex-wrap:wrap;align-items:center;gap:4px 18px;display:flex}.footer-links a{align-items:center;min-height:44px;display:inline-flex}.photo-fallback{background:var(--surface);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100px;font-size:13px;display:flex}.page{max-width:1200px;margin:0 auto;padding:30px 36px 70px}.back-link{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:28px;padding:6px 0;font-size:14px;display:inline-flex}.back-link:hover{color:var(--accent)}.detail-hero{grid-template-columns:1fr 1fr;align-items:start;gap:50px;display:grid}.detail-hero .round-chip{top:18px;left:18px}.detail-info{padding-top:5px}.detail-topline{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.detail-topline .scrap-control{display:contents}.detail-topline .scrap-control>.button{grid-column:2;justify-self:end}.detail-topline .scrap-control>.error{grid-column:1/-1}.detail-info h1{margin-top:12px;font-size:35px}.detail-info .tournament-classification{gap:8px;font-size:14px}.round-picker{margin-top:28px}.round-picker h2{letter-spacing:-.02em;margin-bottom:13px;font-size:16px}.round-options{flex-wrap:wrap;gap:8px;display:flex}.round-options .button{min-width:64px;min-height:44px;padding:8px 16px}.detail-actions{gap:10px;margin-top:22px;display:flex}.detail-actions .primary{flex:1}.section-tabs{border-bottom:1px solid var(--border);gap:30px;margin-top:55px;margin-bottom:24px;display:flex}.section-tabs button{color:var(--text-muted);border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 2px;font-weight:600;display:inline-flex}.section-tabs button.active{border-color:var(--accent);color:var(--accent)}.count-badge{background:var(--surface);font-variant-numeric:tabular-nums;border-radius:6px;justify-content:center;align-items:center;min-width:26px;min-height:24px;padding:0 7px;font-size:13px;font-weight:600;display:inline-flex}.catalog-heading .count-badge,.section-tabs button.active .count-badge{background:var(--accent-wash);color:var(--accent)}.candidate-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 16px;display:grid}.candidate-preview .photo-frame,.candidate-preview>.photo-fallback{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.candidate-preview p{text-align:center;margin-top:8px;font-size:14px;font-weight:500;line-height:1.5}.ranking-list,.personal-history-list{margin-top:20px;padding:0;list-style:none}.ranking-list>li,.personal-history-list>li{border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:14px 0;display:flex}.ranking-list .photo-frame,.ranking-list .photo-fallback,.personal-history-list .photo-frame,.personal-history-list .photo-fallback{object-fit:cover;border-radius:8px;flex-shrink:0;width:55px;height:55px}.ranking-list b{color:var(--accent);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:6px;margin-left:auto;font-size:14px;display:flex}.rank-number{text-align:center;min-width:28px;color:var(--text-muted);font-variant-numeric:tabular-nums}.ranking-list li:nth-child(-n+3) .rank-number{color:var(--accent)}.rank-name{overflow-wrap:anywhere;min-width:0;font-weight:600}.ranking-caption{color:var(--text-muted);font-size:13px}.history-description{overflow-wrap:anywhere;min-width:0}.history-description>a{font-weight:700}.history-description>a:hover{color:var(--accent)}.history-description p{color:var(--accent);align-items:center;gap:6px;margin:4px 0;display:flex}.history-description>span{color:var(--text-muted);font-size:12px}.site-shell--play{height:100dvh;min-height:0}.site-shell--play .site-content{min-height:0}.site-shell--play>.footer{display:none}.play-screen{flex-direction:column;height:100%;display:flex}.play-screen .play-header{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:20px;display:grid}.play-header .brand{grid-area:1/1;justify-self:start;min-width:0;min-height:44px}.play-header-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;grid-area:1/2;min-width:0;font-size:clamp(16px,2vw,26px);font-weight:800;line-height:1.3;overflow:hidden}.play-header .header-actions{grid-area:1/3;justify-self:end;margin-left:0}.play-main{--matchup-gap:96px;flex-direction:column;flex:1;gap:14px;width:100%;max-width:1440px;min-height:0;margin:0 auto;padding:16px 28px;display:flex}.play-main>.loading{flex:1;min-height:0}.play-heading{width:calc(var(--candidate-size) * 2 + var(--matchup-gap));text-align:center;flex-shrink:0;max-width:100%;margin-inline:auto}.round-status{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;font-size:18px;display:grid}.round-status>span{background:var(--action-background);color:var(--action-text);border-radius:30px;justify-self:start;min-width:68px;padding:3px 16px;font-size:16px;font-weight:600}.round-status strong{font-variant-numeric:tabular-nums;grid-column:2;min-width:60px;font-weight:600}.progress{background:var(--border);border-radius:20px;width:min(75%,320px);height:6px;margin:10px auto 0;overflow:hidden}.progress>span{background:var(--accent);height:100%;transition:width .2s;display:block}.matchup{justify-content:center;align-items:flex-start;gap:var(--matchup-gap);flex:1;min-height:0;display:flex}.choice-column{width:var(--candidate-size,calc((100% - var(--matchup-gap)) / 2));flex-shrink:0;min-width:0;min-height:0;position:relative}.candidate-choice{background:0 0;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;min-height:0;padding:0;display:flex}.candidate-choice .candidate-image{aspect-ratio:1;object-fit:contain;background:var(--surface);outline-offset:2px;border-radius:12px;outline:2px solid #0000;flex-shrink:0;width:100%;height:auto;min-height:0;transition:outline-color .15s,opacity .15s}.candidate-choice:hover .candidate-image,.candidate-choice:focus-visible .candidate-image,.candidate-choice.picked .candidate-image{outline-color:var(--accent)}.candidate-choice:focus-visible{outline:none}.candidate-name{letter-spacing:-.04em;overflow-wrap:anywhere;max-width:100%;font-size:clamp(18px,2vw,26px);font-weight:800;line-height:1.35}.candidate-choice:disabled{opacity:1}.choosing .candidate-choice:not(.picked) .candidate-image{opacity:.5}.versus{left:calc(100% + var(--matchup-gap) / 2);top:calc(var(--candidate-size) / 2);color:var(--text-muted);text-align:center;width:36px;font-size:20px;font-weight:650;position:absolute;transform:translate(-50%,-50%)}.play-main .play-error,.play-main .participation-notice{text-align:center;flex-shrink:0;margin:0;padding:0;font-size:12px}.empty{text-align:center;min-height:300px;padding:80px 20px}.empty h2{margin-bottom:14px;font-size:24px}.empty .button{margin-top:20px}.loading{min-height:60vh;color:var(--text-muted);justify-content:center;align-items:center;gap:12px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dialog-overlay{background:var(--overlay);z-index:40;animation:.15s fade-in;position:fixed;inset:0}.dialog-content{z-index:41;border:1px solid var(--border);background:var(--background);border-radius:16px;width:min(460px,100vw - 36px);max-height:85vh;padding:32px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 20px 70px #00000026}.dialog-title{margin:0 20px 13px 0;font-size:23px}.dialog-content>.muted{font-size:14px;line-height:1.9}.dialog-close{position:absolute;top:12px;right:12px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:27px;display:flex}.toast{border:1px solid var(--border);background:var(--text);max-width:min(540px,100vw - 32px);color:var(--background);z-index:60;opacity:0;pointer-events:none;border-radius:12px;padding:14px 22px;font-size:14px;transition:transform .22s ease-in,opacity .22s ease-in;position:fixed;bottom:28px;left:50%;transform:translate(-50%,calc(100% + 28px));box-shadow:0 5px 24px #0000001f}.toast.visible{opacity:1;transition-timing-function:ease-out;transform:translate(-50%)}.result-page{text-align:center;max-width:720px;margin:auto;padding:40px 25px 70px}.winner-kicker{color:var(--accent);letter-spacing:.12em;justify-content:center;align-items:center;gap:9px;margin-bottom:14px;font-size:13px;font-weight:750;display:flex}.result-page h1{margin:9px 0 23px;font-size:32px}.winner-image{aspect-ratio:1;border-radius:14px;width:min(390px,100%);margin:auto;overflow:hidden}.winner-image .photo-frame{object-fit:cover;width:100%;height:100%}.result-page h2{margin:20px 0 12px;font-size:34px}.result-page>.muted{font-size:14px;line-height:1.9}.result-actions{justify-content:center;gap:10px;margin:24px 0 20px;display:flex}.text-link{color:var(--text-muted);align-items:center;gap:8px;font-size:14px;display:inline-flex}.text-link:hover{color:var(--accent)}.journey{text-align:left;border-top:1px solid var(--border);max-width:480px;margin:35px auto 0;padding-top:18px}.journey summary{font-size:15px;font-weight:600}.journey summary>span{float:right;color:var(--text-muted);font-size:13px;font-weight:400}.journey>div{margin-top:18px}.journey>div>div{align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.journey .photo-frame{object-fit:cover;border-radius:6px;width:44px;height:44px}.journey b{color:var(--accent);margin-left:auto}.journey>div>div>span:first-child{width:40px;color:var(--text-muted)}.form-page{max-width:920px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.page-heading h1{font-size:34px}.page-heading p{color:var(--text-muted);margin-top:10px;font-size:15px}.notice{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:10px;margin-bottom:28px;padding:17px 20px;font-size:13px;line-height:1.9}.notice strong{color:var(--text);margin-bottom:2px;font-size:14px;display:block}.form-section{margin-bottom:34px}.form-section h2{margin-bottom:22px;font-size:20px}.field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.field>label{font-size:14px;font-weight:600}.field .help{color:var(--text-muted);font-size:12px}.field input,.field textarea,.field select{width:100%}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--danger)}.form-row{grid-template-columns:1fr 190px;gap:20px;display:grid}.section-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-heading h2{margin:0}.section-heading>span{color:var(--text-muted);font-size:14px}.upload-zone{border:1.5px dashed var(--border);background:var(--surface);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:32px 20px;display:flex}.upload-zone.dragging{border-color:var(--accent);background:var(--accent-wash)}.upload-zone p{color:var(--text-muted);font-size:13px}.upload-zone svg{color:var(--text-muted)}.upload-errors{color:var(--danger);margin-top:12px;font-size:13px}.edit-candidates{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:25px;display:grid}.edit-candidate{min-width:0;position:relative}.edit-candidate>.photo-frame,.edit-candidate>.photo-fallback{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%}.edit-candidate input{width:100%;margin-top:9px;padding:10px;font-size:13px}.edit-candidate .icon-button{background:var(--background);border:1px solid var(--border);min-width:30px;min-height:30px;position:absolute;top:6px;right:6px}.save-bar{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:22px 0;display:flex}.save-bar .muted{font-size:13px}.save-bar>div{gap:10px;display:flex}.form-error{border:1px solid var(--danger);border-radius:8px;margin:18px 0;padding:12px 16px}.login-page{text-align:center;max-width:480px;margin:70px auto;padding:0 30px}.login-page h1{margin:25px 0 15px;font-size:32px}.login-page .button{width:100%;min-height:54px;margin-top:30px}.login-page .notice{text-align:left;margin-top:22px}.my-page .tournament-grid{margin-top:25px}.my-page .page-heading{flex-flow:wrap;align-items:flex-start;gap:16px}.my-page .page-heading>div{flex:200px;min-width:0}.my-account-actions{border-top:1px solid var(--border);justify-content:flex-end;padding-top:24px;display:flex}.account-email{overflow-wrap:anywhere}.my-created-heading{flex-wrap:wrap;gap:12px}.my-page .page-heading h1,.my-page .section-heading h2{letter-spacing:-.03em;margin:0;font-size:clamp(22px,2vw,24px);font-weight:800;line-height:1.4}.my-page>section{border-top:1px solid var(--border);margin:0;padding:32px 0;position:relative}.my-scraps .section-heading{min-height:44px}.my-scraps .section-heading h2{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.my-scraps .count-badge{background:var(--accent-wash);color:var(--accent);letter-spacing:normal}.tournament-row-card{position:relative}.scrap-control--cover{display:contents}.scrap-control--cover>.button{z-index:1;position:absolute;top:12px;right:12px}.scrap-control--cover>.error{margin-top:12px}.about-page{max-width:800px}.about-page h1{margin-bottom:25px}.about-page h2{margin:30px 0 15px;font-size:22px}.about-page p,.about-page li{color:var(--text-muted);font-size:15px;line-height:1.9}.about-page a{color:var(--accent);text-decoration:underline}.about-page ul{padding-left:24px}.policy-page{overflow-wrap:anywhere}.policy-page p+p{margin-top:12px}.policy-page .policy-date{text-align:right;margin:28px 0 0;font-size:13px}.policy-page li+li{margin-top:10px}.source-list{columns:2;column-gap:30px}.source-list li{break-inside:avoid;margin-bottom:8px;font-size:12px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:1200px){.header{gap:20px;padding:0 24px}.header .brand{min-width:180px}.brand{font-size:29px}.brand img{width:49px}.header-actions{gap:8px}.header-actions .button{padding:9px 13px}.home-layout{grid-template-columns:210px minmax(0,1fr);gap:20px}.sidebar{padding:40px 12px}.home-main{padding-right:25px}.tournament-grid{gap:27px 20px}.tournament-card h2{font-size:19px}.detail-hero{gap:30px}.detail-info h1{font-size:30px}}@media (max-width:960px){.play-header .theme-toggle span span{display:none}.header .brand{min-width:155px}.header{gap:16px}.home-layout{grid-template-columns:190px minmax(0,1fr);gap:10px}.tournament-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-hero{grid-template-columns:1fr 1fr;gap:24px}.detail-info h1{font-size:25px}.round-picker{margin-top:20px}.candidate-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:680px){.header{--header-height:64px;gap:8px;padding:0 16px}.brand{letter-spacing:-1.5px;gap:8px;font-size:25px}.brand img{width:39px;height:35px}.header .brand{gap:6px;min-width:0;font-size:22px}.header .brand img{width:32px;height:28px}.header .search{background:0 0;flex:0 0 44px;width:44px;margin-left:auto;padding:0}.search .search-toggle{flex-shrink:0;width:44px;height:44px;display:inline-flex}.search .search-symbol,.header:not(.search-open) .search input,.header:not(.search-open) .search .icon-button:not(.search-toggle){display:none}.header.search-open .search{inset-inline:16px;background:var(--surface);z-index:1;gap:4px;width:auto;max-width:none;margin:0;padding-right:4px;position:absolute;top:50%;transform:translateY(-50%)}.header.search-open>.brand,.header.search-open>.header-actions{visibility:hidden}.header .search+.header-actions{margin-left:0}.header-actions{gap:6px}.header-actions .button{min-height:44px;padding:8px 11px;font-size:12px}.header:not(.play-header) .theme-toggle{min-width:36px;padding:7px}.header .login-link{min-width:85px;min-height:44px;padding:8px 14px}.play-header .theme-toggle span span{display:none}.play-header .theme-toggle{width:40px}.home-layout{flex-direction:column;gap:0;display:flex}.sidebar{padding:18px 18px 0}.sidebar nav{gap:6px;margin:-5px -4px 0;padding:5px 4px 9px;display:flex;overflow-x:auto}.sidebar nav button{border-radius:var(--radius-default);flex-shrink:0;gap:7px;width:auto;min-height:44px;padding:8px 12px;font-size:14px}.browse-icon{width:20px;height:22px}.browse-icon svg{width:20px;height:20px}.browse-current{display:none}.home-main{padding:20px 18px 32px}.catalog-heading h1{font-size:22px}.catalog-sort{margin-left:auto}.catalog-date-filters{align-items:stretch}.catalog-date-filters>.select-control{flex:1;min-width:0}.catalog-date-filters select{width:100%;min-width:0}.catalog-toolbar{min-height:37px;margin:20px 0 17px}.sort-tabs{gap:25px}.sort-tabs button{padding-bottom:8px;font-size:15px}.tournament-grid{gap:25px 14px}.cover{border-radius:9px}.tournament-card .cover{aspect-ratio:1.3}.round-chip{border-radius:8px;padding:2px 7px;font-size:11px;top:8px;left:8px}.scrap-control--cover>.button{top:8px;right:8px}.tournament-card h2{font-size:16px}.card-title-row{gap:4px;margin:10px 0 6px}.tournament-classification{gap:2px 4px;font-size:11px;line-height:1.6}.tournament-card .card-metrics{gap:6px 10px;font-size:12px}.card-metric svg{width:17px;height:17px}.footer-inner{flex-direction:column;align-items:flex-start;padding:16px 18px}.page{padding:22px 20px 45px}.back-link{margin-bottom:22px}.detail-hero{grid-template-columns:1fr;gap:23px}.detail-info h1{font-size:29px}.detail-info .eyebrow{font-size:13px}.round-options{gap:7px}.round-options .button{min-width:50px;padding:8px 13px}.section-tabs{margin-top:35px}.candidate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.candidate-preview p{font-size:12px}.play-main{gap:12px;padding:12px 16px}.play-screen .play-header{grid-template-columns:104px minmax(0,1fr) 104px;gap:8px;padding-inline:16px}.play-main{--matchup-gap:44px}.candidate-choice .candidate-image{border-radius:10px}.versus{z-index:1;width:28px;height:28px;font-size:12px;font-weight:750;line-height:28px}.dialog-content{padding:27px 24px}.dialog-title{font-size:21px}.dialog-actions .button{padding:10px 15px;font-size:13px}.result-page{padding-top:32px}.result-page h1{font-size:27px}.winner-image{max-width:310px}.result-page h2{font-size:29px}.result-actions .button{padding:11px 14px;font-size:13px}.form-row{grid-template-columns:1fr;gap:0}.page-heading{flex-direction:column;align-items:flex-start;gap:15px}.page-heading h1{font-size:29px}.page-heading p{font-size:13px}.notice{padding:14px 16px;font-size:12px}.edit-candidates{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}.save-bar{flex-direction:column;align-items:flex-start;gap:15px}.save-bar>div{width:100%}.save-bar .primary{flex:1}.login-page{margin-top:35px}.source-list{columns:1}.ranking-list>div{gap:12px;font-size:13px}.ranking-list b{font-size:12px}.empty{padding:60px 15px}.empty h2{font-size:21px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){*{scrollbar-color:auto}::-webkit-scrollbar-thumb{background:buttontext}.button,.candidate-choice{border:1px solid buttontext}.round-chip{border:1px solid canvastext}.progress>span{background:highlight}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.edit-link{margin-top:12px;font-size:13px}.resize-none{resize:none}.login-brand{justify-content:center;display:flex}.brand img{transform:scale(1.8)}@media (min-width:1201px){.header:not(.play-header) .brand{min-width:250px}.tournament-grid{row-gap:34px}.tournament-card h2{font-size:24px}.tournament-card p{font-size:16px}.tournament-grid--catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.tournament-grid--catalog .card-title-row{gap:6px 8px;margin-top:12px}.tournament-grid--catalog .tournament-card h2{flex-basis:7em;font-size:20px}.tournament-grid--catalog .tournament-classification{font-size:12px}.tournament-grid--catalog .card-metrics{gap:6px 10px;font-size:12px}.tournament-grid--catalog .card-metric svg{width:17px;height:17px}.brand{font-size:36px}}@media (max-height:600px){.play-main{gap:8px;padding-top:8px;padding-bottom:8px}.play-heading .progress{height:4px;margin-top:6px}.candidate-name{font-size:16px}.candidate-choice{gap:8px}}.undo-row{background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:15px;margin:14px 0;padding:13px 16px;font-size:13px;display:flex}.undo-row .text-link{color:var(--accent);text-decoration:underline}@media (min-width:681px){.header:not(.play-header){grid-template-columns:minmax(160px,1fr) minmax(0,520px) minmax(160px,1fr);gap:24px;display:grid}.header:not(.play-header) .brand{justify-self:start;min-width:0}.header:not(.play-header) .search{justify-self:center;width:100%;max-width:520px}.header:not(.play-header) .header-actions{justify-self:end;margin-left:0}.header--search-mode .search .search-toggle{flex-shrink:0;display:inline-flex}.header--search-mode .search{gap:4px;padding-left:4px}.header--search-mode .search-symbol{display:none}}.home-layout.home-layout--search{grid-template-columns:0 minmax(0,1fr);gap:0}.home-layout--search .sidebar{opacity:0;visibility:hidden;padding-inline:0;overflow:hidden;transform:translate(-100%)}.home-layout--search .home-main{padding-inline:36px}.catalog-search{min-width:0}.search-section{min-width:0;margin-bottom:40px;position:relative}.search-section .catalog-heading{padding-right:100px}.search-section h2{font-size:24px;font-weight:800}.search-section .catalog-filters{margin-bottom:20px}.search-row-actions{gap:8px;display:flex;position:absolute;top:0;right:0}.search-row-actions .icon-button{border:1px solid var(--border);min-width:44px;min-height:44px}.search-row-actions[hidden]{display:none}.search-row-actions .icon-button:disabled{opacity:.35;cursor:default;background:0 0}.search-results-row{overscroll-behavior-x:contain;scroll-snap-type:x proximity;grid-auto-columns:clamp(240px,23vw,320px);grid-auto-flow:column;gap:20px;margin:-4px -4px 0;padding:4px 4px 16px;display:grid;overflow-x:auto}.search-results-row:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.search-results-row>*{scroll-snap-align:start;min-width:0}.search-results-row .tournament-card h2{font-size:20px}.search-results-row .tournament-classification{font-size:12px}.search-results-row .card-metrics{gap:6px 10px;font-size:12px}.search-results-row .card-metric svg{width:17px;height:17px}.search-row-more{place-self:center}.search-section-empty{min-height:88px;color:var(--text-muted);padding:24px 0}.catalog-search[aria-busy=true] .search-results-row{opacity:.65}@media (max-width:680px){.home-layout--search .sidebar{height:0;margin:0;padding:0}.home-layout--search .home-main{padding-inline:18px}.search-section h2{font-size:22px}.search-results-row{grid-auto-columns:min(76vw,290px);gap:16px}.search-section .catalog-date-filters{gap:8px}.search-section .catalog-date-filters select{width:100%;min-width:0}.search-section .catalog-date-filters>*{flex:1;min-width:0}}.editor-fields{border:0;min-width:0;margin:0;padding:0}.catalog-skeleton{min-width:0}.catalog-skeleton>div{aspect-ratio:1.64;background:var(--surface);border-radius:14px}.catalog-skeleton>span{background:var(--surface);border-radius:5px;width:70%;height:20px;margin-top:16px;display:block}.catalog-skeleton>span:last-child{width:45%;height:14px;margin-top:12px}.catalog-page-end{justify-content:center;align-items:center;min-height:64px;padding:12px;display:flex}.catalog-page-end:empty{min-height:1px;padding:0}.search-results-row>.catalog-skeleton{flex:0 0 var(--row-card-width,300px)}.search-results-row>.catalog-page-end{flex:none;min-width:1px}.photo-loading{background:var(--surface);border-radius:inherit;display:block}.photo-frame{background:var(--surface);display:block;position:relative;overflow:hidden}.photo-frame>img{object-fit:inherit;border-radius:inherit;opacity:0;width:100%;height:100%;transition:opacity .15s ease-out;display:block}.photo-frame>img.photo-ready{opacity:1}.photo-frame>.photo-fallback{width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.photo-frame>img{transition:none}}.image-retry{background:var(--background);z-index:2;border-radius:8px;width:calc(100% - 24px);padding:12px;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-retry:active:not(:disabled){transform:translate(-50%,-50%)}.photo-placeholder{border-radius:inherit;color:color-mix(in srgb, var(--accent) 55%, var(--surface));pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.photo-placeholder-mark{aspect-ratio:1.54;background:currentColor;width:clamp(20px,22%,52px);-webkit-mask:url(/assets/pickkok-mark.webp) 50%/155% no-repeat;mask:url(/assets/pickkok-mark.webp) 50%/155% no-repeat}.photo-placeholder:after{content:"";background:linear-gradient(105deg, transparent 25%, color-mix(in srgb, var(--text-muted) 12%, transparent) 50%, transparent 75%);position:absolute;inset:0;transform:translate(-100%)}.photo-placeholder--active:after{animation:1.8s ease-in-out infinite photo-shimmer}@keyframes photo-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.photo-placeholder--active:after{animation:none;display:none}}.catalog-loading{justify-content:center;align-items:flex-start;min-height:280px;padding-top:32px;display:flex}.catalog-loading>.spinner{width:28px;height:28px}.cover-versus{z-index:2;background:var(--chip-bg);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.thumbnail-editor{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:24px;display:grid}.thumbnail-preview,.thumbnail-controls{min-width:0}.thumbnail-controls .select-control{width:100%}.thumbnail-controls select{text-overflow:ellipsis}.thumbnail-swap{margin-top:4px}@media (max-width:600px){.thumbnail-editor{grid-template-columns:minmax(0,1fr);gap:16px}}
