.app-display-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 24px}.fullscreen-return,.app-display-error{position:fixed;z-index:120;top:calc(var(--safe-top) + 12px);left:calc(var(--safe-left) + 12px);right:calc(var(--safe-right) + 12px);width:max-content;max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 24px);margin-inline:auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:12px 16px;border:1px solid var(--line-strong);border-radius:12px;background:var(--panel);box-shadow:0 8px 32px #0006}.app-display-error{top:auto;bottom:calc(var(--safe-bottom) + 12px)}.app-install-backdrop{z-index:130}.app-install-dialog{position:relative;width:min(420px,100%);padding:24px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.app-install-dialog h2{margin:0 24px 16px 0;font-size:20px}.app-install-dialog p{line-height:1.6;color:var(--muted)}.app-install-close{position:absolute;top:10px;right:10px}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:13px;--bg: #18181b;--panel: #222225;--raised: #2c2c30;--hover: #343438;--line: #3c3c42;--line-strong: #56565f;--text: #ededee;--muted: #ababb2;--accent: #a2b2fa;--accent-hover: #b6c2ff;--on-accent: #252c48;--soft: #303447;--success: #b4c99b;--warning: #dbc68f;--danger: #f1a492;--danger-soft: #3c2929;--danger-line: #78504b;--canvas-accent: #6f81cf}.tool-button.mobile-layers-toggle,.icon-button.mobile-layers-toggle{display:none}@media(max-width:720px){.icon-button.mobile-layers-toggle{display:inline-flex}.tool-button.mobile-layers-toggle{display:grid}.editor.show-layers .layers-panel{display:flex;position:absolute;right:0;top:0;bottom:0;width:220px;z-index:12;box-shadow:-12px 0 35px #00000052}.editor .brush-panel{display:none}.editor.show-brushes .brush-panel{display:flex;position:absolute;left:45px;top:0;bottom:0;width:210px;z-index:11;box-shadow:12px 0 35px #00000052}}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{border:0;color:inherit;cursor:pointer;background:transparent}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:default;opacity:.42}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus,textarea:focus,select:focus{outline:1px solid var(--accent);border-color:var(--accent)}input,textarea,select{background:var(--raised);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:10px 12px;min-width:0}input::placeholder,textarea::placeholder{color:var(--muted)}input[type=checkbox]{accent-color:var(--accent)}.app{height:100dvh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);min-height:0;display:flex;flex-direction:column;overflow:hidden}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;border-radius:8px;font-size:12px;font-weight:600;transition:background .15s,transform .15s;white-space:nowrap}.button:not(:disabled):hover{filter:brightness(.98)}.button.primary{background:var(--accent);color:var(--on-accent)}.button.primary:hover{background:var(--accent-hover)}.button.secondary{background:var(--raised);color:var(--text);border:1px solid var(--line)}.button.full{width:100%}.save-status i{display:block;width:5px;height:5px;border-radius:50%;background:var(--accent)}.text-button{font-size:11px;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.drawing-prompt{color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-wrap{flex:1;min-height:0;position:relative}.editor{display:flex;height:100%;position:relative;min-height:0}.tool-rail{width:58px;flex-shrink:0;border-right:1px solid var(--line);background:var(--bg);display:flex;flex-direction:column;justify-content:space-between;padding:12px 8px 9px;z-index:4}.rail-tools,.rail-bottom{display:flex;flex-direction:column;align-items:center;gap:6px}.tool-button{width:39px;height:40px;border-radius:8px;display:grid;place-items:center;position:relative;color:var(--muted)}.tool-button:not(:disabled):hover{background:var(--hover);color:var(--text)}.tool-button.active,.tool-button.active:not(:disabled):hover{color:var(--accent);background:var(--soft);border:1px solid var(--accent)}.tool-button.active:after{content:"";width:3px;height:18px;background:var(--accent);position:absolute;left:-9px;border-radius:0 3px 3px 0}.tool-tooltip{position:absolute;left:48px;white-space:nowrap;border:1px solid var(--line);box-shadow:0 6px 18px #00000052;display:none;align-items:center;gap:20px;background:var(--raised);padding:9px 12px;border-radius:6px;font-size:11px;z-index:30}.tool-button:not(:disabled):hover .tool-tooltip{display:flex}kbd{background:var(--raised);border:1px solid var(--line);border-radius:4px;padding:2px 5px;font:10px Golos Text,sans-serif;color:var(--text)}.rail-divider{height:1px;background:var(--line);width:24px;margin:4px}.brush-panel{width:222px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.panel-heading{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 17px;font-weight:550;font-size:calc(12 * var(--panel-font-unit, 1px))}.panel-heading>svg{color:var(--muted)}.panel-heading>span{display:flex;align-items:center;gap:9px}.bare-fieldset{margin:0;padding:0;border:0;min-width:0}.brush-presets{padding:0 10px 11px;display:flex;flex-direction:column;gap:4px}.brush-preset{display:flex;align-items:center;position:relative;padding:10px 7px;border:1px solid transparent;border-radius:7px;text-align:left;gap:9px}.brush-preset.selected{background:var(--soft);border-color:var(--accent)}.brush-preset:not(:disabled):hover{background:var(--hover)}.brush-preset>span:nth-child(2){display:flex;flex-direction:column;gap:5px}.brush-preset strong{font-size:calc(11 * var(--panel-font-unit, 1px));font-weight:550;color:var(--text)}.brush-preset small{font-size:calc(8 * var(--panel-font-unit, 1px));color:var(--muted)}.brush-preset i{position:absolute;width:4px;height:4px;border-radius:50%;right:7px;top:12px;background:var(--accent)}.panel-section{border-top:1px solid var(--line);padding:15px 17px 8px}.range-control{display:block;margin-bottom:16px}.range-control>span{display:flex;justify-content:space-between;align-items:center;font-size:calc(10 * var(--panel-font-unit, 1px));color:var(--muted);margin-bottom:10px}.range-value{font-size:calc(10 * var(--panel-font-unit, 1px));color:var(--text);font-variant-numeric:tabular-nums}.range-value small{font-size:calc(9 * var(--panel-font-unit, 1px));color:var(--muted);margin-left:4px}input[type=range]{padding:0;margin:0}.range-control input[type=range]{--range-thumb-size: 10px;--range-track-size: 3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--range-progress),var(--line-strong) var(--range-progress),var(--line-strong) 100%);background-size:calc(100% - var(--range-thumb-size)) var(--range-track-size);background-position:center;background-repeat:no-repeat;padding:0;border:0;display:block;cursor:ew-resize;border-radius:5px;outline:none;touch-action:none}.range-control input[type=range]::-webkit-slider-runnable-track{height:var(--range-track-size);background:transparent}.range-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--range-thumb-size);height:var(--range-thumb-size);margin-top:calc((var(--range-track-size) - var(--range-thumb-size)) / 2);border:0;background:var(--accent);border-radius:50%;box-shadow:0 0 0 2px var(--raised)}.range-control input[type=range]::-moz-range-track{height:var(--range-track-size);background:transparent}.range-control input[type=range]::-moz-range-thumb{width:var(--range-thumb-size);height:var(--range-thumb-size);border:0;background:var(--accent);border-radius:50%;box-shadow:0 0 0 2px var(--raised)}.advanced{border-bottom:1px solid var(--line);padding-top:17px}.check-row{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:calc(10 * var(--panel-font-unit, 1px));margin-bottom:11px}.check-row input{margin:0;width:12px;height:12px}.color-section{border-top:1px solid var(--line);padding:0 17px 17px}.color-section .panel-heading{padding:0;min-height:43px}.brush-footer{font-size:calc(8 * var(--panel-font-unit, 1px));color:var(--muted);display:flex;align-items:center;justify-content:center;gap:5px;margin-top:auto;padding:16px 4px}.pen-dot{width:4px;height:4px;background:var(--success);border-radius:50%}.canvas-column{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;background:var(--bg)}.canvas-toolbar{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:var(--bg);flex-shrink:0;gap:8px}.canvas-tab{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--accent)}.canvas-tab-dot{width:5px;height:5px;border-radius:2px;background:var(--accent)}.canvas-tab small{font-size:9px;color:var(--muted);margin-left:8px}.canvas-toolbar-right{display:flex;align-items:center;gap:4px}.icon-button{padding:5px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border-radius:4px}.icon-button:not(:disabled):hover{color:var(--text);background:var(--hover)}.toolbar-divider{height:13px;width:1px;background:var(--raised);margin:0 6px}.zoom-label{font-size:10px;color:var(--accent);min-width:36px;font-variant-numeric:tabular-nums}.canvas-viewport{position:relative;flex:1;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;background-color:var(--bg);background-image:radial-gradient(#ededee0a .65px,transparent .65px);background-size:14px 14px}.canvas-viewport:focus{outline:none}.canvas-paper{position:absolute;left:50%;top:50%;transform-origin:center;background:#fff;box-shadow:0 10px 70px #00000052;pointer-events:none;will-change:transform}.canvas-paper>canvas{display:block;width:100%;height:100%}.canvas-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#18181bd9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;color:var(--text);text-align:center;font-size:12px;padding:30px}.canvas-loading p{max-width:480px;word-break:break-word;color:var(--muted)}.canvas-loading span{font-size:10px;color:var(--muted)}.canvas-loading svg,.engine-loading>svg{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brush-cursor{position:absolute;left:0;top:0;border:1px solid #0009;outline:1px solid #fff9;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);will-change:transform;z-index:3}.tool-brush,.tool-eraser,.tool-liquify{cursor:none}.tool-hand{cursor:grab}.tool-hand:active{cursor:grabbing}.tool-fill,.tool-picker,.tool-lassoBrush,.tool-shape{cursor:crosshair}.canvas-shortcut-hint{position:absolute;bottom:17px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:var(--muted);pointer-events:none}.canvas-shortcut-hint kbd{font-size:8px;color:var(--muted);background:var(--bg);border-color:var(--line)}.canvas-shortcut-hint>span{margin:0 3px}.statusbar{height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-top:1px solid var(--line);background:var(--bg);font-size:9px;color:var(--muted);gap:8px}.save-status{display:flex;align-items:center;gap:6px;white-space:nowrap}.save-status.saved{color:var(--muted)}.save-status.offline{color:var(--danger)}.save-status.offline i{background:var(--danger)}.save-status.saving i,.save-status.connecting i{background:var(--success)}.statusbar>div{display:flex;gap:14px}.backend-label{color:var(--muted);min-width:0;max-width:min(35vw,360px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layers-panel{width:225px;flex-shrink:0;display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--line);overflow-y:auto;scrollbar-width:thin}.count-badge{display:inline-block;padding:2px 5px;font-size:calc(9 * var(--panel-font-unit, 1px));background:var(--raised);color:var(--muted);border-radius:4px}.layer-blending{padding:0 14px 1px}.layer-blending select{width:100%;padding:8px 9px;font-size:calc(10 * var(--panel-font-unit, 1px));margin-bottom:14px;background:var(--raised);border-color:var(--line)}.layer-list{position:relative;border-top:1px solid var(--line)}.layer-item{position:relative;height:59px;padding:0 8px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);cursor:pointer;border-left:2px solid transparent}.layer-item.selected{background:var(--soft);border-left:2px solid var(--accent)}.layer-item.dragging{opacity:.5;cursor:grabbing}.layer-item.drop-before:before,.layer-list.drop-at-end:after{content:"";position:absolute;left:5px;right:5px;height:3px;background:var(--accent);border-radius:2px;box-shadow:0 0 0 1px var(--bg);pointer-events:none;z-index:2}.layer-item.drop-before:before{top:-2px}.layer-list.drop-at-end:after{bottom:-2px}.layer-thumb{width:34px;height:30px;flex-shrink:0;border:1px solid var(--accent);border-radius:3px;background-color:#fafbf7;background-image:conic-gradient(#dce1d6 25%,transparent 0 50%,#dce1d6 0 75%,transparent 0);background-size:8px 8px;display:grid;place-items:center;color:var(--muted)}.layer-name{min-width:0;width:75px;flex:1;background:transparent;border:0;padding:5px 1px;font-size:calc(10 * var(--panel-font-unit, 1px));color:var(--text)}.layer-drag-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;padding:0;color:var(--muted)}.layer-drag-handle:active{cursor:grabbing}.layer-drag-handle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.layer-order-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.layer-lock{opacity:.45}.layer-item.selected .layer-lock,.layer-item:hover .layer-lock{opacity:1}.layer-actions{display:flex;gap:8px;padding:9px 13px;border-bottom:1px solid var(--line)}.layer-actions .danger{margin-left:auto}.export-section{padding:16px 14px 13px;border-top:1px solid var(--line)}.export-button{border:1px solid var(--line);background:var(--raised);color:var(--text);width:100%;justify-content:space-between;font-size:calc(11 * var(--panel-font-unit, 1px));padding:10px 12px}.export-button svg:last-child{margin-left:auto}.export-menu-wrap{position:relative}.export-menu{position:absolute;bottom:calc(100% + 8px);right:0;width:205px;z-index:20;box-shadow:0 12px 35px #00000052;background:var(--raised);border:1px solid var(--line-strong);border-radius:8px;padding:5px}.export-menu button{display:flex;flex-direction:column;gap:5px;width:100%;padding:12px;text-align:left;font-size:calc(11 * var(--panel-font-unit, 1px));border-radius:4px}.export-menu button:not(:disabled):hover{background:var(--hover)}.export-menu span{color:var(--muted);font-size:calc(9 * var(--panel-font-unit, 1px))}.import-button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:var(--muted);width:100%;margin-top:13px}.remote-cursor-overlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:5}.remote-cursor{position:absolute;left:0;top:0;transform-origin:top left;color:var(--text);z-index:5;display:flex;pointer-events:none;gap:1px}.remote-cursor>span{display:inline-flex;align-items:center;gap:4px;margin-top:16px;background:var(--accent);color:var(--on-accent);font-size:10px;padding:4px 7px;border-radius:4px;white-space:nowrap}.remote-tool-icon{flex:none}.remote-cursor>svg{fill:var(--accent);stroke:var(--on-accent)}.engine-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--text);text-align:center;padding:30px}.engine-loading h2{font-size:18px;margin:4px}.engine-loading p{font-size:12px;max-width:500px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#18181bb3;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:max(24px,var(--safe-top)) max(24px,var(--safe-right)) max(24px,var(--safe-bottom)) max(24px,var(--safe-left));z-index:50}.field-label{font-size:10px;color:var(--text);display:flex;flex-direction:column;gap:9px;margin-bottom:21px}.field-label input{background:var(--raised);border-color:var(--line);font-size:12px;padding:12px}.inline-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:18px}.inline-label select{font-size:11px;padding:8px}.join-row{display:flex;gap:10px}.join-row input{flex:1;font-size:12px;width:100px;background:var(--raised);border-color:var(--line)}.error-box{padding:12px;color:var(--danger);border:1px solid var(--danger-line);background:var(--danger-soft);border-radius:8px;margin-bottom:15px;font-size:11px;line-height:1.7;word-break:break-word}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--raised);color:var(--text);border:1px solid var(--line-strong);border-radius:10px;box-shadow:0 7px 35px #00000052;padding:12px 14px 12px 20px;display:flex;align-items:center;gap:20px;font-size:12px;max-width:min(620px,90vw);z-index:80;line-height:1.6}.prompt-screen h1{font-size:38px;line-height:1.2;letter-spacing:-1.8px;font-weight:650;margin:18px 0}.room-code{display:flex;align-items:center;gap:20px;background:var(--raised);border:1px dashed var(--line-strong);border-radius:9px;padding:13px 18px;margin:28px 0 23px}.room-code>span{color:var(--muted);font-size:11px}.room-code strong{font-size:21px;font-weight:650;letter-spacing:4px;color:var(--text)}.room-code>button{margin-left:auto}.player-list{display:flex;flex-direction:column;gap:10px}.player{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:11px;font-size:12px}.player>span:nth-child(2){display:flex;gap:10px;align-items:center}.player small{font-size:8px;color:var(--text);border:1px solid var(--line-strong);padding:3px 5px;border-radius:4px}.prompt-screen{width:620px;max-width:calc(100% - 48px);margin:auto;padding:40px 0}.prompt-screen h1{font-size:45px;margin-bottom:20px}.prompt-screen>p{color:var(--muted);line-height:1.8;margin-bottom:30px}.prompt-screen textarea{resize:vertical;width:100%;min-height:150px;font-size:16px;line-height:1.8;padding:20px;background:var(--raised);border:1px solid var(--line-strong);border-radius:12px}.prompt-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.prompt-bottom>span{font-size:10px;color:var(--muted)}.round-submit{position:absolute;bottom:54px;right:250px;z-index:7}.guess-bar{position:absolute;bottom:50px;left:304px;right:250px;display:flex;align-items:center;gap:12px;background:var(--raised);border:1px solid var(--line-strong);padding:12px;border-radius:10px;z-index:7;box-shadow:0 6px 25px #0004}.guess-bar>span{font-size:10px;max-width:80px;line-height:1.6;color:var(--text)}.guess-bar input{flex:1;width:90px;font-size:12px}.guess-bar .button{font-size:10px}.album-screen{flex:1;overflow:auto;padding:45px max(30px,8vw)}.album-heading{display:flex;align-items:center;justify-content:space-between}.album-heading h1{font-size:36px;letter-spacing:-1px;font-weight:600;margin:13px 0 25px}.album-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 35px}.album-entries{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:start}.album-entry{padding:18px;background:var(--raised);border:1px solid var(--line);border-radius:12px}.album-entry-label{display:flex;align-items:center;gap:12px;margin-bottom:15px}.album-entry-label>span{font-size:10px;color:var(--muted);border:1px solid var(--line-strong);border-radius:6px;padding:5px}.album-entry-label>strong{font-size:12px;font-weight:500;color:var(--text)}.album-entry blockquote{font-size:20px;margin:20px 10px;line-height:1.6;color:var(--text)}.album-canvas{height:260px;border-radius:7px;overflow:hidden}.compact .canvas-toolbar{height:30px}.compact .statusbar{height:24px;font-size:8px}.compact .statusbar>div{display:none}.compact .canvas-viewport{cursor:grab}.compact .canvas-shortcut-hint{display:none}@media(min-width:1600px){.brush-panel,.layers-panel{width:245px}.brush-preset{padding:13px 9px}.brush-preset strong{font-size:calc(12 * var(--panel-font-unit, 1px))}.brush-preset small{font-size:calc(9 * var(--panel-font-unit, 1px))}.range-control{margin-bottom:20px}.guess-bar{left:327px;right:270px}.round-submit{right:270px}}@media(max-width:1150px){.brush-panel{width:195px}.layers-panel{width:190px}.brush-preset{padding:10px 4px;gap:7px}.brush-preset small{font-size:calc(7 * var(--panel-font-unit, 1px))}.brush-preset strong{font-size:calc(10 * var(--panel-font-unit, 1px))}.panel-section,.color-section{padding-left:13px;padding-right:13px}.statusbar .backend-label{display:none}.guess-bar{left:270px;right:208px;flex-wrap:wrap}.guess-bar>span{display:none}.round-submit{right:215px}}@media(max-width:900px){.layers-panel,.brush-panel{width:174px}.tool-rail{width:50px;padding:10px 5px}.tool-button{width:36px}.tool-button.active:after{left:-6px}.brush-preset small{display:none}.brush-preset{padding:14px 5px}.brush-presets{padding-left:7px;padding-right:7px}.panel-heading{padding:0 12px}.layer-item{padding:0 5px;gap:4px}.layer-thumb{width:26px;height:27px}.layer-item .icon-button{padding:3px}.brush-footer{font-size:calc(7 * var(--panel-font-unit, 1px))}.statusbar>div{display:none}.round-submit{right:190px}.guess-bar{left:235px;right:185px}}@media(max-width:720px){.brush-panel{width:150px}.layers-panel{display:none}.brush-preset{gap:7px;padding:12px 4px}.brush-preset strong{font-size:calc(9 * var(--panel-font-unit, 1px))}.panel-section{padding:13px 12px 5px}.range-control>span{font-size:calc(9 * var(--panel-font-unit, 1px))}.range-control{margin-bottom:15px}.color-section{padding:0 12px 10px}.brush-footer{display:none}.canvas-toolbar{padding:0 9px;height:36px}.canvas-tab small,.canvas-shortcut-hint{display:none}.statusbar{padding:0 8px;font-size:8px}.tool-rail{width:45px;padding:9px 3px}.tool-button{width:35px;height:35px}.rail-tools,.rail-bottom{gap:4px}.tool-button svg{width:17px;height:17px}.tool-button.active:after{left:-4px}.tool-tooltip{display:none!important}.modal-backdrop{padding:15px}.prompt-screen h1{font-size:34px}.prompt-screen textarea{font-size:14px}.round-submit{right:14px;bottom:43px}.round-submit .button{font-size:10px}.guess-bar{left:205px;right:10px;bottom:40px;padding:8px;gap:8px}.guess-bar input{width:100%}.guess-bar .button{width:100%;padding:8px}.drawing-prompt{max-width:150px}.album-screen{padding:30px 20px}.album-heading h1{font-size:28px}}@media(max-width:450px){.brush-panel{width:125px}.brush-preset{gap:6px;padding:11px 3px}.brush-preset strong{font-size:calc(8 * var(--panel-font-unit, 1px))}.brush-preset i{right:3px;top:7px;width:3px;height:3px}.brush-presets{padding:0 5px 8px}.panel-heading{font-size:calc(11 * var(--panel-font-unit, 1px));min-height:40px}.range-control>span{font-size:calc(8 * var(--panel-font-unit, 1px))}.panel-section,.color-section{padding-left:10px;padding-right:10px}.range-value{font-size:calc(9 * var(--panel-font-unit, 1px))}.check-row{font-size:calc(8 * var(--panel-font-unit, 1px))}.canvas-toolbar-right{gap:1px}.canvas-toolbar-right>.icon-button:first-child,.toolbar-divider{display:none}.zoom-label{min-width:30px;font-size:9px}.guess-bar{left:179px}.drawing-prompt{display:none}.room-code{gap:12px}.room-code strong{font-size:18px}}.activity-overlay{outline:none;width:min(420px,calc(100vw - 40px));max-width:none;padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--bg);color:var(--text);box-shadow:0 24px 100px #00000052}.activity-overlay::backdrop{background:#18181b}.activity-heading{display:grid;grid-template-columns:22px minmax(0,1fr) 48px;height:44px;align-items:center;gap:12px;margin-bottom:22px}.activity-icon{display:flex;color:var(--accent)}.activity-icon svg{animation:spin 1.2s linear infinite}.activity-heading h2{margin:0;min-width:0;height:44px;display:flex;align-items:center;line-height:22px;overflow-wrap:anywhere;font-size:16px;font-weight:550}.activity-percent{margin-left:auto;color:var(--accent);font-variant-numeric:tabular-nums;min-width:4ch;text-align:right}.activity-heading .activity-percent{width:100%;min-width:0;margin-left:0}.activity-overlay progress,.activity-progress-inline progress{--activity-progress-duration: .12s;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:7px;border:none;border-radius:10px;overflow:hidden;background:var(--raised);accent-color:var(--accent)}.activity-overlay progress[value="100"]{--activity-progress-duration: 0ms}.activity-overlay progress::-webkit-progress-bar,.activity-progress-inline progress::-webkit-progress-bar{background:var(--raised);border-radius:10px}.activity-overlay progress::-webkit-progress-value,.activity-progress-inline progress::-webkit-progress-value{background:var(--accent);border-radius:10px;transition:width var(--activity-progress-duration) linear}.activity-overlay progress::-moz-progress-bar,.activity-progress-inline progress::-moz-progress-bar{background:var(--accent);border-radius:10px}.activity-overlay progress:indeterminate::-webkit-progress-bar,.activity-progress-inline progress:indeterminate::-webkit-progress-bar{background:linear-gradient(90deg,var(--raised) 25%,var(--accent) 50%,var(--raised) 75%);background-size:240% 100%;animation:activity-progress 1.3s linear infinite}.activity-overlay p{margin:14px 0 0;height:3.2em;overflow-wrap:anywhere;color:var(--muted);font-size:12px;line-height:1.6}.activity-overlay .activity-strokes{margin-top:12px;color:var(--text);font-variant-numeric:tabular-nums}@media(max-width:480px){.activity-overlay{width:calc(100vw - 24px);padding:20px 18px}}.activity-progress-inline{display:flex;align-items:center;gap:6px;min-width:0;color:var(--muted);font-size:11px;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}.activity-progress-inline>svg{flex:none;color:var(--accent);animation:spin 1.2s linear infinite}.activity-progress-inline progress{width:48px;height:3px;flex:none}.activity-progress-inline .activity-percent{margin-left:0;min-width:3ch}.activity-progress-popup{position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%);flex-wrap:wrap;width:max-content;max-width:calc(100vw - 24px);padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--bg);box-shadow:0 3px 12px #00000038}.activity-progress-popup .activity-strokes{flex-basis:100%;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}@media(max-width:620px){.activity-progress-inline:not(.activity-progress-popup) .activity-progress-label,.activity-progress-inline:not(.activity-progress-popup) progress{display:none}}@keyframes activity-progress{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}fieldset:disabled{cursor:default}.range-control input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}