@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
@font-face{font-family:bodyFont;src:url(../media/noto-s.p.0cjfs345lt3yw.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:bodyFont Fallback;src:local(Arial);ascent-override:100.41%;descent-override:27.52%;line-gap-override:0.0%;size-adjust:106.47%}.bodyfont_4b7f19c8-module__D-7CyW__className{font-family:bodyFont,bodyFont Fallback}.bodyfont_4b7f19c8-module__D-7CyW__variable{--font-viewi-body:"bodyFont", "bodyFont Fallback"}
@font-face{font-family:headingFont;src:url(../media/rubik-s.p.1sz47_f55t1o-.woff2)format("woff2");font-display:swap;font-weight:300 900}@font-face{font-family:headingFont Fallback;src:local(Arial);ascent-override:91.09%;descent-override:24.36%;line-gap-override:0.0%;size-adjust:102.64%}.headingfont_bd10ea7-module__fS62eG__className{font-family:headingFont,headingFont Fallback}.headingfont_bd10ea7-module__fS62eG__variable{--font-viewi-heading:"headingFont", "headingFont Fallback"}
:root{--onyx:#0c0f0a;--neon-pink:#ff206e;--yellow:#fbff12;--turquoise:#41ead4;--white:#fff;--surface:#181c17;--muted:#aeb5aa;--border:#343b31}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--onyx);color:var(--white);margin:0;font:16px/1.6 DM Sans,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--turquoise)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--turquoise);outline-offset:5px}h1,h2,h3{letter-spacing:-.055em;margin:0 0 22px;font-family:Space Grotesk,sans-serif;line-height:1.04}h1{font-size:clamp(40px,5vw,70px)}h2{font-size:clamp(32px,3.5vw,48px)}h3{letter-spacing:-.035em;font-size:25px}em{color:var(--turquoise);font-style:normal}p{color:var(--muted);margin:0 0 22px}main{max-width:1248px;margin:auto;padding:0 32px 64px}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;max-width:1376px;height:112px;margin:auto;padding:10px 64px;display:flex}.brand{width:86px;height:86px;display:block}.brand img{object-fit:contain;display:block}.site-header nav{align-items:center;gap:32px;font-size:14px;font-weight:600;display:flex}.site-header form{margin:0}.button,button{border:1px solid var(--border);background:var(--surface);color:var(--control-ink,var(--white));cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:16px;padding:11px 18px;font-weight:700;line-height:1.4;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.button:hover,button:hover{background:var(--control-hover-background,#293026);color:var(--control-hover-ink,#fff)}.button.primary{background:var(--yellow);color:var(--onyx);border-color:var(--yellow)}.button.primary:hover{background:#e4e900;transform:translateY(-2px)}.button.dark{background:var(--onyx);color:#fff}.button.large{padding:17px 24px}.button span{font-size:22px}button:disabled{opacity:.4;cursor:not-allowed;transform:none}.actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.eyebrow{letter-spacing:.13em;color:var(--turquoise);margin-bottom:20px;font-size:11px;font-weight:700;line-height:1.5;display:block}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:52px;margin:0;padding:88px 0 72px;display:grid}.hero h1{letter-spacing:-.065em;margin:26px 0;font-size:clamp(52px,6.3vw,86px);line-height:1.01}.hero h1 em{color:var(--turquoise)}.hero-copy>p{max-width:470px;font-size:17px}.status-dot{background:var(--turquoise);border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block}.hero .fine-print{color:#969f91;margin:20px 0 0;font-size:11px}.text-link{text-underline-offset:5px;font-size:13px;font-weight:700;text-decoration:underline}.hero-visual{min-width:0;padding:30px 0 20px;position:relative}.mini-board{background:#11150f;border:1px solid #555d4e;padding:12px;position:relative;transform:rotate(3deg);box-shadow:12px 14px #000}.mini-heading{letter-spacing:.08em;justify-content:space-between;padding:8px 3px 18px;font-size:9px;font-weight:700;display:flex}.mini-live{color:var(--turquoise);font-size:8px}.mini-tier{border:2px solid #11150f;grid-template-columns:42px 1fr;min-height:46px;display:grid}.mini-tier>span{color:#111;justify-content:center;align-items:center;font-size:20px;font-weight:600;display:flex}.mini-tier>div{color:var(--muted);background:#242820;align-items:center;gap:4px;padding:3px 6px;font-size:10px;display:flex}.mini-item{flex-shrink:1;width:67px;min-width:0;font-size:0}.mini-item img{object-fit:contain;width:100%;height:36px;display:block}.mini-footer{color:var(--muted);justify-content:space-between;align-items:center;padding:16px 4px 0;font-size:10px;display:flex}.mini-footer span{color:var(--yellow);font-size:24px}.sticker{z-index:2;background:var(--neon-pink);color:#fff;text-align:center;border-radius:50%;justify-content:center;align-items:center;width:106px;height:106px;font:700 12px/1.3 Space Grotesk,sans-serif;display:flex;position:absolute;top:-17px;right:-10px;transform:rotate(12deg)}.hand-note{color:var(--turquoise);text-align:right;margin-top:25px;font-size:14px;display:block;transform:rotate(-4deg)}.ticker{border-top:1px solid var(--border);border-bottom:1px solid var(--border);letter-spacing:.12em;color:#d3d7ce;justify-content:space-between;align-items:center;gap:14px;padding:21px 0;font-size:12px;font-weight:700;display:flex}.ticker b{color:var(--neon-pink);font-size:22px}.explore{padding:80px 0 40px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.section-heading h2{margin:0}.section-heading p{margin:0;font-size:14px}.challenge-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.challenge-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;transition:transform .2s,border-color .2s;display:block;overflow:hidden}.challenge-card:hover{color:#fff;border-color:var(--turquoise);transform:translateY(-5px)}.card-art{align-items:center;gap:22px;height:262px;padding:32px;display:flex;position:relative;overflow:hidden}.transport-card .card-art{background:var(--turquoise);color:var(--onyx)}.music-card .card-art{background:var(--neon-pink);color:var(--onyx)}.category-tag{background:var(--onyx);color:#fff;letter-spacing:.1em;border-radius:4px;padding:5px 9px;font-size:9px;font-weight:700;position:absolute;top:19px;left:22px}.transport-roundel{border:23px solid var(--onyx);border-radius:50%;flex-shrink:0;width:150px;height:150px;margin-top:30px;position:relative;transform:rotate(-12deg)}.transport-roundel span{background:var(--onyx);width:170px;color:var(--turquoise);text-align:center;letter-spacing:.06em;padding:6px 0;font-size:15px;font-weight:700;position:absolute;top:36px;left:-33px}.art-caption{letter-spacing:-.055em;margin-top:24px;font:700 36px/.95 Space Grotesk,sans-serif;transform:rotate(-4deg)}.art-caption em{color:var(--onyx)}.music-star{color:var(--yellow);font:320px/1 Space Grotesk,sans-serif;position:absolute;top:-60px;right:-18px;transform:rotate(14deg)}.music-title{letter-spacing:-.055em;margin-top:40px;font:700 42px/.94 Space Grotesk,sans-serif;position:relative}.music-title em{color:var(--onyx);background:var(--yellow);padding:0 5px}.card-body{padding:28px}.card-body .eyebrow{margin-bottom:14px;font-size:10px}.card-body h3{margin-bottom:13px;font-size:28px}.card-body p{max-width:440px;min-height:46px;font-size:14px}.card-bottom{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding-top:20px;font-size:10px;display:flex}.card-bottom strong{color:var(--yellow);font-size:26px;font-weight:400}.other-rankings{margin-top:25px}.how-section{padding:64px 0 80px}.steps{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:42px;display:grid}.steps>div{border-top:1px solid var(--border);padding-top:24px}.steps span{color:var(--yellow);letter-spacing:.12em;font-size:10px;font-weight:700}.steps h3{margin-top:23px;font-size:24px}.steps p{font-size:14px}.closing-cta{text-align:center;background:var(--yellow);color:var(--onyx);border-radius:12px;margin:0;padding:62px 24px}.closing-cta h2{margin-bottom:30px;font-size:clamp(46px,6vw,76px)}.closing-cta .eyebrow{color:var(--onyx)}.closing-cta p{color:#353820;margin:20px 0 0;font-size:12px}footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;max-width:1248px;margin:auto;padding:32px;display:flex}footer p{margin:0;font-size:13px}.footer-wordmark{letter-spacing:-1px;color:var(--yellow);font-size:22px;font-weight:700}.footer-wordmark span{font-size:14px}.small{color:var(--muted);font-size:12px}.muted{color:var(--muted)}.page-heading{max-width:760px;padding:70px 0 40px}.page-heading.compact{padding-bottom:16px}.page-heading h1{font-size:52px}.studio-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.studio-grid article{margin:0}main>h1{margin-top:48px}main>a:first-child{margin-top:32px;display:inline-block}article{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin:24px 0;padding:24px}article h3 a:hover{text-decoration:underline}fieldset{border:1px solid var(--border);border-radius:12px;margin-top:20px;padding:28px}legend{padding:0 10px;font-weight:700}label{margin:12px 0;font-size:14px;font-weight:600;display:block}input,textarea,select{color:#fff;background:#141811;border:1px solid #485040;border-radius:6px;max-width:100%;padding:11px 13px}input:not([type=color]),textarea{width:100%;margin-top:6px;display:block}input::placeholder{color:#818a7a}textarea{min-height:100px}input[type=file]{padding:10px;font-size:13px}input::file-selector-button{color:#fff;background:#30392a;border:0;border-radius:4px;margin-right:12px;padding:7px 10px}fieldset h2{border-top:1px solid var(--border);margin-top:30px;padding-top:30px;font-size:26px}:is(fieldset>div:has(.uploaded-image-preview),fieldset>div:has(input[type=file])){background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:16px 0;padding:16px 20px}.row{align-items:center;gap:12px;margin:10px 0;display:flex}.row>label{flex:1;min-width:160px}.row input{flex:1;min-width:0}.row input[type=color]{flex:0 0 48px;width:48px;height:44px;padding:4px}.row button{font-size:12px}.uploaded-image-preview{align-items:center;gap:12px;margin:12px 0;display:flex}.uploaded-image-preview img{object-fit:contain;border:1px solid var(--border);background:#242b20;border-radius:6px}.notice,.snapshot-note{color:#c0d5c9;background:#1a2923;border:1px solid #365448;border-radius:6px;margin:20px 0;padding:14px 18px;font-size:13px}.snapshot-note{background:#202219;border-color:#454a2c}.error{color:#ff92b7;background:#361421;border-radius:6px;padding:12px}.board{border:3px solid #000;margin:24px 0}.tier{background:#1a1e18;border-bottom:3px solid #000;grid-template-columns:90px 1fr;min-height:104px;display:grid}.tier:last-child{border-bottom:0}.tier-label{color:#111;overflow-wrap:anywhere;justify-content:center;align-items:center;padding:10px;font-size:25px;font-weight:600;display:flex}.tier-items,.pool{flex-wrap:wrap;align-items:flex-start;gap:8px;min-height:84px;padding:12px;display:flex}.tile{border:1px solid var(--border);color:#fff;overflow-wrap:anywhere;text-align:center;background:#23291f;border-radius:5px;width:130px;padding:8px;font-size:12px}.tile img{object-fit:contain;width:105px;height:70px;margin:auto auto 5px;display:block}.drag-tile{touch-action:none;cursor:grab;display:block}.dragging{opacity:.4}.drag-ghost{pointer-events:none;background:var(--turquoise);color:var(--onyx);border:2px solid var(--onyx);z-index:100;padding:12px;position:fixed;transform:translate(-50%,-50%)}.drop-active{outline:3px solid var(--turquoise);outline-offset:-3px}.pool{background:#151a12;border:1px dashed #5b6751;border-radius:6px;margin:12px 0}.assignments{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}details{margin:24px 0}summary{cursor:pointer;color:var(--turquoise);font-size:14px}dialog{background:var(--onyx);color:#fff;border:1px solid var(--border);border-radius:12px;width:calc(100% - 24px);max-width:600px;max-height:90dvh;padding:24px;overflow:auto}dialog::backdrop{background:#000b}dialog img{max-width:100%;max-height:50dvh;margin:12px auto;display:block}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (min-width:1450px){.hero{padding-top:108px;padding-bottom:96px}.hero h1{font-size:88px}}@media (max-width:1000px){.hero{gap:28px}.hero h1{font-size:62px}.card-art{gap:12px;padding:24px}.transport-roundel{border-width:18px;width:115px;height:115px}.transport-roundel span{width:132px;font-size:12px;top:26px;left:-27px}.art-caption{font-size:30px}.music-title{font-size:34px}.site-header{padding:10px 32px}.hero .actions{gap:16px}.sticker{right:-5px}.mini-item{width:55px}.ticker{font-size:10px}}@media (max-width:720px){main{padding:0 20px 40px}.site-header{height:88px;padding:5px 20px}.brand,.brand img{width:68px;height:68px}.site-header nav{gap:16px;font-size:12px}.site-header nav>a:first-child{display:none}.site-header .button{gap:8px;padding:10px 12px;font-size:11px}.site-header .button span{font-size:17px}.hero{grid-template-columns:1fr;gap:40px;padding:44px 0 38px}.hero h1{font-size:64px}.hero-copy>p{font-size:16px}.hero-visual{width:calc(100% - 16px);max-width:510px;margin:0 auto;padding:20px 0}.mini-tier{min-height:48px}.mini-item{width:65px}.sticker{width:88px;height:88px;font-size:10px;top:-8px}.ticker{white-space:nowrap;justify-content:flex-start;gap:20px;font-size:10px;overflow:hidden}.ticker span{flex-shrink:0}.explore{padding:46px 0 20px}.section-heading{display:block}.section-heading p{margin-top:18px}.challenge-grid,.studio-grid{grid-template-columns:1fr}.card-art{justify-content:center;gap:26px;height:250px}.transport-roundel{border-width:23px;width:145px;height:145px}.transport-roundel span{width:165px;top:33px;left:-33px}.art-caption{font-size:35px}.music-title{width:100%;font-size:42px}.steps{grid-template-columns:1fr;gap:12px;margin-top:30px}.steps>div{padding:20px 0}.steps h3{margin-top:16px}.how-section{padding:40px 0}.closing-cta{padding:44px 20px}.closing-cta h2{font-size:56px}footer{flex-wrap:wrap;gap:14px;padding:24px 20px}footer .small{display:none}.page-heading{padding-top:40px}.page-heading h1{font-size:40px}fieldset{padding:16px}.row{flex-wrap:wrap}fieldset>div:has(input[type=file]){padding:12px}.tier{grid-template-columns:62px 1fr;min-height:90px}.tier-label{font-size:20px}.tier-items,.pool{gap:6px;padding:8px}.tile{width:100px;padding:6px;font-size:10px}.tile img{width:85px;height:60px}.hero .fine-print{font-size:10px}.mini-heading{font-size:8px}.mini-live{font-size:7px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.ranking-viewi-logo{background:0 0;flex:0 0 176px;width:176px;height:88px;line-height:0;display:block;position:relative;overflow:hidden}.ranking-viewi-logo img{width:122%;max-width:none;height:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:600px){.site-header{gap:12px;height:auto;min-height:112px;padding:12px 16px}.site-header nav{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:8px;min-width:130px}.site-header .ranking-viewi-logo{flex-basis:160px;width:160px;height:80px}}.drag-tile{-webkit-user-select:none;user-select:none}.drag-tile img{-webkit-user-drag:none;pointer-events:none}.drag-ghost{color:#fff;border:2px solid var(--turquoise);text-align:center;background:#23291f;border-radius:5px;width:130px;padding:8px;font-size:12px;line-height:1.4;box-shadow:0 8px 24px #0008}.drag-ghost img{object-fit:contain;width:105px;height:70px;margin:0 auto 5px;display:block}.creator-preview-actions{flex-wrap:wrap;align-items:center;gap:16px;margin:24px 0;display:flex}dialog.ranking-preview-modal{inset:var(--preview-nav-height,0px) 0 0;width:100%;height:calc(100dvh - var(--preview-nav-height,0px));overscroll-behavior:contain;scroll-behavior:auto;border:0;border-radius:0;max-width:none;max-height:none;margin:0;padding:0;position:fixed;overflow-y:auto}body:has(.ranking-preview-modal[open]){overflow:hidden}.ranking-preview-header{z-index:110;background:var(--yellow);color:var(--onyx);border-bottom:0;justify-content:space-between;align-items:center;gap:20px;padding:4px 24px;display:flex;position:sticky;top:0}.ranking-preview-header button{flex-shrink:0}.ranking-preview-content{max-width:1248px;margin:0 auto;padding:32px 24px 64px}body:has(.ranking-preview-modal[open]) .site-header{z-index:120;background:var(--onyx);width:100%;position:fixed;top:0;left:0;right:0}.ranking-preview-modal::backdrop{background:0 0}.ranking-preview-header .preview-close-icon{width:44px;height:44px;color:var(--onyx);background:0 0;border:0;border-radius:0;padding:0;font-size:36px;font-weight:400;line-height:1}.ranking-preview-header .preview-close-icon:hover{color:#172033;background:0 0}.ranking-preview-header .preview-close-icon:focus-visible{outline-color:var(--onyx);outline-offset:0}.preview-bottom-actions{border-top:1px solid var(--border);justify-content:center;margin-top:32px;padding:24px 0 0;display:flex}.pool-heading{letter-spacing:0;margin-top:24px;margin-bottom:12px;font-size:18px}.nav-signout{background:0 0;border:0;padding:8px 0;font-weight:600}.nav-signout:hover{color:var(--turquoise);background:0 0}.community-card .card-art{background:var(--yellow);color:var(--onyx)}.ranking-card-tiers{gap:8px;min-width:100px;margin-top:24px;display:grid;transform:rotate(-8deg)}.ranking-card-tiers span{background:var(--onyx);color:var(--yellow);padding:0 32px;font-size:30px;font-weight:700;display:block}.card-body h2{letter-spacing:-.035em;font-size:28px}.rankings-pagination{padding:32px 0}.app-theme{background:var(--onyx);min-height:100vh;color:var(--white)}.brand-wordmark{font:800 52px/.95 var(--font-viewi-heading),sans-serif;letter-spacing:-.075em;color:var(--turquoise);display:inline-block}.brand-wordmark>span{color:var(--neon-pink)}.wordmark-link{flex-shrink:0;align-items:center;display:inline-flex}.theme-toggle{color:inherit;white-space:nowrap;background:0 0;border:1px solid #555e50;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;line-height:1.3;display:inline-flex}.theme-toggle span:first-child{font-size:19px}.theme-toggle:hover{color:inherit;background:#ffffff12}[data-theme=light] .brand-wordmark{color:#0c0f0a}[data-theme=light] .theme-toggle{border-color:#b8c1b1}[data-theme=light] .theme-toggle:hover{background:#0c0f0a0a}[data-theme=light] .site-header,[data-theme=light] footer{color:#0c0f0a;background:#fff}[data-theme=light] .site-header button:not(.primary),[data-theme=light] .site-header a,[data-theme=light] .challenge-card,.app-theme[data-theme=light] .challenge-card:hover{color:#0c0f0a}[data-theme=light] .card-bottom strong,[data-theme=light] .eyebrow,[data-theme=light] .page-heading em{color:#b90b48}[data-theme=light] .ranking-preview-modal{color:#0c0f0a;background:#fff}[data-theme=light] .ranking-preview-header{color:#0c0f0a;background:#fbff12}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{color:#0c0f0a;background:#fff}.app-theme{--control-ink:#e5e7e4;--control-hover-background:#3b4246;--control-hover-ink:#fff}.app-theme[data-theme=light]{--control-ink:#0c0f0a;--control-hover-background:#dce2e4;--control-hover-ink:#0c0f0a}.app-theme[data-theme=light] summary:not(.submission-list-card){color:var(--link-hover)}[data-theme=light] .tier,[data-theme=light] .pool,[data-theme=light] .tile{color:#fff}@media (max-width:600px){.brand-wordmark{font-size:42px}.site-header{flex-wrap:wrap}.site-header nav{gap:12px}.theme-toggle{padding:7px 10px}}.original-viewi-logo{flex-shrink:0;width:176px;height:88px;display:block;position:relative;overflow:hidden}.original-viewi-logo img{width:122%;max-width:none;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.transport-card .transport-roundel{border-color:#fbff12}@media (max-width:600px){.original-viewi-logo{width:150px;height:75px}}.original-viewi-logo{background:#fff;border-radius:10px;align-items:center;width:176px;height:76px;padding:8px;display:flex}.original-viewi-logo img{width:100%;max-width:100%;height:auto;position:static;transform:none}.app-theme[data-theme=light]{color:#22292e;--surface:#edf0f1;--muted:#59636b;--border:#d9dfe2;background:#f8f9f7}.transport-card .card-art{color:#e5e9ef;background:#303233}.transport-card .transport-roundel{border-color:#bf5261;transform:rotate(-7deg)}.transport-card .transport-roundel span{color:#fff;background:#334b77}.transport-card .art-caption,.transport-card .art-caption em{color:#e5e9ef}.transport-card .category-tag{color:#dce3ec;background:#303b4b}[data-theme=light] .transport-card .card-art{color:#29394e;background:#e4e9f0}[data-theme=light] .transport-card .art-caption,[data-theme=light] .transport-card .art-caption em{color:#29394e}[data-theme=light] .transport-card .category-tag{color:#29394e;background:#d1dae6}.card-bottom strong{color:#a5b8e8}.challenge-card:hover{border-color:#6b80a0}.page-heading em{color:inherit}.eyebrow{color:var(--muted)}[data-theme=light] .page-heading em,[data-theme=light] .eyebrow{color:#59636b}.button.primary:hover{color:#fff;background:#2747ae;transform:none}@media (max-width:600px){.original-viewi-logo{width:148px;height:66px}}.app-theme{color:#e5e7e4;--surface:#2b3033;--muted:#b8bebd;--border:#40484a;background:#0c0f0a}.button.primary{color:#0c0f0a;background:#fbff12;border-color:#fbff12}.button.primary:hover{color:#0c0f0a;background:#e8ec10;border-color:#e8ec10}body:has(.ranking-preview-modal[open]) .site-header{background:#0c0f0a}body:has(.ranking-preview-modal[open]) [data-theme=light] .site-header{background:#fff}.original-viewi-logo{background:0 0;border-radius:0;width:176px;height:88px;padding:0;position:relative;overflow:hidden}.original-viewi-logo img{width:122%;max-width:none;height:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.original-viewi-logo .viewi-outline-layer{filter:drop-shadow(.45px 0 #fff)drop-shadow(-.45px 0 #fff)drop-shadow(0 .45px #fff)drop-shadow(0 -.45px #fff)}@media (max-width:600px){.original-viewi-logo{width:150px;height:75px}}.original-viewi-logo .viewi-outline-layer{mix-blend-mode:screen;filter:blur(.35px)contrast(3)}.original-viewi-logo{isolation:isolate}.app-theme{--link-hover:#fbff12}.app-theme[data-theme=light]{--link-hover:#b90b48}.site-header nav a:not(.button){transition:color .15s}footer a:not(:has(.original-viewi-logo)){transition:color .15s}.site-header nav a:not(.button):is(:hover,:focus-visible){color:var(--link-hover);text-underline-offset:5px;text-decoration:underline}footer a:not(:has(.original-viewi-logo)):is(:hover,:focus-visible){color:var(--link-hover);text-underline-offset:5px;text-decoration:underline}.app-theme{--cta-shadow:#b9154e}.app-theme[data-theme=light]{--cta-shadow:#168575}.button.primary{box-shadow:4px 4px 0 var(--cta-shadow);transition:background .15s,box-shadow .15s,transform .15s}.button.primary:hover{box-shadow:2px 2px 0 var(--cta-shadow);transform:translate(2px,2px)}.button.primary:active{box-shadow:0 0 0 var(--cta-shadow);transform:translate(4px,4px)}.site-header,footer{width:100%;max-width:none}.builder-item-fields{grid-template-columns:minmax(150px,1fr) minmax(220px,1.2fr);align-items:end;gap:16px;display:grid}.builder-item-fields>label{min-width:0;margin:0;font-size:13px}.builder-item-fields input{height:46px;min-height:46px;margin-top:6px;font-size:13px}.builder-item-fields input[type=file]{width:100%;min-width:0;padding:7px}.builder-item-fields>button{white-space:nowrap;height:46px;font-size:12px}.builder-item .uploaded-image-preview{margin:12px 0 0}.builder-item .uploaded-image-preview img{width:72px;height:60px}@media (max-width:1000px){.builder-item-fields{grid-template-columns:1fr 1fr}.builder-item-fields>button{justify-self:end}}@media (max-width:560px){.builder-item-fields{grid-template-columns:minmax(0,1fr);gap:12px}}.builder-item-tray{flex-wrap:wrap;gap:16px;margin:20px 0;display:flex}.builder-item-tray:empty{display:none}.builder-item-thumb{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:112px;height:112px;padding:6px;position:relative}.builder-item-thumb img{object-fit:contain;width:100%;height:100%;display:block}.builder-item-thumb .remove-ranking-item{color:#fff;background:#30383d;border:1px solid #718087;border-radius:50%;width:30px;height:30px;padding:0;font-size:22px;line-height:1;position:absolute;top:-8px;right:-8px}.app-theme[data-theme=light] .builder-item-thumb .remove-ranking-item{color:#22292e;background:#fff}.builder-item .cancel-item{margin-top:12px;font-size:12px}.tile.image-tile,.tile.drag-tile{width:130px;min-height:92px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:4px;position:relative}.tile.image-tile:hover,.tile.drag-tile:hover{background:0 0}.tile.image-tile img,.tile.drag-tile img{object-fit:contain;width:122px;height:84px;margin:0 auto}.item-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover){.tile:hover .item-name{clip-path:none;white-space:normal;color:#22292e;z-index:5;pointer-events:none;background:#f8f9f7;border:1px solid #b8bebd;border-radius:5px;width:max-content;max-width:220px;height:auto;padding:6px 10px;font-size:12px;position:absolute;bottom:100%;left:50%;overflow:visible;transform:translate(-50%)}}.tile:focus-visible .item-name{clip-path:none;white-space:normal;color:#22292e;z-index:5;background:#f8f9f7;border-radius:5px;width:max-content;max-width:220px;height:auto;padding:6px 10px;font-size:12px;position:absolute;bottom:100%;left:0;overflow:visible}.drag-ghost{box-shadow:none;background:0 0;border:0}.drag-ghost .item-name{display:none}dialog.item-inspector{color:#f0f1ee;background:#292b2c;border:1px solid #596166;border-radius:14px;width:min(480px,100% - 32px);max-height:85dvh;padding:0}.item-inspector::backdrop{background:#0009}.item-inspector-content{text-align:center;padding:28px;position:relative}.item-inspector h2{margin-bottom:20px;padding-inline:24px;font-size:25px}.item-inspector img{object-fit:contain;width:100%;height:220px;margin:12px auto 24px}.item-inspector .item-inspector-close{color:#fff;background:0 0;border:0;padding:4px 10px;font-size:28px;position:absolute;top:8px;right:10px}.item-tier-options{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;display:flex}.item-tier-options button{min-width:48px;min-height:44px}@media (max-width:720px){.tile.image-tile,.tile.drag-tile{width:100px;min-height:76px}.tile.image-tile img,.tile.drag-tile img{width:92px;height:68px}.item-inspector-content{padding:24px 18px}}.image-field-error{color:#ff92b7;margin-top:8px;font-size:12px;font-weight:400;line-height:1.5;display:block}[data-theme=light] .image-field-error{color:#a01443}.builder-item-fields{align-items:start}.builder-item-fields>button{margin-top:26px}@media (max-width:560px){.builder-item-fields>button{margin-top:0}}.submission-list{gap:10px;margin:28px 0;display:grid}.submission-list-card{border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:10px;justify-content:space-between;align-items:center;gap:24px;padding:12px 24px;display:flex}.submission-list-card:hover{color:inherit;border-color:#718087}.submission-list-person{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.submission-list-person h2{letter-spacing:0;overflow-wrap:anywhere;margin:0 0 4px;font-family:inherit;font-size:18px;font-weight:700;line-height:1.3}.submission-avatar{color:#e5e7e4;background:#35403b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:700;display:flex}.submission-favourites{flex:1;min-width:0}.submission-favourite-images{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:0;display:flex}.submission-favourite{width:82px;height:62px;display:block;position:relative}.submission-favourite img{object-fit:contain;width:100%;height:100%;display:block}.submission-open{white-space:nowrap;color:var(--muted);font-size:12px}@media (max-width:720px){.submission-list-card{flex-wrap:wrap;gap:8px;padding:12px 18px}.submission-list-person,.submission-favourites{flex-basis:100%}.submission-open{margin-left:auto}}.submission-expand{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin:0;overflow:clip}.submission-expand>.submission-list-card{color:inherit;cursor:pointer;border:0;border-radius:0;list-style:none}.submission-expand>summary::-webkit-details-marker{display:none}.submission-expand-icon{text-align:center;width:28px;color:var(--muted);flex-shrink:0;font-size:25px}.submission-expand[open]>summary{border-bottom:1px solid var(--border)}.submission-expanded-board{padding:0 24px 24px}.submission-expanded-board .board{margin-top:20px}.submission-expanded-board .actions{margin-bottom:0}@media (max-width:720px){.submission-expanded-board{padding:0 12px 16px}.submission-expand>.submission-list-card{padding-right:44px;position:relative}.submission-expand-icon{position:absolute;top:16px;right:14px}}.ranking-branding{background:#171a20;border-top:1px solid #34383e;justify-content:flex-end;padding:8px 18px;display:flex}.ranking-branding>a{color:#c4c9d0;align-items:center;gap:10px;font-size:12px;font-weight:600;display:inline-flex}.ranking-branding>a:hover{color:#41ead4}.ranking-branding .original-viewi-logo{width:88px;height:44px;display:block}.ranking-create-link{text-align:right;margin:16px 0 24px;font-size:14px;font-weight:600}.ranking-create-link a{text-underline-offset:4px;text-decoration:underline}.share-ranking-dialog{color:#e5e7e4;background:#0c0f0a}.share-ranking-dialog button{color:#e5e7e4;background:#2b3033;border-color:#50585c}.share-ranking-dialog button:hover{color:#fff;background:#3b4246}.share-ranking-dialog .actions button{color:#0c0f0a;background:#fbff12;border-color:#fbff12}.share-ranking-dialog .actions button:hover{color:#0c0f0a;background:#e4e80f}.share-ranking-dialog .actions a{color:#e5e7e4}.share-ranking-dialog .actions a:hover{color:#41ead4}.share-ranking-dialog h2{padding-right:48px}.share-ranking-dialog .share-close-icon{color:#e5e7e4;width:44px;height:44px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;font-size:34px;font-weight:400;position:absolute;top:12px;right:16px}.share-ranking-dialog .share-close-icon:hover{color:#41ead4;background:0 0}.share-close-footer{justify-content:flex-end;margin-top:24px;display:flex}.submission-search{margin:24px 0}.submission-search .actions{gap:12px}.submission-search input{flex:1;width:auto;min-width:180px;margin:0}.submission-search label{margin-bottom:8px}.community-board-heading{justify-content:space-between;align-items:center;gap:20px;margin:28px 0 20px;display:flex}.community-board-heading h2{margin-bottom:10px}.button.ranking-vote-cta{color:#0c0f0a;background:#41ead4;border-color:#41ead4;flex-shrink:0}.button.ranking-vote-cta:hover{color:#0c0f0a;background:#32d4bf;border-color:#32d4bf}@media (max-width:640px){.community-board-heading{flex-wrap:wrap}.community-board-heading .ranking-vote-cta{margin-left:auto}}.page-loading{min-height:60vh;padding:24px 0}.page-loading>p{margin-bottom:18px;font-size:14px}.loading-block{background:var(--surface);border:1px solid var(--border);border-radius:8px}.loading-title{width:min(520px,75%);height:54px;margin-bottom:16px}.loading-description{width:min(640px,90%);height:22px;margin-bottom:32px}.loading-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.loading-card{height:330px}.loading-board,.loading-list{gap:8px;display:grid}.loading-tier{grid-template-columns:80px 1fr;gap:6px;height:90px;display:grid}.loading-row{height:88px}.loading-content{height:240px}@media (max-width:760px){.loading-card-grid{grid-template-columns:1fr}.loading-card{height:260px}.loading-tier{grid-template-columns:56px 1fr;height:80px}.loading-title{height:42px}}.community-response-count{background:var(--surface);border:1px solid var(--border);color:var(--white);border-radius:10px;align-items:baseline;gap:10px;padding:12px 18px;display:inline-flex}.community-response-count strong{font-variant-numeric:tabular-nums;font-size:32px;font-weight:800;line-height:1.1}.community-response-count span{font-size:16px;font-weight:600}.community-board-heading .community-submissions-link{border-color:var(--muted);color:var(--white);background:0 0;padding:8px 14px;font-size:14px}.community-board-heading .community-submissions-link:hover{background:var(--surface);border-color:var(--link-hover);color:var(--link-hover)}.app-theme[data-theme=light] .community-response-count,.app-theme[data-theme=light] .community-board-heading .community-submissions-link{color:var(--onyx)}.app-theme[data-theme=light] .community-board-heading .community-submissions-link:hover,.app-theme[data-theme=light] .community-board-heading .community-submissions-link:focus-visible{background:var(--surface);color:#b90b48;border-color:#b90b48}.ranking-share-formats{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.share-ranking-dialog .ranking-share-formats button{padding:10px 14px;font-size:14px}.share-ranking-dialog .ranking-share-formats button[aria-pressed=true]{color:#0c0f0a;background:#41ead4;border-color:#41ead4}.share-ranking-dialog .ranking-share-hint{color:#c4c9d0;margin:12px 0;font-size:14px}.share-ranking-dialog .ranking-share-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:58dvh;margin:20px auto;display:block}.share-ranking-dialog:has(.ranking-share-formats){max-height:calc(100dvh - 24px);padding:24px}.share-ranking-dialog:has(.ranking-share-formats) h2{font-size:clamp(26px,5vw,38px)}@media (max-width:480px){.share-ranking-dialog:has(.ranking-share-formats){padding:18px 14px}.share-ranking-dialog:has(.ranking-share-formats) .actions{gap:12px}.share-ranking-dialog:has(.ranking-share-formats) .actions>*{font-size:14px}.share-ranking-dialog:has(.ranking-share-formats) .share-close-footer{margin-top:16px}}.responsive-site-header{gap:24px;position:relative}.responsive-navigation{flex:1;justify-content:flex-end;align-items:center;gap:24px;min-width:0;display:flex}.responsive-site-header .responsive-navigation .responsive-nav-links{white-space:nowrap;flex-wrap:nowrap;order:0;align-items:center;gap:24px;width:auto;margin:0;display:flex}.responsive-site-header .navigation-toggle{display:none}.responsive-navigation>.theme-toggle{flex-shrink:0}.responsive-site-header .responsive-navigation form{margin:0}@media (max-width:1100px){.responsive-site-header.responsive-site-header{flex-wrap:nowrap;gap:16px;height:auto;min-height:88px;padding:8px 20px}.responsive-site-header .original-viewi-logo{width:152px;height:76px}.responsive-navigation{gap:12px}.responsive-site-header .navigation-toggle{width:44px;height:44px;box-shadow:none;color:inherit;background:0 0;border:0;padding:10px;display:inline-flex}.responsive-site-header .responsive-navigation .responsive-nav-links{z-index:110;background:var(--onyx);color:#e5e7e4;border-bottom:1px solid var(--border);white-space:normal;flex-direction:column;align-items:stretch;gap:8px;max-height:calc(100dvh - 104px);padding:20px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.responsive-site-header .responsive-navigation .responsive-nav-links[data-open=true]{display:flex}.responsive-site-header .responsive-navigation .responsive-nav-links>a{align-items:center;min-height:44px;padding:8px 12px;font-size:16px;display:flex}.responsive-site-header .responsive-navigation .responsive-nav-links>form{padding:8px 12px}.responsive-site-header .responsive-navigation .responsive-nav-links button{min-height:44px}.responsive-site-header .responsive-navigation .responsive-nav-links .nav-signout{justify-content:flex-start;width:100%}.app-theme[data-theme=light] .responsive-site-header .responsive-navigation .responsive-nav-links{color:#0c0f0a;background:#fff}.responsive-site-header .navigation-toggle:hover{color:var(--link-hover);background:0 0}}@media (max-width:370px){.responsive-site-header.responsive-site-header{gap:8px;padding-inline:12px}.responsive-site-header .original-viewi-logo{width:128px;height:64px}.responsive-navigation{gap:6px}}.builder-image-search{flex-wrap:wrap;align-items:center;gap:16px;margin:0 0 20px;display:flex}.builder-item-actions>.builder-image-search-button{color:#0c0f0a;background:#41ead4;border-color:#41ead4;flex-shrink:0;min-height:44px;font-size:13px}.builder-item-actions>.builder-image-search-button:hover,.builder-item-actions>.builder-image-search-button:focus-visible{color:#0c0f0a;background:#32d4bf;border-color:#32d4bf}.builder-image-search>p{flex:260px;margin:0;font-size:13px}.builder-image-search a:not(.button),.image-rights-confirmation a{text-underline-offset:3px;text-decoration:underline}label.image-rights-confirmation{align-items:flex-start;gap:12px;max-width:720px;margin:20px 0;font-size:14px;font-weight:400;display:flex}.image-rights-confirmation input[type=checkbox]{appearance:auto;width:20px;height:20px;min-height:0;accent-color:var(--turquoise);flex:0 0 20px;margin:3px 0 0;padding:0}.image-search-modal{border:1px solid var(--border);background:var(--onyx);width:min(940px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--white);overscroll-behavior:contain;border-radius:20px;padding:0;overflow:hidden}.image-search-modal::backdrop{background:#000000b8}.image-search-content{max-height:inherit;flex-direction:column;min-height:0;padding:0;display:flex}.image-search-body{overscroll-behavior:contain;scroll-behavior:auto;min-height:0;padding:0 28px 28px;overflow-y:auto}.image-search-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:18px;padding:28px 28px 0;display:flex}.image-search-header h2{margin:0 0 8px;font-size:30px}.image-search-header p{margin:0 0 20px}.image-search-close{border:0;flex:0 0 44px;min-width:44px;min-height:40px;padding:0 8px;font-size:32px;line-height:1;color:inherit!important;box-shadow:none!important;background:0 0!important}.image-search-form{align-items:flex-end;gap:16px;margin:10px 0 20px;display:flex}.image-search-query{flex:1;min-width:0;margin:0!important}.image-search-form>.button{min-height:50px;margin-bottom:0}.image-search-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0;display:grid}.image-search-result{text-align:left;flex-direction:column;gap:6px;min-width:0;padding:10px;font-weight:400;display:flex}.image-search-result img{object-fit:contain;background:#fff;border-radius:6px;width:100%;height:135px}.image-search-result span{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.image-search-result small{text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.image-search-selection{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:24px;margin:24px 0;display:grid}.image-search-selection>img{object-fit:contain;background:#fff;border-radius:10px;width:100%;max-height:340px}.image-search-selection h3{overflow-wrap:anywhere;font-size:20px}.image-search-selection a{overflow-wrap:anywhere;text-decoration:underline}.image-search-pages,.image-search-footer{justify-content:space-between;align-items:center;gap:16px;margin-top:24px;display:flex}.image-search-footer{border-top:1px solid var(--border);padding-top:20px}.image-search-footer>span{max-width:480px}.image-search-footer button{flex-shrink:0}@media (max-width:600px){.image-search-header{padding:18px 18px 0}.image-search-body{padding:0 18px 18px}.image-search-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.image-search-form{gap:10px}.image-search-form>.button{padding:14px}.image-search-header h2{font-size:25px}.image-search-selection{grid-template-columns:1fr}.image-search-selection>img{max-height:180px}.image-search-footer{flex-direction:column;align-items:flex-start}}[data-theme=light] .image-search-modal{color:#0c0f0a;background:#fff}.image-search-modal .image-search-footer{color:inherit;background:0 0;padding:20px 0 0}.image-search-footer .small{display:block}.image-search-modal .image-search-query input{min-width:0;font-size:16px}.image-search-header>div,.image-search-selection>div{min-width:0}.image-search-selection .actions>*{white-space:normal;max-width:100%}@media (max-width:600px),(max-height:500px) and (pointer:coarse){.image-search-modal{inset:auto;top:var(--image-viewport-top,0px);left:var(--image-viewport-left,0px);width:var(--image-viewport-width,100%);max-width:100%;height:var(--image-viewport-height,100dvh);max-height:var(--image-viewport-height,100dvh);border:0;border-radius:0;margin:0;position:fixed}.image-search-content{height:100%;max-height:100%}.image-search-header{padding:calc(12px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 8px calc(16px + env(safe-area-inset-left));gap:12px}.image-search-header h2{margin-bottom:6px}.image-search-header p{margin-bottom:6px;font-size:14px;line-height:1.4}.image-search-body{padding:0 calc(16px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));flex:1}.image-search-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.image-search-form>.button{gap:0;min-width:0;min-height:48px;padding:12px;font-size:14px}}.share-ranking-dialog,.item-inspector{--surface:#2b3033;--control-ink:#e5e7e4;--control-hover-background:#3b4246;--control-hover-ink:#fff}.submission-entry{border:1px solid var(--border);background:var(--surface);border-radius:10px;overflow:hidden}.submission-entry>.submission-expand{border:0;border-radius:0}.ranking-reactions{flex-wrap:wrap;align-items:center;gap:10px;padding:0 24px 14px;display:flex}.reaction-buttons,.reaction-totals{--reaction-blue:#8fa6ff;flex-wrap:wrap;gap:8px;display:flex}.app-theme[data-theme=light] .reaction-buttons,.app-theme[data-theme=light] .reaction-totals{--reaction-blue:#3155e7}.reaction-buttons>.reaction-button{background:var(--surface);min-width:44px;min-height:44px;color:var(--control-ink);border:1px solid #0000;border-radius:999px;gap:6px;padding:7px 9px;font-size:13px}.reaction-buttons>.reaction-button:hover{border-color:var(--border);background:var(--control-hover-background);color:var(--control-hover-ink)}.reaction-buttons>.reaction-button[aria-pressed=true]{border-color:var(--reaction-blue);color:var(--control-ink);background:#2b344b}.app-theme[data-theme=light] .reaction-buttons>.reaction-button[aria-pressed=true]{border-color:var(--reaction-blue);color:var(--control-ink);background:#e9edff}.reaction-buttons>.reaction-button:disabled{cursor:wait}.reaction-count{font-variant-numeric:tabular-nums;font-weight:500}.reaction-error{color:var(--link-hover);flex-basis:100%;margin:0;font-size:13px}.submission-search .submission-sort{flex-direction:column;gap:4px;margin:0;font-size:13px;display:flex}.submission-search .actions{align-items:flex-end}.submission-search .submission-sort select{width:auto;min-width:170px;margin:0}@media (max-width:600px){.ranking-reactions{padding:0 12px 12px}.reaction-buttons{gap:6px}.reaction-buttons>.reaction-button{gap:5px;padding:7px 8px;font-size:12px}.submission-search .submission-sort{flex:1}.submission-search .submission-sort select{width:100%}}.reaction-icon{color:var(--reaction-blue);flex:0 0 22px;width:22px;height:22px;display:block;overflow:visible}.submission-person-reactions{flex-wrap:wrap;align-items:center;gap:8px 16px;min-width:0;display:flex}.submission-person-reactions .ranking-reactions{min-width:0;padding:0}.submission-person-toggle,.submission-disclosure-toggle{color:inherit;box-shadow:none;background:0 0;border:0;min-height:44px}.submission-person-toggle{text-align:left;justify-content:flex-start;gap:14px;min-width:0;max-width:100%;padding:2px 0}.submission-person-copy{flex-direction:column;min-width:0;font-weight:400;display:flex}.submission-person-name{overflow-wrap:anywhere;font-size:18px;font-weight:700;line-height:1.3}.submission-person-toggle:hover,.submission-disclosure-toggle:hover{background:var(--control-hover-background);color:var(--control-hover-ink)}.submission-card-end{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.submission-disclosure-toggle{min-width:44px;color:var(--muted);padding:0;font-size:25px;font-weight:400}.submission-expand[data-open=true]>.submission-list-card{border-bottom:1px solid var(--border)}.submission-expand>.submission-list-card{cursor:default}@media (max-width:720px){.submission-expand>.submission-list-card{gap:4px 12px;padding:10px 14px}.submission-person-reactions{flex:100%;gap:4px 8px}.submission-person-toggle{gap:8px}.submission-person-name{font-size:16px}.submission-person-toggle .submission-avatar{width:36px;height:36px;font-size:12px}.submission-card-end{gap:8px}.submission-card-end .submission-favourite{width:56px;height:44px}}.reaction-total{color:var(--control-ink);align-items:center;gap:6px;padding:7px 9px;display:inline-flex}.builder-item-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.builder-item-actions>.button{white-space:nowrap;min-height:46px;font-size:13px}@media (max-width:560px){.builder-item-actions>.button{gap:6px;padding:12px}}.image-preview-options{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.image-preview-options .image-background-option{cursor:pointer;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.image-background-option input[type=checkbox]{accent-color:#3155e7;width:18px;height:18px;min-height:18px;margin:0;padding:0}.builder-item .uploaded-image-preview{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.builder-image-search-button,.image-search-form>.button{touch-action:manipulation}@media (pointer:coarse){.builder-item-fields input{font-size:16px}.image-search-form>.button:hover{transform:none}}.board-inspection-hint{display:none}@media (max-width:720px){.board-inspection-hint{margin:16px 0 8px;font-size:13px;display:block}.results-tier-board{margin-top:8px}.results-tier-board>.tier{grid-template-columns:56px minmax(0,1fr);min-height:80px}.results-tier-board[data-short-labels=true]>.tier{grid-template-columns:36px minmax(0,1fr)}.results-tier-board>.tier>.tier-label{padding:6px 3px;font-size:20px}.results-tier-board>.tier>.tier-items{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px;min-width:0;min-height:76px;padding:8px;display:grid}.results-tier-board .tier-items>.tile.image-tile{touch-action:manipulation;justify-content:center;align-items:center;width:100%;min-width:0;height:64px;min-height:64px;padding:2px;display:flex}.results-tier-board .tier-items>.tile.image-tile img{object-fit:contain;width:100%;height:100%;max-height:60px;margin:0;display:block}}.card-art.has-cover{background:#fff;padding:0}.card-art.has-cover>img{object-fit:contain;width:100%;height:100%;display:block}.ranking-cover-input{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin:28px 0;padding:20px}.ranking-cover-input h2{letter-spacing:-.02em;margin-bottom:12px;font-size:24px}.ranking-cover-input h2 .small{letter-spacing:normal;font-size:13px;font-weight:400}.ranking-cover-input>input{max-width:100%;font-size:16px}.ranking-cover-input>button{margin-top:12px}.ranking-cover-preview{aspect-ratio:16/10;border:1px solid var(--border);background:#fff;border-radius:8px;max-width:480px;margin-bottom:16px;overflow:hidden}.ranking-cover-preview>img{object-fit:contain;width:100%;height:100%;display:block}.ranking-cover-editor{margin-top:36px}@media (max-width:560px){.ranking-cover-input{padding:14px}.ranking-cover-input h2{font-size:22px}}