@font-face{font-family:ZCOOL KuaiLe;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/zcool-kuaile-chinese-simplified-400-normal-BKaOBC6q.woff2)format("woff2"),url(/assets/zcool-kuaile-chinese-simplified-400-normal-BwdP9UQQ.woff)format("woff")}:root{--bg-paper:#f5f0e6;--bg-warm:#fff8e7;--bg-header:#ffeaa7;--ink:#1a1a2e;--ink-light:#4a4a6a;--accent-orange:#e67e22;--accent-teal:#4ecdc4;--accent-blue:#5dade2;--accent-yellow:#f9e79f;--white:#fff;--success:#2ecc71;--danger:#e74c3c;--font-hand:"Ma Shan Zheng", cursive;--font-kuaile:"ZCOOL KuaiLe", cursive;--font-body:"Noto Sans SC", system-ui, sans-serif;--radius-sketch:255px 15px 225px 15px / 15px 225px 15px 255px;--radius-sketch-sm:180px 12px 160px 12px / 12px 160px 12px 180px;--border-sketch:2.5px solid var(--ink)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg-paper);color:var(--ink);-webkit-font-smoothing:antialiased}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--ink-light);border-radius:3px}.doodle-box{background:var(--white);border:var(--border-sketch);border-radius:var(--radius-sketch);padding:16px;position:relative}.doodle-box:after{content:"";border:1.5px solid var(--ink);border-radius:var(--radius-sketch-sm);pointer-events:none;opacity:.35;position:absolute;inset:4px}.doodle-label{background:var(--ink);color:var(--white);border-radius:8px 20px 10px 18px/18px 8px 20px 10px;padding:4px 14px;font-size:13px;font-weight:500;display:inline-block;transform:rotate(-.5deg)}.doodle-btn{background:var(--ink);color:var(--white);border:var(--border-sketch);border-radius:20px 8px 18px 6px/6px 18px 8px 20px;justify-content:center;align-items:center;gap:6px;padding:10px 24px;font-size:15px;font-weight:500;display:inline-flex;position:relative;transform:rotate(-.3deg)}.doodle-btn--orange{background:var(--accent-orange);border-color:var(--ink)}.doodle-btn--teal{background:var(--accent-teal);border-color:var(--ink);color:var(--ink)}.doodle-btn--outline{background:var(--bg-warm);color:var(--ink)}.doodle-btn--lg{font-size:18px;font-family:var(--font-kuaile);letter-spacing:2px;padding:14px 36px}.font-kuaile{font-family:var(--font-kuaile)!important}.doodle-btn--block{width:100%}.doodle-input{background:var(--white);border:var(--border-sketch);border-radius:12px 20px 14px 18px/18px 12px 20px 14px;outline:none;width:100%;padding:10px 14px;font-size:14px}.doodle-input:focus{box-shadow:0 0 0 3px #e67e2240}.modal-overlay{z-index:2000;background:#1a1a2e73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-paper);border:var(--border-sketch);border-radius:var(--radius-sketch);width:100%;max-width:420px;max-height:min(80vh,640px);font-family:var(--font-kuaile);flex-direction:column;margin:auto;padding:20px 24px 28px;display:flex;position:relative;overflow:hidden}.modal-content:after{content:"";border:1.5px solid var(--ink);border-radius:var(--radius-sketch-sm);pointer-events:none;opacity:.3;z-index:0;position:absolute;inset:8px}.modal-close{z-index:2;border:2px solid var(--ink);background:var(--white);width:32px;height:32px;color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.modal-close:hover{background:var(--bg-warm)}.modal-title{font-family:var(--font-kuaile);text-align:center;z-index:1;flex-shrink:0;margin-bottom:16px;padding-right:28px;font-size:24px;position:relative}.modal-body{z-index:1;flex:1;min-height:0;padding-bottom:8px;position:relative;overflow:hidden auto}.modal-body .doodle-input,.modal-body textarea,.modal-body input,.modal-body button,.modal-content .doodle-label{font-family:var(--font-kuaile)}.modal-actions{z-index:1;flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:10px;margin-top:16px;display:flex;position:relative}.modal-actions .doodle-btn{font-family:var(--font-kuaile);align-items:center;gap:6px;display:inline-flex}.modal-content--compact{padding:14px 18px 20px;overflow:hidden}.modal-content--compact:after{inset:6px}.modal-content--compact .modal-title{margin-bottom:10px;font-size:20px}.modal-content--compact .modal-actions{margin-top:12px}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:3000;background:var(--ink);color:#fff;text-align:center;white-space:nowrap;pointer-events:none;border-radius:20px;max-width:min(340px,100vw - 32px);padding:10px 20px;font-size:14px;line-height:1.4;position:fixed;transform:translate(-50%);box-shadow:0 4px 16px #1a1a2e40}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes danmaku{0%{transform:translate(100vw)}to{transform:translate(-100%)}}@keyframes wiggle{0%,to{transform:rotate(-.5deg)}50%{transform:rotate(.5deg)}}.sparkle:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e67e22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.5 5.5L19 10l-5.5 1.5L12 17l-1.5-5.5L5 10l5.5-1.5z'/%3E%3C/svg%3E");background-size:contain;width:12px;height:12px;animation:2s infinite float;position:absolute;top:-8px;right:-4px}.page{background:var(--bg-paper);flex-direction:column;height:100%;display:flex;overflow:hidden}.page:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20% 30%,#e67e2208 0%,#0000 50%),radial-gradient(circle at 80% 70%,#4ecdc40a 0%,#0000 50%);position:fixed;inset:0}.page>:not(.modal-overlay){z-index:1;position:relative}:root{--ease-sketch:cubic-bezier(.22, 1.12, .48, 1);--ease-bounce:cubic-bezier(.34, 1.45, .64, 1);--ease-snap:cubic-bezier(.25, .92, .35, 1);--shadow-sketch:3px 4px 0 var(--ink);--shadow-sketch-sm:2px 3px 0 #1a1a2e33;--shadow-sketch-hover:5px 7px 0 var(--ink);--shadow-sketch-press:1px 2px 0 var(--ink)}.doodle-btn{box-shadow:var(--shadow-sketch);transition:transform .22s var(--ease-sketch), box-shadow .22s var(--ease-sketch), background .15s ease, color .15s ease, opacity .15s ease;overflow:visible}.doodle-btn:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;border:2px dashed #0000;transition:opacity .2s;position:absolute;inset:-3px}.doodle-btn:hover:not(:disabled){box-shadow:var(--shadow-sketch-hover);transform:rotate(.6deg)translateY(-3px)scale(1.03)}.doodle-btn:hover:not(:disabled):after{opacity:.22;border-color:currentColor;animation:1.4s linear infinite doodleDashTrace}.doodle-btn:active:not(:disabled){box-shadow:var(--shadow-sketch-press);transition-duration:80ms;transform:rotate(-.8deg)scale(.95)translateY(2px)}.doodle-btn:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:1px 2px #1a1a2e40}.doodle-btn--outline:hover:not(:disabled){background:var(--white)}.doodle-btn--lg:hover:not(:disabled){transform:rotate(.4deg)translateY(-4px)scale(1.04)}.word-option.doodle-btn{background:var(--white);color:var(--ink)}.word-option.doodle-btn:hover:not(:disabled){background:var(--bg-warm)}.motion-glow-ready{animation:1.6s ease-in-out infinite doodleReadyGlow}.doodle-box{box-shadow:var(--shadow-sketch-sm);transition:transform .22s var(--ease-sketch), box-shadow .22s var(--ease-sketch), background .15s ease}.doodle-box:hover{transform:rotate(.5deg)translateY(-2px);box-shadow:3px 5px #1a1a2e47}.doodle-box:active{transition-duration:80ms;transform:rotate(-.3deg)scale(.98)translateY(1px);box-shadow:1px 2px #1a1a2e26}.hdr-btn,.icon-btn,.tool-btn,.chat-action,.emoji-panel-btn,.side-btn,.quick-btn,.modal-close,.round-like-btn,.effect-btn{transition:transform .18s var(--ease-sketch), box-shadow .18s var(--ease-sketch), background .15s ease}.hdr-btn:hover,.icon-btn:hover,.tool-btn:hover,.chat-action:hover,.emoji-panel-btn:hover,.modal-close:hover{transform:rotate(4deg)scale(1.08);box-shadow:2px 3px #1a1a2e33}.hdr-btn:active,.icon-btn:active,.tool-btn:active,.chat-action:active,.emoji-panel-btn:active,.modal-close:active{box-shadow:none;transition-duration:60ms;transform:rotate(-3deg)scale(.94)}.tool-btn.active{animation:doodleToolPop .32s var(--ease-bounce)}.canvas-section .doodle-box,.canvas-section .doodle-box:hover,.canvas-section .doodle-box:active{box-shadow:var(--shadow-sketch-sm);transition:none;transform:none}.canvas-section .tool-btn,.canvas-section .tool-btn:hover,.canvas-section .tool-btn:active,.canvas-section .tool-btn.active{box-shadow:none;transition:none;animation:none;transform:none}.canvas-section .tool-btn.active{box-shadow:0 0 0 2px var(--accent-orange)}.doodle-input{transition:box-shadow .2s ease, transform .2s var(--ease-sketch)}.doodle-input:focus{animation:doodleInputFocus .45s var(--ease-sketch);transform:rotate(.3deg)}.modal-overlay{animation:.22s doodleFadeIn}.modal-content{animation:doodleModalIn .42s var(--ease-bounce) both}.modal-close:hover{animation:.4s doodleWiggle}.toast{animation:doodleToastIn .38s var(--ease-bounce) forwards}.doodle-page-enter-active{animation:doodlePageIn .42s var(--ease-sketch) both}.doodle-page-leave-active{animation:.26s both doodlePageOut}.doodle-page-root{height:100%}.motion-stagger>*{animation:doodleSlideUp .48s var(--ease-sketch) both}.motion-stagger>:first-child{animation-delay:40ms}.motion-stagger>:nth-child(2){animation-delay:.1s}.motion-stagger>:nth-child(3){animation-delay:.16s}.motion-stagger>:nth-child(4){animation-delay:.22s}.motion-stagger>:nth-child(5){animation-delay:.28s}.motion-stagger>:nth-child(6){animation-delay:.34s}.motion-pop-in{animation:doodlePopIn .45s var(--ease-bounce) both}.motion-float-soft{animation:3.2s ease-in-out infinite doodleFloatSoft}.motion-slot-wait{animation:2.4s ease-in-out infinite doodleSlotPulse}.invite-slot:hover .invite-circle{animation:.5s doodleWiggle}.doodle-label{transition:transform .2s var(--ease-sketch)}.doodle-label:hover{transform:rotate(.8deg)scale(1.04)}@keyframes doodleDashTrace{0%{stroke-dashoffset:0;transform:rotate(0)}50%{transform:rotate(.5deg)}to{transform:rotate(-.5deg)}}@keyframes doodleReadyGlow{0%,to{box-shadow:var(--shadow-sketch), 0 0 0 0 #e67e2259;transform:rotate(-.3deg)}50%{box-shadow:var(--shadow-sketch-hover), 0 0 0 6px #e67e2200;transform:rotate(.5deg)translateY(-2px)}}@keyframes doodleToolPop{0%{transform:scale(1)}45%{transform:scale(1.14)rotate(3deg)}to{transform:scale(1)}}@keyframes doodleInputFocus{0%{transform:rotate(0)}35%{transform:rotate(.6deg)scale(1.01)}70%{transform:rotate(-.3deg)}to{transform:rotate(.3deg)}}@keyframes doodleFadeIn{0%{opacity:0}to{opacity:1}}@keyframes doodleModalIn{0%{opacity:0;transform:scale(.9)rotate(-1.8deg)translateY(14px)}65%{opacity:1;transform:scale(1.03)rotate(.6deg)translateY(-3px)}to{opacity:1;transform:scale(1)rotate(0)translateY(0)}}@keyframes doodleToastIn{0%{opacity:0;transform:translate(-50%,18px)rotate(-2deg)scale(.92)}70%{opacity:1;transform:translate(-50%,-2px)rotate(.5deg)scale(1.02)}to{opacity:1;transform:translate(-50%)rotate(0)scale(1)}}@keyframes doodlePageIn{0%{opacity:0;transform:translateY(18px)rotate(-.7deg)scale(.98)}to{opacity:1;transform:none}}@keyframes doodlePageOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)rotate(.5deg)scale(.97)}}@keyframes doodleSlideUp{0%{opacity:0;transform:translateY(22px)rotate(-1deg)}to{opacity:1;transform:none}}@keyframes doodlePopIn{0%{opacity:0;transform:scale(.6)rotate(-8deg)}70%{transform:scale(1.06)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes doodleFloatSoft{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(.4deg)}}@keyframes doodleSlotPulse{0%,to{border-color:var(--ink-light);transform:scale(1)}50%{border-color:var(--accent-teal);transform:scale(1.03)}}@keyframes doodleWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.doodle-loader-enter-active{animation:.32s both doodleLoaderFadeIn}.doodle-loader-leave-active{animation:doodleLoaderFadeOut .38s var(--ease-sketch) both}@keyframes doodleLoaderFadeIn{0%{opacity:0}to{opacity:1}}@keyframes doodleLoaderFadeOut{0%{opacity:1}to{opacity:0}}@keyframes doodleLoaderPanelIn{0%{opacity:0;transform:translateY(24px)rotate(-2deg)scale(.94)}70%{opacity:1;transform:translateY(-4px)rotate(.6deg)scale(1.02)}to{opacity:1;transform:none}}@keyframes doodleLoaderPanelInGame{0%{opacity:0;transform:scale(.9)rotate(1deg)}65%{opacity:1;transform:scale(1.03)rotate(-.5deg)}to{opacity:1;transform:none}}@keyframes doodleLoaderPanelInHome{0%{opacity:0;transform:translate(18px)rotate(2deg)}70%{opacity:1;transform:translate(-3px)rotate(-.4deg)}to{opacity:1;transform:none}}@keyframes doodleLoaderLogoFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(1deg)}}@keyframes doodleLoaderScribble{0%,to{opacity:.35;transform:rotate(var(--rot,0deg)) scale(1)}50%{opacity:.7;transform:rotate(calc(var(--rot,0deg) + 6deg)) scale(1.06)}}@keyframes doodleLoaderBrushDraw{0%{stroke-dashoffset:180px;opacity:.4}45%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-40px;opacity:.5}}@keyframes doodleLoaderDoorPop{0%,to{transform:scale(1)rotate(0)}40%{transform:scale(1.08)rotate(-3deg)}70%{transform:scale(.96)rotate(2deg)}}@keyframes doodleLoaderKnobTwist{0%,to{transform:rotate(0)}50%{transform:rotate(18deg)}}@keyframes doodleLoaderDotBounce{0%,80%,to{opacity:.55;transform:translateY(0)scale(1)}40%{opacity:1;transform:translateY(-7px)scale(1.15)}}@media (prefers-reduced-motion:reduce){.doodle-btn,.doodle-box,.hdr-btn,.icon-btn,.tool-btn,.chat-action,.emoji-panel-btn,.side-btn,.quick-btn,.modal-close,.doodle-input{transition:none}.doodle-btn:hover:not(:disabled),.doodle-btn:active:not(:disabled),.doodle-box:hover,.doodle-box:active,.hdr-btn:hover,.icon-btn:hover,.tool-btn:hover{transform:none}.motion-glow-ready,.motion-float-soft,.motion-slot-wait,.tool-btn.active{animation:none}.doodle-page-enter-active,.doodle-page-leave-active,.doodle-loader-enter-active,.doodle-loader-leave-active,.modal-overlay,.modal-content,.toast,.motion-stagger>*,.motion-pop-in{animation-duration:.01ms!important;animation-iteration-count:1!important}}.game-logo-svg[data-v-82c3ab77]{filter:drop-shadow(1px 2px #1a1a2e14);width:100px;height:100px;margin:0 auto 12px;display:block}.doodle-loader[data-v-a335353f]{z-index:9999;background:var(--bg-paper);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.doodle-loader__bg[data-v-a335353f]{pointer-events:none;position:absolute;inset:0}.doodle-loader__scribble[data-v-a335353f]{border:2px dashed #1a1a2e1f;border-radius:50%;animation:4.8s ease-in-out infinite doodleLoaderScribble;position:absolute}.doodle-loader__scribble--1[data-v-a335353f]{width:120px;height:80px;animation-delay:0s;top:8%;left:6%;transform:rotate(-12deg)}.doodle-loader__scribble--2[data-v-a335353f]{width:90px;height:90px;animation-delay:.6s;top:18%;right:10%;transform:rotate(18deg)}.doodle-loader__scribble--3[data-v-a335353f]{width:140px;height:60px;animation-delay:1.1s;bottom:22%;left:12%;transform:rotate(8deg)}.doodle-loader__scribble--4[data-v-a335353f]{width:70px;height:100px;animation-delay:.3s;bottom:14%;right:14%;transform:rotate(-20deg)}.doodle-loader__scribble--5[data-v-a335353f]{width:56px;height:56px;animation-delay:1.8s;top:42%;left:4%;transform:rotate(25deg)}.doodle-loader__scribble--6[data-v-a335353f]{width:100px;height:70px;animation-delay:2.2s;top:50%;right:6%;transform:rotate(-6deg)}.doodle-loader__panel[data-v-a335353f]{z-index:1;max-width:min(92vw,360px);animation:doodleLoaderPanelIn .55s var(--ease-bounce) both;flex-direction:column;align-items:center;gap:10px;padding:28px 32px 24px;display:flex;position:relative}.doodle-loader__logo-wrap[data-v-a335353f]{justify-content:center;align-items:center;width:108px;height:108px;display:flex;position:relative}.doodle-loader__logo[data-v-a335353f]{width:100px;height:100px;margin:0;animation:2.6s ease-in-out infinite doodleLoaderLogoFloat}.doodle-loader__brush[data-v-a335353f]{width:124px;height:42px;position:absolute;bottom:-6px;left:-8px;overflow:visible}.doodle-loader__brush-stroke[data-v-a335353f]{stroke-dasharray:180;stroke-dashoffset:180px;animation:doodleLoaderBrushDraw 1.4s var(--ease-sketch) infinite}.doodle-loader__door[data-v-a335353f]{width:52px;height:52px;animation:doodleLoaderDoorPop 1.2s var(--ease-bounce) infinite;position:absolute;bottom:4px;right:-18px}.doodle-loader__door-knob[data-v-a335353f]{transform-origin:48px 34px;animation:1.2s ease-in-out infinite doodleLoaderKnobTwist}.doodle-loader__title[data-v-a335353f]{color:var(--ink);letter-spacing:1px;margin:4px 0 0;font-size:28px}.doodle-loader__hint[data-v-a335353f]{color:var(--ink-light);margin:0;font-size:14px}.doodle-loader__progress[data-v-a335353f]{background:var(--bg-warm);flex-direction:column;gap:6px;width:100%;margin-top:8px;padding:12px 14px 10px;display:flex}.doodle-loader__progress-track[data-v-a335353f]{border:2px solid var(--ink);background:var(--white);border-radius:8px;height:10px;overflow:hidden}.doodle-loader__progress-fill[data-v-a335353f]{background:linear-gradient(90deg, var(--accent-teal), var(--accent-orange));height:100%;transition:width .22s var(--ease-sketch);border-radius:4px}.doodle-loader__progress-text[data-v-a335353f]{color:var(--ink-light);text-align:center;font-size:13px}.doodle-loader__dots[data-v-a335353f]{gap:8px;margin-top:4px;display:flex}.doodle-loader__dots span[data-v-a335353f]{background:var(--accent-orange);border-radius:50%;width:8px;height:8px;animation:1.1s ease-in-out infinite doodleLoaderDotBounce}.doodle-loader__dots span[data-v-a335353f]:nth-child(2){background:var(--accent-teal);animation-delay:.15s}.doodle-loader__dots span[data-v-a335353f]:nth-child(3){background:var(--accent-blue);animation-delay:.3s}.doodle-loader--enter-game .doodle-loader__panel[data-v-a335353f]{animation-name:doodleLoaderPanelInGame}.doodle-loader--back-home .doodle-loader__panel[data-v-a335353f]{animation-name:doodleLoaderPanelInHome}