.avatar-section{--avatar-highlight:var(--yellow);background:var(--purple);color:var(--cream);padding:16px max(3%,calc((100% - 1500px)/2)) 58px}.pixel-panel{border:4px solid var(--ink);border-radius:3px;box-shadow:5px 0 0 var(--ink),-5px 0 0 var(--ink),0 5px 0 var(--ink),0 -5px 0 var(--ink)}.avatar-editor{color:var(--ink);background:var(--cream);padding:25px 27px 28px}.avatar-tabs{grid-area:tabs;display:grid;grid-template-columns:repeat(var(--avatar-tab-count,4),minmax(0,1fr));gap:16px}.pixel-button{position:relative;border:3px solid var(--ink);background:#f2e5ec;color:var(--ink);border-radius:3px;box-shadow:3px 0 0 var(--ink),-3px 0 0 var(--ink),0 3px 0 var(--ink),0 -3px 0 var(--ink);font-family:GameDisplay,Arial,sans-serif;font-weight:400}.avatar-tab{display:flex;align-items:center;justify-content:center;gap:13px;padding:13px 10px;min-height:73px;font-size:35px;line-height:1}.avatar-tab svg,.color-targets svg{width:32px;height:32px;stroke:currentColor;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;fill:none;flex-shrink:0}.pixel-button.is-active{background:var(--yellow);box-shadow:3px 0 0 var(--ink),-3px 0 0 var(--ink),0 -3px 0 var(--ink),4px 7px 0 var(--ink)}.pixel-button:hover{background:#f9de7a}.avatar-editor{display:grid;grid-template-columns:minmax(240px,31.5%) minmax(0,1fr);grid-template-areas:"preview tabs" "preview options";grid-template-rows:auto auto;align-content:start;column-gap:42px;row-gap:30px}.avatar-preview{grid-area:preview;background:#cf86f2;align-self:stretch;overflow:hidden;display:flex;flex-direction:column}.avatar-preview-label{background:#a24ad9;color:var(--cream);border-bottom:4px solid var(--ink);padding:17px 10px;text-align:center;text-transform:uppercase;font-size:24px;line-height:1.3}.avatar-preview-body{padding:26px 20px 25px;text-align:center;display:flex;flex-direction:column;flex:1;gap:20px}.avatar-portrait{position:relative;flex-shrink:0;width:100%;aspect-ratio:1;border:3px solid var(--ink);border-radius:50%;background:#fff0cb;isolation:isolate}.avatar-portrait canvas{display:block;width:100%;height:100%;border-radius:50%}.avatar-save-status{font-size:20px;line-height:1.3;margin:0}.render-loading{position:absolute;left:8%;right:8%;bottom:13%;padding:7px 8px;border-radius:5px;background:#fff5e5e8;font-size:14px}.render-error{position:absolute;top:30%;right:10%;bottom:30%;left:10%;display:flex;flex-direction:column;justify-content:center;gap:12px;background:var(--cream);padding:10px;font-size:17px}.render-error button{background:var(--yellow);border:2px solid var(--ink);padding:8px}.avatar-options{grid-area:options;min-width:0;min-height:0;outline-offset:8px}.avatar-style-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 15px}.avatar-choice{min-width:0;background:transparent;color:var(--ink);border:0;padding:0;line-height:1.2}.choice-image{position:relative;display:block;border-radius:50%;border:3px solid transparent;margin:0}.choice-image img{display:block;width:100%;height:auto;border-radius:50%}.avatar-choice.is-selected .choice-image{border-color:var(--avatar-highlight);outline:2px solid var(--ink)}.avatar-choice:hover .choice-image{outline:2px solid #a24ad9}.choice-check{position:absolute;display:grid;place-items:center;right:0;top:0;width:27px;height:27px;background:var(--yellow);border:2px solid var(--ink);border-radius:50%;font-family:Arial,sans-serif;font-weight:900;font-size:20px;line-height:1}.color-slider input{width:100%;height:26px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--ink);border-radius:20px;margin:0;cursor:pointer}.color-slider input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--cream);border:3px solid var(--ink);border-radius:50%;width:33px;height:33px}.color-slider input::-moz-range-thumb{background:var(--cream);border:3px solid var(--ink);border-radius:50%;width:27px;height:27px}.color-slider input:focus-visible{outline:3px solid #a24ad9;outline-offset:6px}.skin-controls{border:0;padding:0;margin:0}.misc-empty{min-height:465px;background:#fffaf1;margin:3px 4px}.avatar-section button:focus-visible{outline-color:#8e2ab8}.avatar-tabs button:focus-visible{outline-offset:8px}@media(min-width:1550px){.avatar-editor{column-gap:45px}.avatar-style-grid{gap:16px 20px}.avatar-preview-body{padding-top:32px;padding-bottom:30px}.avatar-save-status{font-size:22px}}@media(max-width:1100px){.avatar-editor{padding:20px}.avatar-editor{column-gap:28px;grid-template-columns:minmax(210px,30%) minmax(0,1fr)}.avatar-tab{font-size:28px;gap:8px;min-height:63px}.avatar-tab svg{width:27px;height:27px}.avatar-tabs{gap:14px}.avatar-preview-label{font-size:20px;padding:13px 7px}.avatar-preview-body{padding:20px 13px}.avatar-save-status{font-size:16px}.avatar-style-grid{gap:10px}.misc-empty{min-height:350px}}@media(max-width:800px){.avatar-section{padding:14px 5% 38px}.avatar-editor{padding:18px}.avatar-tabs{gap:12px}.avatar-tab{flex-direction:column;gap:4px;font-size:24px;padding:9px 5px;min-height:76px}.avatar-editor{grid-template-columns:1fr;grid-template-areas:"preview" "tabs" "options";grid-template-rows:auto;row-gap:28px}.avatar-preview{width:100%;max-width:360px;justify-self:center}.avatar-preview-label{padding:10px;font-size:19px}.avatar-preview-body{padding:19px 21px 17px}.avatar-portrait{max-width:235px;margin:auto}.avatar-save-status{font-size:17px}.avatar-options{min-height:0}.avatar-style-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:520px;margin-inline:auto}.misc-empty{min-height:300px}}@media(max-width:540px){.avatar-section{padding-left:5%;padding-right:5%}.avatar-editor{padding:13px 12px 18px;border-width:3px;box-shadow:4px 0 0 var(--ink),-4px 0 0 var(--ink),0 4px 0 var(--ink),0 -4px 0 var(--ink)}.avatar-tabs{gap:9px}.avatar-tab{font-size:20px;min-height:66px;border-width:2px;padding:7px 0}.avatar-tab svg{width:23px;height:23px}.avatar-editor{row-gap:25px}.avatar-preview{max-width:275px}.avatar-portrait{max-width:205px}.avatar-preview-body{padding:16px 17px}.avatar-save-status{font-size:16px}.avatar-style-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.choice-check{width:24px;height:24px;font-size:17px}.color-slider input{height:23px}.misc-empty{min-height:260px}.avatar-tabs button:focus-visible{outline-offset:5px}}@media(prefers-reduced-motion:reduce){.avatar-section *{scroll-behavior:auto}}.avatar-name-input{display:block;margin-top:0;width:100%;min-width:0;min-height:48px;border:2px solid var(--ink);border-radius:4px;background:var(--cream);color:var(--ink);font:inherit;font-size:20px;line-height:1.2;text-align:center;padding:11px 10px}.avatar-name-input::placeholder{color:#716875;opacity:1;text-align:center}.avatar-name-input:focus-visible{outline:3px solid #752491;outline-offset:4px}.avatar-save-status{margin:10px 0 0;font-size:14px}@media(max-width:800px){.avatar-name-input{font-size:24px;line-height:1.25;min-height:56px}}@media(min-width:801px)and (max-width:1100px){.avatar-tab{flex-direction:column;gap:4px;font-size:24px;padding:9px 4px;min-height:76px}}.avatar-tab.is-active,.avatar-tab.is-active:hover,.avatar-choice.is-selected .choice-check{background:var(--avatar-highlight)}.avatar-choice.is-selected:hover .choice-image{outline-color:var(--ink)}.color-targets .pixel-button.is-active,.color-targets .pixel-button.is-active:hover{background:var(--avatar-highlight)}.avatar-options{container-type:inline-size}.avatar-panel-content{display:flow-root;min-height:320px;min-height:max(320px,60cqw)}.color-controls{background:#fffaf1;padding:12px 14px;margin:2px 4px 20px}.color-targets{display:grid;grid-template-columns:repeat(var(--color-target-count,2),minmax(0,1fr));gap:12px;margin-bottom:18px}.color-targets button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:24px;min-height:48px;padding:6px;white-space:nowrap}.color-targets svg{width:24px;height:24px}.color-sliders{display:grid;gap:14px;margin:0 4px}.color-slider{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:12px;font-size:18px;font-weight:800;min-height:44px}.color-slider>span{white-space:nowrap}.skin-controls legend{font-family:GameDisplay,Arial,sans-serif;font-weight:400;font-size:30px;line-height:1;margin:0 0 12px}.skin-slider{display:block;max-width:100%;min-height:44px;padding:4px 8px 10px}@media(max-width:800px){.avatar-panel-content{min-height:210px;min-height:max(210px,min(60cqw,312px))}.color-controls{padding:10px;margin:2px 4px 16px}.color-targets{gap:10px;margin-bottom:14px}.color-targets button{font-size:20px;min-height:44px;padding:6px 3px;gap:4px}.color-targets svg{width:18px;height:18px}.color-sliders{gap:10px;margin:0 3px}.color-slider{grid-template-columns:82px minmax(0,1fr);gap:10px;font-size:16px}.skin-controls legend{font-size:28px;margin-bottom:10px}}@media(max-width:540px){.color-targets button{font-size:18px}}.color-target-panel{min-height:102px;outline-offset:5px}.avatar-preview-label{font-family:GameDisplay,Arial,sans-serif;text-transform:none;font-size:32px;line-height:1.15;letter-spacing:.3px;white-space:nowrap}@media(max-width:1100px){.avatar-preview-label{font-size:26px}}@media(max-width:800px){.avatar-preview-label{font-size:28px}}@media(max-width:540px){.avatar-preview-label{font-size:26px}}.avatar-name-input{font-weight:800}.avatar-name-input::placeholder{font-weight:400}@font-face{font-family:GameDisplay;src:url(/assets/jersey25.ttf) format("truetype");font-display:swap;font-weight:400}@font-face{font-family:GameText;src:url(/assets/nunito.ttf) format("truetype");font-display:swap;font-weight:400}@font-face{font-family:RetroDisplay;src:url(/assets/fonts/bungee-regular.ttf) format("truetype");font-display:swap;font-weight:400;font-style:normal}.avatar-section{--cream:#fff5e5;--purple:#400237;--yellow:#ffda17;--ink:#290329;--landing-gutter:max(3%, calc((100% - 1500px)/2) );font-family:GameText,Arial,sans-serif;font-synthesis:weight;padding:28px var(--landing-gutter) 16px}.avatar-section .avatar-preview-label{font-family:RetroDisplay,GameDisplay,Arial,sans-serif;font-weight:400;-webkit-text-stroke:0;letter-spacing:0;font-size:22px;line-height:1.3;color:#000;white-space:normal;text-wrap:balance}.avatar-section input:focus{box-shadow:none}.avatar-section button{touch-action:manipulation}@media(min-width:801px){.avatar-section>.avatar-editor{width:90%;margin-inline:auto;zoom:.9}.avatar-section .avatar-name-input{font-size:30px;line-height:1.25;min-height:58px}}@media(max-width:1100px){.avatar-section .avatar-preview-label{font-size:16px}}@media(max-width:800px){.avatar-section{--landing-gutter:5%;padding-top:24px;padding-bottom:12px}.avatar-section .avatar-preview{max-width:480px;container-type:inline-size}.avatar-section .avatar-preview-label{font-size:clamp(14px,3.8vw,22px);font-size:clamp(14px,5.5cqw,22px);padding-inline:8px;white-space:nowrap}}.avatar-section:not(.avatar-editing-session)>.avatar-editor{display:block;width:min(100%,480px);margin-inline:auto;padding:0;background:transparent;border:0;box-shadow:none;zoom:1}.avatar-section:not(.avatar-editing-session)>.avatar-editor .avatar-preview{width:100%;max-width:none}.avatar-section:not(.avatar-editing-session)>.avatar-editor .avatar-preview>.avatar-preview-label:not(.avatar-edit-link){display:none}.avatar-section:not(.avatar-editing-session)>.avatar-editor .avatar-portrait{max-width:260px;margin-inline:auto}.avatar-section:not(.avatar-editing-session)>.avatar-editor .avatar-edit-link{display:block;width:100%;margin:0;border:0;border-top:4px solid var(--ink);border-bottom:0;border-radius:0;cursor:pointer;font-size:20px;min-height:52px;text-align:center}.avatar-section:not(.avatar-editing-session)>.avatar-editor .avatar-edit-link:hover{filter:brightness(.96)}.avatar-section:not(.avatar-editing-session)>.avatar-editor .avatar-edit-link:focus-visible{outline:3px solid var(--ink);outline-offset:-7px}.avatar-mobile-dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(1200px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:20px;border:4px solid var(--ink);border-radius:6px;background:var(--cream);color:var(--ink);overflow:hidden;box-sizing:border-box;font-family:inherit}.avatar-mobile-dialog[open]{display:flex;flex-direction:column}.avatar-mobile-dialog::backdrop{background:#19051cd9}.avatar-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:0 4px 14px}.avatar-dialog-toolbar h2{font-family:GameDisplay,Arial,sans-serif;font-size:34px;font-weight:400;line-height:1.1;margin:0;min-width:0}.avatar-dialog-actions{display:flex;gap:12px;flex-shrink:0}.avatar-dialog-actions button{min-width:78px;min-height:44px;font-size:24px;line-height:1;padding:7px 12px;touch-action:manipulation}.avatar-dialog-actions .avatar-save-button{background:var(--avatar-highlight,var(--yellow))}.avatar-dialog-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px;outline-offset:-4px}.avatar-draft-notice{margin:0 4px 14px;padding:10px;border:2px solid var(--ink);border-radius:4px;font-size:16px;line-height:1.35;background:var(--cream)}.avatar-mobile-dialog .avatar-editing-session{padding:0;background:transparent}.avatar-mobile-dialog .avatar-editing-session>.avatar-editor{width:100%;margin:0;zoom:1}.avatar-mobile-dialog .avatar-editing-session .avatar-name-input{font-size:24px;line-height:1.25;min-height:56px}@media(max-width:800px){.avatar-section:not(.avatar-editing-session)>.avatar-editor .avatar-portrait{max-width:235px}.avatar-mobile-dialog{--avatar-dialog-content-width:clamp(280px,calc((var(--avatar-viewport-height,100dvh) - 370px)/.6),520px);--avatar-dialog-panel-size:max(210px,min( calc((100vw - 48px)*.6) ,calc(var(--avatar-dialog-content-width)*.6),312px));--avatar-dialog-portrait-size:clamp(88px,calc(var(--avatar-viewport-height,100dvh) - var(--avatar-dialog-panel-size) - 400px),260px);inset:auto 0;top:var(--avatar-viewport-top,0px);width:100%;height:var(--avatar-viewport-height,100dvh);max-height:none;margin:0;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border:0;border-radius:0}.avatar-dialog-toolbar{padding:0 4px 10px;gap:8px;min-height:54px}.avatar-dialog-toolbar h2{font-size:26px;max-width:none}.avatar-dialog-actions{gap:10px}.avatar-dialog-actions button{min-width:62px;font-size:21px;padding:7px 9px}.avatar-dialog-content{flex:1;padding:6px;scroll-padding:12px}.avatar-mobile-dialog .avatar-editing-session>.avatar-editor{max-width:var(--avatar-dialog-content-width);margin-inline:auto;padding:0;gap:14px;border:0;box-shadow:none;background:transparent}.avatar-mobile-dialog .avatar-editing-session .avatar-preview{width:100%;max-width:520px;justify-self:center;container-type:normal}.avatar-mobile-dialog .avatar-editing-session .avatar-preview-label{font-size:18px;line-height:1.25;padding:8px;white-space:normal}.avatar-mobile-dialog .avatar-editing-session .avatar-preview-body{padding:10px 14px;gap:10px}.avatar-mobile-dialog .avatar-editing-session .avatar-portrait{width:var(--avatar-dialog-portrait-size);max-width:100%;margin:0 auto}.avatar-mobile-dialog .avatar-editing-session .avatar-name-input{min-height:48px;padding:7px 10px;font-size:24px;line-height:1.25}.avatar-mobile-dialog .avatar-editing-session .avatar-tabs{width:100%;max-width:520px;justify-self:center;gap:10px}.avatar-mobile-dialog .avatar-editing-session .avatar-tab{min-height:56px;padding:5px 2px;gap:3px;font-size:21px}.avatar-mobile-dialog .avatar-editing-session .avatar-tab svg{width:22px;height:22px}.avatar-mobile-dialog .avatar-editing-session .avatar-options{width:100%;max-width:520px;justify-self:center}.avatar-mobile-dialog .avatar-editing-session .avatar-panel-content{min-height:var(--avatar-dialog-panel-size)}.avatar-mobile-dialog .avatar-editing-session .avatar-style-grid{gap:6px;grid-template-columns:repeat(5,minmax(0,1fr))}.avatar-mobile-dialog .avatar-editing-session .color-controls{margin-bottom:8px}.avatar-mobile-dialog .avatar-editing-session .choice-check{width:23px;height:23px;font-size:16px}}@media(max-width:800px)and (max-height:720px){.avatar-mobile-dialog{--avatar-dialog-portrait-size:clamp(80px,calc(var(--avatar-viewport-height,100dvh) - var(--avatar-dialog-panel-size) - 354px),220px);padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.avatar-dialog-toolbar{padding-bottom:8px;min-height:52px}.avatar-mobile-dialog .avatar-editing-session>.avatar-editor{gap:10px}.avatar-mobile-dialog .avatar-editing-session .avatar-preview-label{font-size:16px;padding:6px}.avatar-mobile-dialog .avatar-editing-session .avatar-preview-body{padding:8px 12px;gap:8px}.avatar-mobile-dialog .avatar-editing-session .avatar-name-input{min-height:44px;padding:5px 10px}.avatar-mobile-dialog .avatar-editing-session .avatar-tab{min-height:48px;font-size:19px;padding:3px 2px;gap:2px}.avatar-mobile-dialog .avatar-editing-session .avatar-tab svg{width:20px;height:20px}}@media(max-width:360px){.avatar-dialog-toolbar h2{font-size:23px}.avatar-dialog-actions{gap:8px}.avatar-dialog-actions button{min-width:58px;font-size:20px;padding-inline:7px}}.game-guide{padding:24px max(5%,calc((100% - 1100px)/2)) 40px;color:#290329;background:#fff5e5;font-family:GameText,Nunito,Arial,sans-serif;font-size:18px;line-height:1.65;text-align:left}.game-guide-inner{max-width:1100px;margin:auto;min-width:0}.game-guide h2{font-family:GameDisplay,Fredoka,Arial,sans-serif;font-weight:400;font-size:clamp(30px,3vw,42px);line-height:1.2;letter-spacing:0;-webkit-text-stroke:0;margin:16px 0}.game-guide h3{font-family:inherit;font-size:19px;font-weight:800;line-height:1.4;margin:0 0 8px}.game-guide p{margin:0 0 20px;max-width:85ch}.game-guide ol{padding-left:26px;margin:0 0 32px;max-width:85ch}.game-guide li{padding-left:5px;margin-bottom:10px}.game-guide-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 36px;margin:24px 0}.game-guide-questions>section{border-top:2px solid #d9b9ca;padding-top:18px;min-width:0}.game-guide a{display:inline-block;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-weight:800}.sketch-landing .game-guide{background:transparent;color:#103469;font-family:Fredoka,Arial,sans-serif;padding-inline:var(--sketch-gutter,5%)}.shared-app.sketch-landing .game-guide{color:#10265f;font-family:Notebook,Fredoka,Arial,sans-serif}.sketch-landing .game-guide h2{font-family:inherit;font-weight:700}@media(max-width:800px){.game-guide{font-size:17px;padding-block:20px 30px}.game-guide-questions{grid-template-columns:1fr;gap:12px}.game-guide h3{font-size:18px}}