body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;-webkit-user-select:none;user-select:none}[contenteditable],input,textarea{-webkit-user-select:text;user-select:text}body.room-no-scroll{inset:0;overflow:hidden;overscroll-behavior:none;position:fixed;touch-action:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Row{flex-direction:row}.Col,.Row{display:flex}.Col{flex-direction:column}.MuiTooltip-popper,.MuiTooltip-tooltip{pointer-events:none!important}.App{color:#fff;text-align:center}.App,.App-header{align-items:center;display:flex;flex-direction:column}.App-header{font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#09d3ac}@media (max-width:768px){.PageBackground-desktop-only{display:none}}html{overflow-y:auto}.FrontPage{align-items:center;background:#1a1a2e;color:#eee;display:flex;flex-direction:column;font-family:Roboto,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.FrontPage-bg{--mx:0;--my:0;inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.FrontPage-bg-doodles{-webkit-animation:doodle-roll 50s linear infinite;animation:doodle-roll 50s linear infinite;background-position:0 100%;background-repeat:repeat;background-size:667px;bottom:0;left:-667px;-webkit-mask-image:linear-gradient(0deg,#000 0,transparent 55%);mask-image:linear-gradient(0deg,#000 0,transparent 55%);opacity:.25;position:absolute;right:-667px;top:0;will-change:transform}@-webkit-keyframes doodle-roll{0%{transform:translateZ(0)}to{transform:translate3d(667px,0,0)}}@keyframes doodle-roll{0%{transform:translateZ(0)}to{transform:translate3d(667px,0,0)}}.FrontPage-bg-doodles--static{-webkit-animation:none;animation:none}.FrontPage-bg-grid{background-image:radial-gradient(circle,hsla(0,0%,100%,.04) 1px,transparent 0);background-size:40px 40px;inset:0;position:absolute;transform:translate(calc(var(--mx)*-8px),calc(var(--my)*-8px));transition:transform .6s ease-out}.FrontPage-header,.FrontPage-section{position:relative;z-index:1}.FrontPage-top-menu{align-items:center;display:flex;gap:8px;position:absolute;right:14px;top:12px;z-index:10}.FrontPage-header{box-sizing:border-box;max-width:1100px;padding:clamp(28px,5vw,48px) clamp(16px,4vw,24px) clamp(16px,3vw,24px);text-align:center;width:100%}.FrontPage-header h1{color:#fff;font-size:clamp(30px,6vw,48px);font-weight:300;letter-spacing:clamp(3px,.6vw,6px);margin:0;text-transform:uppercase}.FrontPage-title-row{align-items:baseline;display:inline-flex;gap:2px;justify-content:center;position:relative}.FrontPage-alpha-badge{background:linear-gradient(135deg,#f7971e,#ffd200);border-radius:4px;box-shadow:0 2px 8px rgba(247,151,30,.45);color:#1a1a2e;font-size:10px;font-weight:700;letter-spacing:1.5px;padding:3px 7px;position:absolute;right:-25px;top:0;-webkit-user-select:none;user-select:none}.FrontPage-io-suffix{color:rgba(255,200,0,.8);font-size:19px;font-weight:500;letter-spacing:1px;padding-left:0;-webkit-user-select:none;user-select:none}.FrontPage-header p{color:#99a;font-size:15px;letter-spacing:1px;margin:8px 0 0}@media (max-width:520px){.FrontPage-top-menu{align-self:stretch;box-sizing:border-box;justify-content:flex-end;padding:10px 12px 0;position:relative;right:auto;top:auto}.FrontPage-header{padding-top:12px}}.FrontPage-mode-wrap{display:flex;margin:20px 0 0}.FrontPage-mode-wrap,.GameMode-selector{align-items:center;flex-direction:column}.GameMode-selector{display:inline-flex;gap:4px}.GameMode-heading{color:#778;font-size:13px;letter-spacing:.3px;margin:0 0 2px}.GameMode-buttons{background:rgba(22,33,62,.6);border-radius:12px;display:inline-flex;gap:6px;justify-content:center;padding:4px}.GameMode-btn{align-items:center;background:transparent;border:none;border-radius:10px;color:#889;cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:6px;padding:8px 18px;transition:all .2s ease;white-space:nowrap}.GameMode-btn:hover{background:rgba(124,131,255,.1);color:#bbc}.GameMode-btn.active{background:rgba(124,131,255,.2);box-shadow:0 2px 8px rgba(124,131,255,.15);color:#fff}.GameMode-btn.disabled,.GameMode-btn:disabled{cursor:not-allowed;opacity:.35;pointer-events:auto}.GameMode-icon{font-size:16px}.GameMode-label{font-weight:500;letter-spacing:.5px}.FrontPage-mode-desc{color:#778;font-size:13px;letter-spacing:.3px;line-height:1.5;margin:12px 0 0;max-width:480px;min-height:40px;text-align:center;transition:opacity .25s ease}.FrontPage-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:24px 0 8px}@media (max-width:520px){.FrontPage-actions{flex-direction:column;gap:10px}.FrontPage-or:after,.FrontPage-or:before{width:40px}}.FrontPage-or{align-items:center;color:#778;display:flex;flex-basis:100%;font-size:12px;gap:8px;justify-content:center;letter-spacing:1px;text-transform:uppercase}.FrontPage-or:after,.FrontPage-or:before{background:#667;content:"";height:1px;width:28px}.FrontPage-join{align-items:center;display:flex;gap:8px}.FrontPage-join input{background:#16213e;border:1px solid #444;border-radius:4px;color:#eee;font-family:monospace;font-size:16px;letter-spacing:2px;outline:none;padding:8px 12px;transition:border-color .2s;width:160px}.FrontPage-join input:focus{border-color:#7c83ff}.FrontPage-section{box-sizing:border-box;margin-top:20px;max-width:1100px;padding:0 clamp(16px,4vw,28px);width:100%}.FrontPage-section-header{align-items:baseline;display:flex;gap:10px;margin:0 0 14px}.FrontPage-section h2{color:#ccd;font-size:clamp(15px,2vw,18px);font-weight:500;letter-spacing:1.2px;margin:0;text-transform:uppercase}.FrontPage-section-count{background:hsla(0,0%,100%,.05);border-radius:10px;color:#778;font-size:12px;font-weight:500;letter-spacing:.5px;padding:2px 9px}.FrontPage-grid{grid-gap:14px;align-items:stretch;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));padding-bottom:32px}@media (max-width:480px){.FrontPage-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.FrontPage-strip{-webkit-overflow-scrolling:touch;display:flex;gap:12px;margin:0 calc(clamp(16px, 4vw, 28px)*-1);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent);overflow-x:auto;overflow-y:hidden;padding:4px clamp(16px,4vw,28px) 12px;scroll-behavior:smooth;scroll-padding-left:clamp(16px,4vw,28px);scroll-snap-type:x proximity}.FrontPage-strip .RoomCard-wrapper{flex:0 0 180px;scroll-snap-align:start}@media (max-width:480px){.FrontPage-strip .RoomCard-wrapper{flex-basis:150px}}.FrontPage-strip::-webkit-scrollbar{height:5px}.FrontPage-strip::-webkit-scrollbar-track{background:hsla(0,0%,100%,.04);border-radius:3px}.FrontPage-strip::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12);border-radius:3px}.FrontPage-strip::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.22)}.FrontPage-empty{background:hsla(0,0%,100%,.025);border:1px dashed hsla(0,0%,100%,.08);border-radius:10px;color:#778;font-size:14px;grid-column:1/-1;padding:36px 16px;text-align:center}.RoomCard-wrapper{display:flex;height:100%;perspective:800px;width:100%}.RoomCard{background:linear-gradient(145deg,#1a2744,#16213e 50%,#131b33);border:1px solid #2a2a4a;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.04);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transform-style:preserve-3d;transition:transform .35s ease-out,box-shadow .35s ease-out,border-color .25s;width:100%;will-change:transform}.RoomCard.is-empty{opacity:.78}.RoomCard:hover{border-color:#7c83ff;box-shadow:0 12px 32px rgba(0,0,0,.5),0 0 0 1px rgba(124,131,255,.25),inset 0 1px 0 hsla(0,0%,100%,.06)}.RoomCard-shine{background:radial-gradient(circle at 50% 50%,hsla(0,0%,100%,.12) 0,transparent 60%);background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),hsla(0,0%,100%,.12) 0,transparent 60%);border-radius:10px;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .35s;z-index:2}.RoomCard:hover .RoomCard-shine{opacity:1}.RoomCard-thumbnail{align-items:center;aspect-ratio:16/10;background:#0f0f23;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.RoomCard-thumbnail img{display:block;height:100%;object-fit:cover;width:100%}.RoomCard-badge{font-size:14px;padding:2px 5px;right:6px}.RoomCard-badge,.RoomCard-code{background:rgba(0,0,0,.5);border-radius:6px;line-height:1;position:absolute;top:6px}.RoomCard-code{color:#ccd;font-family:monospace;font-size:11px;left:6px;letter-spacing:1px;padding:2px 6px}.RoomCard-placeholder{color:#334;font-size:13px;font-style:italic}.RoomCard-info{align-items:center;display:flex;flex:1 1;gap:6px;justify-content:space-between;min-height:36px;padding:8px 10px}.RoomCard-info-main{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.RoomCard-id{color:#ccd;font-family:monospace;font-size:14px;letter-spacing:1px}.RoomCard-users{align-self:flex-start;background:rgba(136,255,170,.1);border-radius:10px;color:#8fa;font-size:12px;padding:2px 8px;white-space:nowrap}.RoomCard.is-empty .RoomCard-users{background:hsla(0,0%,100%,.05);color:#889}.RoomCard-wordset{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#99a;display:-webkit-box;font-size:11px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.RoomCard-live{align-items:center;background:rgba(220,60,80,.85);border-radius:4px;bottom:6px;color:#fff;display:inline-flex;font-size:9px;font-weight:700;gap:4px;letter-spacing:1px;line-height:1;padding:2px 6px;position:absolute;right:6px}.RoomCard-live-dot{-webkit-animation:live-pulse 1.4s ease-in-out infinite;animation:live-pulse 1.4s ease-in-out infinite;background:#fff;border-radius:50%;height:5px;width:5px}@-webkit-keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}.FrontPage-gallery{margin-top:12px;padding-bottom:64px}.FrontPage-gallery-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.FrontPage-gallery-header h2{margin:0}.FrontPage-period-chips{display:flex;gap:6px}.FrontPage-chip{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;color:#889;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:color .15s,background .15s,border-color .15s;white-space:nowrap}.FrontPage-chip:hover{background:hsla(0,0%,100%,.1);color:#bbc}.FrontPage-chip.active{background:rgba(124,131,255,.2);border-color:rgba(124,131,255,.45);color:#dde}.FrontPage-gallery-subtitle{color:#ccd;font-size:15px;font-weight:700;letter-spacing:.3px;margin:0}@media (max-width:768px){.FrontPage-header h1{letter-spacing:3px}.FrontPage-alpha-badge{font-size:9px;padding:2px 5px;right:-22px}.FrontPage-actions{margin-top:18px}.GameMode-btn{font-size:13px;padding:8px 14px}.FrontPage-gallery-header{gap:10px}}@media (max-width:480px){.FrontPage-header p{font-size:13px}.FrontPage-section{margin-top:14px}.FrontPage-section-header{margin-bottom:10px;padding-bottom:6px}.FrontPage-join input{font-size:15px;width:140px}.FrontPage-period-chips{gap:4px}.FrontPage-chip{font-size:11px;padding:3px 10px}}@media (max-width:380px){.GameMode-buttons{flex-wrap:wrap;justify-content:center}}@media (min-width:1200px){.FrontPage-header,.FrontPage-section{max-width:1200px}.FrontPage-grid{gap:16px}}.DrawingCard{background:rgba(30,32,48,.85);border:1px solid hsla(0,0%,100%,.04);border-radius:10px;cursor:pointer;flex:0 0 180px;overflow:hidden;scroll-snap-align:start;transition:transform .18s ease-out,box-shadow .18s,border-color .2s;-webkit-user-select:none;user-select:none}.DrawingCard:hover{border-color:rgba(124,138,255,.35);box-shadow:0 8px 24px rgba(0,0,0,.45);transform:translateY(-3px) scale(1.03)}.DrawingCard-thumb{aspect-ratio:16/10;background:#fff;overflow:hidden;position:relative;width:180px}@media (max-width:480px){.DrawingCard,.DrawingCard-thumb{flex-basis:150px;width:150px}}.DrawingCard-thumb img{display:block;height:100%;object-fit:cover;width:100%}.DrawingCard-no-thumb{color:#888;height:100%;justify-content:center;width:100%}.DrawingCard-no-thumb,.DrawingCard-score{align-items:center;display:flex;font-size:11px}.DrawingCard-score{background:rgba(0,0,0,.65);border-radius:4px;bottom:4px;color:#aab;font-weight:600;gap:3px;line-height:1;padding:2px 6px;position:absolute;right:4px}.DrawingCard-score.positive{color:#4caf50}.DrawingCard-score.negative{color:#f44336}.DrawingCard-artist{color:#889;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DrawingStrip{margin-bottom:12px;width:100%}.DrawingStrip-header{align-items:center;display:flex;gap:8px;margin-bottom:8px;padding:0 4px}.DrawingStrip-icon{font-size:18px;line-height:1}.DrawingStrip-title{color:#ccd;font-size:15px;font-weight:700;letter-spacing:.3px;margin:0}.DrawingStrip-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:12px;margin:0 -24px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent);overflow-x:auto;overflow-y:hidden;padding:6px 24px 10px;scroll-behavior:smooth;scroll-padding-left:24px;scroll-snap-type:x proximity}@media (max-width:480px){.DrawingStrip-scroll{margin:0 -16px;padding-left:16px;padding-right:16px;scroll-padding-left:16px}}.DrawingStrip-scroll::-webkit-scrollbar{height:5px}.DrawingStrip-scroll::-webkit-scrollbar-track{background:hsla(0,0%,100%,.04);border-radius:3px}.DrawingStrip-scroll::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12);border-radius:3px}.DrawingStrip-scroll::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.22)}.DrawingStrip-loading{align-items:center;display:flex;flex:0 0 60px;justify-content:center}.DrawingStrip-spinner{-webkit-animation:strip-spin .7s linear infinite;animation:strip-spin .7s linear infinite;border:2px solid hsla(0,0%,100%,.15);border-radius:50%;border-top-color:#7c8aff;height:20px;width:20px}@-webkit-keyframes strip-spin{to{transform:rotate(1turn)}}@keyframes strip-spin{to{transform:rotate(1turn)}}@-webkit-keyframes voteSlideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes voteSlideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes wordsetMarquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes wordsetMarquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@-webkit-keyframes wordsetPopIn{0%{transform:scale(2.2)}67%{transform:scale(2.2)}83%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes wordsetPopIn{0%{transform:scale(2.2)}67%{transform:scale(2.2)}83%{transform:scale(1.3)}to{transform:scale(1)}}@-webkit-keyframes votePulse{0%,to{color:#ccc}50%{color:#ffd666}}@keyframes votePulse{0%,to{color:#ccc}50%{color:#ffd666}}@-webkit-keyframes choiceTimerShrink{0%{width:100%}to{width:0}}@keyframes choiceTimerShrink{0%{width:100%}to{width:0}}.word-choice-overlay{align-items:center;background:rgba(20,18,40,.85);bottom:0;display:flex;flex-direction:column;gap:12px;justify-content:center;left:0;pointer-events:auto;position:absolute;right:0;top:0;z-index:102}.word-choice-timer-bar{-webkit-animation:choiceTimerShrink linear forwards;animation:choiceTimerShrink linear forwards;background:linear-gradient(90deg,#77f,#c77ff7);border-radius:0 0 3px 0;height:5px;left:0;position:absolute;top:0;width:100%}.word-choice-title{color:#eef;font-family:monospace;font-size:20px;font-weight:700;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.9)}.word-choice-list{align-items:center;display:flex;flex-direction:column;gap:10px;max-width:320px;width:60%}.word-choice-btn{-webkit-tap-highlight-color:transparent;background:#3a3a5e;border:2px solid #556;border-radius:10px;color:#eef;cursor:pointer;font-family:monospace;font-size:18px;font-weight:700;padding:14px 24px;transition:background .15s,border-color .15s,transform .1s;width:100%}@media (hover:hover){.word-choice-btn:hover{background:#4a4a7e;border-color:#88f;transform:scale(1.03)}}.word-choice-btn:active{background:#5a5a9e;transform:scale(.97)}.word-choice-category{color:#99a;display:block;font-size:11px;font-weight:400;margin-top:2px}@media (max-width:768px){.word-choice-overlay{gap:8px}.word-choice-title{font-size:15px}.word-choice-list{gap:6px;width:85%}.word-choice-btn{font-size:14px;padding:10px 14px}.word-choice-category{font-size:10px}}.Canvas{position:absolute}.tools{position:relative;width:36px;z-index:2}.sidebar-scroll{scrollbar-color:hsla(0,0%,100%,.3) transparent;scrollbar-gutter:stable;scrollbar-width:thin}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:3px}.BrushSizeControl{align-items:center;background:#99a;border:1px solid #666;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;margin-top:-1px;padding:6px 0;width:36px}.BrushSizeValue{line-height:1;min-width:24px}.BrushSizeNumber,.BrushSizeValue{color:#222;font-family:monospace;font-size:12px;text-align:center}.BrushSizeNumber{-moz-appearance:textfield;background:#fff;border:1px solid #888;border-radius:2px;padding:1px 0;width:30px}.BrushSizeNumber::-webkit-inner-spin-button,.BrushSizeNumber::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.BrushSizeSlider{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;direction:rtl;height:90px;width:20px;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr}.BrushSizeSlider::-webkit-slider-runnable-track{background:#556;border-radius:4px;width:8px}.BrushSizeSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ccf;border-radius:50%;cursor:pointer;height:14px;margin-left:-3px;width:14px}.BrushSizeSlider::-moz-range-track{background:#556;border-radius:4px;width:8px}.BrushSizeSlider::-moz-range-thumb{background:#ccf;border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}.CanvasContainer{background:#fff;box-shadow:0 2px 6px 2px rgba(0,0,0,.4)}.RemotePointer{border:2px solid;color:#000;pointer-events:none;position:absolute;transition:top .1s linear,left .1s linear;z-index:1}.controls{align-content:flex-start;display:flex;position:absolute}.tools-horizontal{background:#7a7a8e;border-bottom:1px solid #555;border-top:1px solid #555;box-sizing:border-box;position:relative;width:100%;z-index:2}.tools-h-group,.tools-horizontal{align-items:center;display:flex;flex-direction:row}.tools-h-separator{background:#555;flex-shrink:0;height:26px;margin:0 5px;width:1px}.tools-horizontal button,.tools-horizontal div{-webkit-tap-highlight-color:transparent;outline:none}.tools-horizontal .sq-btn{margin:0}.brush-preset:focus,.brush-preset:focus-visible{outline:none}.brush-preset--active:focus,.brush-preset--active:focus-visible{background:#ccf}.brush-preset{-webkit-tap-highlight-color:transparent;align-items:center;background:#99a;border:1px solid #666;border-radius:0;box-sizing:border-box;color:rgba(0,0,0,.54);cursor:pointer;display:flex;height:36px;justify-content:center;margin:0 0 0 -1px;outline:none;padding:0;width:36px}@media (hover:hover){.brush-preset:hover{background:#bbc}}.brush-preset:active{background:#aab}.brush-preset--active{background:#ccf;border-color:#99b}.brush-preset-dot{background:#222;border-radius:50%;display:block;flex-shrink:0}.brush-preset--active .brush-preset-dot{background:#3a3a6e}.brush-popup{align-items:center;background:#99a;border:1px solid #666;box-sizing:border-box;display:flex;justify-content:center;padding:8px 4px;position:absolute;z-index:500}.brush-popup--vertical{flex-direction:column;left:100%;min-height:80px;top:0;width:32px}.brush-popup--horizontal{bottom:100%;flex-direction:row;height:32px;left:0;min-width:80px}.BrushSizeSlider--h{direction:ltr;height:20px;width:90px;-webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb}.BrushSizeSlider--h::-webkit-slider-runnable-track{height:8px;width:auto}.BrushSizeSlider--h::-moz-range-track{height:8px;width:auto}.BrushSizeSlider--h::-webkit-slider-thumb{margin-left:0;margin-top:-3px}.BrushSizeControl--horizontal{display:none}@media (max-width:768px){.CanvasContainer{box-shadow:none}.BrushSizeSlider{height:60px}.ChatBox{max-height:140px}.MsgContainer{min-height:60px}}.mobile-color-popover{background:#3a3a4e;border:1px solid #666;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.5);padding:8px}.mobile-color-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,1fr);margin-bottom:8px}.mobile-color-swatch{-webkit-tap-highlight-color:transparent;border:2px solid hsla(0,0%,100%,.15);border-radius:6px;box-sizing:border-box;cursor:pointer;height:32px;padding:0;width:32px}.mobile-color-swatch:active{transform:scale(.9)}.mobile-color-swatch--active{border-color:#fff;box-shadow:0 0 0 2px hsla(0,0%,100%,.5)}.mobile-color-swatch--empty{background:repeating-linear-gradient(45deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.06) 4px,hsla(0,0%,100%,.18) 0,hsla(0,0%,100%,.18) 8px);border:2px dashed hsla(0,0%,100%,.35);border-radius:6px;box-sizing:border-box;cursor:pointer;height:32px;width:32px}.mobile-color-custom{-webkit-tap-highlight-color:transparent;background:none;border:2px solid #aaa;border-radius:6px;cursor:pointer;height:32px;padding:0;width:100%}.mobile-color-custom::-webkit-color-swatch-wrapper{padding:0}.mobile-color-custom::-webkit-color-swatch{border:none;border-radius:4px}.mobile-color-custom::-moz-color-swatch{border:none;border-radius:4px}.Container{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(119,136,153,.55);border:2px solid #ccc;box-shadow:1px 1px 4px 3px rgba(0,0,0,.2);display:flex;flex-direction:column;margin-bottom:3px;width:225px}@media (max-width:768px){.Container{-webkit-backdrop-filter:none;backdrop-filter:none;background:#789}}.Layer{height:35px}.ComponentTitle{background-color:rgba(89,82,121,.75);color:#eee;font-size:14px;padding:.3em .6em;text-align:left;vertical-align:center}@media (max-width:768px){.ComponentTitle{background-color:#595279}}.ListItem{padding:3px 0}.ListItem:hover{background-color:hsla(0,0%,100%,.15);cursor:pointer}.SelectedItem,.SelectedItem:hover{background-color:hsla(0,0%,100%,.3)}.SelectedItem:hover{cursor:default}.sq-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#99a;border:1px solid #666;border-radius:0;box-sizing:border-box;color:rgba(0,0,0,.54);cursor:pointer;display:flex;height:36px;justify-content:center;margin:-1px 0 0;outline:none;padding:0;width:36px}@media (hover:hover){.sq-btn:hover{background:#bbc}}.sq-btn--selected,.sq-btn--selected:hover{background:#ccf}.sq-btn--secondary{background:#b99}@media (hover:hover){.sq-btn--secondary:hover{background:#ebb}}.HoldButton{align-items:center;background:#b99;border:1px solid #666;border-radius:0;box-sizing:border-box;cursor:pointer;display:flex;height:36px;justify-content:center;margin:-1px 0 0;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:36px}.HoldButton:hover{background:#ebb}.HoldButton--disabled{cursor:default}.HoldButton--disabled,.HoldButton--disabled:hover{background:#a99!important}.HoldButton-fill{background:rgba(160,40,40,.55);bottom:0;height:0;left:0;pointer-events:none;position:absolute;width:100%}.HoldButton-fill--active{-webkit-animation:holdFill .5s linear forwards;animation:holdFill .5s linear forwards}@-webkit-keyframes holdFill{0%{height:0}to{height:100%}}@keyframes holdFill{0%{height:0}to{height:100%}}.Container ul{margin:0;padding:0 2px;text-align:left}.LayerListItem{align-items:center;background:hsla(240,9%,63%,.55);border-bottom:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2);color:#fff;display:flex;justify-content:space-between;margin:0;padding:0}.LayerListContainer{display:block;text-align:left}.Handle:hover,.Handle:hover:active{cursor:default}.ChatAiBadge{background:linear-gradient(135deg,#6ea8fe,#a78bfa);border-radius:3px;color:#1a1a2e;font-size:8px;font-weight:700;letter-spacing:.5px;margin-left:3px;padding:1px 3px;-webkit-user-select:none;user-select:none;vertical-align:middle}.ChatBox{align-content:space-between;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(72,76,100,.55);box-shadow:0 2px 6px 2px rgba(0,0,0,.3);display:flex;flex:1 1;max-height:200px;max-width:100%;min-width:100%}@media (max-width:768px){.ChatBox{-webkit-backdrop-filter:none;backdrop-filter:none;background:#484c64}}.ChatMessage{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:fade;animation-name:fade;margin:0;padding:0 .4em;text-align:left;-webkit-user-select:text;user-select:text}.ChatMessage--system{color:#8a92a8;font-style:italic}.ChatMessage--system-kick{color:#d68a8a;font-style:italic}.ChatMessage--round-info{color:#e6cd6e}.ChatMessage--round-end{color:#ffb066}.ChatMessage--period-end{color:#ffd166;font-weight:600}.ChatMessage--guess-correct{color:#7ed47e;font-weight:600}.ChatMessage--close-guess{color:#ffc07a;font-style:italic}.ChatMessageUser{-webkit-user-select:none;user-select:none}@-webkit-keyframes fade{0%{background-color:hsla(0,0%,100%,.5)}to{background-color:initial}}@keyframes fade{0%{background-color:hsla(0,0%,100%,.5)}to{background-color:initial}}.MsgContainer{display:flex;min-height:100px;overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;padding:0 0 2px;word-break:break-word}.ChatBox--compact{font-size:11px}.ChatBox--compact,.ChatBox--compact .MsgContainer{flex:1 1;max-height:none;min-height:0}.ChatBox--compact .ChatMessage{line-height:1.3;padding:0 .2em}.GalleryPage{color:#eee;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden}.GalleryPage,.gallery-header{align-items:center;display:flex;position:relative}.gallery-header{box-sizing:border-box;justify-content:center;margin-top:8px;padding:0;z-index:1}.gallery-header-home{left:0;position:absolute}.gallery-title{color:#dde;font-size:1.2rem;font-weight:700;letter-spacing:.5px;margin:0}.gallery-content{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;padding:4px 16px 8px;width:100%;z-index:1}.gallery-canvas-wrap{border-radius:6px;box-shadow:0 4px 24px rgba(0,0,0,.35);overflow:hidden}.gallery-canvas-bg,.gallery-canvas-wrap{background:#fff;position:relative}.gallery-controls{align-items:center;background:rgba(30,32,40,.85);border-radius:8px;box-sizing:border-box;display:flex;gap:8px;padding:6px 14px}.gallery-scrubber{accent-color:#7c8aff;cursor:pointer;flex:1 1;height:6px}.gallery-stroke-count{color:#889;font-size:12px;min-width:80px;text-align:right;white-space:nowrap}.gallery-meta{align-items:center;background:rgba(30,32,40,.75);border-radius:8px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:8px 24px;padding:14px 20px;width:100%}.gallery-meta-row{align-items:baseline;display:flex;gap:6px}.gallery-meta-label{color:#889;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.gallery-meta-value{color:#dde;font-size:14px;font-weight:600}.gallery-votes{align-items:center;display:flex;gap:4px;margin-left:auto}.gallery-vote-count{color:#aab;font-size:14px;margin-right:8px;min-width:20px}.gallery-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;z-index:1}.gallery-error h2{color:#aab;font-size:1.3rem}.gallery-home-btn{background:#5c6bc0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:16px;padding:10px 28px}.gallery-home-btn:hover{background:#7986cb}@media (max-width:768px){.gallery-header{margin-top:4px}.gallery-header-home{left:0}.gallery-title{font-size:1rem}.gallery-meta{flex-direction:column;gap:6px}.gallery-votes{margin-left:0;margin-top:8px}}
/*# sourceMappingURL=main.8adeae04.css.map*/