@import "https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap";:root{--ink:#230a19;--paper:#f5e57a;--page:#999ea1;--muted:#33567e;--violet:#221a5f;--violet-dark:#33567e;--mint:#549d8c;--yellow:#f5e57a;--blue:#33567e;--coral:#d3493b;--olive:#a5d967;--red:#d3493b;--rust:#da7149;--slate:#242630;--grid-line:#999ea1;--display-font:"Arial Black", "Segoe UI Black", system-ui, sans-serif;--pixel-font:ui-monospace, "Cascadia Mono", Consolas, monospace;color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:0;min-height:100%}body{background-color:var(--page);background-image:linear-gradient(#221a5f1a 1px,#0000 1px),linear-gradient(90deg,#221a5f1a 1px,#0000 1px);background-size:24px 24px;min-width:0;min-height:100vh;margin:0}button,input{font-family:inherit}::selection{color:var(--paper);background:var(--violet-dark)}.app-shell{width:min(1120px,100% - 32px);margin:0 auto;padding-bottom:32px}.topbar{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:16px;min-height:76px;display:flex}.brand{color:var(--ink);font-family:var(--pixel-font);letter-spacing:.04em;align-items:center;gap:12px;font-size:1.05rem;font-weight:900;text-decoration:none;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--paper);background:var(--violet);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);place-items:center;display:grid}.prototype-badge,.backend-badge,.feature-row span,.step-label,.canvas-label,footer{font-family:var(--pixel-font);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.prototype-badge{color:var(--ink);background:var(--yellow);border:2px solid var(--ink);padding:8px 10px}.topbar-statuses{align-items:center;gap:8px;display:flex}.environment-badge{display:contents}.topbar-brand-logo{width:132px;height:28px;image-rendering:pixelated;display:block;position:relative;overflow:hidden}.topbar-logo-frame{width:156px;height:auto;image-rendering:pixelated;display:block;position:absolute;top:-2px;left:-1px}.music-player{min-height:58px;color:var(--ink);background:color-mix(in srgb, var(--yellow) 76%, var(--paper));border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);clip-path:var(--pixel-corner);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:10px;padding:8px 10px 8px 14px;display:grid}.pwa-update-notice{color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);clip-path:var(--pixel-corner);justify-content:space-between;align-items:center;gap:14px;margin-top:10px;padding:10px 12px 10px 14px;display:flex}.pwa-update-notice span,.pwa-update-notice button{font-family:var(--pixel-font);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:800}.pwa-update-notice button{min-height:38px;color:var(--paper);background:var(--violet-dark);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);flex:none;padding:7px 11px}.music-player-copy{gap:2px;min-width:0;display:grid}.music-player-copy>span,.music-player-copy>small{font-family:var(--pixel-font);letter-spacing:.05em;text-transform:uppercase;font-size:.62rem;font-weight:800}.music-player-copy>strong{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.music-player-copy>small{color:var(--coral-dark,#7d2d3b)}.music-player-controls{grid-template-columns:38px minmax(94px,auto) 38px;gap:5px;display:grid}.music-player-controls button{min-width:0;min-height:38px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-family:var(--pixel-font);padding:5px 8px;font-size:.68rem;font-weight:800}.music-player-controls button:disabled{opacity:.38;box-shadow:none}.music-player-controls .music-player-toggle{background:var(--mint)}.backend-badge{color:var(--ink);background:var(--paper);border:2px solid var(--ink);align-items:center;gap:7px;padding:8px 10px;display:inline-flex}.status-dot{background:var(--yellow);border:1px solid var(--ink);width:9px;height:9px}.backend-badge[data-status=online] .status-dot{background:var(--mint)}.backend-badge[data-status=reconnecting] .status-dot{background:var(--yellow)}.backend-badge[data-status=offline] .status-dot{background:var(--coral)}.hero{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:center;gap:clamp(36px,7vw,88px);padding:clamp(52px,8vw,96px) 0 58px;display:grid}.eyebrow,.step-label{color:var(--violet-dark);letter-spacing:.09em;text-transform:uppercase;margin:0 0 14px;font-weight:850}.hero h1{max-width:760px;color:var(--ink);font-family:var(--display-font);letter-spacing:-.07em;margin:0;font-size:clamp(3rem,7vw,6.6rem);line-height:.92}.hero h1 span{color:var(--violet-dark)}.intro{max-width:650px;color:var(--muted);margin:28px 0 0;font-size:clamp(1rem,2vw,1.18rem);line-height:1.65}.feature-row{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.feature-row span{background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 color-mix(in srgb, var(--ink) 35%, transparent);padding:8px 10px}.pixel-card{background:var(--paper);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);padding:16px;transform:rotate(2deg)}.canvas-label{justify-content:space-between;margin-bottom:12px;display:flex}.pixel-preview{aspect-ratio:1;background-color:var(--paper);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);border:2px solid var(--ink);image-rendering:pixelated;background-size:8.33333% 8.33333%;grid-template-columns:repeat(12,1fr);display:grid;overflow:hidden}.preview-pixel{aspect-ratio:1;width:100%}.palette{grid-template-columns:repeat(8,1fr);gap:6px;margin-top:12px;display:grid}.palette span{aspect-ratio:1;border:2px solid var(--ink)}.lobby-card{background:var(--mint);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr);gap:clamp(32px,6vw,72px);padding:clamp(28px,5vw,54px);display:grid}.lobby-heading h2{color:var(--ink);font-family:var(--display-font);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.lobby-controls{min-width:0}.field{color:var(--ink);gap:8px;font-weight:800;display:grid}.field span{letter-spacing:.05em;text-transform:uppercase;font-size:.82rem}.profile-player-name-field small{color:var(--slate);font-size:.86rem;font-weight:600}.profile-player-name{box-sizing:border-box;min-height:50px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);align-items:center;padding:0 14px;font-size:16px;display:flex}input,button{box-sizing:border-box;min-height:50px;font:inherit;border-radius:0}input{width:100%;color:var(--ink);background:var(--paper);border:2px solid var(--ink);outline:none;padding:0 14px;font-size:16px}input:focus{box-shadow:4px 4px 0 var(--violet-dark)}input::placeholder{color:var(--slate)}button{border:2px solid var(--ink);cursor:pointer;font-family:var(--pixel-font);letter-spacing:.02em;padding:0 18px;font-size:.8rem;font-weight:900;transition:transform .12s,box-shadow .12s}button:hover{transform:translate(-2px,-2px)}button:active{box-shadow:none;transform:translate(2px,2px)}button:disabled,input:disabled{cursor:wait;opacity:.62}button:disabled:hover{transform:none}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.primary-button{width:100%;color:var(--paper);background:var(--violet-dark);box-shadow:5px 5px 0 var(--ink);margin-top:14px}.secondary-button{color:var(--ink);background:var(--yellow);box-shadow:5px 5px 0 var(--ink);align-self:end}.divider{color:var(--muted);align-items:center;gap:12px;margin:22px 0;font-size:.85rem;font-weight:700;display:flex}.divider:before,.divider:after{content:"";background:color-mix(in srgb, var(--ink) 35%, transparent);flex:1;height:2px}.join-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.status-message{min-height:44px;color:var(--ink);background:color-mix(in srgb, var(--paper) 65%, transparent);border-left:5px solid var(--violet-dark);margin:22px 0 0;padding:12px 14px;font-size:.9rem;line-height:1.45}footer{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:36px 0 8px;display:flex}.footer-link-button,.text-link-button{width:auto;min-height:0;color:inherit;box-shadow:none;clip-path:none;font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.footer-link-button:hover,.text-link-button:hover{color:var(--ink)}.footer-link-button:focus-visible,.text-link-button:focus-visible{outline:3px solid var(--violet-dark);outline-offset:4px}.privacy-page{padding:clamp(36px,6vw,72px) 0 24px}.privacy-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.privacy-header h1{margin:6px 0 8px}.privacy-header p{margin:0}.privacy-header>button{flex:none}.privacy-content{gap:20px;min-width:0;display:grid}.privacy-content>section{background:color-mix(in srgb, var(--paper) 76%, transparent);border:3px solid var(--ink);min-width:0;box-shadow:7px 7px 0 var(--ink);padding:clamp(20px,4vw,32px)}.privacy-content h2{margin-top:0;font-size:clamp(1.15rem,3vw,1.55rem)}.privacy-content p,.privacy-content li,.privacy-controller-details{line-height:1.65}.privacy-content p:last-child,.privacy-content ul:last-child{margin-bottom:0}.privacy-content a{color:var(--violet-dark);font-weight:800}.privacy-controller-details{gap:10px;margin:18px 0;display:grid}.privacy-controller-details>div{border-bottom:2px dashed color-mix(in srgb, var(--ink) 28%, transparent);grid-template-columns:minmax(130px,.35fr) minmax(0,1fr);gap:12px;padding-bottom:10px;display:grid}.privacy-controller-details dt{font-weight:900}.privacy-controller-details dd{margin:0}.privacy-table-wrap{border:2px solid var(--ink);width:100%;min-width:0;max-width:100%;margin:18px 0;overflow-x:auto}.privacy-table{border-collapse:collapse;background:var(--paper);width:100%;min-width:760px;font-size:.84rem;line-height:1.5}.privacy-table th,.privacy-table td{border:1px solid color-mix(in srgb, var(--ink) 38%, transparent);text-align:left;vertical-align:top;padding:12px}.privacy-table th{background:var(--mint);font-family:var(--pixel-font);text-transform:uppercase;font-size:.7rem}.privacy-notice-prompt{color:var(--muted);margin:4px 0 0;font-size:.78rem;line-height:1.5}.privacy-notice-prompt .text-link-button{color:var(--violet-dark);font-weight:900}.waiting-room{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(28px,6vw,72px);padding:clamp(48px,8vw,92px) 0 64px;display:grid}.room-summary,.players-panel{border:3px solid var(--ink);min-width:0;box-shadow:10px 10px 0 var(--ink)}.room-summary{background:var(--yellow);padding:clamp(24px,4vw,42px)}.room-summary h1,.players-heading h2{color:var(--ink);font-family:var(--display-font);letter-spacing:-.045em;margin:0;line-height:1}.room-summary h1{font-size:clamp(2.2rem,5vw,4rem)}.room-code{font-family:var(--pixel-font);letter-spacing:.12em;margin:22px 0;font-size:clamp(2rem,5vw,3.5rem);line-height:1;display:block}.copy-button{background:var(--paper);width:100%}.leave-room-button{width:100%;color:var(--ink);background:color-mix(in srgb, var(--rust) 58%, var(--paper));border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);margin-top:10px}.leave-room-button:hover:not(:disabled){background:color-mix(in srgb, var(--rust) 72%, var(--paper))}.room-note{color:var(--muted);margin:24px 0 0;font-size:.92rem;line-height:1.55}.players-panel{background:var(--mint);padding:clamp(24px,4vw,42px)}.players-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.players-heading h2{overflow-wrap:normal;font-size:clamp(2rem,3.5vw,3.1rem)}.players-heading>div{min-width:0}.player-count,.host-badge{font-family:var(--pixel-font);text-transform:uppercase;font-size:.72rem;font-weight:900}.offline-player-badge{color:var(--ink);background:color-mix(in srgb, var(--coral) 55%, var(--paper));border:2px solid var(--ink);font-family:var(--pixel-font);text-transform:uppercase;padding:5px 7px;font-size:.62rem;font-weight:900}.player-count{background:var(--paper);border:2px solid var(--ink);flex:none;padding:10px 12px}.player-list{gap:10px;margin:28px 0 0;padding:0;list-style:none;display:grid}.player-list li{background:color-mix(in srgb, var(--paper) 78%, transparent);border:2px solid var(--ink);align-items:center;gap:12px;min-height:54px;padding:8px 12px;display:flex}.player-avatar{width:34px;height:34px;color:var(--paper);background:var(--violet-dark);border:2px solid var(--ink);font-family:var(--pixel-font);flex:none;place-items:center;font-size:.72rem;font-weight:900;display:grid}.player-name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:850}.profile-preview-trigger{min-width:0;color:inherit;box-shadow:none;font:inherit;text-align:left;background:0 0;border:0;padding:0}.profile-preview-trigger:hover,.profile-preview-trigger:focus-visible{color:var(--violet-dark)}.profile-preview-trigger:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.player-profile-trigger{flex:1;align-self:stretch;align-items:center;gap:12px;display:flex}.host-badge{background:var(--yellow);border:2px solid var(--ink);padding:6px 8px}.score-badge{font-family:var(--pixel-font);white-space:nowrap;margin-left:auto;font-size:.7rem}.player-list[data-ranked=true] li:first-child{background:var(--yellow)}.start-game-controls{gap:12px;margin-top:22px;display:grid}.start-game-button{margin-top:0}.test-mode-button{width:100%;color:var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink)}.test-mode-button[aria-pressed=true]{background:var(--yellow)}.start-game-controls span,.host-wait-message{color:var(--muted);font-size:.88rem}.host-wait-message{margin:22px 0 0}.round-panel{color:var(--paper);background:var(--violet-dark);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);gap:8px;margin-top:22px;padding:18px;display:grid}.round-panel strong{font-family:var(--pixel-font);font-size:.9rem}.round-panel span{line-height:1.5}.round-result{gap:4px;display:grid}.round-transition{color:var(--ink);background:var(--mint);border:2px solid var(--ink);justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding:10px 12px;display:flex}.round-transition span,.round-transition strong{font-family:var(--pixel-font);text-transform:uppercase;font-weight:900}.round-transition span{font-size:.62rem}.round-transition strong{font-size:1.3rem}.game-results{text-align:center;background:var(--yellow);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);gap:8px;margin-top:22px;padding:20px;display:grid}.game-results .winner-label{font-family:var(--pixel-font);text-transform:uppercase;margin:0;font-size:.65rem;font-weight:900}.game-results>strong{font-family:var(--display-font);font-size:clamp(2rem,7vw,3.6rem);line-height:.9}.game-results>span{font-weight:800}.round-timer{color:var(--ink);background:var(--yellow);border:2px solid var(--ink);justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding:10px 12px;display:flex}.round-timer>span{font-family:var(--pixel-font);text-transform:uppercase;font-size:.62rem;font-weight:900}.round-timer>strong{font-family:var(--display-font);font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,5vw,2.6rem);line-height:.8}.round-timer[data-urgent=true]{color:var(--paper);background:var(--red)}.round-timer[data-unlimited=true]{background:color-mix(in srgb, var(--mint) 62%, var(--paper))}.round-label{color:var(--yellow);font-family:var(--pixel-font);text-transform:uppercase;margin:0;font-size:.7rem;font-weight:900}.word-choice-panel{gap:12px;margin-top:6px;display:grid}.word-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.word-options button{min-width:0;color:var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);overflow-wrap:anywhere;padding:0 8px}.pixel-editor{background:var(--paper);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);margin-top:24px;padding:clamp(14px,3vw,24px)}.pixel-editor.is-immersive{z-index:1000;width:auto;max-width:none;height:auto;max-height:none;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background-color:color-mix(in srgb, var(--violet) 38%, var(--paper));box-shadow:none;box-sizing:border-box;clip-path:none;isolation:isolate;background-image:radial-gradient(circle,#241a3538 1px,#0000 1.5px);background-size:12px 12px;border:0;grid-template-rows:auto minmax(0,1fr);margin:0;display:grid;position:fixed;inset:0;overflow:hidden}.guess-panel.is-immersive.is-guessing{bottom:calc(max(12px, env(safe-area-inset-bottom)) + var(--guess-keyboard-offset,0px));z-index:1200;gap:8px;width:min(560px,100vw - 32px);margin:0;padding:11px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 -5px #241a356b}.guess-panel.is-immersive.is-guessing .round-chat-heading{align-items:center}.guess-panel.is-immersive.is-guessing .round-label,.guess-panel.is-immersive.is-guessing .round-message-list{display:none}.guess-panel.is-immersive.is-guessing .round-chat-heading h3{font-size:1.2rem}.guess-panel.is-immersive.is-guessing .guess-form{grid-template-columns:minmax(0,1fr) auto;gap:7px}.guess-panel.is-immersive.is-guessing .guess-form input,.guess-panel.is-immersive.is-guessing .guess-form button{min-height:44px}.feedback-triggers{left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));z-index:950;max-width:calc(100vw - 24px - env(safe-area-inset-left));flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex;position:fixed}.bug-report-trigger{min-height:42px;color:var(--yellow);background:var(--blue);box-shadow:4px 4px 0 var(--ink);padding:8px 12px}.idea-box-trigger{background-image:url(/ui/nagy-gomb-turkiz-5.png)!important}.active-users-trigger{color:var(--paper);position:relative;overflow:visible;background-image:url(/ui/nagy-gomb-piros.png)!important}.active-users-unread{z-index:2;width:22px;height:22px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font:900 .72rem/1 var(--pixel-font);place-items:center;display:grid;position:absolute;top:-8px;right:-8px}.active-users-backdrop{z-index:2200;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));background:#241a35ad;place-items:center;display:grid;position:fixed;inset:0}.active-users-panel{width:min(980px,100%);max-height:min(760px,100dvh - 28px);color:var(--ink);background:color-mix(in srgb, var(--mint) 78%, var(--paper));border:3px solid var(--ink);clip-path:var(--pixel-corner);grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(16px,3vw,28px);display:grid;overflow:hidden;box-shadow:10px 10px #241a359e}.active-users-heading,.active-users-heading-actions,.active-users-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.active-users-heading{border-bottom:3px solid var(--ink);align-items:flex-start;padding-bottom:16px}.active-users-heading h2{font-family:var(--display-font);margin:4px 0 0;font-size:clamp(2rem,5vw,3.3rem);line-height:1}.active-users-heading-actions>button{background:var(--yellow);width:42px;min-height:42px;padding:4px;font-size:1.5rem}.active-users-connection{background:var(--paper);border:2px solid var(--ink);font:900 .58rem/1 var(--pixel-font);text-transform:uppercase;padding:7px 9px}.active-users-connection.is-connected:before{content:"";background:var(--lime);border:1px solid var(--ink);width:8px;height:8px;margin-right:6px;display:inline-block}.active-users-layout{grid-template-columns:minmax(220px,.75fr) minmax(360px,1.6fr);gap:16px;min-height:0;padding-top:16px;display:grid}.online-profile-section,.global-lobby-chat{background:color-mix(in srgb, var(--paper) 88%, transparent);border:2px solid var(--ink);grid-template-rows:auto minmax(0,1fr);min-height:0;padding:14px;display:grid}.global-lobby-chat{grid-template-rows:auto minmax(160px,1fr) auto}.active-users-section-heading{border-bottom:2px solid var(--ink);align-items:baseline;padding-bottom:10px}.active-users-section-heading h3{font-family:var(--display-font);margin:0;font-size:1.35rem}.active-users-section-heading span{color:var(--muted);font:900 .58rem/1 var(--pixel-font);text-transform:uppercase}.online-profile-toggle{width:100%;min-height:0;color:var(--ink);border:0;border-bottom:2px solid var(--ink);box-shadow:none;clip-path:none;cursor:default;text-align:left;background:0 0;padding:0 0 10px;transform:none}.online-profile-toggle-summary{align-items:center;gap:8px;display:inline-flex}.online-profile-toggle-icon{width:26px;height:26px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);place-items:center;font-size:1rem;line-height:1;display:none}.online-profile-content{min-height:0;display:grid}.online-profile-content[hidden]{display:none}.online-profile-list{align-content:start;gap:8px;margin:0;padding:10px 2px 2px;list-style:none;display:grid;overflow-y:auto}.online-profile-button{background:var(--mint);border:2px solid var(--ink);align-items:center;gap:9px;width:100%;padding:7px;display:flex}.online-profile-button>span:last-child{gap:3px;min-width:0;display:grid}.online-profile-button strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.online-profile-button small{color:var(--muted);font:900 .52rem/1 var(--pixel-font);text-transform:uppercase}.online-profile-button small:before{content:"";background:var(--lime);border:1px solid var(--ink);width:7px;height:7px;margin-right:5px;display:inline-block}.global-lobby-message-list{align-content:start;gap:8px;padding:10px 2px;display:grid;overflow-y:auto}.global-lobby-message-list article{background:var(--paper);border:1px solid var(--ink);padding:9px}.global-lobby-message-list article.is-own{background:color-mix(in srgb, var(--yellow) 42%, var(--paper))}.global-lobby-message-list article>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.global-chat-author{align-items:center;gap:7px;min-width:0;display:flex}.global-chat-author .profile-avatar{width:25px;height:25px}.global-chat-author strong{color:var(--violet-dark);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.global-lobby-message-list time{color:var(--muted);flex:none;font-size:.68rem}.global-lobby-message-list article>p{overflow-wrap:anywhere;margin:7px 0 0;line-height:1.4}.global-lobby-chat-form{border-top:2px solid var(--ink);grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-top:10px;display:grid}.global-lobby-chat-form label{min-width:0}.global-lobby-chat-form input{width:100%;max-width:100%;min-height:42px}.global-lobby-chat-form button{background:var(--yellow);min-width:92px}.active-users-empty{color:var(--muted);text-align:center;align-self:center;margin:18px 0}.active-users-feedback{background:var(--yellow);border:2px solid var(--ink);margin:14px 0 0;padding:9px 11px;font-size:.82rem}.active-users-login{background:var(--paper);border:2px solid var(--ink);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:18px;padding:clamp(16px,4vw,26px);display:grid}.active-users-login .profile-avatar{width:64px;height:64px}.active-users-login h3,.active-users-login p{margin:0}.active-users-login p{color:var(--muted);margin-top:7px;line-height:1.4}.active-users-login>button{background:var(--yellow)}@media (width<=760px){.active-users-panel{max-height:calc(100dvh - 16px);padding:13px}.active-users-heading-actions{flex-direction:column-reverse;align-items:flex-end}.active-users-layout{grid-template-rows:minmax(150px,.75fr) minmax(280px,1.4fr);grid-template-columns:1fr;overflow-y:auto}.active-users-layout.has-collapsed-online{grid-template-rows:auto minmax(280px,1fr)}.online-profile-section:not(.is-open){grid-template-rows:auto}.online-profile-section:not(.is-open) .online-profile-toggle{border-bottom:0;padding-bottom:0}.online-profile-toggle{cursor:pointer}.online-profile-toggle-icon{display:grid}.online-profile-section,.global-lobby-chat{min-height:0}.global-lobby-chat{grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.active-users-login{grid-template-columns:auto minmax(0,1fr)}.active-users-login>button{grid-column:1/-1}}@media (width<=470px){.feedback-triggers{gap:5px}.bug-report-trigger{min-height:38px;padding:7px 8px;font-size:.68rem}.active-users-heading h2{font-size:1.8rem}.global-lobby-chat-form{grid-template-columns:1fr}}.bug-report-backdrop{z-index:2100;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));background:#241a359e;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.bug-report-modal{width:min(560px,100%);color:var(--ink);background:color-mix(in srgb, var(--mint) 64%, var(--paper));border:3px solid var(--ink);clip-path:var(--pixel-corner);padding:clamp(16px,4vw,26px);box-shadow:9px 9px #241a358c}.bug-report-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.bug-report-heading h2{margin:4px 0 0}.bug-report-heading button{width:42px;min-height:42px;padding:4px;font-size:1.5rem}.bug-report-form{gap:14px;margin-top:18px;display:grid}.bug-report-form textarea,.bug-report-form select{width:100%}.bug-report-form textarea{resize:vertical;min-height:88px}.bug-report-privacy,.bug-report-feedback{margin:0;font-size:.78rem;line-height:1.5}.bug-report-feedback{background:var(--paper);border-left:4px solid var(--red);padding:10px}.immersive-canvas-heading{z-index:12;min-height:48px;color:var(--ink);font-family:var(--pixel-font);text-transform:uppercase;justify-content:center;align-items:center;gap:clamp(12px,4vw,28px);padding:5px 64px 5px 8px;font-size:clamp(.62rem,2.5vw,.78rem);font-weight:900;display:flex}.immersive-canvas-heading span{align-items:center;gap:7px;display:inline-flex}.immersive-canvas-heading strong{font-family:var(--display-font);text-transform:none;font-size:clamp(1rem,5vw,1.45rem)}.immersive-canvas-heading button{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));min-height:40px;color:var(--ink);background:var(--yellow);box-shadow:2px 2px 0 var(--ink);padding:5px 8px;position:absolute}.pixel-editor.is-immersive>.pixel-toolbar,.pixel-editor.is-immersive>.canvas-view-controls,.pixel-editor.is-immersive>.selection-transform-controls,.pixel-editor.is-immersive>.canvas-navigation-hint{display:none}.pixel-editor.is-immersive .pixel-canvas-frame{aspect-ratio:auto;grid-row:2;place-self:stretch stretch;width:100%;max-width:none;height:100%;max-height:100%;margin:0;container-type:size}.immersive-quick-tools{top:max(56px, calc(env(safe-area-inset-top) + 52px));right:max(72px, calc(64px + env(safe-area-inset-right)));left:max(8px, env(safe-area-inset-left));z-index:14;background:color-mix(in srgb, var(--yellow) 70%, var(--paper));border:2px solid var(--ink);width:fit-content;box-shadow:4px 4px 0 var(--ink);box-sizing:border-box;grid-template-columns:repeat(5,42px);gap:6px;margin-inline:auto;padding:7px;display:grid;position:fixed}.immersive-quick-tools button{place-items:center;display:grid}.immersive-side-controls{top:50%;right:max(8px, env(safe-area-inset-right));z-index:15;gap:7px;display:grid;position:fixed;transform:translateY(-50%)}.immersive-control-group{position:relative}.immersive-side-controls button{width:44px;min-height:44px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);place-items:center;padding:7px;display:grid}.immersive-side-controls button[aria-pressed=true]{background-color:var(--mint)}.immersive-side-controls button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.immersive-side-controls img{width:22px;height:22px}.immersive-color-toggle{outline:4px solid var(--paper);outline-offset:-7px}.immersive-tool-menu,.immersive-palette-menu{background:color-mix(in srgb, var(--slate) 34%, var(--paper));border:2px solid var(--ink);width:max-content;box-shadow:4px 4px 0 var(--ink);grid-template-columns:repeat(4,44px);gap:6px;padding:8px;display:grid;position:absolute;top:0;right:calc(100% + 8px)}.immersive-tool-menu button[aria-pressed=true]{background-color:var(--mint)}.immersive-palette-menu{top:auto;bottom:0}.immersive-palette-menu button{aspect-ratio:1;width:36px;min-height:0;box-shadow:none;padding:0}.immersive-palette-menu button[aria-pressed=true]{outline:3px solid var(--blue);outline-offset:1px}.immersive-floating-palette{right:max(72px, calc(64px + env(safe-area-inset-right)));bottom:max(12px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left));z-index:14;background:color-mix(in srgb, var(--yellow) 70%, var(--paper));border:2px solid var(--ink);width:fit-content;max-width:calc(100vw - 88px);box-shadow:4px 4px 0 var(--ink);box-sizing:border-box;grid-template-columns:repeat(12,22px);gap:4px;margin-inline:auto;padding:7px;display:grid;position:fixed}.immersive-floating-palette[data-palette-size="32"]{grid-template-columns:repeat(16,18px);gap:3px}.immersive-floating-palette[data-palette-size=custom]{grid-template-columns:repeat(8,22px)}.immersive-floating-palette button{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--ink) 70%, transparent);width:22px;min-width:0;min-height:0;box-shadow:none;clip-path:none;border-radius:50%;padding:0}.immersive-floating-palette[data-palette-size="32"] button{width:18px}.immersive-floating-palette button[aria-pressed=true]{outline:3px solid var(--blue);outline-offset:1px}.immersive-floating-palette small{font:900 .58rem/1.4 var(--pixel-font);grid-column:1/-1;padding:4px 6px}.immersive-zoom-controls,.immersive-selection-controls{gap:6px;display:grid}.immersive-selection-controls button{font-family:var(--display-font);font-size:1.15rem;line-height:1}.immersive-zoom-controls button{font-family:var(--pixel-font);font-size:.58rem;font-weight:900}.pixel-editor-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.pixel-editor-heading h3{color:var(--ink);font-family:var(--display-font);margin:0;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1}.draw-mode-badge{background:var(--yellow);border:2px solid var(--ink);font-family:var(--pixel-font);text-transform:uppercase;flex:none;padding:7px 9px;font-size:.62rem;font-weight:900}.pixel-toolbar{gap:12px;margin-bottom:14px;display:grid}.pixel-toolbar>.tool-buttons{order:20}.pixel-toolbar>.mobile-extra-tool-options{order:21}.pixel-toolbar>.brush-size-controls{order:22}.pixel-toolbar>.color-replace-panel{order:23}.tool-buttons{flex-wrap:wrap;gap:8px;display:flex}.tool-buttons button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:46px;min-height:46px;color:var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);place-items:center;padding:9px;display:grid}.tool-buttons img,.canvas-view-controls img{width:22px;height:22px;color:inherit}.tool-buttons button[aria-pressed=true]{background-color:var(--mint)}.tool-buttons button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.global-chat-message-actions{flex:none;align-items:center;gap:6px;display:flex}.global-chat-delete-button{min-height:26px;color:var(--ink);background:var(--coral);border:1px solid var(--ink);font:900 .52rem/1 var(--pixel-font);padding:4px 7px}.global-chat-delete-confirmation{z-index:1;background:var(--yellow);border:2px solid var(--ink);gap:7px;padding:10px;display:grid;position:sticky;bottom:0;box-shadow:4px 4px #241a3540}.global-chat-delete-confirmation>strong{font-family:var(--display-font);font-size:.9rem}.global-chat-delete-confirmation>p{margin:0;font-size:.75rem;line-height:1.35}.global-chat-delete-confirmation>div{justify-content:flex-end;gap:7px;display:flex}.global-chat-delete-confirmation button{min-height:32px;padding:6px 9px;font-size:.62rem}.global-chat-delete-confirmation .global-chat-delete-confirm-button{background:var(--coral)}.brush-size-controls{background:color-mix(in srgb, var(--mint) 32%, var(--paper));border:2px solid var(--ink);flex-wrap:wrap;align-items:center;gap:6px;width:fit-content;max-width:100%;padding:6px 8px;display:flex}.brush-size-controls span{font-family:var(--pixel-font);padding-right:3px;font-size:.62rem;font-weight:900}.brush-size-controls button{min-width:36px;min-height:34px;color:var(--ink);background:var(--paper);box-shadow:2px 2px 0 var(--ink);font-family:var(--pixel-font);padding:5px 7px;font-size:.6rem;font-weight:900}.brush-size-controls button[aria-pressed=true]{background:var(--mint)}.immersive-tool-menu .brush-size-controls,.immersive-quick-tools>.brush-size-controls{box-sizing:border-box;grid-column:1/-1;grid-template-columns:minmax(0,1fr) repeat(3,38px);width:100%;padding:6px;display:grid}.immersive-tool-menu .brush-size-controls button,.immersive-quick-tools>.brush-size-controls button{width:38px;min-height:36px;padding:4px}.color-replace-panel{width:min(100%,520px);color:var(--ink);background:color-mix(in srgb, var(--yellow) 72%, var(--paper));border:2px solid var(--ink);box-shadow:4px 4px 0 color-mix(in srgb, var(--ink) 68%, transparent);box-sizing:border-box;gap:10px;padding:12px;display:grid}.color-replace-heading,.color-replace-swatches,.color-replace-actions{align-items:center;display:flex}.color-replace-heading{justify-content:space-between;gap:10px}.color-replace-heading span{font-family:var(--pixel-font);text-transform:uppercase;font-size:.58rem;display:block}.color-replace-heading strong{font-family:var(--display-font);margin-top:3px;font-size:1.35rem;display:block}.color-replace-heading>button{background:var(--yellow);width:38px;min-width:38px;min-height:38px;padding:0;font-size:1.35rem}.color-replace-panel p{margin:0;font-size:.83rem;line-height:1.4}.color-replace-swatches{flex-wrap:wrap;align-items:stretch;gap:8px}.color-replace-swatches span{background:var(--paper);border:2px solid var(--ink);min-width:0;font-family:var(--pixel-font);overflow-wrap:anywhere;align-items:center;gap:7px;padding:7px;font-size:.58rem;display:flex}.color-replace-swatches i{background-color:#d4d4d4;background-image:conic-gradient(#eee 25%, transparent 0 50%, #eee 0 75%, transparent 0);border:2px solid var(--ink);background-size:10px 10px;flex:0 0 30px;width:30px;height:30px}.color-replace-picker,.color-replace-actions button{min-height:40px;color:var(--ink);background:var(--paper);box-shadow:2px 2px 0 var(--ink);font-family:var(--pixel-font);padding:7px 10px;font-size:.6rem;font-weight:900}.color-replace-picker[aria-pressed=true]{background:var(--mint)}.color-replace-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px}.color-replace-actions button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.immersive-color-replace-popover{z-index:1300;top:max(8px, env(safe-area-inset-top));right:max(72px, calc(62px + env(safe-area-inset-right)));width:min(420px,100vw - 84px);max-height:calc(100vh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));position:fixed;overflow-y:auto}.immersive-color-replace-popover .color-replace-panel{width:100%;box-shadow:none}.drawing-palette{background:color-mix(in srgb, var(--slate) 24%, var(--paper));border:2px solid var(--ink);grid-template-columns:repeat(8,34px);gap:7px;width:fit-content;max-width:100%;padding:10px;display:grid}.drawing-palette[data-palette-size="16"]{grid-template-columns:repeat(8,34px)}.drawing-palette button{aspect-ratio:1;width:34px;min-height:0;box-shadow:none;padding:0}.drawing-palette button[aria-pressed=true]{outline:3px solid var(--blue);outline-offset:2px}.palette-mode-fieldset{border:2px solid var(--ink);gap:8px;min-width:0;margin:0;padding:12px;display:grid}.palette-mode-fieldset legend{font-family:var(--pixel-font);letter-spacing:.06em;text-transform:uppercase;padding:0 6px;font-size:.68rem;font-weight:900}.palette-mode-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.palette-mode-buttons button{min-height:44px;color:var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink)}.palette-mode-buttons button[aria-pressed=true]{background:var(--olive)}.editor-palette-select{gap:5px;min-width:0;display:grid}.editor-palette-select>span,.editor-palette-name-row label>span,.immersive-palette-select>span{font-family:var(--pixel-font);font-size:.62rem;font-weight:900}.editor-palette-select select,.editor-palette-name-row input,.immersive-palette-select select{width:100%;min-height:42px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);font-family:var(--pixel-font);border-radius:0;padding:7px 10px;font-size:.68rem;font-weight:900}.editor-custom-palette-manager{border-top:2px solid color-mix(in srgb, var(--ink) 55%, transparent);grid-template-columns:minmax(190px,.8fr) minmax(0,1.8fr);gap:8px 12px;padding-top:10px;display:grid}.editor-custom-palette-manager>small{font-family:var(--pixel-font);grid-column:1/-1;font-size:.58rem}.editor-palette-name-row{grid-template-columns:minmax(130px,1fr) auto auto;align-items:end;gap:7px;display:grid}.editor-palette-name-row label{gap:5px;min-width:0;display:grid}.editor-palette-name-row button{min-height:42px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-family:var(--pixel-font);padding:6px 10px;font-size:.58rem}.editor-palette-name-row button:last-child{background:var(--coral)}.editor-palette-name-row button:disabled{opacity:.45;box-shadow:none}.canvas-view-controls{flex-wrap:wrap;align-items:center;gap:7px;width:min(100%,680px);margin:0 auto 10px;display:flex}.canvas-view-controls button{min-height:34px;color:var(--ink);background:var(--paper);box-shadow:2px 2px 0 var(--ink);font-family:var(--pixel-font);padding:5px 9px;font-size:.62rem;font-weight:900}.canvas-view-controls .canvas-zoom-button,.canvas-view-controls .canvas-pan-button{flex:0 0 34px;width:34px;padding:0;font-size:1rem}.canvas-view-controls .canvas-pan-button img{width:18px;height:18px}.canvas-view-controls .canvas-grid-button{min-width:58px}.canvas-view-controls .canvas-gallery-button{min-width:76px}.canvas-view-controls .canvas-share-button{min-width:86px}.canvas-view-controls .canvas-palette-button{background:var(--yellow);min-width:110px}.canvas-view-controls .canvas-palette-button[aria-expanded=true]{background:var(--mint)}.canvas-view-controls .canvas-immersive-button{min-width:100px;margin-left:auto}.canvas-immersive-controls{justify-content:flex-end;margin-top:-5px}.canvas-immersive-controls .canvas-immersive-button{margin-left:0}.canvas-view-controls button[aria-pressed=true]{background:var(--mint)}.canvas-view-controls button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.selection-transform-controls{background:color-mix(in srgb, var(--mint) 30%, var(--paper));border:2px solid var(--ink);flex-wrap:wrap;align-items:center;gap:7px;width:min(100%,680px);margin:0 auto 10px;padding:7px;display:flex}.selection-transform-controls span{font-family:var(--pixel-font);padding:0 3px;font-size:.62rem;font-weight:900}.selection-transform-controls button{min-height:34px;color:var(--ink);background:var(--paper);box-shadow:2px 2px 0 var(--ink);font-family:var(--pixel-font);padding:5px 9px;font-size:.59rem;font-weight:900}.pixel-canvas-frame{aspect-ratio:1;background-color:color-mix(in srgb, var(--violet) 32%, var(--slate));border:3px solid var(--ink);overscroll-behavior:contain;touch-action:none;-webkit-user-select:none;user-select:none;background-image:radial-gradient(circle,#241a3538 1px,#0000 1.5px);background-size:12px 12px;width:min(100%,820px);margin:0 auto;position:relative;overflow:hidden}.pixel-canvas-surface{--canvas-checker-light:#eee;--canvas-checker-dark:#d4d4d4;background-color:var(--canvas-checker-dark);background-image:conic-gradient(var(--canvas-checker-light) 25%, transparent 0 50%, var(--canvas-checker-light) 0 75%, transparent 0);background-size:calc(200% / var(--canvas-size,32)) calc(200% / var(--canvas-size,32));border:3px solid var(--ink);box-sizing:border-box;position:absolute;overflow:visible;box-shadow:7px 7px #241a356b}.pixel-canvas-surface:after{pointer-events:none;content:"";z-index:2;opacity:0;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:calc(100% / var(--canvas-size,32)) calc(100% / var(--canvas-size,32));position:absolute;inset:0}.pixel-canvas-surface.show-grid:after{opacity:1}.drawing-canvas{z-index:1;cursor:crosshair;width:100%;height:100%;image-rendering:pixelated;touch-action:none;-webkit-user-select:none;user-select:none;display:block;position:relative}.drawing-canvas.is-pan-mode{cursor:grab}.drawing-canvas.is-panning{cursor:grabbing}.drawing-canvas.is-selection-mode{cursor:cell}.onion-skin-canvas{z-index:0;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.drawing-canvas.is-eyedropper-mode{cursor:copy}.pixel-brush-preview{z-index:5;pointer-events:none;border:max(1px, .08em) solid var(--blue);box-shadow:inset 0 0 0 max(1px, .04em) var(--yellow);box-sizing:border-box;position:absolute}.pixel-brush-preview.is-eraser{border-color:var(--red)}.pixel-selection-outline{z-index:4;pointer-events:none;border:max(1px, .08em) dashed var(--blue);box-shadow:0 0 0 max(1px, .05em) var(--yellow);box-sizing:border-box;position:absolute}.canvas-navigation-hint{width:100%;color:var(--muted);text-align:center;margin:10px auto 0;font-size:.78rem;line-height:1.45}.round-play-area{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:18px;display:grid}.room-chat,.guess-panel{background:var(--paper);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);gap:14px;margin-top:24px;padding:clamp(14px,3vw,22px);display:grid}.round-chat-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.round-chat-heading h3{color:var(--ink);font-family:var(--display-font);margin:0;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1}.round-chat-heading>span{color:var(--muted);font-family:var(--pixel-font);text-transform:uppercase;font-size:.58rem;font-weight:900}.round-message-list{background:var(--paper);border:2px solid var(--ink);min-height:190px;max-height:360px;padding:10px;overflow-y:auto}.empty-chat,.chat-note,.correct-guess-note{color:var(--muted);margin:0}.round-message{overflow-wrap:anywhere;border-bottom:1px solid var(--grid-line);gap:2px;margin:0;padding:9px 5px;display:grid}.round-message:last-child{border-bottom:0}.round-message strong{color:var(--violet);font-size:.78rem}.chat-profile-trigger{width:fit-content}.chat-profile-trigger:hover strong,.chat-profile-trigger:focus-visible strong{color:var(--coral)}.correct-message{background:var(--mint);border:2px solid var(--ink);margin:5px 0;padding:10px}.correct-message strong{color:var(--ink)}.correct-guess-note{color:var(--ink);text-align:center;background:var(--mint);border:2px solid var(--ink);padding:12px;font-weight:900}.guess-form,.chat-form{gap:8px;display:grid}.guess-form input,.chat-form input{min-width:0}.guess-form button{color:var(--paper);background:var(--violet);box-shadow:3px 3px 0 var(--ink)}.guess-submit-short{display:none}.chat-form button{color:var(--paper);background:var(--violet);box-shadow:3px 3px 0 var(--ink)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1060px){.round-play-area{grid-template-columns:1fr}}@media (width<=760px){.app-shell{width:min(100% - 24px,560px)}.topbar{min-height:66px}.prototype-badge{font-size:.62rem}.topbar-statuses{flex-direction:column;align-items:flex-end;gap:4px}.backend-badge,.prototype-badge{padding:5px 7px;font-size:.58rem}.hero{grid-template-columns:1fr;padding-top:46px}.hero h1{font-size:clamp(3.1rem,16vw,5.2rem)}.pixel-card{justify-self:center;width:min(78vw,330px)}.lobby-card{grid-template-columns:1fr}.waiting-room{grid-template-columns:1fr;padding-top:42px}.room-summary,.players-panel{box-shadow:7px 7px 0 var(--ink)}.players-panel{padding:14px}.players-heading{gap:10px}.players-heading h2{font-size:1.8rem}.join-row{grid-template-columns:1fr}.secondary-button{width:100%}.word-options{grid-template-columns:1fr}.drawing-palette{grid-template-columns:repeat(8,clamp(22px,7vw,28px));gap:3px;padding:8px}.drawing-palette[data-palette-size="16"]{grid-template-columns:repeat(8,clamp(22px,7vw,28px))}.drawing-palette button{width:clamp(22px,7vw,28px)}.canvas-view-controls{gap:5px}.canvas-view-controls .canvas-immersive-button{min-width:94px;margin-left:0}.pixel-editor{padding:8px}.pixel-editor.is-immersive{padding-right:calc(max(8px, env(safe-area-inset-right)) + 56px)}.pixel-editor.is-immersive .immersive-canvas-heading{justify-content:flex-start;gap:10px;padding-right:0}.pixel-editor.is-immersive .pixel-canvas-frame{width:100%;height:100%;margin-left:0}.pixel-editor-heading{flex-wrap:wrap}.pixel-canvas-frame{width:calc(100% + 8px);margin-left:-4px}.canvas-navigation-hint{text-align:left}.tool-buttons button{min-height:48px}footer{flex-direction:column;align-items:flex-start}.privacy-header{flex-direction:column;align-items:stretch}.privacy-header>button{width:100%}.privacy-content>section{padding:18px}.privacy-controller-details>div{grid-template-columns:1fr;gap:2px}.privacy-table{min-width:680px}}@media (height<=600px){.immersive-canvas-heading{justify-content:flex-start;min-height:42px;padding-block:2px}.pixel-editor.is-immersive .pixel-canvas-frame{width:100%;height:100%}.immersive-side-controls{grid-template-columns:repeat(2,44px)}.immersive-zoom-controls{grid-column:1/-1;grid-template-columns:repeat(2,44px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--pixel-corner:polygon(8px 0, calc(100% - 8px) 0, calc(100% - 8px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 8px, 100% 8px, 100% calc(100% - 8px), calc(100% - 3px) calc(100% - 8px), calc(100% - 3px) calc(100% - 3px), calc(100% - 8px) calc(100% - 3px), calc(100% - 8px) 100%, 8px 100%, 8px calc(100% - 3px), 3px calc(100% - 3px), 3px calc(100% - 8px), 0 calc(100% - 8px), 0 8px, 3px 8px, 3px 3px, 8px 3px)}.topbar{background:var(--mint);border:3px solid var(--ink);min-height:58px;clip-path:var(--pixel-corner);margin-top:12px;padding:10px 14px;box-shadow:5px 5px #241a3561}.brand,.home-logo{font-family:"Silkscreen", var(--pixel-font)}.brand-mark{display:none}.hero{text-align:center;padding:clamp(52px,8vw,82px) 0 28px;display:block}.hero-copy{justify-items:center;display:grid}.home-logo{width:432px;position:relative;max-width:84vw!important;line-height:0!important}.home-logo img{width:100%;height:auto;image-rendering:pixelated;clip-path:inset(0 14.5833% 0 0);display:block}.home-logo:after{content:"";background:#d3493b;width:3.125%;height:37.5%;animation:1s step-end infinite logo-blink;position:absolute;top:37.5%;left:85.4167%}@keyframes logo-blink{50%{opacity:0}}.home-palette{justify-content:center;margin-top:16px;display:flex}.home-palette i{border:2px solid var(--ink);width:28px;height:20px;margin-left:-2px}.hero .eyebrow{color:var(--ink);font-family:var(--pixel-font);order:3;margin:15px 0 0}.hero .intro,.hero .feature-row,.hero .pixel-card{display:none}.lobby-card{background:color-mix(in srgb, var(--mint) 58%, var(--paper));width:min(520px,100%);clip-path:var(--pixel-corner);grid-template-columns:1fr;gap:18px;margin:0 auto 38px;padding:clamp(20px,4vw,30px);box-shadow:9px 9px #241a356b}.lobby-heading{text-align:center}.lobby-heading h2{font-size:clamp(1.65rem,5vw,2.45rem)}input,button,.prototype-badge,.backend-badge,.feature-row span,.player-list li,.host-badge,.offline-player-badge,.player-count,.round-timer,.round-transition,.drawing-palette,.draw-mode-badge{clip-path:var(--pixel-corner)}.room-summary,.players-panel,.pixel-editor,.room-chat,.guess-panel,.game-results{background:color-mix(in srgb, var(--mint) 58%, var(--paper));clip-path:var(--pixel-corner);box-shadow:9px 9px #241a356b}.room-summary{background:color-mix(in srgb, var(--yellow) 70%, var(--paper))}@media (width<=760px){.topbar{margin-top:8px}.hero{padding-top:42px}.home-logo{width:216px}.round-play-area{flex-direction:column;display:flex}.round-play-area .guess-panel{order:1;width:100%}}.play-side-column{gap:18px;min-width:0;display:grid}.play-side-column .guess-panel,.play-side-column .room-chat{margin-top:24px}.play-side-column .room-chat{position:sticky;top:18px}.mobile-chat-toggle,.chat-close-button{display:none}.chat-heading-actions{color:var(--muted);font-family:var(--pixel-font);text-transform:uppercase;align-items:center;gap:8px;font-size:.58rem;font-weight:900;display:flex}.modal-backdrop{z-index:2000;background:#241a359e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.confirm-modal{width:min(440px,100%);color:var(--ink);background:color-mix(in srgb, var(--mint) 52%, var(--paper));border:3px solid var(--ink);clip-path:var(--pixel-corner);padding:clamp(22px,5vw,34px);box-shadow:9px 9px #241a3594}.confirm-modal h2{font-family:var(--display-font);margin:0;font-size:clamp(1.8rem,7vw,2.8rem);line-height:1}.confirm-modal>p:not(.step-label){margin:18px 0 0;line-height:1.55}.confirm-modal-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.confirm-modal-actions button{background:var(--paper);min-width:0;box-shadow:3px 3px 0 var(--ink);padding:8px 10px}.confirm-modal-actions .confirm-danger-button{color:var(--paper);background:var(--red)}@media (width<=760px){.round-play-area{flex-direction:column;display:flex}.play-side-column{display:contents}.round-play-area .guess-panel{order:1;margin-top:0}.round-play-area.is-guesser{padding-bottom:104px}.round-play-area.is-guesser .guess-panel.is-guessing{right:max(10px, env(safe-area-inset-right));bottom:calc(max(8px, env(safe-area-inset-bottom)) + var(--guess-keyboard-offset,0px));left:max(10px, env(safe-area-inset-left));z-index:1200;gap:7px;width:auto;margin:0;padding:9px;position:fixed;transform:none;box-shadow:0 -5px #241a3561}.round-play-area.is-guesser .guess-panel.is-immersive.is-guessing{z-index:1200}.round-play-area.is-guesser .guess-panel.is-guessing .round-chat-heading{align-items:center}.round-play-area.is-guesser .guess-panel.is-guessing .round-label,.round-play-area.is-guesser .guess-panel.is-guessing .round-message-list{display:none}.round-play-area.is-guesser .guess-panel.is-guessing .round-chat-heading h3{font-size:1.15rem}.round-play-area.is-guesser .guess-panel.is-guessing .guess-form{grid-template-columns:minmax(0,1fr) auto;gap:6px}.round-play-area.is-guesser .guess-panel.is-guessing .guess-form input,.round-play-area.is-guesser .guess-panel.is-guessing .guess-form button{min-height:44px}.round-play-area.is-guesser .guess-panel.is-guessing .guess-form button{min-width:104px;padding-inline:9px}.mobile-chat-toggle.has-guess-bar{bottom:calc(max(8px, env(safe-area-inset-bottom)) + 102px)}.mobile-chat-toggle{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));z-index:100;min-height:48px;color:var(--paper);background:var(--violet-dark);box-shadow:4px 4px 0 var(--ink);align-items:center;gap:8px;display:inline-flex;position:fixed}.mobile-chat-toggle span{min-width:24px;height:24px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);place-items:center;padding:0 5px;display:grid}.chat-sheet-backdrop{z-index:1090;clip-path:none;background:#241a357a;border:0;width:100%;min-height:100%;padding:0;display:block;position:fixed;inset:0}.room-chat,.play-side-column .room-chat{z-index:1100;width:100%;max-height:min(78dvh,680px);padding:18px max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));grid-template-rows:auto minmax(100px,1fr) auto;margin:0;display:none;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -8px #241a3573}.room-chat.is-open{display:grid}.room-chat.has-guess-bar{bottom:calc(max(8px, env(safe-area-inset-bottom)) + 96px);max-height:min(64dvh,560px)}.room-chat .round-message-list{min-height:100px;max-height:none}.chat-close-button{width:44px;min-height:44px;color:var(--ink);background:var(--yellow);box-shadow:2px 2px 0 var(--ink);place-items:center;padding:0;font-size:1.25rem;display:grid}.chat-heading-actions>span{display:none}@media (width<=400px){.round-play-area.is-guesser .guess-panel.is-guessing{padding:8px}.round-play-area.is-guesser .guess-panel.is-guessing .round-chat-heading{display:none}.round-play-area.is-guesser .guess-panel.is-guessing .guess-form{grid-template-columns:minmax(0,1fr) 78px}.round-play-area.is-guesser .guess-panel.is-guessing .guess-form input{max-width:100%;padding-inline:8px}.round-play-area.is-guesser .guess-panel.is-guessing .guess-form button{min-width:0;padding-inline:6px}.guess-submit-long{display:none}.guess-submit-short{display:inline}}.confirm-modal-actions{grid-template-columns:1fr}}.home-panel{align-content:start;min-height:330px}.home-menu-actions,.settings-list,.info-panel-copy{gap:11px;display:grid}.home-menu-actions button{width:100%;color:var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);margin:0}.home-menu-actions .primary-button{color:var(--paper);background:var(--violet-dark)}.home-menu-actions .secondary-button{background:var(--yellow)}.home-menu-actions button:disabled{color:var(--muted);background:color-mix(in srgb, var(--slate) 22%, var(--paper));box-shadow:2px 2px 0 color-mix(in srgb, var(--ink) 45%, transparent)}.lobby-controls .home-back-button,.settings-list .home-back-button,.info-panel-copy .home-back-button{width:100%;color:var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);margin-top:4px}.settings-list>p,.info-panel-copy>p{margin:0;line-height:1.55}.setting-row{width:100%;color:var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);justify-content:space-between;align-items:center;gap:18px;display:flex}.setting-row strong{background:var(--yellow);border:2px solid var(--ink);padding:5px 7px}.setting-row[aria-pressed=true]{background:color-mix(in srgb, var(--mint) 72%, var(--paper))}@media (width<=420px){.immersive-floating-palette{grid-template-columns:repeat(6,22px)}.immersive-floating-palette[data-palette-size="32"]{grid-template-columns:repeat(8,18px)}}.pwa-install-card{background:color-mix(in srgb, var(--mint) 28%, var(--paper));border:2px solid var(--ink);gap:9px;padding:13px;display:grid}.pwa-install-card h3,.pwa-install-card p{margin:0}.pwa-install-card>p:not(.step-label){line-height:1.5}.pwa-install-card .setting-row:disabled{opacity:.72}.pwa-install-status{background:var(--yellow);border-left:4px solid var(--blue);padding:7px 9px}.info-version{font-family:var(--pixel-font);text-align:center;text-transform:uppercase;background:color-mix(in srgb, var(--yellow) 58%, var(--paper));border:2px solid var(--ink);clip-path:var(--pixel-corner);padding:10px;font-size:.68rem;font-weight:900}.app-shell[data-reduced-motion=true] *,.app-shell[data-reduced-motion=true] :before,.app-shell[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (width<=760px){.home-panel{min-height:0}.home-menu-actions button,.setting-row,.lobby-controls .home-back-button,.settings-list .home-back-button,.info-panel-copy .home-back-button{min-height:52px}}.standalone-editor{width:min(100%,780px);margin:0 auto}.editor-animation-mode{background:color-mix(in srgb, var(--mint) 24%, var(--paper));border:2px solid var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0;padding:12px;display:grid}.editor-animation-mode button{min-height:44px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:var(--pixel-font);font-weight:900}.editor-animation-mode button[aria-pressed=true]{background:var(--mint)}.editor-layer-panel{background:color-mix(in srgb, var(--yellow) 22%, var(--paper));border:3px solid var(--ink);margin:18px 0;box-shadow:5px 5px #241a353d}.editor-project-structure{gap:12px;margin:18px 0;display:grid}.editor-project-structure .editor-layer-panel,.editor-project-structure .editor-animation-controls{margin:0}.editor-project-panel{background:color-mix(in srgb, var(--olive) 55%, var(--paper));border:3px solid var(--ink);box-shadow:6px 6px #241a3559}.editor-project-panel>.editor-animation-controls{border:0;border-top:2px solid var(--ink);box-shadow:none}.editor-collapsible-summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;gap:12px;min-height:52px;padding:10px 14px;list-style:none;display:grid}.editor-collapsible-summary::-webkit-details-marker{display:none}.editor-collapsible-summary:after{content:"+";border:2px solid var(--ink);width:24px;height:24px;font:900 .9rem/1 var(--pixel-font);place-items:center;display:grid}.editor-collapsible-panel[open]>.editor-collapsible-summary:after{content:"−"}.editor-collapsible-summary strong{font:900 .78rem/1.2 var(--pixel-font);text-transform:uppercase}.editor-collapsible-summary small{min-width:0;font-size:.78rem;line-height:1.25}.editor-layer-content{border-top:2px solid color-mix(in srgb, var(--ink) 55%, transparent);gap:12px;padding:0 14px 14px;display:grid}.editor-layer-note{padding-top:12px;line-height:1.35}.editor-layer-note,.editor-layer-warning{margin:0}.editor-layer-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.editor-layer-row{background:var(--paper);border:2px solid var(--ink);grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px;display:grid}.editor-layer-row[data-active=true]{background:color-mix(in srgb, var(--mint) 45%, var(--paper));outline:3px solid var(--blue);outline-offset:-5px}.editor-layer-select,.editor-layer-visibility{min-width:0;min-height:46px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);padding:8px 10px}.editor-layer-select{text-align:left;justify-items:start;display:grid}.editor-layer-select strong{font:900 .7rem/1.2 var(--pixel-font)}.editor-layer-select span,.editor-layer-visibility,.editor-layer-warning{font-size:.82rem}.editor-layer-select[aria-pressed=true],.editor-layer-visibility[aria-pressed=true]{background:var(--mint)}.editor-layer-swap{min-height:44px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font:900 .72rem/1.25 var(--pixel-font);justify-content:center;align-items:center;gap:9px;padding:8px 12px;display:flex}.editor-layer-swap span{font:900 1.25rem/1 sans-serif}.editor-layer-order-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.editor-layer-swap:disabled{opacity:.45;cursor:not-allowed}.editor-layer-visibility[aria-pressed=false]{color:color-mix(in srgb, var(--ink) 65%, transparent);background:color-mix(in srgb, var(--paper) 72%, #a9a9a9)}.editor-layer-warning{background:color-mix(in srgb, var(--yellow) 45%, var(--paper));border-left:4px solid var(--coral);padding:8px 10px}@media (width<=560px){.editor-layer-list,.editor-layer-order-actions{grid-template-columns:1fr}.editor-collapsible-summary{grid-template-columns:minmax(0,1fr) minmax(0,auto) 22px;gap:8px;min-height:48px;padding:8px 10px}.editor-collapsible-summary small{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.7rem;overflow:hidden}.editor-layer-row{grid-template-columns:minmax(0,1fr) minmax(92px,auto)}}.editor-animation-controls{background:color-mix(in srgb, var(--olive) 55%, var(--paper));border:3px solid var(--ink);gap:12px;margin:18px 0;padding:clamp(14px,3vw,20px);display:grid;box-shadow:6px 6px #241a3559}.editor-animation-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.editor-animation-heading.is-compact{grid-template-columns:1fr;justify-items:end}.editor-animation-heading h2,.editor-animation-heading p{margin:0}.editor-animation-heading h2{font-family:var(--display-font)}.editor-animation-preview{grid-template-columns:auto auto 42px;align-items:center;gap:8px;display:grid}.editor-animation-preview .weekly-artwork,.editor-animation-frame .weekly-artwork{border:2px solid var(--ink);width:64px;height:64px;image-rendering:pixelated;background-color:#eee;background-image:linear-gradient(45deg,#d4d4d4 25%,#0000 25%),linear-gradient(-45deg,#d4d4d4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d4d4d4 75%),linear-gradient(-45deg,#0000 75%,#d4d4d4 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.editor-animation-speed{min-width:104px;font-family:var(--pixel-font);gap:4px;font-size:.56rem;font-weight:900;display:grid}.editor-animation-speed select{min-height:38px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);font:900 .58rem/1.2 var(--pixel-font);padding:6px 8px}.editor-animation-play-button,.editor-animation-actions button{width:42px;min-width:42px;height:42px;min-height:42px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);image-rendering:pixelated;place-items:center;padding:9px;display:grid}.editor-animation-play-button svg,.editor-animation-actions button svg{width:20px;height:20px;display:block}.editor-animation-play-button[aria-pressed=true],.editor-animation-actions button[aria-pressed=true]{background:var(--mint)}.editor-animation-frames{flex-wrap:wrap;gap:10px;display:flex}.editor-animation-frame{color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:var(--pixel-font);grid-template-columns:auto auto;align-items:center;gap:8px;padding:6px;font-weight:900;display:grid}.editor-animation-frame[aria-pressed=true]{background:var(--mint);outline:3px solid var(--blue);outline-offset:2px}.editor-animation-actions{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.editor-animation-onion-skin{margin-left:auto}@media (width<=560px){.editor-animation-controls{gap:9px;padding:10px}.editor-animation-heading{grid-template-columns:minmax(0,1fr);gap:8px}.editor-animation-heading-copy{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.editor-animation-heading-copy .step-label,.editor-animation-heading-copy>p:last-child{display:none}.editor-animation-preview{grid-template-columns:54px minmax(92px,1fr) 38px;gap:7px}.editor-animation-preview .weekly-artwork{width:54px;height:54px}.editor-animation-speed{min-width:0}.editor-animation-speed select{width:100%;min-height:36px;padding-inline:5px}.editor-animation-play-button{width:38px;min-width:38px;height:38px;min-height:38px;padding:8px}.editor-animation-frames{flex-wrap:nowrap;gap:7px;padding:3px 3px 5px;overflow-x:auto}.editor-animation-frame{flex:none;grid-template-columns:auto;gap:3px;padding:4px}.editor-animation-frame .weekly-artwork{width:48px;height:48px}.editor-animation-actions{gap:7px}.editor-animation-actions button{width:40px;min-width:40px;height:40px;min-height:40px;padding:8px}}.editor-timeline-scroll{overscroll-behavior-inline:contain;scrollbar-color:var(--ink) color-mix(in srgb, var(--paper) 70%, transparent);max-width:100%;padding:3px 3px 7px;overflow-x:auto}.editor-timeline-grid{grid-template-columns:76px repeat(var(--editor-frame-count), 66px);background:color-mix(in srgb, var(--paper) 72%, transparent);border:2px solid var(--ink);gap:6px;width:max-content;min-width:100%;padding:8px;display:grid}.editor-timeline-corner,.editor-timeline-frame-heading{min-width:0;height:34px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);font:900 .72rem/1 var(--pixel-font);place-items:center;display:grid}.editor-timeline-corner{background:color-mix(in srgb, var(--olive) 72%, var(--paper))}.editor-timeline-frame-heading{box-shadow:2px 2px 0 var(--ink)}.editor-timeline-frame-heading[aria-pressed=true]{background:var(--mint);outline:2px solid var(--blue);outline-offset:-4px}.editor-timeline-layer-heading{background:color-mix(in srgb, var(--olive) 72%, var(--paper));border:2px solid var(--ink);grid-template-columns:minmax(0,1fr) 31px;gap:4px;height:66px;padding:4px;display:grid}.editor-timeline-layer-heading[data-active=true]{background:var(--mint);outline:2px solid var(--blue);outline-offset:-4px}.editor-timeline-layer-number,.editor-timeline-layer-visibility{min-width:0;color:var(--ink);background:var(--paper);border:2px solid var(--ink);font:900 .8rem/1 var(--pixel-font);place-items:center;padding:4px;display:grid}.editor-timeline-layer-number[aria-pressed=true],.editor-timeline-layer-visibility[aria-pressed=true]{background:var(--mint)}.editor-timeline-layer-visibility[aria-pressed=false]{opacity:.58;background:#bdbdbd}.editor-timeline-layer-visibility svg{width:18px;height:18px}.editor-timeline-cell{width:66px;height:66px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);place-items:center;padding:5px;display:grid}.editor-timeline-cell[data-active-frame=true],.editor-timeline-cell[data-active-layer=true]{background:color-mix(in srgb, var(--mint) 24%, var(--paper))}.editor-timeline-cell[aria-pressed=true]{background:var(--mint);outline:3px solid var(--blue);outline-offset:-5px}.editor-timeline-cell[data-visible=false]{opacity:.48}.editor-timeline-cell .weekly-artwork{border:1px solid color-mix(in srgb, var(--ink) 65%, transparent);width:52px;height:52px;image-rendering:pixelated;background-color:#eee;background-image:linear-gradient(45deg,#d4d4d4 25%,#0000 25%),linear-gradient(-45deg,#d4d4d4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d4d4d4 75%),linear-gradient(-45deg,#0000 75%,#d4d4d4 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.editor-timeline-footer{grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:10px;display:grid}.editor-timeline-footer .editor-layer-order-actions{max-width:320px}.editor-timeline-footer .editor-animation-actions{justify-content:flex-end}@media (width<=560px){.editor-animation-heading-copy>p:last-child{display:none}.editor-animation-heading-copy h2{font-size:1.12rem}.editor-timeline-grid{grid-template-columns:68px repeat(var(--editor-frame-count), 58px);gap:5px;padding:6px}.editor-timeline-layer-heading,.editor-timeline-cell{height:58px}.editor-timeline-layer-heading{grid-template-columns:minmax(0,1fr) 28px;gap:3px;padding:3px}.editor-timeline-cell{width:58px;padding:4px}.editor-timeline-cell .weekly-artwork{width:46px;height:46px}.editor-timeline-footer{grid-template-columns:1fr}.editor-timeline-footer .editor-layer-order-actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.editor-timeline-footer .editor-animation-actions{justify-content:flex-start}}.weekly-page{grid-template-columns:minmax(0,1fr);gap:22px;width:min(100%,1080px);margin:0 auto;display:grid}.weekly-header,.weekly-section-heading,.weekly-submitted,.weekly-challenge-card{justify-content:space-between;align-items:center;gap:18px;display:flex}.weekly-header h1,.weekly-challenge-card h2,.weekly-section-heading h2,.weekly-account-card h2,.weekly-submitted h2{font-family:var(--display-font);margin:0;line-height:1.05}.weekly-header h1{font-size:clamp(2.2rem,8vw,4.5rem)}.weekly-header p,.weekly-challenge-card p,.weekly-account-card p,.weekly-submitted p{margin:8px 0 0;line-height:1.5}.weekly-challenge-card,.weekly-account-card,.weekly-gallery,.weekly-submitted{background:color-mix(in srgb, var(--mint) 24%, var(--paper));border:3px solid var(--ink);clip-path:var(--pixel-corner);padding:clamp(18px,4vw,28px);box-shadow:7px 7px #241a3559}.weekly-account-card{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:24px;display:grid}.weekly-auth-form{gap:10px;display:grid}.weekly-auth-form input,.weekly-picker select,.weekly-sort select{width:100%;min-height:44px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);font:inherit;padding:8px}.weekly-status,.weekly-winner{font-family:var(--pixel-font);text-transform:uppercase;background:var(--yellow);border:2px solid var(--ink);padding:5px 8px;font-size:.64rem;font-weight:900;display:inline-block}.weekly-status-closed{background:var(--slate)}.weekly-status-upcoming{background:var(--mint)}.weekly-date{color:var(--muted);font-size:.9rem}.weekly-picker{width:min(320px,100%)}.weekly-editor{gap:16px;display:grid}.weekly-editor>.drawing-panel{margin-inline:auto}.weekly-sort{min-width:190px}.weekly-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin-top:18px;display:grid}.gallery-pagination{justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.gallery-pagination button{background:var(--yellow);min-width:132px}.gallery-pagination span{background:var(--paper);border:2px solid var(--ink);min-width:74px;font-family:var(--pixel-font);text-align:center;padding:10px 12px;font-size:.68rem}.gallery-pagination button:disabled{opacity:.45}.weekly-entry{background:var(--paper);border:2px solid var(--ink);gap:10px;padding:12px;display:grid;position:relative;box-shadow:4px 4px #241a3547}.weekly-entry.is-winner{background:color-mix(in srgb, var(--yellow) 34%, var(--paper))}.weekly-winner{z-index:1;position:absolute;top:18px;left:18px}.weekly-artwork{aspect-ratio:1;border:2px solid var(--ink);width:100%;height:auto;image-rendering:pixelated;background-color:#eee8dc;background-image:linear-gradient(45deg,#d8d0c3 25%,#0000 25%),linear-gradient(-45deg,#d8d0c3 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d8d0c3 75%),linear-gradient(-45deg,#0000 75%,#d8d0c3 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;display:block}.weekly-entry>.artwork-preview-trigger{min-width:0;min-height:0;box-shadow:none;clip-path:none;cursor:zoom-in;background:0 0;border:0;padding:0}.weekly-entry>.artwork-preview-trigger:hover,.weekly-entry>.artwork-preview-trigger:focus-visible{box-shadow:0 0 0 4px var(--coral);background:0 0;transform:none}.artwork-lightbox-backdrop{z-index:2500;overflow:auto}.artwork-lightbox-modal{background:var(--paper);border:3px solid var(--ink);width:min(82vw,82vh,780px);clip-path:var(--pixel-corner);margin:auto;padding:clamp(20px,4vw,34px);position:relative;box-shadow:9px 9px #241a3594}.artwork-lightbox-modal .weekly-artwork{width:100%}.artwork-lightbox-close{z-index:1;width:36px;min-width:36px;height:36px;min-height:36px;color:var(--ink);background:var(--coral);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font:900 1.25rem/1 var(--pixel-font);place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px}@media (width<=600px){.artwork-lightbox-backdrop{padding:10px}.artwork-lightbox-modal{width:min(94vw,78vh);padding:16px}.artwork-lightbox-close{width:32px;min-width:32px;height:32px;min-height:32px;top:5px;right:5px}}.weekly-entry-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.weekly-entry-meta span{color:var(--muted);font-size:.86rem}.entry-reaction-summary{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.admin-artwork-reactions{width:min(100%,210px);color:var(--ink);font-size:.72rem}.admin-artwork-reactions summary{width:max-content;color:var(--ink);border:1px solid var(--ink);cursor:pointer;font-family:var(--font-pixel);background:#f3a08e;margin-left:auto;padding:3px 6px;list-style:none}.admin-artwork-reactions summary::-webkit-details-marker{display:none}.admin-artwork-reactions-panel{background:var(--cream);border:1px solid var(--ink);margin-top:5px;padding:7px;box-shadow:2px 2px #230a192e}.admin-artwork-reactions-panel p{margin:0}.admin-artwork-reactions-panel ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.admin-artwork-reactions-panel li{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.admin-artwork-reactions-panel time{color:var(--muted);white-space:nowrap;font-size:.68rem}.weekly-entry-author{align-items:center;gap:8px;min-width:0;display:flex}.weekly-entry-author .profile-avatar{flex:none;width:32px;height:32px}.weekly-entry-author strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.challenge-period-switch{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:18px 0;display:grid}.challenge-period-switch button[aria-pressed=true]{background:var(--yellow)}.gallery-heading-controls{justify-content:flex-end;align-items:end;gap:12px;min-width:min(100%,300px);display:flex}.gallery-view-navigation{width:min(100%,300px)}.gallery-view-tabs,.gallery-period-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.gallery-period-tabs{width:min(100%,190px)}.gallery-view-navigation button,.gallery-period-tabs button{min-height:36px;color:var(--ink);font:900 .68rem/1.15 var(--pixel-font);image-rendering:pixelated;background-color:#0000;background-image:url(/ui/menu-button-1.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;padding:6px 9px}.gallery-view-tabs button[aria-pressed=true]{background-image:url(/ui/menu-button-yellow-1.png)}.gallery-period-tabs button{background-image:url(/ui/menu-button-small-mint.png)}.gallery-period-tabs button[aria-pressed=true]{background-image:url(/ui/menu-button-small-green.png)}.gallery-view-navigation button:hover:not(:disabled),.gallery-period-tabs button:hover:not(:disabled){filter:brightness(1.06)}.gallery-view-navigation button:active:not(:disabled),.gallery-period-tabs button:active:not(:disabled){transform:translate(1px,1px)}.gallery-subcontrols{border-top:2px solid color-mix(in srgb, var(--ink) 72%, transparent);justify-content:flex-end;align-items:end;gap:14px;margin-top:14px;padding-top:13px;display:flex}.gallery-challenge-filters{gap:10px;width:min(100%,320px);display:grid}.gallery-challenge-filters .gallery-period-tabs,.gallery-week-picker{width:100%}.gallery-vote-count{align-self:center;margin:0 auto 0 0;font-weight:700}.weekly-entry button[aria-pressed=true]{background:var(--yellow)}.gallery-comments{border-top:2px solid var(--ink);gap:8px;padding-top:2px;display:grid}.gallery-comments-toggle{min-height:38px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);font:900 .68rem/1.2 var(--pixel-font);text-align:left;padding:7px 10px}.gallery-comments-backdrop{z-index:2300}.gallery-comments-modal{width:min(680px,100%);max-height:min(720px,100dvh - 36px);color:var(--ink);background:color-mix(in srgb, var(--yellow) 72%, var(--paper));border:3px solid var(--ink);clip-path:var(--pixel-corner);grid-template-rows:auto minmax(0,1fr);padding:clamp(16px,3vw,26px);display:grid;overflow:hidden;box-shadow:10px 10px #241a359e}.gallery-comments-heading,.gallery-comments-heading-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.gallery-comments-heading{border-bottom:3px solid var(--ink);align-items:flex-start;padding-bottom:14px}.gallery-comments-heading .step-label{margin:0 0 5px}.gallery-comments-heading h2{font-family:var(--display-font);margin:0;font-size:clamp(2rem,7vw,3rem);line-height:1}.gallery-comments-heading-actions span{color:var(--muted);font:900 .58rem/1 var(--pixel-font);text-transform:uppercase}.gallery-comments-heading-actions>button{background:var(--mint);width:42px;min-height:42px;padding:4px;font-size:1.5rem}.gallery-comments-body,.gallery-comment-form,.gallery-comment-list{gap:8px;display:grid}.gallery-comments-body{min-height:0;padding-top:14px;overflow:hidden}.gallery-comment-list{min-height:0;margin:0;padding:0 3px 0 0;list-style:none;overflow-y:auto}.gallery-comment-list li{background:color-mix(in srgb, var(--mint) 18%, white);border:1px solid var(--ink);padding:8px}.gallery-comment-list p{overflow-wrap:anywhere;margin:6px 0 0;line-height:1.35}.gallery-comment-author-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.gallery-comment-author{align-items:center;gap:6px;min-width:0;display:flex}.gallery-comment-author .profile-avatar{width:24px;height:24px}.gallery-comment-author strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.gallery-comment-author-row time{color:var(--muted);white-space:nowrap;font-size:.68rem}.gallery-comment-form textarea{resize:vertical;width:100%;min-height:72px;color:var(--ink);border:2px solid var(--ink);font:inherit;background:#fff;padding:8px}.gallery-comment-edit{gap:6px;margin-top:7px;display:grid}.gallery-comment-edit textarea{resize:vertical;width:100%;min-height:64px;color:var(--ink);border:2px solid var(--ink);font:inherit;background:#fff;padding:7px}.gallery-comment-edit>div{justify-content:flex-end;gap:6px;display:flex}.gallery-comment-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.gallery-comment-like-button{min-width:58px;min-height:30px;color:var(--ink);background:var(--yellow);border:1px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font:900 .66rem/1 var(--pixel-font);justify-content:center;align-items:center;gap:5px;padding:5px 8px;display:inline-flex}.gallery-comment-like-button>span{color:var(--red);font:900 1rem/1 Arial,sans-serif}.gallery-comment-like-button[aria-pressed=true]{color:var(--paper);background:var(--red)}.gallery-comment-like-button[aria-pressed=true]>span{color:var(--paper)}.gallery-comment-like-button:disabled{cursor:not-allowed;filter:grayscale(.3);opacity:.72}.gallery-comment-edit button,.gallery-comment-edit-button,.moderation-delete-button{min-height:32px;color:var(--ink);background:var(--yellow);border:1px solid var(--ink);padding:5px 8px;font-size:.68rem}.moderation-delete-button{background:#f3a08e}.moderation-entry-button{background:#f3a08e;width:100%}.gallery-comment-form>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.gallery-comment-form button{min-height:38px;color:var(--ink);background:var(--mint);border:2px solid var(--ink);padding:7px 12px}.gallery-comments-empty,.gallery-comments-login{color:var(--muted);margin:2px 0;font-size:.82rem;line-height:1.4}@media (width<=540px){.gallery-comments-backdrop{padding:8px}.gallery-comments-modal{max-height:calc(100dvh - 16px);padding:13px}.gallery-comments-heading-actions{flex-direction:column-reverse;align-items:flex-end}.gallery-comments-heading h2{font-size:1.9rem}.gallery-comments-body{overflow-y:auto}.gallery-comment-list{overflow:visible}}.weekly-submitted .weekly-artwork{flex:none;width:min(180px,42vw)}.weekly-empty{text-align:center;margin:20px 0 0}.weekly-message{margin:0}.feed-composer{image-rendering:pixelated;background:0 0;border:16px solid #0000;border-image:url(/ui/menu-window-mint.png) 16 fill;gap:16px;padding:clamp(50px,7vw,58px) clamp(18px,4vw,28px) clamp(18px,4vw,28px);display:grid}.feed-composer.is-editor-open{padding-top:clamp(126px,12vw,138px)}.feed-composer-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.feed-composer-heading h2,.feed-composer-heading p{margin:0}.feed-composer-heading p:not(.step-label){margin-top:8px;line-height:1.45}.feed-composer-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.feed-entry-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.feed-entry-actions>button{min-width:0;min-height:34px;padding:6px 4px;font-size:.62rem}.feed-delete-button{background:#f3a08e}.feed-like-button{color:#7d2d3b;background:#f6c1cb;grid-column:3;font:900 1.4rem/1 Arial,sans-serif}.feed-like-button.is-liked{color:var(--ink);background:#ef7891}.feed-like-button:disabled{cursor:not-allowed;filter:grayscale(.2);opacity:.8}.feed-composer-canvas{gap:14px;display:grid}.feed-composer-canvas>.drawing-panel{width:min(100%,760px);margin-inline:auto}.feed-publish-button{justify-self:end;width:min(100%,320px)}.feed-entry-date{color:var(--muted);font-size:.72rem}.feed-description-field,.editor-feed-description{gap:6px;display:grid}.feed-description-field>span,.editor-feed-description>span{font:900 .68rem/1.3 var(--pixel-font)}.feed-description-field textarea,.editor-feed-description textarea{resize:none;border:2px solid var(--ink);background:var(--paper);width:100%;min-height:86px;color:var(--ink);font:inherit;padding:10px;line-height:1.4}.feed-description-field>small,.editor-feed-description>small{color:var(--muted);text-align:right}.feed-entry-description{white-space:pre-line;overflow-wrap:anywhere;border-left:3px solid var(--ink);background:#ffffff57;margin:0;padding:9px 10px;line-height:1.4}.profile-feed-stats{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.profile-feed-stats span,.profile-preview-likes,.profile-preview-stats span{background:var(--yellow);border:1px solid var(--ink);font:900 .62rem/1.2 var(--pixel-font);padding:6px 8px}.immersive-palette-popover{z-index:1300;top:max(8px, env(safe-area-inset-top));right:max(72px, calc(62px + env(safe-area-inset-right)));width:min(520px,100vw - 84px);max-height:calc(100dvh - max(16px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));color:var(--ink);background:color-mix(in srgb, var(--slate) 34%, var(--paper));border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);box-sizing:border-box;grid-auto-rows:max-content;align-content:start;gap:8px;padding:8px;display:grid;position:fixed;bottom:auto;overflow-y:auto}.immersive-palette-popover *{box-sizing:border-box;min-width:0}.immersive-palette-popover .immersive-palette-menu{width:100%;box-shadow:none;background:0 0;border:0;padding:0;position:static}.immersive-mixer-toggle{width:100%;min-height:36px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-family:var(--pixel-font);place-items:center;padding:6px 8px;font-size:.58rem;display:grid}.immersive-palette-select{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.immersive-palette-select select{min-height:36px;padding:5px 8px;font-size:.58rem}.immersive-palette-menu[data-palette-size=custom]{grid-template-columns:repeat(8,36px)}.immersive-custom-empty{width:100%;font-family:var(--pixel-font);text-align:center;grid-column:1/-1;padding:10px;font-size:.6rem}.immersive-palette-popover .color-mixer-panel{width:100%;max-width:100%;box-shadow:none;gap:8px;margin:0;padding:10px}.immersive-palette-popover .color-mixer-panel button{width:auto}.immersive-palette-popover .color-mixer-heading>button{width:38px}.immersive-palette-popover .color-mixer-heading h4{font-size:1.3rem}.immersive-palette-popover .color-mixer-spectrum,.immersive-palette-popover .color-mixer-hsla{padding:8px}.immersive-palette-popover .color-mixer-hsla{gap:7px 12px}.immersive-palette-popover .color-mixer-result{padding:6px}.immersive-palette-popover .color-mixer-result-swatch{width:44px;height:44px}.immersive-palette-popover .color-mixer-actions button{min-height:36px;padding:6px 10px}.profile-private-title{width:fit-content;color:var(--paper);background:var(--violet-dark);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font:900 .62rem/1.25 var(--pixel-font);padding:5px 8px;margin:7px 0 0!important}.profile-achievements{margin-top:16px}.profile-achievements h3{font:900 .75rem/1.3 var(--pixel-font);margin:0}@media (width<=700px){.weekly-header,.weekly-section-heading,.weekly-challenge-card,.weekly-submitted,.feed-composer-heading{flex-direction:column;align-items:stretch}.weekly-account-card{grid-template-columns:1fr}.weekly-header button,.weekly-section-heading>button,.weekly-picker,.weekly-sort{width:100%}.gallery-heading-controls{flex-direction:column;align-items:stretch;width:100%;min-width:0}.gallery-view-navigation{width:100%}.gallery-subcontrols{flex-direction:column;align-items:stretch}.gallery-challenge-filters,.gallery-period-tabs,.feed-composer-actions,.feed-composer-actions>button,.feed-publish-button{width:100%}.weekly-submitted .weekly-artwork{align-self:center;width:min(100%,260px)}.gallery-pagination{gap:7px}.gallery-pagination button{min-width:0;padding-inline:9px}.gallery-pagination span{min-width:64px;padding-inline:8px}}.editor-intro{margin-bottom:20px}.editor-access-notice{border:3px solid var(--ink);background:color-mix(in srgb, var(--yellow) 35%, var(--paper));justify-content:space-between;align-items:center;gap:14px;margin:14px 0;padding:12px;display:flex;box-shadow:4px 4px #241a3538}.editor-access-notice strong{font:900 .7rem/1.2 var(--pixel-font)}.editor-access-notice p{margin:6px 0 0;line-height:1.45}.editor-access-notice button{flex:none;min-height:46px}.editor-actions{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.editor-actions>*{flex:180px;min-width:0}.editor-actions select,.editor-export-options select{border:2px solid var(--ink);background:var(--paper);width:100%;min-height:44px;color:var(--ink);font:inherit;padding:8px}.editor-share-menu{flex-basis:220px;position:relative}.editor-actions>.editor-share-menu.is-canvas-triggered{flex:0 0 0;width:0;height:0}.editor-share-menu.is-canvas-triggered>summary{display:none}.editor-share-menu.is-canvas-triggered[open]:before{content:"";z-index:1199;background:#241a3594;position:fixed;inset:0}.editor-share-menu.is-canvas-triggered .editor-share-options{width:min(420px,100vw - 24px);max-height:calc(100dvh - 24px);position:fixed;top:50%;left:50%;right:auto;overflow:auto;transform:translate(-50%,-50%)}.editor-share-menu>summary{cursor:pointer;min-height:50px;color:var(--ink);font:900 .7rem/1.2 var(--pixel-font);image-rendering:pixelated;background:url(/ui/menu-button-yellow-2.png) 50%/100% 100% no-repeat;place-items:center;padding:9px 16px;list-style:none;display:grid}.editor-share-menu>summary::-webkit-details-marker{display:none}.editor-share-options{z-index:1200;background:var(--paper);border:3px solid var(--ink);gap:8px;width:min(380px,100vw - 32px);padding:12px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:6px 6px #241a3559}.editor-share-options p,.editor-share-options small{margin:0;line-height:1.4}.editor-share-options button{background:var(--yellow);min-height:46px;padding:8px 11px}.editor-share-options button:disabled{opacity:.55}.editor-share-options .editor-share-close{background:var(--coral);justify-self:end;min-height:36px;padding:5px 10px}.editor-export-options{border-bottom:2px solid var(--ink);grid-template-columns:minmax(0,1fr) minmax(130px,.8fr);align-items:end;gap:8px;padding-bottom:10px;display:grid}.editor-export-options>strong{font:900 .7rem/1.2 var(--pixel-font);grid-column:1/-1}.editor-export-options .field{min-width:0}.editor-export-options .primary-button{width:100%}.editor-animation-share-options{gap:8px;display:grid}@media (width<=560px){.editor-access-notice{flex-direction:column;align-items:stretch}}.editor-animation-share-options>strong{font:900 .7rem/1.2 var(--pixel-font)}.editor-animation-share-options>small{line-height:1.35}.editor-share-status{border-left:4px solid var(--blue);padding:8px 10px}.editor-gallery-backdrop{z-index:2200}.editor-gallery-dialog{width:min(620px,100%);max-height:min(700px,100dvh - 36px);color:var(--ink);background:var(--yellow);border:3px solid var(--ink);clip-path:var(--pixel-corner);gap:16px;padding:clamp(18px,4vw,28px);display:grid;overflow:auto;box-shadow:10px 10px #241a359e}.editor-gallery-dialog-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.editor-gallery-dialog-heading h2{margin:4px 0 0}.editor-gallery-dialog-heading button,.editor-gallery-dialog-grid button{min-height:42px;color:var(--ink);font:900 .68rem/1.15 var(--pixel-font);image-rendering:pixelated;background:url(/ui/menu-button-yellow-2.png) 50%/100% 100% no-repeat;border:0;padding:7px 12px}.editor-gallery-dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.editor-gallery-dialog-grid .editor-own-gallery-slot{background:color-mix(in srgb, var(--mint) 42%, var(--paper))}.editor-gallery-dialog-grid button:disabled{opacity:.5}@media (width<=480px){.editor-gallery-dialog-grid{grid-template-columns:1fr}}.editor-own-gallery{border:2px solid var(--ink);background:color-mix(in srgb, var(--mint) 42%, var(--paper))}.editor-own-gallery>summary{cursor:pointer;font:900 .7rem/1.25 var(--pixel-font);padding:11px;list-style-position:inside}.editor-own-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 9px 9px;display:grid}.editor-own-gallery-slot{border:2px solid var(--ink);background:var(--yellow);align-content:start;gap:7px;min-width:0;padding:8px;display:grid}.editor-own-gallery-slot>strong{font:900 .65rem/1.2 var(--pixel-font)}.editor-own-gallery-slot .weekly-artwork,.editor-own-gallery-empty{aspect-ratio:1;justify-self:center;width:min(100%,112px)}.editor-own-gallery-slot .weekly-artwork{border-width:2px}.editor-animation-gallery-slot .weekly-artwork{width:min(100%,144px);image-rendering:pixelated}.editor-animation-gallery-slot>small{font:800 .56rem/1.25 var(--pixel-font);justify-self:center}.editor-own-gallery-empty{border:2px dashed var(--ink);color:color-mix(in srgb, var(--ink) 60%, transparent);font:800 .58rem/1.25 var(--pixel-font);place-items:center;display:grid}.editor-own-gallery-actions{gap:5px;display:grid}.editor-share-options .editor-own-gallery-actions button{min-height:34px;padding:5px 6px;font-size:.62rem}.editor-share-options .editor-own-gallery-actions .danger-button{background:var(--coral)}@media (width<=420px){.editor-own-gallery-grid{gap:6px;padding-inline:6px}.editor-own-gallery-slot{padding:6px}.editor-share-options .editor-own-gallery-actions button{font-size:.56rem}}.editor-palette-panel{background:color-mix(in srgb, var(--paper) 72%, var(--mint));border:3px solid var(--ink);width:min(100%,520px);margin-top:14px;box-shadow:5px 5px #241a353d}.editor-palette-picker{border:0;border-top:2px solid color-mix(in srgb, var(--ink) 55%, transparent);background:0 0;width:100%;margin:0}.editor-palette-picker .palette-mode-buttons button{color:var(--ink);box-shadow:none;clip-path:none;image-rendering:pixelated;background-color:#0000;background-image:url(/ui/menu-button-yellow-2.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0}.editor-palette-picker .palette-mode-buttons button[aria-pressed=true]{background-image:url(/ui/menu-button-3.png)}.lobby-card.home-panel{box-shadow:none;clip-path:none;image-rendering:pixelated;background:0 0;border:16px solid #0000;border-image:url(/ui/fomenu-ablak.png) 16 fill;padding:4px}.lobby-card.home-panel>*{margin-inline:0}.primary-button,.home-menu-actions .primary-button,.bug-report-trigger,.mobile-chat-toggle{color:var(--ink);box-shadow:none;clip-path:none;image-rendering:pixelated;background-color:#0000;background-image:url(/ui/nagy-gomb-sotetkek.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0}.secondary-button,.home-back-button,.home-menu-actions button:not(.primary-button){color:var(--ink);box-shadow:none;clip-path:none;image-rendering:pixelated;background-color:#0000;background-image:url(/ui/nagy-gomb-turkiz-5.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0}.home-menu-actions button:nth-child(2){background-image:url(/ui/nagy-gomb-turkiz-1.png)}.home-menu-actions button:nth-child(3){background-image:url(/ui/nagy-gomb-turkiz-2.png)}.home-menu-actions button:nth-child(4){background-image:url(/ui/nagy-gomb-turkiz-3.png)}.home-menu-actions button:nth-child(5){background-image:url(/ui/nagy-gomb-turkiz-4.png)}.leave-room-button,.confirm-modal-actions .confirm-danger-button{color:var(--ink);box-shadow:none;clip-path:none;image-rendering:pixelated;background-color:#0000;background-image:url(/ui/nagy-gomb-piros.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0}.user-badge{max-width:210px;color:var(--ink);font-family:var(--pixel-font);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:var(--yellow);border:2px solid var(--ink);padding:6px 8px;font-size:.58rem;font-weight:900;overflow:hidden}.topbar-settings-button{width:40px;height:40px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);clip-path:var(--pixel-corner);font-family:var(--pixel-font);flex:0 0 40px;place-items:center;margin-left:auto;padding:0;font-size:1.15rem;line-height:1;display:grid}.topbar-settings-button:hover:not(:disabled){transform:translate(-1px,-1px)}.topbar-admin-button{background:var(--coral);margin-left:0;position:relative}.topbar-admin-count{min-width:20px;height:20px;color:var(--paper);background:var(--ink);border:2px solid var(--paper);font-family:var(--pixel-font);border-radius:999px;place-items:center;padding:0 4px;font-size:.52rem;line-height:1;display:grid;position:absolute;top:-8px;right:-8px}.admin-feedback-page{gap:18px;width:min(100%,980px);margin:clamp(32px,6vw,64px) auto 40px;display:grid}.admin-feedback-heading{color:var(--ink);background:var(--yellow);image-rendering:pixelated;border:16px solid #0000;border-image:url(/ui/menu-window-yellow.png) 16 fill;justify-content:space-between;align-items:center;gap:24px;padding:clamp(22px,4vw,34px);display:flex}.admin-feedback-heading h1{font-family:var(--display-font);letter-spacing:-.04em;margin:0;font-size:clamp(2.1rem,6vw,4rem);line-height:1}.admin-feedback-heading p:not(.step-label){margin:10px 0 0}.admin-feedback-heading .home-back-button{flex:none;min-width:172px}.admin-storage-card{background:color-mix(in srgb, var(--mint) 45%, var(--paper));border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);gap:10px;padding:16px;display:grid}.admin-storage-card[data-warning=true]{background:color-mix(in srgb, var(--coral) 54%, var(--paper))}.admin-storage-card p,.admin-storage-card small{margin:0}.admin-storage-card>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.admin-storage-card>div:first-child strong{font-family:var(--pixel-font);font-size:.78rem}.admin-storage-meter{background:var(--paper);border:2px solid var(--ink);height:18px;overflow:hidden}.admin-storage-meter span{background:var(--olive);width:0;height:100%;transition:width .2s;display:block}.admin-storage-card[data-warning=true] .admin-storage-meter span{background:var(--coral)}.admin-storage-warning{background:var(--yellow);border-left:4px solid var(--coral);padding:9px 11px;font-weight:900}.admin-feedback-filters{background:var(--mint);border:2px solid var(--ink);grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px;display:grid;box-shadow:4px 4px #241a3547}.admin-feedback-filters button,.admin-feedback-actions button{min-height:40px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);font-family:var(--pixel-font);padding:8px 10px;font-size:.62rem;font-weight:900}.admin-feedback-filters button[aria-pressed=true],.admin-feedback-actions button[aria-pressed=true]{background:var(--mint);box-shadow:3px 3px 0 var(--ink)}.admin-feedback-summary{background:var(--mint);border:2px solid var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;display:flex}.admin-feedback-list{gap:16px;display:grid}.admin-feedback-card{background:var(--yellow);border:3px solid var(--ink);clip-path:var(--pixel-corner);gap:13px;padding:clamp(16px,3vw,24px);display:grid;box-shadow:5px 5px #241a3559}.admin-feedback-card[data-category=idea]{background:var(--mint)}.admin-feedback-card>header{justify-content:space-between;align-items:center;gap:14px;display:flex}.admin-feedback-card time{color:var(--muted);font-size:.78rem}.admin-feedback-tags{flex-wrap:wrap;gap:7px;display:flex}.admin-feedback-tags span{background:var(--paper);border:2px solid var(--ink);font-family:var(--pixel-font);text-transform:uppercase;padding:5px 8px;font-size:.58rem;font-weight:900}.admin-feedback-tags span[data-status=new]{background:var(--coral)}.admin-feedback-tags span[data-status=fixed]{background:var(--olive)}.admin-feedback-tags span[data-status=closed]{opacity:.68}.admin-feedback-author,.admin-feedback-description,.admin-feedback-steps p{margin:0}.admin-feedback-description{white-space:pre-wrap;font-size:1.05rem;line-height:1.55}.admin-feedback-steps{border-left:3px solid var(--ink);background:#ffffff59;gap:5px;padding:12px;display:grid}.admin-feedback-technical{border:2px solid var(--ink);background:#ffffff6b;padding:10px 12px}.admin-feedback-technical summary{cursor:pointer;font-family:var(--pixel-font);font-size:.65rem;font-weight:900}.admin-feedback-technical dl{gap:8px;margin:12px 0 0;display:grid}.admin-feedback-technical dl>div{grid-template-columns:minmax(100px,160px) minmax(0,1fr);gap:12px;display:grid}.admin-feedback-technical dt{font-weight:900}.admin-feedback-technical dd{overflow-wrap:anywhere;min-width:0;margin:0}.admin-feedback-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.admin-feedback-state{text-align:center;background:var(--paper);border:2px solid var(--ink);margin:0;padding:22px}.admin-feedback-error{background:#f3a08e}.scoreboard-page{gap:18px;width:min(100%,900px);margin:clamp(32px,6vw,64px) auto 40px;display:grid}.scoreboard-heading{color:var(--ink);background:var(--yellow);image-rendering:pixelated;border:16px solid #0000;border-image:url(/ui/menu-window-yellow.png) 16 fill;justify-content:space-between;align-items:center;gap:24px;padding:clamp(22px,4vw,34px);display:flex}.scoreboard-heading h1{font-family:var(--display-font);letter-spacing:-.04em;margin:0;font-size:clamp(2.2rem,7vw,4.6rem);line-height:.95}.scoreboard-heading p:not(.step-label){margin:12px 0 0}.scoreboard-heading .home-back-button{min-width:172px;box-shadow:none;background-image:url(/ui/nagy-gomb-turkiz-5.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;flex:none}.scoreboard-rule{color:var(--ink);background:color-mix(in srgb, var(--mint) 72%, var(--paper));border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.scoreboard-rule strong,.scoreboard-rule span,.scoreboard-state,.scoreboard-position,.scoreboard-player>span,.scoreboard-points>span{font-family:var(--pixel-font)}.scoreboard-rule strong{white-space:nowrap}.scoreboard-rule span{font-size:.7rem;line-height:1.5}.hall-of-fame,.lifetime-scoreboard{gap:12px;display:grid}.scoreboard-section-heading{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:end;gap:18px;padding:8px 4px 4px;display:flex}.scoreboard-section-heading .step-label{margin:0}.scoreboard-section-heading h2{font-family:var(--display-font);margin:0;font-size:clamp(1.8rem,5vw,2.8rem)}.hall-of-fame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.hall-of-fame-card{min-width:0;color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:5px 5px 0 color-mix(in srgb, var(--ink) 70%, transparent);text-align:center;justify-items:center;gap:7px;padding:18px 12px 16px;display:grid;position:relative}.hall-of-fame-card[data-placement="1"]{background:color-mix(in srgb, #f5e57a 82%, var(--paper))}.hall-of-fame-card[data-placement="2"]{background:color-mix(in srgb, #c8cdd0 78%, var(--paper))}.hall-of-fame-card[data-placement="3"]{background:color-mix(in srgb, #da7149 58%, var(--paper))}.hall-of-fame-medal{font-size:1.45rem;line-height:1;position:absolute;top:8px;right:8px}.hall-of-fame-card .profile-avatar{width:72px;height:72px;margin-top:4px}.hall-of-fame-profile-trigger{cursor:pointer;text-align:center;justify-items:center;gap:7px;width:100%;display:grid}.hall-of-fame-player-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;font-size:1.15rem;overflow:hidden}.hall-of-fame-card>strong{font-family:var(--display-font);font-size:1.6rem}.hall-of-fame-card>span:last-child{font-family:var(--pixel-font);font-size:.58rem;line-height:1.35}.scoreboard-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.scoreboard-entry{min-height:78px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 color-mix(in srgb, var(--ink) 70%, transparent);grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 16px;display:grid}.scoreboard-entry[data-rank="1"]{background:color-mix(in srgb, #f5e57a 78%, var(--paper))}.scoreboard-entry[data-rank="2"]{background:color-mix(in srgb, #c8cdd0 72%, var(--paper))}.scoreboard-entry[data-rank="3"]{background:color-mix(in srgb, #da7149 52%, var(--paper))}.scoreboard-position{text-align:center;font-size:1.25rem}.scoreboard-entry .profile-avatar{width:42px;height:42px}.scoreboard-profile-trigger{cursor:pointer;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;width:100%;display:grid}.scoreboard-player{gap:5px;min-width:0;display:grid}.scoreboard-player>strong{text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;overflow:hidden}.scoreboard-player>span{color:var(--muted);font-size:.62rem;line-height:1.4}.scoreboard-points{justify-items:end;min-width:88px;display:grid}.scoreboard-points>strong{font-family:var(--display-font);font-size:2rem;line-height:1}.scoreboard-points>span{text-transform:uppercase;font-size:.62rem}.scoreboard-state{background:var(--paper);border:2px solid var(--ink);text-align:center;margin:0;padding:24px}.scoreboard-error{border-color:var(--coral-dark,#7d2d3b)}@media (width<=760px){.topbar{position:relative}.topbar-settings-button{flex-basis:34px;width:34px;height:34px;min-height:34px;margin:0;font-size:.92rem;position:absolute;top:8px;right:8px}.topbar-admin-button{right:50px}.brand{min-height:40px;padding-inline:48px}.admin-feedback-page{margin-top:24px}.admin-feedback-heading{flex-direction:column;align-items:stretch}.admin-feedback-heading .home-back-button{width:100%}.admin-feedback-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-feedback-filters button:first-child{grid-column:1/-1}.admin-feedback-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-feedback-card>header{flex-direction:column;align-items:flex-start}.admin-feedback-technical dl>div{grid-template-columns:minmax(0,1fr);gap:2px}.scoreboard-page{margin-top:24px}.scoreboard-heading,.scoreboard-rule{flex-direction:column;align-items:stretch}.scoreboard-section-heading{flex-direction:column;align-items:flex-start;gap:4px}.hall-of-fame-grid{grid-template-columns:minmax(0,1fr)}.hall-of-fame-card{text-align:left;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;justify-items:start;min-height:88px;padding:10px 42px 10px 10px}.hall-of-fame-card .profile-avatar{width:60px;height:60px;margin:0}.hall-of-fame-profile-trigger{text-align:left;grid-template-columns:64px minmax(0,1fr);justify-items:start}.hall-of-fame-card>strong{white-space:nowrap;grid-area:1/2/3;align-self:center}.hall-of-fame-card>span:last-child{grid-column:1;padding-left:72px}.scoreboard-heading .home-back-button{width:100%}.scoreboard-entry{grid-template-columns:42px minmax(0,1fr) auto;gap:8px;min-height:70px;padding:9px 10px}.scoreboard-entry .profile-avatar{width:36px;height:36px}.scoreboard-profile-trigger{grid-template-columns:38px minmax(0,1fr);gap:8px}.scoreboard-position{font-size:1rem}.scoreboard-player>strong{font-size:.9rem}.scoreboard-player>span{font-size:.54rem}.scoreboard-points{min-width:52px}.scoreboard-points>strong{font-size:1.55rem}}.room-public-name{font-family:var(--display-font);margin:8px 0 0;font-size:1.2rem;display:block}.room-listing-toggle{min-height:44px;font-family:var(--pixel-font);grid-column:1/-1;align-items:center;gap:10px;font-size:.66rem;font-weight:800;line-height:1.4;display:flex}.room-listing-toggle input{width:22px;height:22px;accent-color:var(--coral);margin:0}.waiting-room-listing-controls{background:color-mix(in srgb, var(--yellow) 58%, var(--paper));border:2px solid var(--ink);box-sizing:border-box;grid-column:1/-1;gap:10px;width:100%;padding:12px;display:grid}.waiting-room-listing-controls>button,.public-room-search>button,.public-room-card>button{min-height:42px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font:inherit;padding:8px 12px;font-weight:800}.public-room-browser{gap:14px}.public-room-search{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.public-room-list{gap:10px;min-height:76px;display:grid}.public-room-empty{color:var(--slate);background:color-mix(in srgb, var(--paper) 72%, var(--mint));border:2px dashed var(--ink);text-align:center;margin:0;padding:18px 14px}.public-room-card{background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;display:grid}.public-room-card>div{gap:3px;min-width:0;display:grid}.public-room-card strong,.public-room-card span,.public-room-card small{overflow-wrap:anywhere}.public-room-card strong{font-family:var(--display-font);font-size:1.05rem}.public-room-card small{color:var(--slate)}.public-room-count{background:var(--mint);border:2px solid var(--ink);font-family:var(--pixel-font);padding:6px 8px;font-size:.65rem;font-weight:800}@media (width<=620px){.public-room-search,.public-room-card{grid-template-columns:minmax(0,1fr)}.public-room-card>button{width:100%}.room-settings-content{grid-template-columns:minmax(0,1fr)}}.profile-menu-button{cursor:pointer;min-height:0;box-shadow:none;clip-path:none;align-items:center;gap:7px;display:inline-flex}.profile-menu-button:disabled{cursor:default}.profile-menu-button>span:last-child{text-overflow:ellipsis;overflow:hidden}.profile-avatar{width:32px;height:32px;color:var(--ink);background-color:var(--paper);border:2px solid var(--ink);image-rendering:pixelated;background-image:linear-gradient(45deg,#2426301f 25%,#0000 25%),linear-gradient(-45deg,#2426301f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2426301f 75%),linear-gradient(-45deg,#0000 75%,#2426301f 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;flex:none;place-items:center;display:inline-grid}canvas.profile-avatar{object-fit:contain}.profile-avatar-empty img{width:19px;height:19px}.profile-preview-backdrop{z-index:2400}.profile-preview-modal{width:min(430px,100%);color:var(--ink);background:var(--mint);border:3px solid var(--ink);clip-path:var(--pixel-corner);text-align:center;justify-items:center;padding:clamp(24px,6vw,40px);display:grid;box-shadow:9px 9px #241a3594}.profile-preview-modal .step-label{justify-self:start;margin:0 0 18px}.profile-preview-modal .profile-preview-avatar{width:min(224px,55vw);height:min(224px,55vw);box-shadow:7px 7px 0 var(--ink);border-width:4px}.profile-avatar-like-button{width:auto;min-width:82px;min-height:36px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font:900 .72rem/1 var(--pixel-font);justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:7px 12px;display:inline-flex}.profile-avatar-like-button span{color:var(--red);font-size:1.15rem}.profile-avatar-like-button[aria-pressed=true]{color:var(--paper);background:var(--red)}.profile-avatar-like-button[aria-pressed=true] span{color:var(--paper)}.profile-avatar-like-button:disabled{cursor:not-allowed;filter:grayscale(.55);box-shadow:2px 2px 0 var(--ink)}.profile-avatar-like-feedback{color:var(--red-dark);margin:12px 0 0;font-size:.85rem}.profile-preview-modal .profile-avatar-empty img{width:42%;height:42%}.profile-preview-modal h2{overflow-wrap:anywhere;max-width:100%;font-family:var(--display-font);margin:24px 0 0;font-size:clamp(2rem,9vw,3.2rem);line-height:1}.profile-preview-stats{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.profile-preview-medals{color:var(--ink);border:1px solid var(--ink);font:900 .66rem/1.35 var(--pixel-font);background:#ffffff61;margin:10px 0 0;padding:7px 10px}.profile-preview-empty{color:var(--muted);margin:14px 0 0}.profile-preview-close{background:var(--yellow);border:2px solid var(--ink);width:100%;box-shadow:4px 4px 0 var(--ink);font:900 .72rem/1 var(--pixel-font);margin-top:24px;padding:12px 18px}.profile-menu-button .profile-avatar{border-width:1px;width:24px;height:24px}canvas.player-avatar{object-fit:contain;padding:0}.profile-page{grid-template-columns:minmax(0,1fr);gap:22px;width:min(100%,920px);margin:34px auto 0;display:grid}.profile-header,.profile-summary-card,.profile-editor-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.profile-header h1,.profile-editor-heading h2,.profile-card h2{margin:0}.profile-header p,.profile-card p,.profile-editor-heading p{margin:8px 0 0;line-height:1.5}.profile-card,.profile-editor-section{image-rendering:pixelated;background:0 0;border:16px solid #0000;border-image:url(/ui/menu-window-mint.png) 16 fill;padding:clamp(18px,4vw,28px)}.profile-auth-card{grid-template-columns:minmax(0,.8fr) minmax(260px,1.2fr);gap:24px;display:grid}.profile-auth-card .profile-avatar,.profile-summary-card .profile-avatar{width:72px;height:72px}.profile-form,.profile-save-controls{gap:12px;display:grid}.profile-summary-card>button{margin-left:auto}.profile-name-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.profile-name-row h2{margin:0}.profile-admin-badge{color:var(--paper);background:var(--coral-dark,#7d2d3b);border:2px solid var(--ink);font:900 .58rem/1 var(--pixel-font);letter-spacing:.05em;text-transform:uppercase;padding:5px 7px}.profile-admin-note{max-width:52ch;font-size:.82rem}.profile-editor-section{gap:18px;padding-top:clamp(42px,6vw,56px);display:grid}.profile-avatar-drawer>.drawing-panel{width:min(100%,700px);margin-inline:auto}.profile-save-controls{width:min(310px,100%)}.profile-status{margin-top:0}.profile-avatar-toggle{text-align:left;background:var(--paper);justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:74px;padding:12px 18px;display:flex}.profile-avatar-toggle-label{align-items:center;gap:14px;display:flex}.profile-avatar-toggle .profile-avatar{flex:none;width:46px;height:46px}.profile-avatar-toggle strong,.profile-avatar-toggle small{display:block}.profile-avatar-toggle small{font-family:var(--body-font);margin-top:5px;line-height:1.35}.profile-avatar-drawer{padding-top:4px}.profile-avatar-drawer-heading{display:none}.profile-inline-status{background:color-mix(in srgb, var(--paper) 78%, transparent);border:2px solid var(--ink);margin:0;padding:12px 14px;line-height:1.45}.profile-setting-label{align-items:center;gap:10px;display:inline-flex}.profile-setting-row .profile-avatar{border-width:1px;width:28px;height:28px}.home-logo{aspect-ratio:3;width:384px;height:auto;margin:0;max-width:84vw!important}.home-logo .logo-frame{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;clip-path:none;position:absolute;inset:0;transform:translate(5.75%)}.home-logo:after{display:none}.logo-frame-off{animation:1s step-end infinite logo-frame-off}.logo-frame-cursor{animation:1s step-end infinite logo-frame-cursor}@keyframes logo-frame-off{0%,49%{opacity:0}50%,to{opacity:1}}@keyframes logo-frame-cursor{0%,49%{opacity:1}50%,to{opacity:0}}.home-palette{background:color-mix(in srgb, var(--slate) 22%, var(--paper));border:3px solid var(--ink);width:fit-content;max-width:calc(100vw - 32px);clip-path:var(--pixel-corner);flex-wrap:nowrap;justify-content:center;margin-top:4px;padding:8px 9px;display:flex;overflow:hidden}.home-palette i{border:2px solid var(--ink);width:24px;min-width:18px;height:20px;image-rendering:pixelated;flex:0 24px;margin:0 0 0 -2px}.home-palette i:first-child{margin-left:0}.lobby-card.home-panel{border:16px solid #0000;border-image:url(/ui/menu-window-yellow.png) 16 fill;min-height:0;padding:clamp(18px,4vw,28px)}.lobby-card.home-panel:not([data-home-view=main]){border-image-source:url(/ui/menu-window-mint.png)}.lobby-card.home-panel:not([data-home-view=main]) .lobby-heading{width:min(100%,420px);min-height:92px;image-rendering:pixelated;background:url(/ui/menu-divider-wide.png) 50%/100% 100% no-repeat;margin-inline:auto;padding:17px 24px}.home-menu-actions{justify-items:center}.ui-drawn-button,.home-menu-actions .ui-drawn-button{width:min(100%,416px);min-height:56px;color:var(--ink);box-shadow:none;clip-path:none;image-rendering:pixelated;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;padding:10px 28px}.ui-button-1{background-image:url(/ui/menu-button-1.png)!important}.ui-button-2{background-image:url(/ui/menu-button-2.png)!important}.ui-button-3{background-image:url(/ui/menu-button-3.png)!important}.ui-button-4{background-image:url(/ui/menu-button-4.png)!important}.ui-button-5{background-image:url(/ui/menu-button-1.png)!important}.ui-drawn-button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.ui-drawn-button:active:not(:disabled){filter:brightness(.96);transform:translateY(2px)}.game-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,420px);margin-inline:auto;display:grid}.game-mode-card{min-height:132px;color:var(--ink);box-shadow:none;clip-path:none;image-rendering:pixelated;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;align-content:center;padding:20px 14px;display:grid}.game-mode-classic{background-image:url(/ui/menu-divider-1.png)}.game-mode-drawing{background-image:url(/ui/menu-divider-3.png)}.game-mode-card span{font-family:var(--display-font);font-size:clamp(1.35rem,5vw,1.9rem)}.game-mode-card small{max-width:13rem;font-family:var(--pixel-font);margin:6px auto 0;font-size:.56rem;line-height:1.45}.play-actions{margin-top:24px}.home-panel[data-home-view=play] .lobby-heading,.home-panel[data-home-view=settings] .lobby-heading,.home-panel[data-home-view=create] .lobby-heading{margin-top:20px}.home-panel[data-home-view=create] .lobby-controls{margin-top:8px}.home-panel[data-home-view=play] .ui-button-1{background-image:url(/ui/menu-button-yellow-1.png)!important}.home-panel[data-home-view=play] .ui-button-2{background-image:url(/ui/menu-button-yellow-2.png)!important}.home-panel[data-home-view=play] .ui-button-3{background-image:url(/ui/menu-button-yellow-3.png)!important}.info-panel-copy{image-rendering:pixelated;background:url(/ui/menu-divider-wide.png) 50%/100% 100% no-repeat;padding:34px 40px 28px}.info-panel-copy h3{font-family:var(--display-font);margin:0;font-size:1.55rem}.room-settings{background:color-mix(in srgb, var(--yellow) 38%, var(--paper));border:2px solid var(--ink);clip-path:var(--pixel-corner);overflow:hidden}.room-settings summary{cursor:pointer;font-family:var(--pixel-font);text-transform:uppercase;padding:13px 15px;font-size:.72rem;font-weight:900}.room-settings summary::marker{color:var(--red)}.room-settings-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 14px 14px;display:grid}.room-settings-note{color:var(--slate);grid-column:1/-1;margin:0;font-size:.9rem;line-height:1.45}.competition-round-panel{gap:.65rem}.competition-drawing-note{border:2px solid var(--ink);background:var(--paper);gap:.35rem;padding:1rem;display:grid}.competition-gallery{border:3px solid var(--ink);background:var(--paper);box-shadow:5px 5px 0 var(--ink);gap:1rem;margin-top:1.25rem;padding:clamp(.8rem,2vw,1.25rem);display:grid}.competition-gallery-heading{gap:.25rem;display:grid}.competition-gallery-heading strong{font-family:var(--display-font);font-size:clamp(1.1rem,3vw,1.45rem)}.competition-drawing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.competition-drawing-card{border:2px solid var(--ink);background:var(--yellow);align-content:start;gap:.65rem;padding:.65rem;display:grid}.competition-drawing-card.is-selected{background:var(--mint);box-shadow:inset 0 0 0 3px var(--ink)}.competition-preview{aspect-ratio:1;border:2px solid var(--ink);width:100%;image-rendering:pixelated;background-color:#f4f4f4;background-image:linear-gradient(45deg,#d9d9d9 25%,#0000 25%),linear-gradient(-45deg,#d9d9d9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d9d9d9 75%),linear-gradient(-45deg,#0000 75%,#d9d9d9 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.competition-drawing-meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.competition-vote-button{border:2px solid var(--ink);background:var(--mint);min-height:42px;color:var(--ink);font:inherit;cursor:pointer;font-weight:800}.competition-vote-button[aria-pressed=true]{background:var(--coral)}.competition-vote-button:disabled{cursor:not-allowed;opacity:.62}@media (width<=700px){.competition-drawing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.competition-play-area{grid-template-columns:minmax(0,1fr)}}@media (width<=430px){.competition-drawing-grid{grid-template-columns:minmax(0,1fr)}}.room-settings select{width:100%;min-height:44px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);font:inherit;padding:8px 10px}.room-settings option:disabled{color:var(--muted)}.primary-button,.secondary-button,.home-back-button,.setting-row{min-height:52px;color:var(--ink);box-shadow:none;clip-path:none;image-rendering:pixelated;background-color:#0000;background-image:url(/ui/menu-button-yellow-1.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;padding:10px 18px}.secondary-button{background-image:url(/ui/menu-button-yellow-2.png)}.home-back-button{background-image:url(/ui/menu-button-yellow-3.png)}.setting-row{background-image:url(/ui/menu-button-2.png)}.setting-row[aria-pressed=true]{background-color:#0000;background-image:url(/ui/menu-button-2.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.setting-row[aria-pressed=true] strong{background:var(--coral)}.weekly-challenge-card,.weekly-gallery{box-shadow:none;clip-path:none;image-rendering:pixelated;background:0 0;border:16px solid #0000;border-image:url(/ui/menu-window-yellow.png) 16 fill}.current-challenges-card{image-rendering:pixelated;background:0 0;border:12px solid #0000;border-image:url(/ui/menu-window-yellow.png) 16 fill;gap:8px;padding:12px 18px 14px;display:grid}.current-challenges-card h2{font-family:var(--display-font);margin:0;font-size:clamp(1.05rem,2.2vw,1.3rem);line-height:1.15}.current-challenges-card ul{gap:5px;margin:0;padding-left:22px;line-height:1.35;display:grid}.current-challenges-card li{grid-template-columns:10px minmax(0,1fr) 118px;align-items:center;gap:12px;display:grid}.current-challenges-card li:before{content:"•";font-weight:900}.current-challenges-card p{margin:0}.current-challenges-card span{color:var(--muted)}.current-challenges-card button{min-height:34px;color:var(--ink);font:900 .68rem/1.15 var(--pixel-font);image-rendering:pixelated;background:url(/ui/menu-button-small-green.png) 50%/100% 100% no-repeat;border:0;padding:6px 10px}.current-challenges-card button:hover{filter:brightness(1.06)}.current-challenges-card button:active{transform:translate(1px,1px)}.weekly-gallery,.weekly-challenge-card,.current-challenges-card,.scoreboard-heading{background-color:#f9e466;background-clip:padding-box;border-image-slice:16;position:relative}.weekly-gallery:before,.weekly-gallery:after,.weekly-challenge-card:before,.weekly-challenge-card:after,.current-challenges-card:before,.current-challenges-card:after,.scoreboard-heading:before,.scoreboard-heading:after{z-index:1;content:"";pointer-events:none;width:14px;height:16px;image-rendering:pixelated;background-image:url(/ui/menu-window-yellow.png);background-repeat:no-repeat;background-size:512px 512px;position:absolute;top:2px}.weekly-gallery:before,.weekly-challenge-card:before,.current-challenges-card:before,.scoreboard-heading:before{background-position:-50px -36px;left:9px}.weekly-gallery:after,.weekly-challenge-card:after,.current-challenges-card:after,.scoreboard-heading:after{background-position:-442px -34px;right:9px}@media (width<=700px){.current-challenges-card li{grid-template-columns:10px minmax(0,1fr);align-items:start;gap:6px 8px}.current-challenges-card li:before{grid-row:1}.current-challenges-card button{grid-column:2;justify-self:end;width:min(100%,160px)}}.weekly-account-card,.weekly-submitted{box-shadow:none;clip-path:none;image-rendering:pixelated;background:0 0;border:16px solid #0000;border-image:url(/ui/menu-window-mint.png) 16 fill}.lobby-card.home-panel,.profile-card,.profile-editor-section,.weekly-challenge-card,.weekly-account-card,.weekly-gallery,.weekly-submitted{padding-top:clamp(34px,5vw,44px)}.weekly-header button,.weekly-auth-form button,.weekly-section-heading>button,.weekly-entry>button{min-height:50px;color:var(--ink);box-shadow:none;clip-path:none;image-rendering:pixelated;background-color:#0000;background-image:url(/ui/menu-button-yellow-2.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;padding:9px 16px}.weekly-auth-form .primary-button,.weekly-section-heading>.primary-button{background-color:#0000;background-image:url(/ui/menu-button-3.png)}.weekly-entry>button[aria-pressed=true]{background-color:var(--olive);border:2px solid var(--ink);background-image:none}.editor-actions>button,.confirm-modal-actions button,.test-mode-button,.leave-room-button{min-height:50px;color:var(--ink);box-shadow:none;clip-path:none;image-rendering:pixelated;background-color:#0000;background-image:url(/ui/menu-button-yellow-2.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;padding:9px 16px}.editor-actions>button:nth-of-type(2),.test-mode-button[aria-pressed=true],.confirm-modal-actions .confirm-danger-button{color:var(--ink);background-color:#0000;background-image:url(/ui/menu-button-4.png)}.editor-actions>.primary-button{background-image:url(/ui/menu-button-yellow-4.png)}.tool-buttons .tool-sprite-button,.immersive-side-controls .tool-sprite-button,.immersive-tool-menu .tool-sprite-button,.immersive-quick-tools .tool-sprite-button{background-color:#0000;background-image:url(/ui/toolbar-normal.png);background-position:0 var(--tool-sprite-y);width:52px;height:32px;min-height:32px;box-shadow:none;clip-path:none;image-rendering:pixelated;background-repeat:no-repeat;background-size:52px 256px;border:0;padding:0}.tool-buttons .tool-sprite-button[aria-pressed=true],.tool-buttons .tool-sprite-button:active:not(:disabled),.immersive-side-controls .tool-sprite-button[aria-pressed=true],.immersive-side-controls .tool-sprite-button:active:not(:disabled),.immersive-tool-menu .tool-sprite-button[aria-pressed=true],.immersive-tool-menu .tool-sprite-button:active:not(:disabled),.immersive-quick-tools .tool-sprite-button[aria-pressed=true],.immersive-quick-tools .tool-sprite-button:active:not(:disabled){background-color:#0000;background-image:url(/ui/toolbar-pressed.png)}.tool-buttons .tool-icon-button,.immersive-side-controls .tool-icon-button,.immersive-tool-menu .tool-icon-button,.immersive-quick-tools .tool-icon-button{width:52px;height:32px;min-height:32px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:none;clip-path:none;image-rendering:pixelated;padding:5px 14px}.tool-buttons .tool-icon-button[aria-pressed=true],.immersive-side-controls .tool-icon-button[aria-pressed=true],.immersive-tool-menu .tool-icon-button[aria-pressed=true],.immersive-quick-tools .tool-icon-button[aria-pressed=true]{background:var(--mint)}.tool-buttons .tool-sprite-button{background-position:-24px calc(var(--tool-sprite-y-large) - 3px);background-size:78px 384px;width:42px;height:48px;min-height:48px}.immersive-side-controls .tool-sprite-button[aria-pressed=true],.immersive-side-controls .tool-sprite-button:active:not(:disabled),.immersive-tool-menu .tool-sprite-button[aria-pressed=true],.immersive-tool-menu .tool-sprite-button:active:not(:disabled),.immersive-quick-tools .tool-sprite-button[aria-pressed=true],.immersive-quick-tools .tool-sprite-button:active:not(:disabled){outline:3px solid var(--blue);outline-offset:1px;background-image:url(/ui/toolbar-normal.png)}.immersive-side-controls .tool-sprite-button,.immersive-tool-menu .tool-sprite-button,.immersive-quick-tools .tool-sprite-button{background-position:-24px calc(var(--tool-sprite-y-large) - 3px);background-size:78px 384px;width:42px;height:48px;min-height:48px}.tool-buttons .tool-icon-button,.immersive-side-controls .tool-icon-button,.immersive-tool-menu .tool-icon-button,.immersive-quick-tools .tool-icon-button{width:42px;height:48px;min-height:48px;padding:6px 5px}.tool-buttons .tool-icon-button img,.immersive-side-controls .tool-icon-button img,.immersive-tool-menu .tool-icon-button img,.immersive-quick-tools .tool-icon-button img{width:27px;height:27px}.tool-buttons .tool-sprite-button[aria-pressed=true],.tool-buttons .tool-sprite-button:active:not(:disabled){outline:3px solid var(--blue);outline-offset:1px;background-image:url(/ui/toolbar-normal.png)}.tool-buttons .mobile-more-tools-toggle,.mobile-extra-tool-options{display:none}.mobile-more-tools-toggle span,.immersive-more-tools-toggle span{font-family:var(--pixel-font);letter-spacing:1px;font-size:1rem;font-weight:900;line-height:1;display:block;transform:translateY(-2px)}.drawing-palette[data-palette-size="12"]{background:color-mix(in srgb, var(--paper) 72%, var(--mint));border:2px solid var(--ink);width:fit-content;height:auto;clip-path:var(--pixel-corner);grid-template-rows:16px;grid-template-columns:repeat(12,16px);gap:4px;padding:7px}.drawing-palette[data-palette-size="12"] button{width:16px;height:16px;min-height:0;box-shadow:none;clip-path:none;background-image:none;border:0;border-radius:50%;padding:0}.drawing-palette[data-palette-size="12"] button[aria-pressed=true]{outline:2px solid var(--blue);outline-offset:1px}.drawing-palette[data-palette-size="32"]{background:color-mix(in srgb, var(--paper) 72%, var(--mint));border:2px solid var(--ink);width:fit-content;clip-path:var(--pixel-corner);grid-template-rows:repeat(4,20px);grid-template-columns:repeat(8,20px);gap:4px;padding:7px}.drawing-palette[data-palette-size="32"] button{width:20px;height:20px;min-height:0;box-shadow:none;clip-path:none;background-image:none;border:0;border-radius:50%;padding:0}.drawing-palette[data-palette-size="32"] button[aria-pressed=true]{outline:2px solid var(--blue);outline-offset:1px}.immersive-palette-menu[data-palette-size="32"]{grid-template-columns:repeat(8,28px);gap:4px}.immersive-palette-menu[data-palette-size="32"] button{width:28px}.drawing-palette[data-palette-size=custom]{background:color-mix(in srgb, var(--paper) 72%, var(--mint));border:2px solid var(--ink);width:fit-content;min-width:236px;min-height:38px;clip-path:var(--pixel-corner);flex-wrap:wrap;align-items:center;gap:6px;padding:6px;display:flex}.drawing-palette[data-palette-size=custom] button{border:2px solid var(--ink);width:24px;height:24px;min-height:0;box-shadow:none;clip-path:none;border-radius:50%;padding:0}.drawing-palette[data-palette-size=custom] button[aria-pressed=true]{outline:2px solid var(--blue);outline-offset:1px}.custom-palette-empty{width:100%;font-family:var(--pixel-font);text-align:center;opacity:.7;font-size:.58rem}.custom-palette-controls{background:color-mix(in srgb, var(--paper) 80%, var(--mint));border:2px solid var(--ink);flex-wrap:wrap;align-items:center;gap:6px 10px;width:fit-content;max-width:100%;padding:6px;display:flex}.custom-palette-editor{gap:6px;width:fit-content;max-width:100%;display:grid}.custom-palette-editor.is-immersive{width:100%}.custom-palette-edit-toggle{width:fit-content;min-height:34px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-family:var(--pixel-font);padding:6px 10px;font-size:.58rem}.custom-palette-edit-toggle[aria-expanded=true]{background:var(--mint)}.custom-palette-editor.is-immersive .custom-palette-edit-toggle{width:100%}.custom-palette-controls>span{font-family:var(--pixel-font);font-size:.56rem;font-weight:900}.custom-palette-controls>div{flex-wrap:wrap;gap:5px;display:flex}.custom-palette-controls button{min-height:32px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-family:var(--pixel-font);padding:5px 8px;font-size:.55rem}.custom-palette-controls .custom-palette-delete{background:var(--coral)}.custom-palette-controls button:disabled{opacity:.42;box-shadow:none}.custom-palette-controls.is-immersive{justify-content:space-between;width:100%}.editor-color-mixer{width:min(100%,640px)}.mixed-color-swatches{background:color-mix(in srgb, var(--paper) 72%, var(--mint));border:2px solid var(--ink);flex-wrap:wrap;align-items:center;gap:6px;padding:5px 7px;display:flex}.mixed-color-swatches button{border:2px solid var(--ink);width:28px;min-width:28px;height:28px;min-height:28px;box-shadow:none;clip-path:none;border-radius:50%;padding:0}.mixed-color-swatches button[aria-pressed=true]{outline:3px solid var(--blue);outline-offset:2px}.color-mixer-panel{color:var(--ink);background:color-mix(in srgb, var(--mint) 64%, var(--paper));border:3px solid var(--ink);box-shadow:5px 5px 0 color-mix(in srgb, var(--ink) 72%, transparent);clip-path:var(--pixel-corner);gap:10px;margin-top:10px;padding:12px;display:grid}.color-mixer-heading,.color-mixer-result,.color-mixer-actions{align-items:center;display:flex}.color-mixer-heading{justify-content:space-between;gap:12px}.color-mixer-heading span,.color-mixer-result small{font-family:var(--pixel-font);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;display:block}.color-mixer-heading h4{font-family:var(--display-font);margin:4px 0 0;font-size:1.55rem}.color-mixer-heading>button{background:var(--yellow);width:38px;min-width:38px;min-height:38px;padding:0;font-size:1.45rem;line-height:1}.color-mixer-spectrum{background:var(--paper);border:2px solid var(--ink);gap:6px;padding:9px;display:grid}.color-mixer-spectrum>span{font-family:var(--pixel-font);font-size:.72rem}.color-mixer-spectrum input[type=range]{appearance:none;border:2px solid var(--ink);width:100%;height:14px;min-height:14px;accent-color:var(--blue);background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:0}.color-mixer-spectrum input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--paper);border:3px solid var(--ink);width:14px;height:22px;box-shadow:2px 2px 0 var(--ink)}.color-mixer-hsla{background:color-mix(in srgb, var(--paper) 82%, var(--yellow));border:2px solid var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;padding:9px;display:grid}.color-mixer-hsla label{gap:4px;display:grid}.color-mixer-hsla span{font-family:var(--pixel-font);font-size:.66rem}.color-mixer-hsla input[type=range]{appearance:none;border:1px solid var(--ink);width:100%;height:8px;min-height:8px;accent-color:var(--blue)}.color-mixer-hsla input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--paper);border:2px solid var(--ink);width:12px;height:18px}.color-mixer-footer{grid-template-columns:minmax(0,1fr) minmax(112px,.72fr);align-items:stretch;gap:8px;display:grid}.color-mixer-result{background:var(--paper);border:2px solid var(--ink);justify-content:flex-start;gap:9px;min-width:0;padding:8px}.color-mixer-result-swatch{border:3px solid var(--ink);width:44px;height:44px;box-shadow:3px 3px 0 var(--ink);background-color:#fff;background-image:linear-gradient(45deg,#c7c7c7 25%,#0000 25%),linear-gradient(-45deg,#c7c7c7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#c7c7c7 75%),linear-gradient(-45deg,#0000 75%,#c7c7c7 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;flex:0 0 44px;position:relative;overflow:hidden}.color-mixer-result-swatch i{position:absolute;inset:0}.color-mixer-result strong{font-family:var(--pixel-font);overflow-wrap:anywhere;margin-top:5px;font-size:.72rem;display:block}.color-mixer-actions{grid-template-rows:repeat(2,minmax(0,1fr));gap:6px;display:grid}.color-mixer-actions button{width:100%;min-height:34px;margin:0;padding:5px 8px;font-size:.6rem}.color-mixer-actions .color-mixer-save-button{background:var(--yellow)}@media (width<=560px){.color-replace-swatches,.color-replace-actions{grid-template-columns:1fr;display:grid}.color-replace-swatches span,.color-replace-actions button,.color-replace-picker{box-sizing:border-box;width:100%}.app-shell{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.pwa-update-notice{flex-direction:column;align-items:stretch}.pwa-update-notice button{width:100%}.music-player{grid-template-columns:minmax(0,1fr) auto;padding-left:10px}.music-player-controls{grid-template-columns:minmax(84px,auto)}.music-player-controls button:not(.music-player-toggle){display:none}.tool-buttons{grid-template-columns:repeat(3,42px);justify-content:center;display:grid}.tool-buttons.is-compact-mobile{grid-template-columns:repeat(7,42px)}.canvas-view-controls-primary.has-compact-mobile-toolbar .mobile-overflow-view-control,.tool-buttons.is-compact-mobile .shape-tool-individual,.tool-buttons.is-compact-mobile .mobile-overflow-tool{display:none}.tool-buttons.is-compact-mobile .mobile-more-tools-toggle{display:grid}.mobile-extra-tool-options{background:color-mix(in srgb, var(--yellow) 32%, var(--paper));border:2px solid var(--ink);grid-template-columns:repeat(6,42px);justify-content:center;gap:8px;padding:8px;display:grid}.mobile-extra-tool-options .tool-sprite-button{background-color:#0000;background-image:url(/ui/toolbar-normal.png);background-position:-24px calc(var(--tool-sprite-y-large) - 3px);width:42px;height:48px;min-height:48px;box-shadow:none;clip-path:none;image-rendering:pixelated;background-repeat:no-repeat;background-size:78px 384px;border:0;padding:0}.mobile-extra-tool-options .tool-icon-button{width:42px;height:48px;min-height:48px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:none;clip-path:none;place-items:center;padding:6px 5px;display:grid}.mobile-extra-tool-options .tool-icon-button img{width:27px;height:27px}.mobile-extra-tool-options .mobile-view-tool-button{font-family:var(--pixel-font);font-size:1rem;font-weight:900}.mobile-extra-tool-options button:disabled{cursor:not-allowed;opacity:.45}.mobile-extra-tool-options .tool-sprite-button[aria-pressed=true]{outline:3px solid var(--blue);outline-offset:1px}.mobile-extra-tool-options .tool-icon-button[aria-pressed=true]{background:var(--mint)}.feedback-triggers{grid-template-columns:minmax(0,1.16fr) repeat(2,minmax(0,1fr));gap:4px;width:100%;max-width:none;margin-top:14px;display:grid;position:static}.feedback-triggers .bug-report-trigger{white-space:nowrap;width:100%;min-width:0;min-height:42px;padding:6px 5px;font-size:.64rem;line-height:1.15}.profile-card,.profile-editor-section,.weekly-challenge-card,.weekly-account-card,.weekly-gallery,.weekly-submitted{padding-top:52px}.weekly-gallery .weekly-section-heading{padding-inline:32px}.user-badge{max-width:128px}.profile-menu-button{max-width:116px;padding:4px 6px}.profile-menu-button .profile-avatar{width:22px;height:22px}.editor-custom-palette-manager,.editor-palette-name-row{grid-template-columns:1fr}.editor-palette-name-row button{width:100%}.immersive-palette-select{grid-template-columns:1fr}.custom-palette-controls,.custom-palette-editor,.custom-palette-controls>div{width:100%}.custom-palette-controls>div{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.custom-palette-controls button{width:100%;padding-inline:4px}.drawing-palette[data-palette-size="32"]{grid-template-rows:repeat(4,18px);grid-template-columns:repeat(8,18px);gap:3px;padding:6px}.drawing-palette[data-palette-size="32"] button{width:18px;height:18px}.editor-color-mixer{width:100%}.mixed-color-swatches{justify-content:center}.color-mixer-panel{padding:12px}.color-mixer-footer{grid-template-columns:minmax(0,1fr) minmax(108px,.72fr)}.color-mixer-hsla{grid-template-columns:1fr}.immersive-palette-menu[data-palette-size="32"]{grid-template-columns:repeat(8,26px)}.immersive-palette-menu[data-palette-size="32"] button{width:26px}.immersive-palette-menu[data-palette-size=custom]{grid-template-columns:repeat(5,36px)}.profile-page{margin-top:20px}.profile-header,.profile-summary-card,.profile-editor-heading{flex-direction:column;align-items:stretch}.profile-auth-card{grid-template-columns:1fr}.profile-summary-card>button,.profile-save-controls{width:100%;margin-left:0}.profile-editor-section{padding-top:46px}.profile-avatar-toggle{align-items:flex-start;padding-inline:12px}.profile-avatar-drawer{z-index:1800;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));overscroll-behavior:contain;background:color-mix(in srgb, var(--mint) 58%, var(--paper));position:fixed;inset:0;overflow-y:auto}.profile-avatar-drawer-heading{z-index:2;background:var(--yellow);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:10px 10px 12px;display:flex;position:sticky;top:0}.profile-avatar-drawer-heading .step-label{margin:0 0 4px}.profile-avatar-drawer-heading strong{font-family:var(--display-font);font-size:1.2rem;display:block}.profile-avatar-drawer-heading button{background:var(--mint);flex:none;min-height:42px;padding:7px 10px}.profile-avatar-drawer>.drawing-panel{width:100%;margin:0}.game-mode-grid{grid-template-columns:1fr}.game-mode-card{min-height:112px}.room-settings-content{grid-template-columns:1fr}.lobby-card.home-panel:not([data-home-view=main]) .lobby-heading{padding-inline:20px}.info-panel-copy{padding:34px 32px 28px}}@media (width<=320px){.app-shell{width:calc(100% - 12px)}.tool-buttons{grid-template-columns:repeat(3,minmax(0,42px));width:100%;min-width:0}.tool-buttons.is-compact-mobile{grid-template-columns:repeat(6,minmax(0,42px))}.drawing-palette[data-palette-size="12"]{grid-template-rows:repeat(2,16px);grid-template-columns:repeat(6,16px);justify-self:center;width:fit-content;min-width:0}.weekly-gallery .weekly-section-heading{padding-inline:0}.weekly-sort{min-width:0}.weekly-gallery-grid{grid-template-columns:minmax(0,1fr)}.weekly-entry-meta{flex-direction:column;align-items:flex-start}.entry-reaction-summary{align-items:flex-start;width:100%}.admin-artwork-reactions{width:100%}.admin-artwork-reactions summary{margin-left:0}.gallery-comments-heading,.gallery-comments-heading>div:first-child,.gallery-comments-body,.gallery-comment-form,.gallery-comment-form label,.gallery-comment-form textarea{min-width:0}.gallery-comments-heading{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.gallery-comments-heading .step-label{overflow-wrap:anywhere}.gallery-comments-heading h2{font-size:1.45rem}}@media (width<=760px){.topbar{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;display:grid}.brand{box-sizing:border-box;justify-content:center;width:100%;min-width:0;min-height:40px;padding-left:8px;padding-right:96px}.topbar-brand-logo{width:132px;max-width:100%;height:28px}.topbar-statuses{grid-template-columns:minmax(0,1fr) 38px;align-items:stretch;gap:6px;width:100%;padding-top:0;display:grid}.environment-badge{min-width:0;min-height:38px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);clip-path:var(--pixel-corner);box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:1px 5px;padding:4px 6px;display:flex}.environment-badge .backend-badge,.environment-badge .prototype-badge{white-space:nowrap;background:0 0;border:0;justify-content:center;width:auto;max-width:100%;padding:0;font-size:.5rem;line-height:1.2}.environment-badge .backend-badge{gap:4px}.environment-badge .prototype-badge:before{content:"·";margin-right:5px}.profile-menu-button{box-sizing:border-box;justify-content:center;width:38px;max-width:38px;height:38px;min-height:38px;padding:4px}.profile-menu-button>span:last-child{display:none}.profile-menu-button .profile-avatar{width:24px;height:24px}}