@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-ext-700-normal-BuR0mlCG.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-700-normal-DfoqN4Gs.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-700-normal-DP36NgGt.woff2) format("woff2"),url(/assets/nunito-cyrillic-700-normal-DfHRUDv-.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-vietnamese-700-normal-Ch8EUCfz.woff2) format("woff2"),url(/assets/nunito-vietnamese-700-normal-C9SQsXvj.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-ext-700-normal-BWeMsAzO.woff2) format("woff2"),url(/assets/nunito-latin-ext-700-normal-D4woHhbd.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-vietnamese-400-normal-65jA92mZ.woff2) format("woff2"),url(/assets/patrick-hand-vietnamese-400-normal-CZjY324Y.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2) format("woff2"),url(/assets/patrick-hand-latin-ext-400-normal-C2ywpnn3.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2) format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-paper: #fdfbf7;--color-ink: #2d2d2d;--color-muted: #e5e0d8;--color-accent: #ff4d4d;--color-pen: #2d5da1;--color-post-it: #fff9c4;--color-surface: #ffffff;--color-image-well: #f4f0e8;--color-image-well-border: #cdd7d2;--color-image-well-text: #5f675f;--font-heading: "Nunito", sans-serif;--font-body: "Patrick Hand", "Comic Sans MS", cursive;--radius-wobbly-sm: 24px 8px 20px 10px / 9px 22px 8px 24px;--radius-wobbly-md: 36px 12px 32px 10px / 12px 30px 11px 34px;--radius-wobbly-lg: 255px 15px 225px 15px / 15px 225px 15px 255px;--radius-wobbly-pill: 120px 18px 105px 16px / 15px 90px 18px 110px;--shadow-hard-sm: 2px 2px 0 var(--color-ink);--shadow-hard: 4px 4px 0 var(--color-ink);--shadow-hard-lg: 8px 8px 0 var(--color-ink);--focus-ring: 4px solid var(--color-pen);color:var(--color-ink);background:var(--color-paper);font-family:var(--font-body);font-weight:400;line-height:1.5;--motion-fast: .14s;--motion-medium: .28s;--motion-slow: .52s;--motion-ease-out: cubic-bezier(.22, 1, .36, 1);--motion-ease-spring: cubic-bezier(.2, .85, .3, 1.15)}*{box-sizing:border-box}body{margin:0;background-color:var(--color-paper);background-image:radial-gradient(var(--color-muted) 1px,transparent 1px);background-size:24px 24px;font-family:var(--font-body);font-weight:400}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700}strong,b{font-weight:400}[data-route-heading][tabindex="-1"]:focus{outline:none}button,.button-link{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;border:2px solid var(--color-ink);border-radius:13px;border-radius:var(--radius-wobbly-sm);padding:0 1rem;background:var(--color-post-it);color:var(--color-ink);font:inherit;font-weight:400;text-align:center;text-decoration:none;cursor:pointer;box-shadow:var(--shadow-hard);transition:transform .12s ease,box-shadow .12s ease}button:hover:not(:disabled),.button-link:hover{transform:translateY(-1px);box-shadow:var(--shadow-hard-lg)}button:active:not(:disabled),.button-link:active{transform:translateY(3px);box-shadow:var(--shadow-hard-sm)}button:focus-visible,.button-link:focus-visible{outline:var(--focus-ring);outline-offset:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}input,select,textarea{min-height:2.5rem;border:2px solid var(--color-ink);border-radius:8px;padding:.65rem .85rem;background:var(--color-surface);color:var(--color-ink);font:inherit;font-weight:400}select{padding-right:2.25rem}textarea{min-height:7rem;resize:vertical}input:disabled{background:var(--color-muted);color:var(--color-ink);cursor:not-allowed}button:disabled{opacity:.65;cursor:wait}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--focus-ring);outline-offset:3px}.paper-surface{position:relative;border:3px solid var(--color-ink);border-radius:var(--radius-wobbly-md);background:var(--color-surface);box-shadow:var(--shadow-hard)}.paper-surface--tape:before{position:absolute;z-index:1;top:-.75rem;left:50%;width:4.5rem;height:1.4rem;background:var(--color-post-it);content:"";opacity:.82;pointer-events:none;transform:translate(-50%) rotate(-2deg)}.paper-surface--tack:before{position:absolute;z-index:1;top:.7rem;left:50%;width:.9rem;height:.9rem;border:2px solid var(--color-ink);border-radius:50%;background:var(--color-accent);box-shadow:var(--shadow-hard-sm);content:"";pointer-events:none;transform:translate(-50%)}.sticky-label{display:inline-block;border:2px solid var(--color-ink);border-radius:var(--radius-wobbly-sm);padding:.25rem .75rem;background:var(--color-post-it);color:var(--color-ink);font-family:var(--font-body);font-weight:400;line-height:1.2;transform:rotate(-1deg)}.action-control{display:inline-flex;min-width:2.75rem;min-height:2.75rem;align-items:center;justify-content:center;border:3px solid var(--color-ink);border-radius:var(--radius-wobbly-sm);padding:.55rem 1rem;background:var(--color-post-it);box-shadow:var(--shadow-hard);color:var(--color-ink);font-family:var(--font-body);font-size:1.1rem;font-weight:400;line-height:1;text-align:center;text-decoration:none;cursor:pointer;transition:box-shadow var(--motion-fast) var(--motion-ease-out),transform var(--motion-fast) var(--motion-ease-out)}.action-control:hover:not(:disabled):not([aria-disabled=true]){box-shadow:var(--shadow-hard-sm);transform:translate(2px,2px)}.action-control:active:not(:disabled):not([aria-disabled=true]){box-shadow:none;transform:translate(4px,4px)}.action-control:focus-visible,.icon-control:focus-visible,.field-control:focus-visible{outline:var(--focus-ring);outline-offset:4px}.action-control--primary{background:var(--color-accent)}.action-control--secondary{border-width:2px;border-color:var(--color-ink);background:var(--color-surface);box-shadow:var(--shadow-hard-sm);color:var(--color-ink)}.action-control--secondary[aria-pressed=true]{background:var(--color-post-it)}.action-control--secondary:hover:not(:disabled):not([aria-disabled=true]):not([aria-pressed=true]){background:var(--color-paper);box-shadow:1px 1px 0 var(--color-ink);transform:translate(1px,1px)}.action-control--secondary:active:not(:disabled):not([aria-disabled=true]){box-shadow:none;transform:translate(2px,2px)}.action-control--danger{border-style:double;border-width:4px;background:var(--color-accent)}.action-control--hero{min-height:3rem;border-width:4px;border-radius:var(--radius-wobbly-lg);padding:.85rem 1.5rem;box-shadow:var(--shadow-hard-lg);font-family:var(--font-body);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:400}.action-control:disabled,.action-control[aria-disabled=true],.icon-control:disabled{opacity:.58;cursor:not-allowed;filter:grayscale(1);transform:none}.icon-control{display:inline-grid;width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;place-items:center;border:2px solid var(--color-ink);border-radius:var(--radius-wobbly-pill);padding:.5rem;background:var(--color-surface);box-shadow:var(--shadow-hard-sm);color:var(--color-ink);cursor:pointer}.field-control{width:100%;min-height:2.75rem;border:2px solid var(--color-ink);border-radius:8px;padding:.65rem .85rem;background:var(--color-surface);color:var(--color-ink);font-family:var(--font-body);font-size:1rem;font-weight:400;line-height:1.4}.paper-note{border:3px solid var(--color-ink);border-radius:var(--radius-wobbly-md);padding:1rem 1.25rem;background:var(--color-surface);box-shadow:var(--shadow-hard-sm);color:var(--color-ink)}.paper-note--success{background:var(--color-post-it)}.paper-note--warning{background-image:repeating-linear-gradient(-45deg,var(--color-post-it),var(--color-post-it) 10px,var(--color-surface) 10px,var(--color-surface) 20px)}.paper-note__title{margin:0 0 .35rem;color:inherit;font-family:var(--font-heading);font-size:1.25rem;font-weight:700;line-height:1.25}.paper-note__content>:first-child{margin-top:0}.paper-note__content>:last-child{margin-bottom:0}.paper-note__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}@media (prefers-reduced-motion: reduce){.action-control,.icon-control,.paper-surface,.sticky-label{animation:none!important;transition:none!important}}.app-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:100vh;min-height:100dvh;width:100%;margin:0 auto;padding:0}.app-shell--paper{background-color:var(--color-paper)}.navigation-transition,.app-shell--root-error>.app-content{box-sizing:border-box;width:min(100%,1280px);margin-inline:auto;padding-inline:2rem}.app-shell[data-page-chrome=active-matchup]{--app-footer-separation: 0;box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;min-height:100dvh;width:100%;overflow:hidden}.app-shell[data-page-chrome=active-matchup] .app-header{margin-bottom:.75rem}.app-shell[data-page-chrome=active-matchup] .navigation-transition{box-sizing:border-box;width:min(100%,1280px);margin-inline:auto;padding-inline:max(.75rem,env(safe-area-inset-left)) max(.75rem,env(safe-area-inset-right))}.app-shell[data-page-chrome=active-matchup] .navigation-transition,.app-shell[data-page-chrome=active-matchup] .route-reveal,.app-shell[data-page-chrome=active-matchup] .app-content{display:grid;grid-template-rows:minmax(0,1fr);min-height:0}.app-shell[data-page-chrome=active-matchup]:has(.vote-matchup-boundary[data-constrained=true]){grid-template-rows:auto minmax(min-content,1fr) auto;overflow:auto}.app-shell[data-page-chrome=active-matchup]:has(.vote-matchup-boundary[data-constrained=true]) :is(.navigation-transition,.app-content,.route-reveal){grid-template-rows:minmax(min-content,1fr)}.app-header{box-sizing:border-box;display:flex;width:100%;min-width:0;min-height:3.75rem;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1.5rem;border-bottom:1px solid var(--color-muted);padding:max(.375rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .375rem max(1rem,env(safe-area-inset-left))}.app-content{min-width:0}.navigation-transition{position:relative}.route-content{transform-origin:50% 12%;transition:opacity .18s var(--motion-ease-out),transform .18s var(--motion-ease-out)}.route-content--pending{opacity:.75}.route-content--paper-swap{opacity:.72;transform:translateY(4px) scale(.985) rotate(.6deg)}.navigation-pending{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-content:center;pointer-events:none;color:var(--color-ink)}.navigation-pending--long{background:var(--color-paper);opacity:.88}.navigation-pending__mark{width:1rem;height:1rem;margin:0 auto .5rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:navigation-pending-pulse .7s ease-in-out infinite}.route-reveal{opacity:0;transition:opacity .2s var(--motion-ease-out)}.route-reveal--visible{opacity:1}.route-reveal--playful{transform-origin:50% 12%;transition:opacity .2s var(--motion-ease-out),transform .36s var(--motion-ease-out)}.route-reveal--playful.route-reveal--hidden{transform:translateY(6px) scale(.985) rotate(-.45deg)}.route-reveal--playful.route-reveal--visible{transform:none}[data-route-motion="0"]{--route-motion-index: 0}[data-route-motion="1"]{--route-motion-index: 1}[data-route-motion="2"]{--route-motion-index: 2}[data-route-motion="3"]{--route-motion-index: 3}[data-route-motion="4"]{--route-motion-index: 4}.route-reveal--playful.route-reveal--hidden [data-route-motion][data-route-motion-active]{opacity:0;transform:translateY(12px) rotate(-.35deg)}.route-reveal--playful.route-reveal--visible [data-route-motion][data-route-motion-active]{animation-name:route-motion-region-in;animation-duration:.36s;animation-delay:calc(var(--route-motion-index, 0) * 55ms);animation-timing-function:var(--motion-ease-out);animation-fill-mode:backwards}.route-content--paper-swap .route-reveal--playful{transition:none}.route-content--paper-swap .route-reveal--playful [data-route-motion][data-route-motion-active]{animation:none}@keyframes route-motion-region-in{0%{opacity:0;transform:translateY(12px) rotate(-.35deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.route-content,.route-reveal{transition-duration:1ms}.route-content--paper-swap,.route-reveal--playful,.route-reveal--playful.route-reveal--hidden,.route-reveal--playful.route-reveal--visible{transform:none}.route-reveal--playful.route-reveal--hidden [data-route-motion][data-route-motion-active],.route-reveal--playful.route-reveal--visible [data-route-motion][data-route-motion-active]{animation:none;opacity:1;transform:none}}.is-pending{text-decoration-style:dashed}@keyframes navigation-pending-pulse{to{opacity:.45}}.header-navigation{display:flex;flex:0 0 auto;align-items:center;gap:.25rem}.header-tools{display:flex;min-width:0;align-items:center;justify-content:flex-end}.header-account-link,.header-today-link{display:inline-flex;min-width:2.75rem;min-height:2.75rem;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;padding:.35rem .75rem;color:var(--color-ink);font-size:1rem;text-decoration:none}.header-account-link:hover,.header-account-link[aria-current=page],.header-today-link:hover{background:var(--color-muted)}.header-account-link:focus-visible,.header-today-link:focus-visible{outline:var(--focus-ring);outline-offset:3px}.header-account-link svg{width:1.5rem;height:1.5rem;flex-shrink:0}.eyebrow,.label{margin:0 0 .5rem;color:var(--color-accent);font-size:.82rem;font-weight:400;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:clamp(2.6rem,7vw,6.5rem);line-height:.95}h2{margin:0;font-size:clamp(2.15rem,5vw,4.75rem);line-height:1.02}.status,.status-block{font-size:1.1rem}.user-switcher{display:grid;gap:.4rem;color:var(--color-ink);font-size:.85rem;font-weight:400}.account-profile-name{max-width:min(12rem,50vw);overflow:hidden;color:var(--color-ink);font-size:.92rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.route-panel{padding:1.5rem 0 0}.app-footer{margin-top:var(--app-footer-separation, 3rem);background:var(--color-image-well);border-top:0}.app-footer__inner{box-sizing:border-box;display:flex;width:min(100%,1280px);margin:0 auto;padding:1.25rem 2rem max(1.5rem,env(safe-area-inset-bottom));flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;justify-content:space-between}.app-footer p{margin:0;color:var(--color-ink);font-size:.92rem;font-weight:400}.footer-nav{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end}.footer-link{display:inline-flex;min-width:2.75rem;min-height:2.75rem;align-items:center;border:0;padding:.15rem 0;background:transparent;color:var(--color-ink);font-size:.9rem;font-weight:400;text-decoration:underline;text-underline-offset:.22em;box-shadow:none}.footer-link:hover:not(:disabled),.footer-link:active:not(:disabled){transform:none;color:var(--color-ink);box-shadow:none}.footer-link.active{color:var(--color-accent);text-decoration-style:double}.footer-link:focus-visible{outline:var(--focus-ring);outline-offset:4px}.legal-panel{width:min(100%,760px);padding:clamp(1.25rem,3vw,2rem)}.legal-panel h2{font-size:clamp(2.1rem,4.5vw,4rem)}.legal-effective-date{margin:.75rem 0 1.25rem;color:var(--color-ink);font-size:.95rem;font-weight:400}.legal-section{display:grid;gap:.65rem;margin-top:1.5rem;padding-top:1.25rem;border-top:3px solid var(--color-ink)}.legal-section h3{margin:0;font-size:clamp(1.25rem,2.2vw,1.75rem);line-height:1.12}.legal-section p,.legal-section ul{margin:0;color:var(--color-ink);line-height:1.65}.legal-section ul{display:grid;gap:.45rem;padding-left:1.25rem}.auth-panel{display:grid;gap:1.25rem;width:min(100%,520px);margin-inline:auto;padding:clamp(1.5rem,4vw,2.25rem)}.auth-panel-card{width:min(100%,720px);padding:clamp(1.5rem,4vw,3rem)}.auth-vote-intro{display:flex;gap:1rem;align-items:center;padding-bottom:1.25rem;border-bottom:3px solid var(--color-ink)}.auth-vote-badge{display:grid;width:3.5rem;min-width:3.5rem;height:3.5rem;place-items:center;border:3px solid var(--color-ink);border-radius:var(--radius-wobbly-pill);background:var(--color-post-it);box-shadow:var(--shadow-hard-sm);color:var(--color-ink);font-weight:400;transform:rotate(-1deg)}.auth-vote-badge svg{width:2rem;height:2rem}.auth-vote-copy{display:grid;gap:.2rem}.auth-vote-copy .label{margin:0}.auth-vote-copy p:last-child{margin:0;color:var(--color-ink);font-size:1rem;font-weight:400}.auth-header{display:grid;gap:.35rem}.auth-header h2{font-size:clamp(2rem,4vw,3.25rem)}.auth-panel-card .auth-header h2{max-width:14ch}.oauth-provider-list{display:grid;gap:.75rem}.oauth-provider-link{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.75rem;border-color:var(--color-ink);border-radius:var(--radius-wobbly-sm);padding:0 1rem;color:var(--color-ink);font-weight:400;text-decoration:none;box-shadow:var(--shadow-hard-sm);transition:transform .12s ease,box-shadow .12s ease}.oauth-provider-link:hover{transform:translate(2px,2px);box-shadow:none}.oauth-provider-link:active{transform:translate(4px,4px);box-shadow:none}.oauth-provider-link:focus-visible{outline:var(--focus-ring);outline-offset:4px}.oauth-provider-link-google{border-color:var(--color-muted);background:var(--color-surface);color:var(--color-ink)}.oauth-provider-link-discord{border-color:var(--color-ink);background:var(--color-pen);color:var(--color-surface)}.oauth-provider-mark{display:inline-grid;min-width:1.75rem;height:1.75rem;place-items:center;flex:0 0 auto;border-radius:999px;font-size:.78rem;font-weight:400;line-height:1}.oauth-provider-mark-google{background:var(--color-pen);color:var(--color-surface)}.oauth-provider-mark-discord{width:auto;min-width:4rem;border-radius:999px;background:var(--color-surface);color:var(--color-pen);font-size:.68rem;letter-spacing:0;text-transform:uppercase}.auth-form,.auth-field{display:grid;gap:.85rem}.auth-field label{display:grid;gap:.35rem;color:var(--color-ink);font-size:.92rem;font-weight:400}.field-error{margin:-.35rem 0 0;color:var(--color-ink);font-size:.92rem;font-weight:400}.auth-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.auth-form>.paper-note{padding-left:1.75rem}.modal-dialog.paper-surface{border-width:3px;border-radius:var(--radius-wobbly-md);background:var(--color-surface);box-shadow:var(--shadow-hard-lg);max-height:calc(100dvh - 4rem);overflow:visible}.modal-dialog__scroll{display:grid;gap:.85rem;min-height:0;max-height:calc(100dvh - 7rem);overflow:auto;padding:.5rem}.modal-dialog-header .action-control{min-height:2.75rem;padding-inline:.75rem;font-size:1rem}.draw-support-note{width:min(100%,46rem);margin:0;padding-left:1.75rem}.navigation{display:flex;flex:0 0 auto}.nav-trigger{width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;border-color:transparent;border-radius:var(--radius-wobbly-sm);padding:0;background:transparent;box-shadow:none}.nav-trigger:hover:not(:disabled){border-color:var(--color-ink);background:var(--color-post-it);box-shadow:none;transform:none}.nav-trigger svg,.nav-close svg{width:1.5rem;height:1.5rem}.nav-backdrop{--nav-backdrop-opacity: .55;position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;width:100%;background:var(--color-ink);cursor:default;opacity:var(--nav-backdrop-opacity);animation:nav-backdrop-in var(--motion-medium) var(--motion-ease-out)}.nav-drawer{position:fixed;z-index:50;top:0;left:0;display:flex;width:min(88vw,23rem);height:100dvh;overflow-y:auto;flex-direction:column;border-right:4px solid var(--color-ink);padding:1.25rem;background:var(--color-paper);box-shadow:var(--shadow-hard-lg);animation:nav-drawer-in var(--motion-medium) var(--motion-ease-out)}.nav-drawer[data-state=closing]{pointer-events:none;animation:nav-drawer-out var(--motion-medium) var(--motion-ease-out) both}.nav-backdrop[data-state=closing]{pointer-events:none;animation:nav-backdrop-out var(--motion-medium) var(--motion-ease-out) both}.nav-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.nav-heading p{margin:0;color:var(--color-accent);font-family:var(--font-heading);font-size:1.35rem;font-weight:700}.nav-close{width:2.75rem;height:2.75rem;min-height:2.75rem;padding:0;background:var(--color-accent)}.nav-links{display:grid;gap:.35rem}.nav-link{display:flex;width:100%;min-height:2.75rem;align-items:center;justify-content:flex-start;border:3px solid transparent;border-radius:var(--radius-wobbly-sm);padding:.45rem .7rem;background:transparent;color:var(--color-ink);font-family:var(--font-body);font-size:1.08rem;font-weight:400;text-align:left;text-decoration:none;box-shadow:none}.nav-link:hover{border-color:var(--color-ink);background:var(--color-surface)}.nav-link.active{border-color:var(--color-ink);background:var(--color-post-it);box-shadow:var(--shadow-hard-sm)}.nav-logout:hover:not(:disabled),.nav-logout:active:not(:disabled){transform:none;box-shadow:none}.nav-account{display:grid;gap:.35rem;margin-top:1.25rem;border-top:3px solid var(--color-ink);padding-top:1rem}.nav-account-control{min-width:0;margin-bottom:.4rem}.nav-account-control select{width:100%;min-height:2.75rem}.nav-bottom{display:grid;gap:1rem;margin-top:auto;padding-top:1.5rem}.nav-bottom>.nav-links{padding-top:1rem;border-top:3px solid var(--color-ink)}@keyframes nav-drawer-in{0%{transform:var(--nav-enter-transform, translateX(-100%))}to{transform:translate(0)}}@keyframes nav-backdrop-in{0%{opacity:var(--nav-enter-opacity, 0)}to{opacity:var(--nav-backdrop-opacity)}}@keyframes nav-drawer-out{0%{transform:var(--nav-exit-transform, none)}to{transform:translate(calc(-100% - 1rem))}}@keyframes nav-backdrop-out{0%{opacity:var(--nav-exit-opacity, var(--nav-backdrop-opacity))}to{opacity:0}}@media (prefers-reduced-motion: reduce){.nav-drawer,.nav-backdrop,.nav-drawer[data-state=closing],.nav-backdrop[data-state=closing]{animation:none}}.today-panel{padding-top:clamp(2rem,8vh,5rem)}.home-prompt-layout{display:grid;width:min(100%,42rem);margin-inline:auto;gap:1.75rem;align-items:stretch}.home-prompt-note{display:grid;align-content:center;justify-items:center;gap:.2rem;min-height:16rem;padding:clamp(1.5rem,4vw,2.75rem);text-align:center;transform:rotate(-.25deg)}.home-prompt-label{width:fit-content;margin:0 0 .75rem;font-size:1rem}.home-prompt-note h2{max-width:18ch;font-size:clamp(2rem,4.5vw,3.75rem);line-height:1.15;overflow-wrap:break-word;word-break:normal}.prompt-deadline,.prompt-status{margin:.75rem 0 0;max-width:52rem;color:var(--color-ink);font-weight:400;overflow-wrap:anywhere}.prompt-deadline{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;width:fit-content;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:400;transform:rotate(.35deg)}.prompt-countdown-value{display:inline-flex;padding:.18rem .45rem;border:2px solid var(--color-ink);border-radius:var(--radius-wobbly-sm);background:var(--color-post-it);box-shadow:var(--shadow-hard-sm);color:var(--color-ink);font-size:.92em;font-variant-numeric:tabular-nums;letter-spacing:.02em;transform:rotate(-.75deg);white-space:nowrap}.prompt-countdown-label{display:inline}.prompt-status{font-size:.98rem}dt{color:var(--color-ink);font-size:.85rem;font-weight:400}dd{margin:0;font-weight:400;overflow-wrap:anywhere}.home-action-grid{display:grid;width:min(100%,28rem);margin-inline:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.home-action-button{min-height:4.5rem;padding:.8rem;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:400;line-height:1.15}.home-action-button--draw{background:var(--color-accent);transform:rotate(-.6deg)}.home-action-button--vote{background:var(--color-post-it);transform:rotate(.6deg)}.home-action-button.is-complete,.home-action-button:disabled{background:var(--color-muted);box-shadow:var(--shadow-hard-sm);color:var(--color-ink);cursor:not-allowed;filter:none;transform:none}.placeholder-panel{display:grid;gap:.85rem;max-width:760px}.placeholder-panel h2{font-size:2.5rem}.placeholder-panel p:last-child{margin:0;color:var(--color-ink);font-size:1.15rem}.secondary-button{background:var(--color-surface);border-color:var(--color-muted);color:var(--color-pen)}.admin-panel{display:grid;gap:1.5rem}.admin-heading{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between}.admin-heading h2{font-size:2.5rem}.admin-tabs{display:flex;flex-wrap:wrap;gap:.75rem}.admin-tab{background:var(--color-surface)}.admin-tab.active,.admin-tab[aria-selected=true]{background:var(--color-post-it);box-shadow:var(--shadow-hard-sm);transform:translate(2px,2px)}.admin-tab-panel{display:grid;gap:1.25rem}.admin-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:1.25rem;align-items:start}.admin-master-panel,.admin-detail-panel{display:grid;min-width:0;gap:1rem;align-content:start;padding:1.25rem;background:var(--color-surface)}.admin-detail-panel{position:sticky;top:1rem}.admin-list,.prompt-admin-form{display:grid;gap:1rem}.admin-list h3,.prompt-admin-form h3,.admin-section-heading h3{margin:0;font-size:1.35rem}.admin-section-heading{display:flex;gap:1rem;align-items:center;justify-content:space-between}.admin-section-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.admin-inline-status{display:flex;min-height:6rem;gap:.65rem;align-items:center;justify-content:center;color:var(--color-ink)}.admin-submissions{display:grid;min-width:0;gap:1rem;padding:1.25rem}.admin-submissions p,.admin-submission-copy h4{margin:0}.admin-submission-filter{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.admin-submission-filter label,.admin-submission-confirmation label{display:grid;min-width:0;gap:.5rem}.admin-submission-date-help{font-size:.875rem}.admin-submission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:1.25rem;list-style:none;margin:0;padding:0}.admin-submission-card,.admin-submission-copy,.admin-submission-confirmation{display:grid;min-width:0;align-content:start;gap:.75rem}.admin-submission-copy h4,.admin-submission-copy p{overflow-wrap:anywhere}.admin-submission-artwork{display:block;width:100%;min-width:0;aspect-ratio:3 / 2;object-fit:contain;background:var(--color-surface);border:2px solid var(--color-ink);border-radius:.5rem}.removed-drawing-placeholder.admin-submission-artwork{display:grid;place-items:center}.admin-submission-dialog .admin-submission-artwork{max-height:35vh}.admin-submission-dialog p{margin:0}.admin-submission-confirmation textarea{width:100%}.prompt-queue-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.prompt-queue-row{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:1rem;align-items:start;padding:1rem .35rem;border:0;border-bottom:2px dashed var(--color-muted);border-radius:0;background:transparent;box-shadow:none;transform:none}.prompt-queue-row:first-child{border-top:2px dashed var(--color-muted)}.prompt-queue-row[draggable=true]{cursor:grab}.prompt-queue-row[draggable=true]:hover{border-color:var(--color-pen);background:var(--color-post-it);box-shadow:none;transform:none}.prompt-queue-row.locked-row{color:var(--color-ink)}.prompt-queue-row.gap-row{background:var(--color-post-it)}.prompt-queue-row.editing-row{border-color:var(--color-pen);background:var(--color-post-it)}.prompt-date-rail{display:grid;gap:.35rem;color:var(--color-pen);font-size:.9rem;font-weight:400}.prompt-today-label{width:fit-content;border-radius:var(--radius-wobbly-pill);padding:.1rem .5rem;background:var(--color-post-it);color:var(--color-ink);font-size:.78rem;text-transform:uppercase}.prompt-queue-row:focus{outline:2px dashed var(--color-pen);outline-offset:-2px}.locked-row .prompt-date-rail,.gap-row .prompt-date-rail{color:var(--color-ink)}.prompt-queue-content{display:flex;min-width:0;gap:1rem;align-items:flex-start;justify-content:space-between}.prompt-queue-main{display:grid;min-width:0;gap:.5rem}.prompt-queue-main strong,.gap-row strong{overflow-wrap:anywhere}.prompt-lock-label{width:fit-content;border:2px solid var(--color-muted);border-radius:var(--radius-wobbly-pill);padding:.15rem .55rem;background:var(--color-surface);color:var(--color-ink);font-size:.78rem;font-weight:400;text-transform:uppercase}.prompt-row-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.prompt-row-actions .action-control{min-height:2.75rem;padding-inline:.7rem;font-size:1rem}.admin-prompt-pagination{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:center;padding-top:.25rem}.admin-prompt-pagination button{min-height:2.75rem;border:0;border-bottom:3px solid transparent;padding:.25rem .5rem;background:transparent;color:var(--color-ink);cursor:pointer;font:inherit;box-shadow:none;transform:none}.admin-prompt-pagination button:hover:not(:disabled),.admin-prompt-pagination button:focus-visible{color:var(--color-pen);border-bottom-color:var(--color-pen);box-shadow:none;transform:none}.admin-prompt-pagination button:disabled{opacity:.5;cursor:not-allowed}.admin-prompt-pagination span{color:var(--color-ink)}.prompt-admin-form{width:100%}.prompt-editor-context{margin:0;color:var(--color-ink)}.prompt-admin-form label,.report-admin-details label{display:grid;gap:.4rem;color:var(--color-ink);font-size:.95rem;font-weight:400}.prompt-admin-form textarea,.report-admin-details textarea{width:100%}.admin-report-inbox{gap:1rem}.report-admin-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.report-inbox-button{display:grid;width:100%;min-width:0;gap:.2rem;justify-items:start;border:0;border-bottom:2px dashed var(--color-muted);border-radius:0;padding:.85rem .7rem;background:transparent;box-shadow:none;text-align:left;transform:none}.report-admin-list li:first-child .report-inbox-button{border-top:2px dashed var(--color-muted)}.admin-report-inbox .report-inbox-button:hover:not(:disabled),.admin-report-inbox .report-inbox-button:active:not(:disabled){box-shadow:none;transform:none}.report-inbox-button[aria-pressed=false]:hover:not(:disabled),.report-inbox-button[aria-pressed=false]:active:not(:disabled){background:var(--color-muted)}.report-inbox-button[aria-pressed=true]{background:var(--color-post-it)}.report-inbox-button strong,.report-admin-details strong{color:var(--color-pen);text-transform:uppercase}.report-inbox-button span,.report-inbox-button small,.report-admin-details span,.report-admin-details label span{color:var(--color-ink);overflow-wrap:anywhere}.report-inbox-button small,.report-admin-details span,.report-admin-details label span{font-size:.85rem}.report-admin-item,.report-admin-details{display:grid;min-width:0;gap:.85rem}.report-admin-item img{width:100%;max-height:20rem;aspect-ratio:3 / 2;border:2px solid var(--color-ink);border-radius:8px;background:var(--color-surface);object-fit:contain}.removed-drawing-placeholder{display:flex;min-height:10rem;align-items:center;justify-content:center;border:2px dashed var(--color-ink);border-radius:8px;background:var(--color-muted);color:var(--color-ink);font-weight:400;text-align:center}.report-admin-details p{margin:0;color:var(--color-ink);font-weight:400}.moderation-history{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.moderation-history li{display:grid;gap:.2rem}.moderation-history li+li{border-top:1px solid var(--color-muted);padding-top:.5rem}.moderation-history small{color:var(--color-ink)}.report-actions,.form-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.report-actions .action-control{flex:1 1 9rem}.success-text{color:var(--color-pen);font-weight:400}.error-text{color:var(--color-accent);font-weight:400}.draw-panel,.drawing-workspace{display:grid;gap:.8rem}.draw-panel{padding-top:.25rem}.submitted-state{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(16rem,.95fr);gap:1.25rem;align-items:stretch;padding:1.4rem;animation:submitted-state-in .52s var(--motion-ease-spring) both}.submitted-state__copy{display:grid;gap:.85rem;align-content:center}.submitted-state__copy h2,.submitted-state__prompt,.submitted-state__message{margin:0}.submitted-state__copy h2{font-size:clamp(2.2rem,4vw,3.2rem);line-height:.98}.submitted-state__prompt{color:var(--color-ink);font-size:1.15rem}.submitted-state__message{color:var(--color-ink);font-size:1.02rem}.submitted-state__status{display:inline-flex;gap:.55rem;width:fit-content;max-width:100%;align-items:center;padding:.7rem 1rem;border:3px solid var(--color-ink);border-radius:999px;background:var(--color-post-it);box-shadow:var(--shadow-hard);color:var(--color-ink);font-size:.88rem;letter-spacing:.04em;text-transform:uppercase}.submitted-state__actions{display:flex;flex-wrap:wrap;gap:.75rem}.submitted-state__actions>:is(button,.button-link){min-height:3rem}.submitted-state__actions .primary-action{background:var(--color-accent)}.submitted-state__actions .secondary-action{background:var(--color-surface);border-color:var(--color-pen);color:var(--color-pen)}.submitted-state__preview{display:grid;min-height:18rem;max-height:26rem;place-items:center;overflow:hidden;padding:1rem;border:3px solid var(--color-ink);border-radius:10px;background:var(--color-paper);outline:2px solid var(--color-muted);outline-offset:-5px}.submitted-state__preview img{width:100%;height:100%;max-height:22rem;object-fit:contain;background:var(--color-surface)}.submitted-state__preview-fallback{max-width:14rem;color:var(--color-ink);font-size:1rem;line-height:1.35;text-align:center}@keyframes submitted-state-in{0%{transform:translateY(14px)}to{transform:translateY(0)}}@keyframes submitted-badge-pop{0%{opacity:0;transform:scale(.5) rotate(-2deg)}70%{transform:scale(1.1) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.drawing-prompt{display:grid;gap:.25rem;min-width:0;padding:.85rem 1.15rem}.drawing-prompt-note{border:3px solid var(--color-ink);border-radius:var(--radius-wobbly-md);background:var(--color-post-it);box-shadow:var(--shadow-hard-sm)}.drawing-prompt__kicker{margin:0;color:var(--color-pen);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.submitted-state__status svg{width:1.35rem;height:1.35rem;flex:0 0 auto}.submitted-state__status svg{animation:submitted-badge-pop .56s var(--motion-ease-spring) 80ms both}.drawing-prompt h2{margin:0;font-size:clamp(1.5rem,2.8vw,2.5rem);line-height:1.2;overflow-wrap:anywhere}.drawing-editor{display:grid;gap:.75rem}.drawing-toolbar{position:relative;display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;padding:.6rem;border:3px solid var(--color-ink);border-radius:var(--radius-wobbly-sm);background:var(--color-surface);box-shadow:var(--shadow-hard)}.drawing-toolbar--compact{gap:.4rem;padding:.5rem}.drawing-toolbar--compact .drawing-toolbar-separator{display:none}.drawing-toolbar--compact .brush-preset-menu__trigger{min-width:44px}.drawing-toolbar--compact .brush-size-control{flex:1 1 10rem;grid-template-columns:minmax(5rem,1fr) max-content}.drawing-toolbar--compact .brush-size-control>span:first-child{grid-column:1 / -1}.tool-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.drawing-toolbar .tool-buttons{display:flex;flex-wrap:wrap}.brush-preset-menu{position:relative}.drawing-toolbar .brush-preset-menu__trigger{gap:.55rem;min-width:7.6rem;border-color:var(--color-ink);border-radius:8px;background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-hard-sm)}.brush-preset-menu__disclosure{width:1rem;height:1rem;flex:0 0 auto}.brush-stroke-preview{display:block;flex:0 0 auto;width:4.5rem;height:2rem;pointer-events:none}.brush-preset-menu__trigger .brush-stroke-preview{width:2.25rem;height:1rem}.brush-preset-menu__options{position:absolute;z-index:10;top:calc(100% + .5rem);left:0;display:grid;gap:.35rem;width:min(20rem,calc(100vw - 48px));padding:.55rem;border:2px solid var(--color-ink);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-hard)}.drawing-toolbar .brush-preset-menu__option{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.65rem;justify-items:start;padding:.6rem .7rem;border-color:transparent;background:var(--color-surface);color:var(--color-ink);text-align:left}.drawing-toolbar .brush-preset-menu__option[aria-checked=true]{border-color:var(--color-pen);background:var(--color-post-it)}.brush-preset-menu__option-copy{display:grid;gap:.15rem}.brush-preset-menu__option-name{font-family:var(--font-heading);font-weight:700}.brush-preset-menu__option-hint{color:var(--color-ink);font-size:.72rem;line-height:1.2}.drawing-toolbar-separator{align-self:stretch;width:2px;min-height:2.7rem;background:var(--color-muted)}.drawing-toolbar button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:8px;padding-inline:.75rem;box-shadow:var(--shadow-hard-sm);line-height:1}.drawing-tools-panel button{border-radius:8px;box-shadow:var(--shadow-hard-sm)}.drawing-toolbar button:hover:not(:disabled),.drawing-toolbar button:active:not(:disabled),.drawing-tools-panel button:hover:not(:disabled),.drawing-tools-panel button:active:not(:disabled){box-shadow:var(--shadow-hard-sm);transform:none}.drawing-toolbar button:focus-visible,.drawing-tools-panel button:focus-visible,.drawing-tools-panel summary:focus-visible,.drawing-tools-panel input:focus-visible{outline:var(--focus-ring);outline-offset:3px;transform:none}.drawing-toolbar .tool-button,.drawing-toolbar .history-button{width:44px;aspect-ratio:1;padding:0}.drawing-tool-icon{display:block;width:1.45rem;height:1.45rem}.tool-button{border-radius:8px;background:var(--color-surface);border-color:var(--color-muted);color:var(--color-ink)}.tool-button.active{background:var(--color-accent);border-color:var(--color-ink);color:var(--color-ink)}.drawing-control{display:grid;gap:.25rem;color:var(--color-ink);font-size:.78rem}.drawing-control input[type=color]{width:4.25rem;padding:.25rem}.brush-size-control{grid-template-columns:max-content minmax(8rem,12rem) max-content;gap:.55rem;align-items:center}.brush-size-control input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:44px;padding:0;border:0;border-radius:999px;background:transparent;cursor:pointer}.brush-size-control input::-webkit-slider-runnable-track{height:.8rem;border:3px solid var(--color-ink);border-radius:999px;background:var(--color-surface);box-shadow:var(--shadow-hard-sm)}.brush-size-control input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.45rem;height:1.45rem;margin-top:-.52rem;border:3px solid var(--color-ink);border-radius:999px;background:var(--color-accent);box-shadow:var(--shadow-hard-sm)}.brush-size-control input::-moz-range-track{height:.8rem;border:3px solid var(--color-ink);border-radius:999px;background:var(--color-surface);box-shadow:var(--shadow-hard-sm)}.brush-size-control input::-moz-range-thumb{width:1.45rem;height:1.45rem;border:3px solid var(--color-ink);border-radius:999px;background:var(--color-accent);box-shadow:var(--shadow-hard-sm)}.brush-size-value{color:var(--color-ink);font-size:.85rem}.drawing-tools-panel{position:static}.drawing-toolbar--regular .drawing-tools-panel{position:relative}.drawing-tool-group{min-height:44px}.drawing-tools-panel__trigger{gap:.4rem;min-height:44px}.drawing-tools-panel__trigger>svg{width:1.35rem;height:1.35rem;flex:0 0 auto}.drawing-tools-panel__trigger.active{border-color:var(--color-ink);background:var(--color-accent);color:var(--color-ink)}.drawing-tools-panel__content{position:absolute;z-index:10;top:calc(100% + .5rem);right:0;display:grid;gap:.65rem;width:min(18rem,100%);max-height:min(65vh,30rem);overflow-y:auto;padding:.75rem;border:3px solid var(--color-ink);border-radius:var(--radius-wobbly-sm);background:var(--color-surface);box-shadow:var(--shadow-hard)}.drawing-tools-panel__fill{min-height:44px}.drawing-shortcuts-summary{min-height:44px;padding-block:.7rem;font-size:.85rem;cursor:pointer}.drawing-toolbar--regular .drawing-tools-panel__content{width:min(18rem,calc(100vw - 2.5rem))}.drawing-tools-panel .drawing-tools-panel__fill{width:100%;aspect-ratio:auto;gap:.5rem}.drawing-tool-settings{display:grid;gap:.5rem;min-width:0;margin:0;padding:.65rem;border:1px solid var(--color-muted);border-radius:8px}.drawing-tool-settings legend{padding-inline:.3rem;font-family:var(--font-heading);font-size:.85rem;font-weight:700}.drawing-setting-range{display:grid;grid-template-columns:1fr auto;gap:.2rem;align-items:center;font-size:.85rem}.drawing-setting-range input{grid-column:1 / -1;width:100%;min-width:44px;min-height:44px;margin:0;padding:0;accent-color:var(--color-ink)}.drawing-setting-toggle{display:flex;min-height:44px;align-items:center;gap:.5rem;font-size:.85rem;cursor:pointer}.drawing-setting-toggle input{flex:0 0 20px;width:20px;height:20px;min-height:0;margin:0;padding:0;accent-color:var(--color-ink);cursor:inherit}.drawing-sampling-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem}.drawing-sampling-notice button{min-height:44px}.drawing-draft-warning{margin:0;padding:.75rem .9rem;border:2px solid var(--color-accent);border-radius:8px;background:var(--color-post-it);color:var(--color-ink)}.drawing-surface{position:relative;box-sizing:content-box;width:calc(100% - 4px);max-width:none;aspect-ratio:3 / 2;-webkit-user-select:none;-webkit-touch-callout:none;user-select:none;border:2px solid var(--color-ink);border-radius:8px;background:var(--color-surface);overflow:hidden;touch-action:none}.drawing-surface canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:none;cursor:none}.drawing-surface canvas[data-layer-id=background]{pointer-events:none}.drawing-surface[data-sampling=true],.drawing-surface[data-sampling=true] canvas{cursor:crosshair}.sample-color-preview{pointer-events:none;position:absolute;top:0;left:0;display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border:2px solid var(--color-ink);border-radius:8px;background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-hard-sm);font-family:var(--font-heading);font-size:.75rem;font-weight:700}.sample-color-preview__swatch{flex:0 0 22px;height:22px;border:1px solid var(--color-ink);border-radius:4px}.brush-cursor{pointer-events:none;position:absolute;top:0;left:0;border:1px solid var(--color-ink);border-radius:50%;background:transparent;outline:2px solid var(--color-muted);outline-offset:1px}.fill-cursor{pointer-events:none;position:absolute;top:0;left:0;color:var(--color-ink);filter:drop-shadow(2px 2px 0 var(--color-surface))}.fill-cursor-icon{display:block;width:100%;height:100%}.drawing-stage{display:grid;gap:.85rem}.drawing-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.modal-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;isolation:isolate;display:grid;place-items:center;padding:1.25rem;background:transparent}.modal-backdrop:before{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:var(--color-ink);content:"";opacity:.48;pointer-events:none}.modal-backdrop>[role=dialog]{position:relative;z-index:1}@media (max-height: 600px){.modal-backdrop{align-items:start;overflow:auto}}.confirmation-modal{display:grid;gap:.85rem;width:min(100%,28rem);border:4px solid var(--color-ink);border-radius:8px;background:var(--color-surface);padding:1.25rem;box-shadow:var(--shadow-hard-lg)}.confirmation-modal p{margin:0}.confirmation-modal p{color:var(--color-ink)}.modal-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.report-modal-field{display:grid;gap:.4rem;color:var(--color-ink);font-size:.85rem}.report-modal-field textarea{width:100%}.guest-name-field{display:grid;gap:.5rem;margin-block:1rem}.guest-name-field input{width:100%;min-width:0}.vote-panel{display:grid;gap:.75rem;min-width:0;min-height:0}.app-shell[data-page-chrome=active-matchup] .vote-panel{display:flex;height:100%;flex-direction:column;gap:clamp(.75rem,2vh,1.5rem)}.vote-prompt-header{position:relative;display:grid;width:min(100%,46rem);grid-template-columns:minmax(0,1fr) auto;gap:1rem 2rem;align-items:center;align-self:center;flex-shrink:0;margin-inline:auto;padding:1rem 1.25rem .9rem;background:var(--color-post-it);transform:rotate(-.25deg)}.vote-prompt-header.paper-surface--tape:before{background:var(--color-muted)}.vote-prompt-copy{display:grid;min-width:0;gap:.1rem}.vote-prompt-label,.vote-prompt-header h2,.vote-prompt-instruction,.vote-prompt-count{margin:0}.vote-prompt-label{color:var(--color-accent)}.vote-prompt-header h2{max-width:24ch;font-size:clamp(1.8rem,3.5vw,2.75rem);line-height:1;overflow-wrap:anywhere}.vote-prompt-instruction{color:var(--color-ink);font-size:1rem}.vote-count{margin:0;padding:0;color:var(--color-pen);white-space:nowrap}.vote-prompt-count{padding:.45rem .7rem;border:2px solid var(--color-pen);border-radius:var(--radius-wobbly-pill);background:var(--color-surface);color:var(--color-pen);white-space:nowrap}.vote-prompt-accent{position:absolute;right:-.9rem;bottom:-.65rem;color:var(--color-accent);font-size:1.35rem;transform:rotate(8deg)}.vote-error-heading h2,.vote-error-heading p{margin:0}.vote-empty-state,.vote-error-note{max-width:48rem}.vote-empty-state p:last-child{color:var(--color-ink)}.vote-completion-card{display:grid;width:min(100%,36rem);grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:start;align-self:center;margin-inline:auto;padding:1.25rem 1.5rem;border:2px solid var(--color-ink);border-radius:var(--radius-wobbly-md);background:var(--color-surface);box-shadow:var(--shadow-hard);animation:vote-completion-reveal .18s var(--motion-ease-out) both}.vote-completion-check{display:grid;width:2rem;min-width:2rem;height:2rem;place-items:center;border:2px solid var(--color-pen);border-radius:50%;color:var(--color-pen);font-size:1.1rem}.vote-completion-content{display:grid;min-width:0;gap:.35rem}.vote-completion-content h2,.vote-completion-copy,.vote-completion-count{margin:0}.vote-completion-content h2{font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.1}.vote-completion-copy{color:var(--color-ink);font-size:1rem}.vote-completion-count{margin-top:.25rem;color:var(--color-pen);font-size:.95rem}.vote-matchup-boundary{width:100%;max-width:100%;min-width:0;min-height:0;outline:none;overflow:hidden;flex:1 1 auto}.vote-matchup-boundary:focus-visible{outline:var(--focus-ring);outline-offset:4px}.vote-matchup-boundary[data-constrained=true]{overflow:visible}.vote-matchup-boundary[data-axis=vertical][data-constrained=true]{min-height:calc((2 * var(--vote-candidate-height)) + var(--vote-candidate-gap))}.vote-matchup-boundary[data-axis=horizontal][data-constrained=true]{min-height:var(--vote-candidate-height)}.vote-matchup-grid{position:relative;display:grid;width:100%;min-width:0;min-height:0;align-items:center;justify-items:center;gap:var(--vote-candidate-gap)}.vote-matchup-grid[data-axis=vertical]{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,var(--vote-candidate-height));min-width:var(--vote-candidate-width);min-height:calc((2 * var(--vote-candidate-height)) + var(--vote-candidate-gap))}.vote-matchup-grid[data-axis=horizontal]{grid-template-columns:repeat(2,minmax(var(--vote-candidate-width),1fr));grid-template-rows:var(--vote-candidate-height);min-width:calc((2 * var(--vote-candidate-width)) + var(--vote-candidate-gap));min-height:var(--vote-candidate-height)}.vote-versus{position:absolute;z-index:3;top:50%;left:50%;display:grid;width:2.25rem;height:2.25rem;place-items:center;border:2px solid var(--color-ink);border-radius:50%;background:var(--color-post-it);box-shadow:var(--shadow-hard-sm);font-size:.75rem;transform:translate(-50%,-50%)}.vote-matchup.is-entering{animation:vote-matchup-in .16s ease-out both}.vote-matchup.is-exiting{animation:vote-matchup-out .1s ease-out both}.vote-choice{display:grid;width:var(--vote-candidate-width);height:var(--vote-candidate-height);min-width:0;min-height:0}.vote-image-frame{position:relative;width:var(--vote-candidate-width);height:var(--vote-candidate-height);min-width:0;min-height:0}.vote-image-button{position:relative;display:block;width:100%;height:100%;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;transition:filter var(--motion-medium) ease,opacity var(--motion-medium) ease}.vote-image-button:hover:not(:disabled),.vote-image-button:active:not(:disabled){transform:none;box-shadow:none}.vote-artwork-positioner{position:absolute;top:50%;left:50%;width:var(--vote-artwork-width);height:var(--vote-artwork-height);transform:translate(-50%,-50%)}.vote-artwork-frame{position:relative;display:block;width:100%;height:100%;border:var(--vote-artwork-border-width) solid var(--color-ink);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-hard-sm);outline:4px solid transparent;outline-offset:-4px;overflow:hidden;transition:transform .12s var(--motion-ease-out),outline-color .12s var(--motion-ease-out)}.vote-image-button.is-selected{z-index:1}.vote-image-frame.is-selected .vote-artwork-frame{outline-color:var(--color-pen)}.vote-choice[data-slot=A] .vote-image-frame.is-selected .vote-artwork-frame{transform:translateY(-2px) rotate(1.5deg)}.vote-choice[data-slot=B] .vote-image-frame.is-selected .vote-artwork-frame{transform:translateY(-2px) rotate(-1.5deg)}.vote-image-button:focus-visible{outline:var(--focus-ring);outline-offset:3px}.vote-artwork-frame img{display:block;width:100%;height:100%;min-height:0;border:0;border-radius:5px;background:var(--color-surface);object-fit:contain}.vote-hover-label{pointer-events:none;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:transparent;color:var(--color-surface);font-size:clamp(2rem,4vw,4rem);opacity:0;text-shadow:3px 3px 0 var(--color-ink);transition:opacity .14s ease}.vote-hover-label:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:var(--color-ink);opacity:.35}.vote-image-button:not(:disabled):hover .vote-hover-label,.vote-image-button:not(:disabled):focus-visible .vote-hover-label{opacity:1}.vote-image-button:disabled .vote-hover-label{opacity:0;transition:none}.vote-count-value{display:inline-block;animation:vote-count-bump .36s var(--motion-ease-spring) both}@keyframes vote-matchup-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes vote-matchup-out{to{opacity:0;transform:translate(-16px)}}@keyframes vote-count-bump{0%{transform:scale(1)}45%{color:var(--color-pen);transform:scale(1.22) rotate(-2deg)}to{transform:scale(1)}}@keyframes vote-completion-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.report-icon-button{position:absolute;z-index:4;top:calc(50% - (var(--vote-artwork-height) / 2) + .65rem);left:calc(50% - (var(--vote-artwork-width) / 2) + .65rem);display:inline-flex;width:auto;min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:.35rem;padding:0 .55rem;border-color:var(--color-ink);background:var(--color-surface);color:var(--color-ink)}.vote-request-error{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;justify-content:space-between}.vote-request-error button{min-height:44px}.vote-request-error p{margin:0}.modal-dialog{display:grid;gap:.85rem;width:min(100%,32rem);max-height:calc(100dvh - 2.5rem);overflow:auto;border:4px solid var(--color-ink);border-radius:8px;background:var(--color-surface);padding:1.25rem;box-shadow:var(--shadow-hard-lg)}.modal-dialog-header{display:flex;gap:1rem;align-items:start;justify-content:space-between}.modal-dialog-header h2{font-size:1.75rem}.report-modal .secondary-button{border-color:var(--color-pen);background:var(--color-surface);color:var(--color-pen)}.report-icon-button svg{width:1.25rem;height:1.25rem}.report-button-label{font-size:.75rem}@media (prefers-reduced-motion: reduce){.vote-matchup.is-entering,.vote-matchup.is-exiting{animation:none}.vote-artwork-frame,.vote-hover-label{transition:none}.vote-count-value,.vote-completion-card{animation:none}.vote-choice[data-slot=A] .vote-image-frame.is-selected .vote-artwork-frame,.vote-choice[data-slot=B] .vote-image-frame.is-selected .vote-artwork-frame{transform:none}}@media (max-width: 720px){.vote-prompt-header{width:100%;grid-template-columns:minmax(0,1fr) auto;gap:.5rem .75rem;padding:.8rem .9rem .7rem}.vote-prompt-header h2{grid-column:1 / -1;font-size:clamp(1.55rem,8vw,2rem)}.vote-prompt-copy{display:contents}.vote-prompt-label{grid-column:1;grid-row:1;align-self:center}.vote-prompt-instruction{grid-column:1 / -1;font-size:.92rem;line-height:1.15}.vote-prompt-count{grid-column:2;grid-row:1;align-self:center;padding:.35rem .55rem;font-size:.82rem}.vote-prompt-accent{display:none}.vote-completion-card{padding:1rem}}@media (max-width: 480px),(max-height: 600px){.app-shell[data-page-chrome=active-matchup] .vote-panel{padding-top:0}.app-shell[data-page-chrome=active-matchup] .vote-prompt-header{gap:.35rem .5rem;padding:.65rem .7rem .6rem}.app-shell[data-page-chrome=active-matchup] .vote-prompt-header.paper-surface--tape:before{top:-.45rem;width:3.5rem;height:.9rem}.app-shell[data-page-chrome=active-matchup] .vote-prompt-label{font-size:.75rem}}.profile-route h3{margin:0;font-size:1.35rem}.profile-route{display:grid;width:min(100%,62rem);margin-inline:auto;padding:1.5rem 1rem;gap:2.5rem;background:var(--color-paper)}.profile-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:1.5rem;padding-block:.5rem}.profile-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:5.5rem;aspect-ratio:1;overflow:hidden;border:1px solid var(--color-muted);border-radius:50%;background:var(--color-surface);color:var(--color-ink)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-identity{min-width:0}.profile-identity h2{margin:0;font-size:2rem;line-height:1.25;overflow-wrap:anywhere}.profile-bio{margin:.7rem 0 0;max-width:34rem;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.profile-stats{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;padding:0;margin:1rem 0 0;list-style:none}.profile-stats strong{margin-right:.2rem}.profile-actions{display:flex;align-items:start;flex-wrap:wrap;justify-content:flex-end;gap:.75rem}.profile-share{max-width:15rem}.profile-share-status{max-width:12rem;margin:.5rem 0 0;font-size:.9rem}.profile-share-link{display:grid;gap:.25rem;margin-top:.5rem}.profile-share-link input{width:100%;min-width:0}.profile-history-section{display:grid;gap:1.5rem;min-width:0}.profile-history-heading{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-muted)}.profile-history-filters{display:flex;flex-wrap:wrap;gap:.75rem}.profile-history-filter[aria-busy=true]{border-style:dotted}.profile-history-count{margin:0;font-size:.9rem}.profile-history-progress{position:absolute;inset:auto 0 -2px;height:3px;overflow:hidden;pointer-events:none}.profile-history-progress:after{content:"";display:block;width:30%;height:100%;background:var(--color-pen);animation:profile-history-progress 1s ease-in-out infinite alternate}@keyframes profile-history-progress{0%{transform:translate(0)}to{transform:translate(233%)}}@media (prefers-reduced-motion: reduce){.profile-history-progress:after{width:100%;animation:none}}.profile-history-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem 1.25rem;margin:0;padding:0;list-style:none}.profile-history-row{display:flex;flex-direction:column;gap:.75rem;min-width:0}.profile-history-artwork{display:block;width:100%;padding:0;border:0;border-radius:8px;background:var(--color-surface);box-shadow:none;overflow:hidden}.profile-history-artwork:hover:not(:disabled),.profile-history-artwork:active:not(:disabled){box-shadow:none;transform:none}.profile-history-artwork:hover img{opacity:.85}.profile-history-row img{display:block;width:100%;aspect-ratio:4 / 3;border:1px solid var(--color-image-well-border);border-radius:8px;background:var(--color-surface);object-fit:contain;transform:none}.profile-history-details{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.4rem;min-width:0}.profile-history-details strong{font-size:1rem;overflow-wrap:anywhere}.profile-history-placement,.profile-history-status{font-size:.875rem;white-space:nowrap}.profile-history-placement{padding:.15rem .4rem;border-radius:4px;background:var(--color-post-it)}.profile-artwork-details{display:grid;gap:.35rem}.profile-history-date,.profile-history-rating{color:var(--color-pen)}.profile-share-button{justify-self:start;margin-top:.5rem}.profile-history-inline-state{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.profile-history-inline-state p{margin:0}.profile-empty-state{display:grid;gap:.5rem;align-content:center;min-height:10rem;padding:1.5rem 0}.profile-empty-state span{line-height:1.6}.profile-account-settings{border-top:1px solid var(--color-muted);padding-top:1rem}.profile-account-settings>summary{width:fit-content;min-height:2.75rem;padding:.5rem 0;cursor:pointer}.profile-account-settings>summary:focus-visible{outline:var(--focus-ring);outline-offset:3px}.profile-account-meta{display:flex;flex-wrap:wrap;gap:.75rem 2rem;margin:1rem 0}.profile-account-meta p{display:grid;gap:.15rem;margin:0}.profile-account-meta strong{overflow-wrap:anywhere}.account-danger-zone{display:grid;gap:1rem;max-width:46rem;margin-top:.5rem;padding:1.25rem 1.25rem 1.25rem 1.75rem}.account-danger-zone p{margin:.35rem 0 0}.account-danger-zone label{display:grid;gap:.4rem;font-size:.9rem}.profile-card-kicker{margin:0 0 .25rem;font-size:.8rem}.danger-button{width:fit-content}.profile-support-state{width:min(100%,46rem);padding-left:1.75rem}.profile-avatar-sources{display:flex;flex-wrap:wrap;gap:.65rem}.profile-editor{width:min(100%,40rem);height:min(56rem,calc(100dvh - 4rem))}.profile-editor .modal-dialog__scroll{grid-template-rows:auto 1fr;scrollbar-gutter:stable}.profile-editor form{display:flex;flex-direction:column;gap:.75rem}.profile-editor-preview{display:flex;align-items:center;gap:1rem;padding:.5rem 0 1rem}.profile-editor-preview .profile-avatar{width:5rem}.profile-editor-preview strong{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;overflow-wrap:anywhere}.profile-editor-preview p{color:var(--color-pen);margin:0}.profile-bio-field{display:grid;gap:.35rem}.profile-bio-field textarea{width:100%}.profile-bio-count{margin:-.25rem 0 .5rem;text-align:right;font-size:.9rem;color:var(--color-pen)}.profile-avatar-fieldset{min-width:0;border:0;padding:0;margin:0}.profile-avatar-fieldset legend{padding:0}.profile-avatar-help{color:var(--color-pen);margin:.25rem 0 1rem}.profile-avatar-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.25rem 0}.profile-avatar-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;border:2px solid transparent;border-radius:var(--radius-wobbly-sm);padding:.6rem .3rem;cursor:pointer;text-align:center;overflow-wrap:anywhere}.profile-avatar-option:has(input:checked){border-color:var(--color-pen);background:var(--color-paper)}.profile-avatar-option:has(input:focus-visible){outline:var(--focus-ring);outline-offset:2px}.profile-avatar-option:has(input:disabled){cursor:wait;opacity:.65}.profile-avatar-option .profile-avatar{width:min(100%,4.5rem)}.profile-avatar-option>span:last-child{width:100%}.profile-avatar-status{margin:1.5rem 0}.profile-editor-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:auto;border-top:2px solid var(--color-muted);padding-top:1rem}@media (max-width: 800px){.profile-header{grid-template-columns:auto minmax(0,1fr)}.profile-actions{grid-column:2;justify-content:flex-start}.profile-history-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.profile-route{padding:1rem 0;gap:2rem}.profile-header{gap:1rem}.profile-header>.profile-avatar{width:4rem}.profile-identity h2{font-size:1.75rem}.profile-stats{gap:.4rem .75rem}.profile-actions{grid-column:1 / -1}.profile-history-list{gap:1.25rem .75rem}.profile-history-details{gap:.25rem}.profile-avatar-options{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-editor-preview{align-items:flex-start}}.pagination-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:center;padding-top:.25rem}.pagination-controls button{min-width:2.75rem;min-height:2.75rem;border:2px solid transparent;background:transparent;color:var(--color-ink);cursor:pointer;font:inherit;font-weight:400;line-height:1;padding:.25rem;box-shadow:none;transform:none;transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease,border-color var(--motion-fast) ease}.pagination-controls button:hover:not(:disabled){color:var(--color-pen);border-color:var(--color-pen);box-shadow:none;transform:none}.pagination-controls button:active:not(:disabled){box-shadow:none;transform:none}.pagination-controls button:focus-visible{color:var(--color-pen);border-color:var(--color-pen);outline:var(--focus-ring);outline-offset:.2rem;box-shadow:none;transform:none}.pagination-controls button[aria-current=page],.pagination-controls button[aria-current=page]:hover:not(:disabled){color:var(--color-ink);background:var(--color-post-it);border-color:var(--color-ink)}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.pagination-controls svg{display:block;width:1rem;height:1rem;margin:auto}.pagination-controls.pagination-controls--compact{width:100%;flex-wrap:nowrap;gap:.5rem;justify-content:center}.pagination-controls--compact button{min-width:2.75rem;min-height:2.75rem;padding-inline:.5rem}.pagination-controls__page-label{color:var(--color-ink);line-height:1;white-space:nowrap}.share-result-route{display:grid;gap:1.25rem}.share-result-route h2{font-size:2.5rem}.share-result-route__heading{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;justify-content:space-between}.share-result-route__heading p:last-child{margin-bottom:0}.share-result-route.paper-note{padding:1.25rem}.share-result-card{display:grid;gap:1rem;padding:1.1rem;overflow:hidden}.share-result-card__brand{display:inline-flex;width:fit-content;align-items:center;border:2px solid var(--color-ink);border-radius:var(--radius-wobbly-pill);background:var(--color-surface);padding:.35rem .8rem;font-size:.9rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase}.share-result-card__art{position:relative;min-height:18rem;aspect-ratio:3 / 2;border:3px solid var(--color-ink);border-radius:var(--radius-wobbly-md);background:var(--color-surface);overflow:hidden}.share-result-card__art img,.share-result-card__placeholder{display:block;width:100%;height:100%;min-height:18rem}.share-result-card__art img{object-fit:contain;background:var(--color-surface);transform:none}.share-result-card__placeholder{display:grid;place-items:center;color:var(--color-ink);font-weight:400;text-align:center;padding:1.5rem 1.5rem 1.5rem 2rem}.share-result-card__rank-badge{justify-self:end;border:3px solid var(--color-ink);border-radius:var(--radius-wobbly-pill);background:var(--color-post-it);padding:.55rem 1rem;color:var(--color-ink);font-size:1.65rem;font-weight:400;line-height:1;box-shadow:var(--shadow-hard-sm)}.share-result-card__rank-badge span{font-size:1rem}.share-result-card__stats,.share-result-card__signature{margin:0;text-align:right}.share-result-card__signature{font-size:.85rem}.share-result-actions{display:grid;gap:1rem;padding:clamp(1rem,3vw,1.5rem);min-width:0}.share-result-actions h3{margin:0 0 .4rem;font-size:1.6rem;scroll-margin-top:6rem}.share-result-actions p{margin:0}.share-result-actions__preview{display:block;width:min(100%,40rem);height:auto;margin-inline:auto;border:2px solid var(--color-ink);border-radius:var(--radius-wobbly-sm)}.share-result-actions__buttons{display:flex;flex-wrap:wrap;gap:.65rem}.share-result-actions>.action-control{justify-self:start}.share-result-actions__hint{font-size:.9rem;line-height:1.5}.share-result-actions__manual-copy{display:grid;gap:.5rem}.share-result-actions__manual-copy textarea{width:100%;resize:vertical}.result-streak-milestone{margin:0;animation:streak-delight .5s ease-out both}.result-streak-milestone svg{width:1em;height:1em;vertical-align:middle;display:inline-block;margin-right:.25rem}@keyframes streak-delight{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.result-streak-milestone{animation:none}}.share-result-card__result-bar{border:3px solid var(--color-ink);border-radius:var(--radius-wobbly-sm);background:var(--color-pen);padding:.9rem 1rem;color:var(--color-surface);font-size:1rem;font-weight:400;line-height:1.35;text-wrap:balance}@media (max-width: 960px){.share-result-card__art,.share-result-card__art img,.share-result-card__placeholder{min-height:15rem}}@media (max-width: 720px){.share-result-route__heading{align-items:stretch}.share-result-route__heading .action-control{width:100%}.share-result-card{padding:.9rem}.share-result-card__brand{font-size:.78rem}.share-result-card__art,.share-result-card__art img,.share-result-card__placeholder{min-height:12.5rem}.share-result-card__rank-badge{justify-self:start}}.submission-results-dialog.modal-dialog{width:min(100%,38rem)}.submission-results-artwork{min-width:0;margin:0}.submission-results-artwork img,.submission-results-artwork__placeholder{display:grid;width:100%;max-height:35dvh;aspect-ratio:3 / 2;place-items:center;object-fit:contain;border:2px solid var(--color-ink);border-radius:var(--radius-wobbly-sm)}.submission-results-artwork img{background:var(--color-surface)}.submission-results-artwork__placeholder{background:var(--color-image-well)}.submission-results-artwork figcaption{padding-top:.75rem;overflow-wrap:anywhere}.submission-results-artwork h3{margin:0 0 .25rem}.submission-results-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block:1.25rem}.submission-results-stats dt{font-size:.9rem}.submission-results-stats dd{margin:.25rem 0 0;font-size:1.45rem;overflow-wrap:anywhere}.submission-results-placement dd{color:var(--color-pen)}.submission-results-actions{display:flex;flex-wrap:wrap;gap:.75rem}@media (max-width: 480px){.submission-results-actions .action-control{flex:1 1 auto}}.gallery-route{display:grid;gap:1.5rem}.gallery-heading-group{display:flex;justify-content:space-between;align-items:end;gap:1rem}.gallery-heading-copy{min-width:0}.gallery-heading-copy h1{margin:.25rem 0;font-size:clamp(2rem,5vw,3rem);line-height:1.15;overflow-wrap:anywhere}.gallery-heading-copy>p:last-child{margin-bottom:0}.gallery-heading-copy .label{margin-top:0}.gallery-prompt{margin:.85rem 0 .25rem;font-family:var(--font-body);font-weight:400;font-size:1.6rem}.gallery-summary{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.gallery-sort-note{margin:0;white-space:nowrap;opacity:.7;color:var(--color-ink)}.gallery-live-note{opacity:.75;margin:-.4rem 0 0;color:var(--color-ink);max-width:52rem}.gallery-day-navigation{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem}.gallery-all-prompts{color:var(--color-ink);text-underline-offset:.2em}.gallery-day-stepper{display:flex;gap:.6rem}.gallery-day-stepper .gallery-day-link{min-height:2.75rem;padding:.4rem .75rem;border:1px solid var(--color-muted);border-radius:.5rem;background:var(--color-paper);box-shadow:none;font-size:1rem;line-height:1.1}.gallery-day-stepper .gallery-day-link:disabled{opacity:.45}.gallery-artwork-grid{display:grid;gap:1.25rem}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:clamp(.65rem,2vw,1.4rem);align-items:stretch}.gallery-card{position:relative;display:grid;grid-template-rows:auto 1fr;min-width:0;gap:.65rem;padding:.55rem;border:1px solid var(--color-muted);border-radius:.65rem;background:var(--color-surface);box-shadow:0 2px 0 var(--color-muted);color:var(--color-ink);cursor:pointer;text-align:left;transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.gallery-card:hover:not(:disabled),.gallery-card:active:not(:disabled){border-color:var(--color-ink);transform:none;box-shadow:0 2px 0 var(--color-muted)}.gallery-card:focus-visible{outline:var(--focus-ring);outline-offset:4px}.gallery-card--shared{outline:3px solid var(--color-pen);outline-offset:3px}.gallery-card__shared-label{position:absolute;z-index:1;top:.75rem;left:.75rem;padding:.1rem .5rem;border-radius:.4rem;background:var(--color-post-it);font-size:.9rem}.gallery-card-image{display:grid;width:100%;aspect-ratio:1;min-width:0;overflow:hidden;place-items:center;border:1px solid var(--color-muted);border-radius:.35rem;background:var(--color-surface)}.gallery-card-image img{width:100%;height:100%;object-fit:contain;background:var(--color-surface);transform:none}.gallery-card-image [role=status]{padding:.5rem;text-align:center;color:var(--color-ink)}.gallery-card-copy{display:flex;min-width:0;gap:.5rem;align-items:center;justify-content:space-between;padding:0 .15rem .15rem}.gallery-card-copy>strong{flex-shrink:0}.gallery-card-copy>span{overflow-wrap:anywhere;text-align:right}.gallery-elo-label{opacity:.7;color:var(--color-ink)}.gallery-placeholder{width:100%;min-width:0;min-height:0;aspect-ratio:1;border:1px dashed var(--color-muted);border-radius:.65rem;background:var(--color-paper)}.gallery-empty,.gallery-inline-state{margin:0;padding:1rem;border:1px solid var(--color-muted);border-radius:.5rem;background:var(--color-paper)}.gallery-inline-state p:first-child{margin-top:0}.gallery-error{display:grid;gap:.75rem;justify-items:start}.gallery-error h1,.gallery-error p{margin:0}.gallery-error h1{font-size:clamp(2rem,5vw,3rem);line-height:1.15}.gallery-archive-section{display:grid;gap:1rem}.gallery-section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.gallery-section-heading h2{margin:0;font-size:1.2rem}.gallery-section-heading>span{opacity:.7;color:var(--color-ink)}.gallery-archive-list{display:grid;margin:0;padding:0;list-style:none;border-top:1px solid var(--color-muted)}.gallery-archive-list a{display:grid;grid-template-columns:minmax(7.5rem,.65fr) minmax(0,2fr) minmax(6rem,auto) auto;gap:1rem;align-items:center;min-height:5.3rem;padding:1rem .4rem;border-bottom:1px solid var(--color-muted);color:var(--color-ink);text-decoration:none;transition:background var(--motion-fast) ease}.gallery-archive-list a:hover{background:var(--color-post-it)}.gallery-archive-list a:focus-visible{outline:var(--focus-ring);outline-offset:2px}.gallery-archive-list strong{font-size:1.25rem;overflow-wrap:anywhere}.gallery-archive-date{opacity:.7;color:var(--color-ink);font-variant-numeric:tabular-nums}.gallery-archive-count{opacity:.7;color:var(--color-ink);text-align:right}.gallery-archive-arrow{font-size:1.4rem}.artwork-dialog.modal-dialog{width:min(100%,64rem)}.artwork-dialog figure{min-width:0;margin:0}.artwork-dialog img,.artwork-dialog-placeholder{display:grid;width:100%;max-width:100%;aspect-ratio:3 / 2;place-items:center;border:2px solid var(--color-ink);object-fit:contain}.artwork-dialog img{background:var(--color-surface)}.artwork-dialog-placeholder{background:var(--color-image-well)}.artwork-dialog figcaption{padding-top:.75rem;font-weight:400}@media (min-width: 700px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1000px){.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 699px){.gallery-heading-group{align-items:start;flex-direction:column;gap:.6rem}.gallery-prompt{font-size:1.35rem}.gallery-card{padding:.4rem}.gallery-card-copy{font-size:.95rem;gap:.3rem}.gallery-day-navigation{align-items:start}.gallery-day-stepper{margin-left:auto}.gallery-day-stepper .gallery-day-link{font-size:.9rem;padding-inline:.5rem}.gallery-archive-list a{grid-template-columns:minmax(0,1fr) auto;gap:.2rem .75rem;padding:.9rem .25rem}.gallery-archive-date{grid-column:1;font-size:.95rem}.gallery-archive-list strong{grid-row:2;grid-column:1;font-size:1.15rem}.gallery-archive-count{grid-row:3;grid-column:1;text-align:left;font-size:.95rem}.gallery-archive-arrow{grid-row:1 / 4;grid-column:2}}@media (prefers-reduced-motion: reduce){.gallery-card,.gallery-archive-list a{transition:none}}@media (max-width: 960px){.admin-workspace{grid-template-columns:1fr}.admin-detail-panel{position:static}}@media (max-width: 720px){.navigation-transition,.app-shell--root-error>.app-content{padding-inline:1.25rem}.auth-panel-card{padding:1.25rem}.auth-vote-intro{align-items:flex-start}.auth-vote-badge{width:3rem;min-width:3rem;height:3rem}.auth-actions{align-items:stretch;flex-direction:column}.auth-actions>:is(button,.button-link){width:100%}.app-footer__inner{display:grid;justify-content:stretch;justify-items:start;padding:1.25rem 1.25rem max(1.25rem,env(safe-area-inset-bottom))}.footer-nav{justify-content:flex-start}.legal-panel{max-width:100%;padding:1.25rem}.home-prompt-note{min-height:14rem;padding:1.25rem}.home-action-button{min-height:4rem}.admin-heading,.admin-layout{grid-template-columns:1fr}.admin-heading{display:grid}.prompt-queue-row,.prompt-queue-content{display:grid;grid-template-columns:1fr}.prompt-row-actions{justify-content:flex-start}.vote-heading{display:grid;grid-template-columns:1fr}.report-admin-item,.profile-grid,.profile-stats{grid-template-columns:1fr}.pagination-controls:not(.pagination-controls--compact){justify-content:flex-start}.best-drawing{display:grid}h1{font-size:3.25rem}h2{font-size:2.5rem}.drawing-actions{display:grid;grid-template-columns:1fr}.drawing-prompt-note{border-radius:var(--radius-wobbly-sm)}.submitted-state{grid-template-columns:1fr;padding:1rem}.submitted-state__copy h2{font-size:2.2rem}.submitted-state__preview{min-height:14rem;max-height:18rem}.submitted-state__preview img{max-height:16rem}.submitted-state__actions{display:grid;grid-template-columns:1fr}.submitted-state__actions>:is(button,.button-link){width:100%}.account-danger-zone{padding:1rem}.modal-dialog.paper-surface{width:min(100%,calc(100vw - 2.5rem))}}@media (min-width: 720px) and (max-width: 960px){.drawing-toolbar{flex-wrap:wrap;gap:.35rem;padding:.5rem}.drawing-toolbar .tool-buttons{flex-wrap:wrap;gap:.35rem}.drawing-toolbar .brush-preset-menu__trigger{min-width:7rem;gap:.35rem;padding-inline:.55rem}.drawing-toolbar .brush-size-control{grid-template-columns:max-content minmax(6.5rem,1fr) max-content;gap:.35rem}}.player-leaderboard-route{display:grid;gap:1.75rem;min-width:0}.player-leaderboard__header h1{margin:0;font-size:clamp(2rem,5vw,3rem);line-height:1.15}.player-leaderboard__header p{margin:.65rem 0 0;font-size:1.2rem}.player-leaderboard__filters{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.player-leaderboard__tabs{display:flex;flex-wrap:wrap;gap:.65rem}.player-leaderboard__tabs button{background:var(--color-surface);box-shadow:var(--shadow-hard-sm)}.player-leaderboard__tabs button[aria-selected=true]{background:var(--color-post-it);box-shadow:none}.player-leaderboard__period{white-space:nowrap}.player-leaderboard__panel{display:grid;gap:1.25rem;min-width:0}.player-leaderboard__rule{margin:0;font-size:1.05rem}.player-leaderboard__status{padding:2rem 0;margin:0}.player-leaderboard__status h2{font-size:1.25rem;margin:0}.player-leaderboard__table{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}.player-leaderboard__table th,.player-leaderboard__table td{padding:1rem .75rem;text-align:right;vertical-align:middle;border-bottom:1px solid var(--color-muted)}.player-leaderboard__table thead th{padding-top:.5rem;padding-bottom:.7rem;font-size:.9rem;font-weight:400}.player-leaderboard__table .player-leaderboard__rank{width:4rem;padding-left:.5rem;text-align:center}.player-leaderboard__table .player-leaderboard__player{width:40%;text-align:left;font-weight:400}.player-leaderboard__row--current{background:var(--color-post-it)}.player-leaderboard__identity{display:flex;align-items:center;gap:.75rem;min-width:0}.player-leaderboard__identity .profile-avatar{flex:0 0 2.75rem;width:2.75rem;height:2.75rem}.player-leaderboard__identity-copy{min-width:0;overflow-wrap:anywhere}.player-leaderboard__identity a{display:inline-flex;min-height:2.75rem;align-items:center;color:var(--color-ink);font-size:1.15rem;text-decoration:none}.player-leaderboard__identity a:hover{color:var(--color-pen);text-decoration:underline}.player-leaderboard__identity a:focus-visible{outline:var(--focus-ring);outline-offset:3px}.player-leaderboard__you{margin-left:.5rem;font-size:.8rem}.player-leaderboard__metric--primary,.player-leaderboard__table thead .player-leaderboard__metric--primary{font-family:var(--font-heading);font-weight:700}.player-leaderboard__mobile-stats{display:none}@media (max-width: 640px){.player-leaderboard-route{gap:1.4rem}.player-leaderboard__table th,.player-leaderboard__table td{padding:.85rem .35rem}.player-leaderboard__table .player-leaderboard__rank{width:2.5rem;padding-left:0}.player-leaderboard__table .player-leaderboard__player{width:auto}.player-leaderboard__metric--primary{width:5.5rem}.player-leaderboard__count,.player-leaderboard__metric--secondary{display:none}.player-leaderboard__identity{align-items:flex-start;gap:.5rem}.player-leaderboard__identity .profile-avatar{flex-basis:2rem;width:2rem;height:2rem;margin-top:.35rem}.player-leaderboard__identity a{font-size:1.05rem}.player-leaderboard__mobile-stats{display:block;font-size:.85rem;line-height:1.35}}.streak-badge{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35rem;margin:.6rem 0;color:var(--color-ink);font-size:.95rem;font-weight:700}.streak-badge strong{font-size:1.2em}.streak-badge__best{margin-left:.5rem;color:var(--color-ink);font-weight:400}.streak-badge--compact{flex-wrap:nowrap;margin:0;padding:.3rem .5rem;border:1px solid var(--color-muted);border-radius:999px;background:var(--color-post-it);font-size:.8rem}.streak-nudge{font-size:.95rem;margin:.5rem 0;text-wrap:pretty}.streak-unavailable{font-size:.9rem}.streak-unavailable button{font:inherit;text-decoration:underline}.streak-badge svg{width:1.25em;height:1.25em;color:var(--color-accent)}.drawing-color-control .drawing-color-control__trigger{display:inline-flex;width:44px;min-height:44px;aspect-ratio:1;align-items:center;justify-content:center;padding:0;border-radius:8px}.drawing-color-control__trigger.active,.drawing-color-control__trigger[aria-expanded=true],.drawing-color-control__recent-button[aria-pressed=true]{background:var(--color-paper);border-color:var(--color-ink)}.drawing-color-control__swatch{display:block;flex:0 0 auto;width:1.45rem;height:1.45rem;border:2px solid var(--color-surface);border-radius:50%;outline:1px solid var(--color-ink)}.drawing-color-control__popover{position:fixed;z-index:20;display:grid;gap:.75rem;width:min(17rem,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;padding:.85rem;border:2px solid var(--color-ink);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-hard)}.drawing-color-control__spectrum.react-colorful{width:100%}.drawing-color-control__spectrum .react-colorful__hue{min-height:44px}.drawing-color-control__hex,.drawing-color-control__recent{display:grid;gap:.35rem;color:var(--color-ink);font-size:.8rem}.drawing-color-control__hex input{width:100%;min-height:44px;border-radius:8px;font-size:1rem}.drawing-color-control__hex input[aria-invalid=true]{border-color:var(--color-ink);border-style:dashed}.drawing-color-control__hint{margin:0;color:var(--color-ink);font-size:.75rem;line-height:1.4}.drawing-color-control__swatches{display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));gap:.4rem}.drawing-color-control .drawing-color-control__recent-button{min-width:44px;min-height:44px;padding:0}.drawing-color-control__recent-button[aria-pressed=true] .drawing-color-control__swatch{outline:2px solid var(--color-ink);outline-offset:2px}.drawing-color-control__sample{min-height:44px;gap:.5rem;font-size:.85rem}.drawing-color-control__sample svg{width:1.25rem;height:1.25rem}.drawing-color-control button:focus-visible,.drawing-color-control input:focus-visible{outline:var(--focus-ring);outline-offset:3px}