@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap";.canvas-viewport{position:relative;overflow:hidden;background-color:#fff;border:8px solid var(--color-cartoony-border);box-shadow:12px 12px 0 0 var(--color-cartoony-border);width:100%;max-width:800px;aspect-ratio:4 / 3;height:auto;border-radius:24px}@media (max-width: 768px){.canvas-viewport{border-width:4px;box-shadow:6px 6px 0 0 var(--color-cartoony-border)}}.canvas-panning-container{position:relative}.canvas-layer{position:absolute;top:0;left:0;width:100%;height:100%}.canvas-overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:none;z-index:999}.scrollbar-track{position:absolute;background:#0000000d;border-radius:12px;z-index:1000;opacity:0;transition:opacity .3s ease;pointer-events:none}.scrollbar-track.visible{opacity:1;pointer-events:auto}.scrollbar-horizontal{bottom:12px;left:20px;right:20px;height:12px}.scrollbar-vertical{right:12px;top:20px;bottom:20px;width:12px}.scrollbar-handle{position:absolute;background:#fff;border:3px solid var(--color-cartoony-border);border-radius:50px;cursor:grab;transition:transform .1s ease,background .1s ease;box-shadow:2px 2px 0 var(--color-cartoony-border)}.scrollbar-handle:hover{background:#f0f0f0}.scrollbar-handle.dragging{background:var(--color-trans-blue);cursor:grabbing;transform:scale(1.1)}.scrollbar-horizontal .scrollbar-handle{top:-4px;height:20px}.scrollbar-vertical .scrollbar-handle{left:-4px;width:20px}.brush-cursor{position:absolute;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);z-index:1000;border:1.5px solid rgba(0,0,0,.4);box-shadow:0 0 0 1.5px #fff9;transition:width .05s ease,height .05s ease}.brush-cursor.is-eraser{border:2px dashed rgba(0,0,0,.5);box-shadow:inset 0 0 8px #fffc,0 0 0 1.5px #fff9}.toolbar-wrapper{width:280px;display:flex;flex-direction:column;gap:12px;padding:12px}@media (max-width: 1100px){.toolbar-wrapper{width:100%;max-width:400px}}.toolbar-title{font-size:1.2rem;font-weight:700;text-align:center;margin:0}.spectrum-container{display:flex;gap:15px;height:180px}.sat-picker{position:relative;width:120px;height:100%;border-radius:15px;border:3px solid var(--color-cartoony-border);cursor:crosshair;overflow:hidden}.sat-picker-white{position:absolute;inset:0;background:linear-gradient(to right,white,transparent)}.sat-picker-black{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,black)}.picker-indicator-container{position:absolute;width:16px;height:16px;margin-left:-8px;margin-bottom:-8px;display:flex;align-items:center;justify-content:center;pointer-events:none}.picker-indicator{width:100%;height:100%;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1.5px #000}.hue-slider{position:relative;width:32px;height:100%;border-radius:15px;border:3px solid var(--color-cartoony-border);cursor:ns-resize;background:linear-gradient(to bottom,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.hue-indicator{position:absolute;left:-4px;right:-4px;height:12px;margin-top:-6px;border:3px solid var(--color-cartoony-border);background-color:#fff;border-radius:10px}.active-color-row{display:flex;align-items:center;gap:12px}.color-preview-large{width:48px;height:48px;padding:0;border-radius:12px;box-shadow:4px 4px 0 var(--color-cartoony-border)}.color-label-group{flex:1}.color-label-tag{font-size:10px;font-weight:700;text-transform:uppercase;opacity:.5}.color-hex-value{font-size:12px;font-weight:700;font-family:monospace}.toolbar-divider{border:none;border-top:2px solid rgba(0,0,0,.1);border-radius:10px;margin:5px 0}.brush-settings-container{display:flex;flex-direction:column;gap:15px}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-header{display:flex;justify-content:space-between;align-items:center}.setting-label,.setting-value{font-size:.9rem;font-weight:700}.bubbly-range{padding:0;height:10px;cursor:pointer}.layer-panel-wrapper{width:320px;display:flex;flex-direction:column;gap:12px;padding:12px}@media (max-width: 1100px){.layer-panel-wrapper{width:100%;max-width:400px}}.layer-panel-section-title{font-size:1rem;font-weight:700;text-align:center;margin:0}.tool-group-container{display:flex;flex-direction:column;gap:10px}.tool-row{display:flex;justify-content:center;gap:10px}.btn-tool{width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;color:#333;transition:all .1s ease}.btn-tool svg{stroke:currentColor}.btn-tool-active{box-shadow:var(--shadow-bubbly-active);transform:translateY(4px);color:#fff}.layer-panel-divider{border:none;border-top:2px solid rgba(0,0,0,.1);border-radius:10px}.layer-header-row{display:flex;align-items:center;justify-content:space-between}.btn-new-layer{padding:4px 10px;font-size:.8rem;box-shadow:2px 2px 0 var(--color-cartoony-border);display:flex;align-items:center;gap:4px}.layers-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding:10px 15px 10px 10px;margin:-10px}.layer-item-card{padding:10px 14px!important;border-width:3px;display:flex;flex-direction:column;gap:2px;cursor:grab;transition:transform .2s,background-color .2s;margin-bottom:4px}.layer-item-card:active{cursor:grabbing}.layer-item-card.dragging{opacity:.5;transform:scale(.95)}.layer-item-card.drag-over{border-top:4px solid var(--color-blue);margin-top:-4px}.layer-item-content{display:flex;align-items:center;gap:8px}.layer-thumbnail{width:40px;height:32px;border-radius:8px;border:2px solid var(--color-cartoony-border);background-color:#fff;overflow:hidden;flex-shrink:0;background-image:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:8px 8px}.layer-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.layer-name-input{flex:1;min-width:0;background:transparent;border:none;font-size:.9rem;font-weight:700;outline:none;font-family:inherit}.layer-actions{display:flex;align-items:center;gap:2px}.btn-layer-action{background:none;border:none;cursor:pointer;padding:2px;color:#333;display:flex;align-items:center;justify-content:center}.btn-layer-action svg{stroke:currentColor}.canvas-wrapper{display:flex;flex-direction:column;align-items:center;padding:40px 20px;min-height:100vh}.prompt-banner-container{margin-bottom:20px;width:100%;max-width:1000px;display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:20px}@media (max-width: 768px){.prompt-banner-container{flex-direction:column;gap:10px;margin-bottom:20px}}.prompt-banner{flex:1;padding:20px 40px;text-align:center;position:relative;display:flex;align-items:center;justify-content:center}.prompt-banner-accent{position:absolute;top:0;left:0;width:100%;height:8px;background-color:var(--color-trans-pink);border-radius:24px 24px 0 0}.prompt-text{font-size:2.5rem;font-weight:700;text-transform:lowercase;color:var(--color-cartoony-border)}@media (max-width: 768px){.prompt-text{font-size:1.5rem}.timer-badge{font-size:1.2rem;padding:5px 15px}.canvas-wrapper{padding:20px 10px}}.timer-badge{padding:10px 30px;font-size:2rem;cursor:default}.canvas-header-nav{display:flex;justify-content:center;align-items:center;position:relative;width:100%}.btn-settings-gear{position:absolute;right:0;top:50%;transform:translateY(-50%);padding:10px;display:flex;align-items:center;justify-content:center}.workspace-container{display:flex;gap:30px;align-items:flex-start;justify-content:center}@media (max-width: 1100px){.workspace-container{flex-direction:column;align-items:center;gap:20px;width:100%}}.canvas-frame{padding:10px;background-color:var(--color-trans-white);position:relative;max-width:100%;overflow:hidden;display:flex;justify-content:center}@media (max-width: 850px){.canvas-frame canvas{width:100%!important;height:auto!important;max-width:800px}.canvas-area-wrapper{width:100%;max-width:100%}}.canvas-main-workspace-center{display:flex;flex-direction:column;align-items:center}.submission-area{display:flex;align-items:center;gap:20px;margin-top:40px;z-index:10}.btn-submission{padding:15px 40px;font-size:1.3rem}.btn-submission-done{padding:15px 50px;font-size:1.5rem}.showroom-wrapper{padding:20px;display:flex;flex-direction:column;align-items:center;min-height:100vh}.showroom-title{margin-bottom:20px;font-size:3rem;color:var(--color-trans-pink);text-shadow:3px 3px 0px var(--color-cartoony-border)}.showroom-prompt-panel{padding:15px 30px;margin-bottom:30px;font-size:1.5rem;font-weight:700;text-align:center}.showroom-progress-info{font-size:1rem;opacity:.8;font-weight:400;margin-top:5px}.canvas-frame-container{position:relative;width:-moz-fit-content;width:fit-content;padding:15px;background-color:var(--color-trans-white)}.showroom-canvas{max-width:100%;height:auto;background-color:#fff;display:block;border-radius:15px}.artist-badge{position:absolute;top:-10px;left:-10px;background-color:var(--color-trans-blue);border:4px solid var(--color-cartoony-border);padding:5px 15px;border-radius:15px;font-weight:700;box-shadow:4px 4px 0 var(--color-cartoony-border);font-size:1.2rem}.showroom-controls{margin-top:30px;display:flex;gap:20px;width:100%;max-width:800px}.btn-showroom-next{flex:1}.phase-action-container{margin-top:30px}.btn-showroom-proceed{padding:15px 40px;font-size:1.3rem;display:flex;align-items:center;gap:10px}.waiting-showroom-badge{padding:10px 20px;background-color:#eee;color:#666;border-style:dashed;border-radius:15px}.voteroom-wrapper{padding:30px 20px;display:flex;flex-direction:column;align-items:center;min-height:100vh}.voteroom-title{margin-top:20px;margin-bottom:20px;font-size:clamp(2rem,10vw,3.5rem);color:var(--color-trans-pink);text-shadow:4px 4px 0px var(--color-cartoony-border);text-align:center}.voteroom-status{width:100%;max-width:1200px;padding:20px;margin-bottom:20px;display:flex;justify-content:center}.current-vote-indicator{padding:15px 30px;background-color:var(--color-trans-blue);border:3px solid var(--color-cartoony-border);border-radius:50px;font-size:1.5rem;font-weight:700;box-shadow:var(--shadow-bubbly)}.voteroom-prompt-panel{padding:15px 30px;margin-bottom:30px;font-size:1.5rem;font-weight:700;text-align:center}.voteroom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:100%;max-width:1200px;padding:10px}.voteroom-card{padding:15px;background-color:var(--color-trans-white);display:flex;flex-direction:column;align-items:center;gap:15px;transition:all .3s ease}.card-selected{border-color:gold;transform:scale(1.02);background-color:#fffdf0}.voteroom-card-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 10px}.place-badge{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-weight:700;border:2px solid var(--color-cartoony-border);font-size:.9rem}.place-1st{background-color:gold;color:#333}.place-2nd{background-color:silver;color:#333}.place-3rd{background-color:#cd7f32;color:#fff}.voteroom-canvas{max-width:100%;height:auto;background-color:#fff;display:block;border-radius:15px;border:3px solid var(--color-cartoony-border)}.voteroom-actions{display:flex;flex-direction:column;gap:10px;width:100%}.btn-vote-action{width:100%;padding:15px;font-size:1.2rem;background-color:var(--color-trans-blue);transition:all .2s ease}.btn-vote-action:not(:disabled):hover{background-color:#8bbfff}.btn-disabled{background-color:#eee;color:#888}.btn-undo{padding:15px 30px;font-size:1.2rem}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-bounce-subtle{animation:bounce-subtle 2s ease-in-out infinite}.voteroom-footer{margin-top:40px;display:flex;gap:20px;align-items:center}.btn-voteroom-results{padding:15px 40px;font-size:1.5rem;display:flex;align-items:center;gap:12px}.waiting-results-badge{padding:15px 30px;background-color:#eee;color:#666;border-style:dashed;border-radius:15px}.settings-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.settings-modal-content{width:90%;max-width:450px;background:#fff;padding:30px;display:flex;flex-direction:column;gap:20px}.settings-modal-header{display:flex;justify-content:space-between;align-items:center}.settings-modal-title{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;text-transform:lowercase}.btn-close-modal{background:none;border:none;cursor:pointer;padding:5px;border-radius:50%;transition:background .2s}.btn-close-modal:hover{background:#f0f0f0}.settings-modal-body{display:flex;flex-direction:column;gap:15px}.settings-help{font-size:.9rem;opacity:.6;text-align:center}.binds-list{display:flex;flex-direction:column;gap:12px}.bind-item{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#fdfdfd;border:2px solid #eee;border-radius:12px}.bind-label{font-weight:700;text-transform:lowercase}.btn-bind{min-width:100px;padding:6px 12px;font-size:1rem;text-transform:uppercase;font-weight:700}.active-binding{animation:pulse 1s infinite}.settings-modal-footer{display:flex;justify-content:center;margin-top:10px}.btn-reset{font-size:.9rem;padding:8px 16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lobby-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:50px}.lobby-title{font-size:clamp(2rem,10vw,4rem);margin-bottom:30px;color:var(--color-trans-pink);text-shadow:4px 4px 0px var(--color-cartoony-border);text-align:center;padding:0 20px;line-height:1.1}@media (max-width: 768px){.lobby-wrapper{margin-top:20px}}.lobby-form-container{display:flex;justify-content:center;width:100%}.lobby-form{display:flex;flex-direction:column;gap:20px;width:350px;max-width:90vw}.lobby-form-header{font-weight:700;font-size:1.4rem;margin-bottom:10px;text-align:center}.lobby-form-field{display:flex;flex-direction:column}.lobby-form-label{display:block;margin-bottom:8px;font-weight:700}.lobby-form-divider{border:2px solid var(--color-cartoony-border);width:100%;margin:10px 0}.lobby-form-or{text-align:center;font-weight:700;font-size:1.2rem}.lobby-actions{display:flex;flex-direction:column;gap:15px;margin-top:40px;width:350px;max-width:90vw}.btn-free-draw{background-color:var(--color-trans-blue)}.btn-manage-prompts{background-color:#ffde03}.qr-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:3000;padding:20px}.qr-modal-content{background:#fff;width:100%;max-width:380px;padding:30px;display:flex;flex-direction:column;gap:20px;box-shadow:12px 12px 0 var(--color-cartoony-border)}.qr-modal-header{display:flex;justify-content:space-between;align-items:center}.qr-modal-title{font-size:1.8rem;font-weight:700;color:var(--color-trans-pink)}.qr-modal-body{display:flex;flex-direction:column;align-items:center;gap:20px}.qr-code-container{padding:15px;background:#fff;display:flex;justify-content:center;align-items:center;box-shadow:6px 6px 0 var(--color-cartoony-border);border-radius:20px}.qr-room-info{display:flex;align-items:center;gap:10px;background:#f8f8f8;padding:10px 20px;border-radius:12px;border:2px solid #eee}.qr-label{font-weight:700;opacity:.6;text-transform:lowercase}.qr-value{font-weight:700;font-size:1.4rem;color:var(--color-trans-blue);letter-spacing:2px}.qr-help{text-align:center;font-size:.9rem;opacity:.7;line-height:1.4;margin:0}.room-lobby-container{display:flex;flex-direction:column;gap:30px;width:100%;max-width:1100px;height:auto;min-height:700px;margin:30px auto;position:relative;padding:40px}.room-lobby-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;flex-wrap:wrap;gap:20px}.btn-back{padding:10px 16px;font-size:.9rem;box-shadow:4px 4px 0 var(--color-cartoony-border);display:flex;align-items:center;gap:8px;background:#fff}.room-lobby-title{font-size:clamp(1.8rem,8vw,3rem);font-weight:900;color:var(--color-cartoony-border);text-transform:lowercase;margin:0;line-height:1.1;text-align:center;flex:1}.room-lobby-panels{display:flex;gap:25px;flex:1;width:100%}.btn-settings-gear{position:fixed;right:40px;bottom:40px;padding:14px;display:flex;align-items:center;justify-content:center;z-index:2000;box-shadow:6px 6px 0 var(--color-cartoony-border);background:#fff;transition:box-shadow .1s ease;animation:none!important;transform:none!important}.btn-settings-gear:hover{transform:none!important;box-shadow:10px 10px 0 var(--color-cartoony-border)}@media (max-width: 768px){.btn-settings-gear{display:none!important}}@media (max-width: 900px){.room-lobby-container{padding:20px;margin:10px auto;gap:20px}.room-lobby-header{flex-direction:column;text-align:center;gap:15px}.room-lobby-panels{flex-direction:column;gap:20px}.player-list-panel{width:100%!important;max-height:300px}.settings-panel-wrapper{width:100%}}.player-list-panel{border:4px solid var(--color-cartoony-border);border-radius:var(--radius-bubbly);width:380px;padding:20px;display:flex;flex-direction:column;flex-shrink:0;max-width:100%}.player-list-title{text-align:center;font-weight:700;font-size:1.4rem;margin-bottom:20px;text-transform:lowercase}.player-list-scroll{overflow-y:auto;flex:1;padding:10px 15px 10px 10px;margin:-10px}.player-card{padding:10px 16px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:4px 4px 0 var(--color-cartoony-border);border-radius:15px;background:#fff;position:relative;transition:all .3s ease}.player-card-main{display:flex;flex-direction:column;gap:4px;flex:1}.not-returned .player-card{opacity:.6;filter:grayscale(.7);transform:scale(.98)}.status-badge{font-size:.7rem;font-weight:700;padding:2px 10px;border-radius:12px;width:-moz-fit-content;width:fit-content;text-transform:lowercase;border:2px solid var(--color-cartoony-border)}.status-badge.back{background-color:#98ff98;color:#004d00}.status-badge.busy{background-color:#ffcccb;color:#8b0000}.player-info{display:flex;align-items:center;gap:8px;font-size:1.1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;margin-right:10px}.player-info.host{font-weight:700}.btn-kick{padding:6px 14px;font-size:.9rem;box-shadow:2px 2px 0 var(--color-cartoony-border);flex-shrink:0}.settings-panel-wrapper{flex:1;display:flex;flex-direction:column;gap:20px}.settings-panel{flex:1;padding:25px;display:flex;flex-direction:column;gap:15px;overflow-y:auto;border:4px solid var(--color-cartoony-border);border-radius:var(--radius-bubbly)}.settings-title{font-weight:700;font-size:1.3rem;margin-bottom:5px;text-transform:lowercase;display:flex;flex-wrap:wrap;align-items:center;gap:15px}.room-id-badge{display:flex;align-items:center;gap:10px;background:#fff6;padding:6px 12px;border-radius:12px;border:2px solid var(--color-cartoony-border)}.room-id-text{font-size:1rem;letter-spacing:1px;color:var(--color-cartoony-border)}.room-id-actions{display:flex;gap:5px}.btn-icon-bubbly{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:8px;border:2px solid var(--color-cartoony-border);cursor:pointer;transition:all .1s ease;box-shadow:2px 2px 0 var(--color-cartoony-border)}.btn-icon-bubbly.btn-white{background:#fff}.btn-icon-bubbly.btn-green{background:#98ff98}.btn-icon-bubbly:hover{transform:translateY(-2px);box-shadow:3px 3px 0 var(--color-cartoony-border)}.btn-icon-bubbly:active{transform:translateY(1px);box-shadow:1px 1px 0 var(--color-cartoony-border)}.settings-section{margin-top:10px}.settings-label{font-weight:700;margin-bottom:8px;text-transform:lowercase}.pool-badge{padding:12px;margin-bottom:12px}.timer-settings-card{padding:12px;display:flex;justify-content:space-between;align-items:center}.timer-inputs-group{display:flex;gap:8px;align-items:center}.time-input{width:70px;text-align:center;padding:.4rem .6rem}.time-unit{font-size:14px;font-weight:700}.start-game-btn{padding:20px;font-size:1.5rem}.waiting-host-badge{padding:20px;font-size:1.5rem;cursor:not-allowed;color:#888}.results-wrapper{padding:20px;display:flex;flex-direction:column;align-items:center;min-height:100vh}.showroom-title{margin-bottom:20px;font-size:clamp(1.8rem,8vw,3rem);color:var(--color-trans-pink);text-shadow:3px 3px 0px var(--color-cartoony-border);text-align:center}@media (max-width: 768px){.showroom-title{font-size:2rem}.showroom-prompt-panel{font-size:1rem;padding:10px 20px}.artist-badge{font-size:.9rem;left:5px;top:-15px}}.results-title{margin-bottom:30px;font-size:clamp(2rem,10vw,3.5rem);color:var(--color-trans-pink);text-shadow:4px 4px 0px var(--color-cartoony-border);text-align:center}@media (max-width: 768px){.results-title{font-size:2.2rem}.result-name{font-size:1.1rem}.result-points{font-size:1.3rem}.results-actions{flex-direction:column;width:100%}}.results-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;width:100%;max-width:1200px;margin-bottom:40px}@media (max-width: 1024px){.results-layout{grid-template-columns:1fr}}.results-left-panel,.results-right-panel{display:flex;flex-direction:column}.results-leaderboard{display:flex;flex-direction:column;gap:15px;width:100%}.result-row{padding:15px 25px;display:flex;justify-content:space-between;align-items:center;box-shadow:6px 6px 0 var(--color-cartoony-border)}.result-left{display:flex;align-items:center;gap:15px}.result-rank-icon{display:flex;align-items:center;justify-content:center;width:40px}.result-name{font-size:1.5rem;font-weight:700}.result-points{font-size:1.8rem;font-weight:700}.results-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;padding:10px;width:100%}.gallery-item{display:flex;flex-direction:column;padding:10px;align-items:center;box-shadow:4px 4px 0 var(--color-cartoony-border)}.gallery-canvas-wrapper{position:relative;width:100%;aspect-ratio:4/3;background:#fdfdfd;border-radius:12px;overflow:hidden;border:3px solid #eee}.gallery-layer{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gallery-artist{font-weight:700;font-size:1.1rem;opacity:.8}.gallery-item-footer{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:10px}.gallery-download-btn{padding:8px;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 0 var(--color-cartoony-border)}.results-actions{display:flex;gap:20px;margin-top:20px}.btn-results-nav{padding:15px 30px;font-size:1.2rem}.prompt-manager-wrapper{padding:40px;max-width:1200px;margin:0 auto}.prompt-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.prompt-manager-title{font-size:3rem;margin:0;color:var(--color-trans-pink);text-shadow:3px 3px 0px var(--color-cartoony-border)}.player-info{display:flex;align-items:center;gap:15px}.prompt-manager-grid{display:grid;grid-template-columns:380px 1fr;gap:40px}@media (max-width: 900px){.prompt-manager-grid{grid-template-columns:1fr;gap:20px}.prompt-manager-wrapper{padding:15px}.prompt-manager-header{flex-direction:column;gap:20px;text-align:center}.prompt-manager-title{font-size:2.2rem}}.prompt-section{padding:25px;display:flex;flex-direction:column;gap:20px}.batch-list{display:flex;flex-direction:column;gap:15px}.batch-item{display:flex;justify-content:space-between;padding:15px 20px;cursor:pointer}.batch-info{font-weight:700;font-size:1.1rem}.prompt-editor-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label-row{display:flex;justify-content:space-between;align-items:center}.prompt-textarea{height:400px;resize:none}.prompt-count-badge{font-size:.8rem;font-weight:700;padding:2px 8px;border-radius:12px;background-color:#eee}.prompt-count-danger{background-color:#fcc;color:red}.prompt-manager-actions{display:flex;gap:20px;margin-top:10px}.btn-prompt-main{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;font-size:1.1rem;width:100%;box-sizing:border-box}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 210 40% 98%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 221.2 83.2% 53.3%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 221.2 83.2% 53.3%;--radius: .5rem;--color-trans-blue: #A9D1FF;--color-trans-pink: #FFC0CB;--color-trans-white: #FFFFFF;--color-cartoony-border: #333333;--color-bg: #f8fbff;--radius-bubbly: 24px;--border-width: 4px;--shadow-bubbly: 6px 6px 0px var(--color-cartoony-border);--shadow-bubbly-active: 2px 2px 0px var(--color-cartoony-border);--font-main: "Fredoka", sans-serif}*{border-color:hsl(var(--border))}body{margin:0;font-family:var(--font-main);background-color:var(--color-bg);background-image:radial-gradient(var(--color-trans-blue) 1.589px,transparent 1.5px);background-size:24px 24px;color:var(--color-cartoony-border);min-height:100vh}.visible{visibility:visible}.block{display:block}.inline-flex{display:inline-flex}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-14{height:3.5rem}.h-5{height:1.25rem}.h-9{height:2.25rem}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-5{width:1.25rem}.flex-1{flex:1 1 0%}.translate-y-1{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.gap-0\.5{gap:.125rem}.whitespace-nowrap{white-space:nowrap}.rounded-\[var\(--radius-bubbly\)\]{border-radius:var(--radius-bubbly)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-width:1px}.border-\[\#ffc0cb\]{--tw-border-opacity: 1;border-color:rgb(255 192 203 / var(--tw-border-opacity, 1))}.border-\[var\(--border-width\)\]{border-color:var(--border-width)}.border-\[var\(--color-cartoony-border\)\]{border-color:var(--color-cartoony-border)}.border-input{border-color:hsl(var(--input))}.bg-\[var\(--color-trans-blue\)\]{background-color:var(--color-trans-blue)}.bg-background{background-color:hsl(var(--background))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-primary{background-color:hsl(var(--primary))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-\[10px\]{font-size:10px}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.lowercase{text-transform:lowercase}.italic{font-style:italic}.text-\[\#333\]{--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity, 1))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline-offset-4{text-underline-offset:4px}.shadow-\[var\(--shadow-bubbly\)\]{--tw-shadow-color: var(--shadow-bubbly);--tw-shadow: var(--tw-shadow-colored)}.shadow-\[var\(--shadow-bubbly-active\)\]{--tw-shadow-color: var(--shadow-bubbly-active);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.card-bubbly{background:var(--color-trans-white);border:var(--border-width) solid var(--color-cartoony-border);border-radius:var(--radius-bubbly);box-shadow:var(--shadow-bubbly);padding:2rem}.card-bubbly-nopad{background:var(--color-trans-white);border:var(--border-width) solid var(--color-cartoony-border);border-radius:var(--radius-bubbly);padding:10px}.card-pink{background-color:var(--color-trans-pink)}.card-blue{background-color:var(--color-trans-blue)}.btn-bubbly{font-family:var(--font-main);font-size:1.1rem;font-weight:600;padding:.8rem 1.5rem;border:var(--border-width) solid var(--color-cartoony-border);border-radius:var(--radius-bubbly);cursor:pointer;background:var(--color-trans-white);box-shadow:var(--shadow-bubbly);transition:all .1s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;color:inherit;outline:none}.btn-bubbly:hover{transform:translateY(-2px);box-shadow:8px 8px 0 var(--color-cartoony-border)}.btn-bubbly:active{transform:translateY(4px);box-shadow:var(--shadow-bubbly-active)}.btn-bubbly:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--shadow-bubbly-active)}.btn-pink{background-color:var(--color-trans-pink)}.btn-blue{background-color:var(--color-trans-blue)}.btn-white{background-color:var(--color-trans-white)}.input-bubbly{font-family:var(--font-main);padding:.6rem .8rem;font-size:1.1rem;border:var(--border-width) solid var(--color-cartoony-border);border-radius:var(--radius-bubbly);outline:none;width:100%;box-sizing:border-box;background:#fff}.input-bubbly:focus{border-color:var(--color-trans-blue);box-shadow:0 0 0 3px #a9d1ff4d}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 3s ease-in-out infinite}.text-outline{text-shadow:2px 2px 0px white,-2px -2px 0px white,2px -2px 0px white,-2px 2px 0px white}h1,h2,h3{margin:0;text-transform:lowercase}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.flex{display:flex}.flex-col{display:flex;flex-direction:column;gap:.5rem}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.flex-1{flex:1}.w-full{width:100%}.overflow-hidden{overflow:hidden}.rounded-3xl{border-radius:24px}.cursor-crosshair{cursor:crosshair}.z-999{z-index:999}@media (max-width: 768px){:root{--radius-bubbly: 16px;--border-width: 3px}body{background-size:16px 16px}.card-bubbly{padding:1.2rem}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}}@media (hover: hover) and (pointer: fine){*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}.scrollbar-track{display:none!important}}.discord-link-corner{position:fixed;bottom:40px;left:40px;z-index:2000;display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;padding:12px 20px;transition:all .2s ease}@media (max-width: 768px){.discord-link-corner{bottom:20px;left:20px;padding:8px 12px;font-size:.8rem}}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:underline:hover{text-decoration-line:underline}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.active\:translate-y-1:active{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:shadow-\[var\(--shadow-bubbly-active\)\]:active{--tw-shadow-color: var(--shadow-bubbly-active);--tw-shadow: var(--tw-shadow-colored)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}