*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}: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)}html,body{width:100%;height:100%;height:100dvh;overflow:hidden;overflow:clip;background:#0e0f16;font-family:Segoe UI,Trebuchet MS,Verdana,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}body{position:fixed;top:0;right:0;bottom:0;left:0}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}button,input,select,textarea{all:unset}#app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;overflow:clip;background:#141520 url(/assets/ui/bg_pattern.png) repeat}#stage{position:absolute;left:var(--stage-cx, 50%);top:var(--stage-cy, 50%);width:var(--stage-w, 1280px);height:var(--stage-h, 720px);transform:translate(-50%,-50%) scale(var(--stage-scale, 1));background:url(/assets/ui/menu_bg.png?v=5) center / cover no-repeat;border-radius:12px;overflow:hidden;overflow:clip;box-shadow:0 20px 80px #0009}#stage:after{content:"";position:absolute;top:-256px;right:-256px;bottom:-256px;left:-256px;background:url(/assets/ui/bg_pattern.png) repeat;opacity:.5;pointer-events:none;animation:patternDrift 60s linear infinite}@keyframes patternDrift{0%{transform:translate(0)}to{transform:translate(256px,256px)}}.intro-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#000;opacity:1;transition:opacity .4s ease}.intro-overlay.fade-out{opacity:0;pointer-events:none}.intro-video{width:100%;height:100%;object-fit:cover;display:block}.intro-skip{position:absolute;right:20px;bottom:20px;padding:8px 18px;border-radius:20px;background:#00000073;color:#fff;font-family:Comic Sans MS,Segoe UI,Trebuchet MS,sans-serif;font-size:15px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease,transform .12s ease}.intro-skip:hover{background:#000000a6}.intro-skip:active{transform:scale(.94)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;z-index:1}.screen-enter{animation:screenIn .38s cubic-bezier(.22,1.2,.36,1) both}.screen-exit{animation:screenOut .26s ease-in both;pointer-events:none}@keyframes screenIn{0%{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes screenOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.03)}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;background-size:100% 100%;background-repeat:no-repeat;cursor:pointer;transition:transform .12s ease;will-change:transform}.btn:hover:not(.disabled){transform:scale(1.045)}.btn:active:not(.disabled),.btn.pressed:not(.disabled){transform:scale(.96)}.btn.disabled{cursor:not-allowed}.btn.pop-in{animation:popIn .35s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.btn-lg{width:360px;height:88px}.btn-md{width:240px;height:64px}.btn-icon{width:72px;height:72px}.btn-label{font-size:26px;font-weight:700;letter-spacing:1px;text-shadow:0 2px 0 rgba(0,0,0,.45);pointer-events:none;padding-bottom:6px}.btn-md .btn-label{font-size:21px}.btn .icon{pointer-events:none}.icon{width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block}.icon-sm{width:26px;height:26px}.panel{border-style:solid;border-width:28px;border-image-slice:28 fill;border-image-width:28px;border-image-repeat:stretch}.panel-main{border-image-source:url(/assets/ui/panel_main.png)}.panel-light{border-image-source:url(/assets/ui/panel_light.png)}.panel-modal{border-image-source:url(/assets/ui/panel_modal.png)}.panel-canvas{border-image-source:url(/assets/ui/panel_canvas_frame.png)}.panel-tooltip{border-image-source:url(/assets/ui/panel_tooltip.png)}.panel-input{border-width:18px;border-image-slice:18 fill;border-image-width:18px;border-image-source:url(/assets/ui/panel_input.png)}.tinput{display:inline-flex;align-items:center;height:56px;padding:0 6px}.tinput input{width:100%;height:100%;font-size:22px;font-weight:600;color:#fff;caret-color:#fee75c;text-align:inherit;-webkit-user-select:text;user-select:text}.tinput input::selection{background:#5865f299}.tinput input::placeholder{color:#ffffff47;font-weight:400}.checkbox{display:inline-flex;align-items:center;gap:12px;cursor:pointer}.checkbox .box{width:40px;height:40px;background:url(/assets/ui/checkbox_off.png) center / contain no-repeat;transition:transform .12s ease}.checkbox:hover .box{transform:scale(1.08)}.checkbox.on .box{background-image:url(/assets/ui/checkbox_on.png)}.stepper{display:inline-flex;align-items:center;gap:10px}.stepper .value{min-width:96px;text-align:center;font-size:24px;font-weight:700}.stepper .btn-icon{width:48px;height:48px}.stepper .btn-icon .icon{width:24px;height:24px}.dropdown{position:relative;display:inline-block}.dropdown .current{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:200px;height:56px;padding:0 16px;cursor:pointer;font-size:20px;font-weight:600}.dropdown .list{position:absolute;top:100%;left:0;right:0;z-index:30;display:none;flex-direction:column;max-height:260px;overflow-y:auto;padding:10px}.dropdown.open .list{display:flex;animation:popIn .18s ease both}.dropdown .list .opt{padding:10px 12px;font-size:19px;cursor:pointer;border-radius:8px}.dropdown .list .opt:hover{background:#5865f259}.field{display:flex;align-items:center;justify-content:space-between;gap:18px}.field>.flabel{font-size:20px;font-weight:600;color:#cfd3ff}.heading{font-size:34px;font-weight:800;letter-spacing:1px;text-shadow:0 3px 0 rgba(0,0,0,.5)}.subheading{font-size:20px;color:#aab0d0}.timerbar{position:relative;width:480px;height:36px;background:url(/assets/ui/timerbar_frame.png) center / 100% 100% no-repeat}.timerbar .fill{position:absolute;left:4px;top:4px;bottom:4px;width:calc(100% - 8px);background:url(/assets/ui/timerbar_fill.png) left center / auto 100% no-repeat;border-radius:12px;overflow:hidden;transform-origin:left center}.timerbar .tlabel{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:19px;font-weight:800;text-shadow:0 2px 2px rgba(0,0,0,.7)}.timerbar.urgent .fill{animation:urgentPulse .5s ease-in-out infinite alternate}@keyframes urgentPulse{0%{filter:brightness(1)}to{filter:brightness(1.6)}}.avatar{background-size:contain;background-repeat:no-repeat;background-position:center}.avatar-discord,.mm-avatar.avatar-discord{border-radius:50%;background-size:cover;overflow:hidden}.avatar-picker{display:flex;align-items:center;gap:14px}.avatar-picker .avatar{width:110px;height:110px;transition:transform .15s ease}.avatar-picker .avatar.bounce{animation:avatarBounce .4s ease}@keyframes avatarBounce{0%{transform:scale(1)}40%{transform:scale(1.18) rotate(-4deg)}to{transform:scale(1)}}.player-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;background:#ffffff0a;animation:rowIn .3s ease both}@keyframes rowIn{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.player-row .avatar{width:52px;height:52px}.player-row .pname{flex:1;font-size:20px;font-weight:600;color:#2b2e35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-row.disconnected{opacity:.45}.player-row.disconnected .pname:after{content:" (offline)";font-size:14px;color:#ed4245}.player-row .badge{width:34px;height:34px;background-size:contain;background-repeat:no-repeat}.player-row.you{outline:2px solid rgba(88,101,242,.65);outline-offset:-2px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}::-webkit-scrollbar-thumb{background:#5865f2;border-radius:5px}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#0a0a12b8;animation:fadeIn .2s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{min-width:460px;max-width:780px;max-height:calc(var(--stage-h, 720px) - 80px);padding:8px 18px 18px;display:flex;flex-direction:column;gap:16px;animation:popIn .28s cubic-bezier(.34,1.56,.64,1) both}.modal>.stack{overflow-y:auto;min-height:0;padding-right:4px}.settings-form{display:flex;align-items:flex-start;gap:44px}#toasts{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:90;display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none}.toast{padding:12px 26px;font-size:19px;font-weight:600;animation:toastIn .3s ease both}.toast.leaving{animation:toastOut .3s ease both}.toast .dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:10px}.toast.error .dot{background:#ed4245}.toast.info .dot{background:#5865f2}.toast.success .dot{background:#57f287}@keyframes toastIn{0%{opacity:0;transform:translateY(-24px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateY(-16px)}}.menu-logo{width:480px;height:160px;background:url(/assets/ui/logo.png) center / contain no-repeat;margin-top:34px;animation:logoFloat 4s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-12px) rotate(1.2deg)}}.menu-columns{display:flex;gap:40px;margin-top:26px;align-items:stretch}.menu-card{padding:26px 30px;display:flex;flex-direction:column;gap:18px;align-items:center}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;gap:14px}.grow{flex:1}.lobby-paper{background:linear-gradient(rgba(140,160,205,.28) 2px,transparent 2px) -1px -1px / 30px 30px,linear-gradient(90deg,rgba(140,160,205,.28) 2px,transparent 2px) -1px -1px / 30px 30px,#fcfcf0}.screen-presentation{background:url(/assets/ui/menu_bg.png?v=5) center / cover no-repeat}.lby-deco{position:absolute;z-index:0;background-size:contain;background-repeat:no-repeat;pointer-events:none}.lby-deco-l{left:2px;top:50%;transform:translateY(-50%);width:88px;height:388px;background-image:url(/assets/ui/lobby_deco_left.png);background-size:100% auto;background-position:0 -23px}.lby-deco-r{right:2px;top:50%;transform:translateY(-50%);width:82px;height:415px;background-image:url(/assets/ui/lobby_deco_right.png);background-size:100% auto;background-position:0 0}.lby-board{position:relative;z-index:1;width:1280px;height:720px;margin:auto 0;font-family:Comic Sans MS,Segoe UI,Trebuchet MS,sans-serif;color:#33363d}.lby-gear.lby-gear{position:absolute;top:14px;right:16px;z-index:6}.lby-sound.lby-sound{position:absolute;top:18px;right:98px;z-index:6}.lby-cloud{position:absolute;left:50%;top:-6px;transform:translate(-50%);width:420px;height:437px;background:url(/assets/ui/lobby_logo_cloud.png) center / contain no-repeat}.lby-code-label{position:absolute;left:0;right:0;top:35%;text-align:center;font-size:32px;font-weight:800;letter-spacing:4px;color:#35b8c4;text-shadow:2px 2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,-2px -2px 0 #fff,0 3px 0 rgba(40,120,130,.35)}.lby-code{position:absolute;left:0;right:0;top:47.5%;text-align:center;font-size:40px;font-weight:800;letter-spacing:9px;color:#8a5fc9;cursor:pointer;-webkit-user-select:text;user-select:text;animation:codePulse 2.6s ease-in-out infinite}.lby-code::selection{background:#8a5fc940}@keyframes codePulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.lby-status{position:absolute;left:50%;top:442px;transform:translate(-50%);width:560px;text-align:center;font-size:17px;font-weight:700;color:#6b7690}.lby-mid{display:contents}.lby-players{position:absolute;left:26px;top:104px;width:304px;height:491px;background:url(/assets/ui/panel_players_art.png) center / 100% 100% no-repeat;display:flex;flex-direction:column;padding:14px 18px 16px}.lby-players-title{text-align:center;font-size:22px;font-weight:800;letter-spacing:1px;color:#3c6db0;padding:2px 0 8px}.lby-rows{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:0 2px}.lby-row{position:relative;display:flex;align-items:center;gap:10px;min-height:58px;animation:rowIn .3s ease both}.lby-ring{flex:none;width:56px;height:56px;border:2.5px solid var(--pc, #4a90d9);border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden}.lby-ring .avatar{width:46px;height:55px}.lby-row .pname{position:relative;flex:1;min-width:0;font-size:16.5px;font-weight:700;color:#2b2e35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:10px}.lby-row.disconnected{opacity:.45}.lby-row.disconnected .pname:after{content:" (offline)";font-size:11px;color:#d94a4a}.lby-pill{flex:none;font-size:11px;font-weight:800;letter-spacing:.5px;padding:3px 9px 4px;border-radius:9px;border:2px solid;box-shadow:0 2px #5a647826}.lby-pill.ready{color:#2c6b2f;background:#cdeec5;border-color:#7fbf72}.lby-pill.waiting{color:#6f6f68;background:#eeeeea;border-color:#b9b9b2}.lby-pill.host{color:#8a6414;background:#ffe9b8;border-color:#e0b45c}.lby-kick{position:absolute;left:40px;top:-4px;z-index:2;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:800;color:#d94a4a;border:2px solid #d94a4a;background:#fff;cursor:pointer;opacity:0;transition:opacity .15s ease,transform .12s ease}.lby-row:hover .lby-kick{opacity:1}.lby-kick:hover{transform:scale(1.15)}.lby-eye{flex:none;font-size:16px;opacity:.6}.lby-row.empty{animation:none}.lby-empty-ring{flex:none;width:56px;height:56px;border:2px dashed #7fa3d9;border-radius:50%}.lby-row.empty .waiting-label{font-size:15px;font-weight:700;color:#5b87c9;opacity:.85}.lby-chat{position:absolute;right:26px;top:100px;width:280px;height:500px;background:url(/assets/ui/panel_chat_art.png) center / 100% 100% no-repeat}.lby-chat-backdrop,.lby-chat-fab,.lby-chat-close{display:none}.lby-msgs{position:absolute;left:5%;right:4%;top:10.5%;bottom:15.5%;overflow-y:auto;display:flex;flex-direction:column;gap:7px;padding:2px 6px 2px 2px}.lby-msg{background:#ffffffeb;border:2px solid #e6e1f2;border-radius:10px;padding:5px 9px 6px;animation:msgIn .28s ease both;-webkit-user-select:text;user-select:text}@keyframes msgIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.lby-msg .mhead{display:flex;align-items:center;gap:6px}.lby-msg .mavatar{width:20px;height:23px;flex:none}.lby-msg .mauthor{flex:1;min-width:0;font-size:13.5px;font-weight:800;color:var(--pc, #4a90d9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lby-msg .mtime{flex:none;font-size:10.5px;font-weight:700;color:#a3a8b4}.lby-msg .mtext{font-size:14px;line-height:1.3;color:#33363d;word-wrap:break-word}.lby-msg .mauthor,.lb-name,.rr-name,.score-name,.podium-name,.entry-author-name{position:relative;padding-bottom:10px}.lby-row .pname:before,.lby-msg .mauthor:before,.lb-name:before,.rr-name:before,.score-name:before,.podium-name:before,.entry-author-name:before{content:"";position:absolute;left:0;bottom:0;width:80px;max-width:100%;height:8px;background:var(--pc, #4a90d9);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10' viewBox='0 0 20 10'%3E%3Cpath d='M0 5 Q5 0 10 5 T20 5' stroke='black' stroke-width='3.2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10' viewBox='0 0 20 10'%3E%3Cpath d='M0 5 Q5 0 10 5 T20 5' stroke='black' stroke-width='3.2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x;-webkit-mask-size:20px 10px;mask-size:20px 10px}.lby-msg.system{background:none;border:none;text-align:center;font-size:12.5px;font-style:italic;color:#8b90a0;padding:0 6px}.lby-chat-input{position:absolute;left:8%;top:87.6%;width:66%;height:8.6%;font-size:15px;font-weight:700;color:#33363d;caret-color:#7b52a8;-webkit-user-select:text;user-select:text;padding:0 4px}.lby-chat-input::placeholder{color:#5a507866}.lby-send{position:absolute;left:77.5%;top:86%;width:17.5%;height:13%;cursor:pointer;border-radius:12px;transition:transform .12s ease}.lby-send:hover{transform:scale(1.07)}.lby-send:active{transform:scale(.93)}.lby-rows::-webkit-scrollbar,.lby-msgs::-webkit-scrollbar{width:7px}.lby-rows::-webkit-scrollbar-track,.lby-msgs::-webkit-scrollbar-track{background:#8ca0cd26;border-radius:4px}.lby-rows::-webkit-scrollbar-thumb{background:#9db8dd;border-radius:4px}.lby-msgs::-webkit-scrollbar-thumb{background:#b9a5d8;border-radius:4px}.lby-ready{position:absolute;left:50%;top:482px;margin-left:-85px;width:170px;height:140px;background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;transition:transform .13s cubic-bezier(.34,1.56,.64,1)}.lby-ready:hover:not(.disabled){transform:scale(1.06) rotate(-2deg)}.lby-ready:active:not(.disabled){transform:scale(.92)}.lby-ready.disabled{cursor:not-allowed;filter:grayscale(.8) opacity(.55)}.lby-ready.badge-pop{animation:badgePop .45s cubic-bezier(.34,1.56,.64,1) both}@keyframes badgePop{0%{transform:scale(.4)}45%{transform:scale(1.18,.8)}70%{transform:scale(.9,1.1)}to{transform:scale(1)}}.lby-buttons{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:46px}.game-topbar{width:1220px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px}.round-chip{font-size:21px;font-weight:700;color:#7a5a3a}.waiting-panel{padding:30px 44px;display:flex;flex-direction:column;align-items:center;gap:16px}.waiting-roster{width:320px;max-height:220px;flex:none;overflow-y:auto;gap:8px}.waiting-roster .player-row{padding:6px 10px}.spinner-dots{display:flex;gap:10px}.spinner-dots i{width:16px;height:16px;border-radius:50%;background:#5865f2;animation:dotPulse 1s ease-in-out infinite}.spinner-dots i:nth-child(2){animation-delay:.15s}.spinner-dots i:nth-child(3){animation-delay:.3s}@keyframes dotPulse{0%,to{transform:scale(.7);opacity:.5}50%{transform:scale(1.15);opacity:1}}.draw-layout{display:flex;gap:16px;align-items:flex-start;margin-top:10px}.canvas-wrap{position:relative;padding:14px}.canvas-stack{position:relative;width:800px;height:600px;border-radius:6px;overflow:hidden}.canvas-stack canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.canvas-stack canvas.live{pointer-events:none}.canvas-stack.tool-brush{cursor:url(/assets/ui/cursor_brush.png) 16 16,crosshair}.canvas-stack.tool-eraser{cursor:url(/assets/ui/cursor_brush.png) 16 16,cell}.canvas-stack.tool-fill{cursor:url(/assets/ui/cursor_fill.png) 6 26,pointer}.canvas-stack.tool-shape{cursor:crosshair}.toolbar{display:flex;flex-direction:column;gap:10px;padding:18px}.tool-row{display:flex;gap:8px;flex-wrap:wrap}.swatches{display:grid;grid-template-columns:repeat(6,34px);gap:7px}.swatch{position:relative;width:34px;height:34px;border-radius:9px;cursor:pointer;transition:transform .1s ease}.swatch:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;background:url(/assets/ui/swatch_frame.png) center / 100% 100% no-repeat}.swatch:hover{transform:scale(1.12)}.swatch.selected:after{background-image:url(/assets/ui/swatch_selected.png)}.sizes{display:flex;gap:8px;align-items:center}.size-dot{position:relative;display:grid;place-items:center;width:44px;height:44px;cursor:pointer}.size-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/ui/swatch_frame.png) center / 100% 100% no-repeat}.size-dot.selected:after{background-image:url(/assets/ui/swatch_selected.png)}.size-dot i{border-radius:50%;background:#fff}.prompt-chip{padding:6px 22px;font-size:24px;font-weight:800;color:#1e1f2e;animation:popIn .4s cubic-bezier(.34,1.56,.64,1) both}.chat-feed{width:1000px;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:20px 30px;scrollbar-width:thin;background:#fff7ebc7;border:2px solid rgba(216,150,90,.3);border-radius:24px;margin:10px 0 14px}.chat-msg{display:flex;align-items:flex-start;gap:14px;max-width:88%;align-self:flex-start;animation:chatInLeft .45s ease-out both}.chat-msg.right{flex-direction:row-reverse;align-self:flex-end;animation-name:chatInRight}.chat-msg.right .chat-body{align-items:flex-end}.chat-msg.right .chat-meta{flex-direction:row-reverse}@keyframes chatInLeft{0%{opacity:0;transform:translate(-48px,20px)}to{opacity:1;transform:translate(0)}}@keyframes chatInRight{0%{opacity:0;transform:translate(48px,20px)}to{opacity:1;transform:translate(0)}}.chat-msg .avatar{width:54px;height:54px;flex:none}.chat-body{display:flex;flex-direction:column;gap:7px;align-items:flex-start;min-width:0}.chat-meta{display:flex;align-items:baseline;gap:12px}.chat-name{font-size:21px;font-weight:800;color:#2b2e35}.chat-kind{font-size:15px;font-weight:700;color:#9aa0b8}.chat-time{font-size:13px;font-weight:600;color:#767c94}.chat-holder{display:flex}.chat-bubble{padding:12px 28px;font-size:27px;font-weight:800;color:#2c2a20;max-width:700px;overflow-wrap:break-word;border:3px solid;border-radius:24px 28px 22px 26px/26px 22px 28px 24px;box-shadow:0 6px 16px #00000038}.chat-word{background:#fbf0c8;border-color:#d9c26a}.chat-guess{background:#e2f1e0;border-color:#9cc79b;color:#263822}.chat-draw{background:#e1eaf7;border-color:#a0badd;padding:14px}.chat-paper{background:#fafaf8;background-image:repeating-linear-gradient(0deg,#3c321e05 0,#3c321e05 2px,#0000 2px,#0000 5px);border-radius:12px;padding:10px;box-shadow:0 8px 18px #00000040,inset 0 0 30px #00000008}.chat-paper canvas{width:500px;height:400px;border-radius:6px;display:block}.write-card{position:relative;width:940px;aspect-ratio:1513 / 937;background:url(/assets/ui/panel_write_art.png) center / 100% 100% no-repeat;container-type:inline-size}.write-card .tinput{position:absolute;left:16%;top:43.5%;width:68%;height:12%;background:none;border:none;box-shadow:none;padding:0;display:flex;align-items:center}.write-card .tinput input{width:100%;font-family:Comic Sans MS,Segoe UI,Trebuchet MS,sans-serif;font-size:clamp(20px,3.4cqw,40px);font-weight:700;color:#5f4790;caret-color:#7b52a8;-webkit-user-select:text;user-select:text}.write-card .tinput input::placeholder{color:#7b52a873}.write-submit{position:absolute;left:21%;top:62.5%;width:59%;height:21.5%;cursor:pointer;border-radius:28px;transition:transform .15s ease}.write-submit:hover{transform:scale(1.04)}.write-submit:active{transform:scale(.95)}.chat-typing{display:flex;align-items:center;gap:7px;padding:17px 24px;background:#e8e8e6;border:3px solid #bcbcb8;border-radius:22px 26px 20px 24px/24px 20px 26px 22px;box-shadow:0 6px 16px #00000038;animation:fadeIn .3s ease-out both}.chat-typing .dot{width:11px;height:11px;border-radius:50%;background:#6d6d68;animation:typingDot 1.1s ease-in-out infinite}.chat-typing .dot:nth-child(2){animation-delay:.18s}.chat-typing .dot:nth-child(3){animation-delay:.36s}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-7px);opacity:1}}.chat-typing-out{animation:typingOut .25s ease-in both}@keyframes typingOut{to{opacity:0;transform:scale(.65)}}.chat-morph-in{animation:morphIn .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes morphIn{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.chat-divider{align-self:center;display:flex;align-items:center;gap:10px;padding:8px 20px;border-radius:999px;background:#5a4b321a;color:#6f6a5c;font-size:17px;font-weight:800;letter-spacing:.5px;animation:chatInLeft .45s ease-out both}.chat-divider .avatar{width:32px;height:32px}.chat-outro{flex-direction:column;gap:2px;color:#b07f18;text-align:center}.chat-outro-sub{font-size:14px;color:#8a8474}.guess-canvas{width:640px;height:512px;border-radius:4px;display:block}.podium{display:flex;align-items:flex-end;gap:26px;margin-top:10px}.podium .spot{display:flex;flex-direction:column;align-items:center;gap:8px;animation:cardIn .5s ease both}@keyframes cardIn{0%{opacity:0;transform:translateY(60px) scale(.8) rotate(-3deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.podium .spot .avatar{width:96px;height:96px}.podium .block{width:150px;border-radius:10px 10px 0 0;background:linear-gradient(#4752c4,#2b2d31);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:10px;gap:4px}.podium .medal{width:56px;height:56px;background-size:contain;background-repeat:no-repeat}.score-rows{display:flex;flex-direction:column;gap:8px;width:640px;max-height:240px;overflow-y:auto}.score-row{display:flex;align-items:center;gap:14px;padding:8px 16px;border-radius:12px;background:#ffffff0d;font-size:20px;animation:rowIn .3s ease both}.score-row .avatar{width:44px;height:44px}.score-row .total{margin-left:auto;font-weight:800;color:#fee75c;font-size:23px}.score-row .bdown{font-size:14px;color:#9aa0b8}#conn-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:95;display:none;place-items:center;background:#0a0a12d1}#conn-overlay.visible{display:grid}.art-btn{position:relative;background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;transition:transform .13s cubic-bezier(.34,1.56,.64,1);will-change:transform}.art-btn:hover:not(.disabled){transform:scale(1.07) rotate(-1.5deg)}.art-btn:active:not(.disabled){transform:scale(.93)}.art-btn.disabled{cursor:not-allowed;filter:grayscale(.8) opacity(.55)}.art-btn.pop-in{animation:popIn .35s cubic-bezier(.34,1.56,.64,1) backwards}.art-btn-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:800;color:#2a2c33;pointer-events:none}.menu-paper{background:linear-gradient(rgba(140,160,205,.28) 2px,transparent 2px) -1px -1px / 30px 30px,linear-gradient(90deg,rgba(140,160,205,.28) 2px,transparent 2px) -1px -1px / 30px 30px,#fcfcf0}.mm-logo{position:absolute;top:32px;left:50%;margin-left:-215px;width:430px;height:143px;background:url(/assets/ui/logo.png?v=2) center / contain no-repeat;animation:logoFloat 4s ease-in-out infinite}.mm-banner{position:absolute;top:178px;left:50%;margin-left:-180px;width:360px;height:82px;background:url(/assets/ui/menu_banner.png) center / contain no-repeat}.mm-deco{position:absolute;background-repeat:no-repeat;pointer-events:none}.mm-deco-tl{left:0;top:0;width:223px;height:205px;background:url(/assets/ui/menu_deco_tl.png) left top / contain no-repeat}.mm-deco-tr{right:0;top:0;width:287px;height:275px;background:url(/assets/ui/menu_deco_tr.png) right top / contain no-repeat}.mm-deco-bl{left:0;bottom:0;width:400px;height:454px;background:url(/assets/ui/menu_deco_bl.png) left bottom / contain no-repeat}.mm-deco-br{right:0;bottom:0;width:352px;height:478px;background:url(/assets/ui/menu_deco_br.png) right bottom / contain no-repeat}.mm-corner{position:absolute;z-index:5}.mm-topleft{top:18px;left:22px}.mm-topright{top:18px;right:22px}.mm-column{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;padding-bottom:14px}.mm-ring-wrap{position:relative;width:130px;height:130px;margin-bottom:14px}.mm-ring{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;display:grid;place-items:center;cursor:pointer;transition:transform .15s ease}.mm-ring:hover{transform:scale(1.05) rotate(3deg)}.mm-avatar{width:72px;height:86px;background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none}.mm-avatar.bounce,.mm-sound-name.bounce{animation:avatarBounce .4s ease}.mm-shuffle{position:absolute;bottom:-14px;left:50%;margin-left:-60px;width:120px!important;height:44px!important;z-index:3}.mm-bar{position:relative;display:flex;align-items:center;background-size:100% 100%;background-repeat:no-repeat}.mm-bar input{color:#26282e;caret-color:#e8443c;font-weight:700;-webkit-user-select:text;user-select:text}.mm-bar input::placeholder{color:#26282e66;font-weight:700}.mm-name-bar{width:420px;height:78px}.mm-name-bar input{width:65%;height:100%;padding-left:32px;font-size:22px;letter-spacing:1px}.mm-sound-block{display:flex;flex-direction:column;align-items:center;gap:5px}.mm-label{font-size:17px;font-weight:800;letter-spacing:2px;color:#26282e;text-shadow:0 1px 0 rgba(255,255,255,.7)}.mm-sound-row{display:flex;align-items:center;gap:14px}.mm-sound-bar{width:250px;height:50px;justify-content:center;cursor:pointer}.mm-sound-name{font-size:21px;font-weight:800;color:#26282e;letter-spacing:1px}.mm-code-bar{width:360px;height:74px}.mm-code-bar input{flex:1;height:100%;padding-left:14px;padding-right:24px;font-size:22px;letter-spacing:6px;text-transform:uppercase}.mm-key{display:none}.mm-code-bar input{flex:1;height:100%;padding-left:28px;padding-right:28px;font-size:22px;letter-spacing:6px;text-transform:uppercase}.mm-crayons{display:flex;align-items:center;gap:48px;margin-top:2px}.mm-crayon-btn:hover:not(.disabled){transform:scale(1.16) rotate(-2deg)}.mm-crayon-btn:active:not(.disabled){transform:scale(.95) rotate(-2deg)}.hidden{display:none!important}.center-fill{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:0}.muted{color:#9aa0b8}.gold{color:#fee75c}.shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}50%{transform:translate(9px)}75%{transform:translate(-6px)}}.screen-draw{justify-content:flex-start}.draw-deco-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.draw-deco{position:absolute;background-repeat:no-repeat;background-position:center;background-size:contain;display:none}:root[data-orient=portrait] .draw-deco{display:block}.deco-0{left:12px;top:210px;width:215px;height:84px;transform:rotate(8deg)}.deco-1{right:14px;top:165px;width:220px;height:78px;transform:rotate(-10deg) scaleX(-1)}.deco-2{left:18px;top:470px;width:205px;height:80px;transform:rotate(-14deg)}.deco-3{right:16px;top:440px;width:220px;height:80px;transform:rotate(12deg) scaleX(-1)}.draw-root{position:relative;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 10px;animation:screenIn .4s cubic-bezier(.22,1.2,.36,1) both;background:linear-gradient(rgba(140,160,205,.28) 2px,transparent 2px) -1px -1px / 30px 30px,linear-gradient(90deg,rgba(140,160,205,.28) 2px,transparent 2px) -1px -1px / 30px 30px,#fcfcf0}.draw-topbar{flex:0 0 auto;width:100%;max-width:1264px;display:flex;align-items:center;gap:16px}.draw-nav{display:flex;align-items:center;gap:10px}.draw-arrow{width:56px;height:50px;background-repeat:no-repeat;background-position:center;background-size:contain;cursor:pointer;transition:transform .1s ease}.draw-arrow:hover{transform:scale(1.12) rotate(-3deg)}.draw-arrow.off{opacity:.35;cursor:default;filter:grayscale(.5)}.draw-clock-group{display:flex;align-items:center;gap:10px}.draw-clock-ico{width:52px;height:52px;background-repeat:no-repeat;background-position:center;background-size:contain}.draw-clock{display:flex;align-items:center;padding:3px 18px;background:#fff;border:3px solid #3a2f24;border-radius:12px;box-shadow:0 3px #503c1e4d}.draw-time{font-family:Courier New,Consolas,monospace;font-size:34px;font-weight:800;letter-spacing:3px;color:#e5372f;min-width:104px;text-align:center}.draw-time.urgent{animation:urgentPulse .5s ease-in-out infinite alternate}.draw-prompt{direction:rtl;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:5px 30px;background:#fff;border:3px dashed #e8735a;border-radius:16px;box-shadow:0 3px #c86e5047,0 0 0 4px #fff;animation:popIn .4s cubic-bezier(.34,1.56,.64,1) both}.draw-prompt-pen{font-size:26px}.draw-prompt-label{font-size:28px;font-weight:800;color:#d8352b}.draw-prompt-word{font-size:28px;font-weight:800;color:#5b3a24;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draw-gear{width:58px;height:58px;background-repeat:no-repeat;background-position:center;background-size:contain;cursor:pointer;transition:transform .15s ease}.draw-gear:hover{transform:scale(1.1) rotate(20deg)}.draw-middle{flex:1 1 auto;min-height:0;width:100%;max-width:1264px;display:flex;gap:12px;align-items:stretch;justify-content:center}.draw-tools{position:relative;flex:0 0 140px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:20px 10px;background:url(/assets/ui/panel_tools.png) center / 100% 100% no-repeat}.draw-tool{position:relative;width:114px;height:68px;background-repeat:no-repeat;background-position:center;background-size:contain;border-radius:14px;cursor:pointer;transition:transform .1s ease,background-color .15s ease}.draw-tool:hover{transform:scale(1.08)}.draw-tool.active{background-color:#f3b25473;box-shadow:inset 0 0 0 2.5px #b4782d99,0 2px 5px #96642840}.draw-shape-picker{position:absolute;left:100%;top:50%;transform:translateY(-50%) translate(8px) scale(.9);display:flex;flex-direction:column;gap:10px;padding:10px;background:#fffaf0;border-radius:12px;box-shadow:0 4px 12px #00000040;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:5}.draw-shape-picker.open{opacity:1;pointer-events:auto;transform:translateY(-50%) translate(8px) scale(1)}.shape-swatch-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;transition:transform .1s ease,background-color .15s ease}.shape-swatch-btn:hover{transform:scale(1.08);background-color:#f3b25440}.shape-swatch-btn.active{background-color:#f3b25473;box-shadow:inset 0 0 0 2.5px #b4782d99}.shape-swatch{width:28px;height:28px;pointer-events:none}.shape-swatch.shape-circle{border-radius:50%;background:#6e4f28}.shape-swatch.shape-square{border-radius:4px;background:#6e4f28}.shape-swatch.shape-diamond{width:21px;height:21px;border-radius:3px;background:#6e4f28;transform:rotate(45deg)}.shape-swatch.shape-star,.shape-swatch.shape-heart{width:auto;height:auto;font-size:29px;line-height:1;color:#6e4f28}.shape-swatch.shape-line{width:30px;height:5px;border-radius:3px;background:#6e4f28;transform:rotate(-45deg)}.shape-swatch.shape-triangle{width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:24px solid #6e4f28}:root[data-orient=portrait] .draw-shape-picker{left:auto;right:-6px;top:auto;bottom:100%;flex-direction:row;transform:translateY(-8px) scale(.9)}:root[data-orient=portrait] .draw-shape-picker.open{transform:translateY(-8px) scale(1)}.draw-canvas-area{position:relative;flex:1 1 auto;min-width:0;min-height:0;display:flex;align-items:stretch;justify-content:center}.canvas-notebook{position:relative;aspect-ratio:960 / 768;max-width:100%;max-height:100%}.screen-draw .canvas-stack{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px #0000002e}.draw-bottom{flex:0 0 auto;width:100%;max-width:1264px;display:flex;align-items:center;gap:16px}.draw-actions{display:flex;align-items:center;justify-content:center;gap:16px}.draw-drops-panel{flex:1;height:98px;display:flex;align-items:center;gap:14px;padding:6px 28px;border:18px solid transparent;border-image:url(/assets/ui/panel_palette.png) 60 fill / 18px stretch}.draw-drops{display:flex;align-items:center;gap:14px}.draw-drop{width:46px;height:60px;background-repeat:no-repeat;background-position:center;background-size:contain;cursor:pointer;transition:transform .1s ease,filter .15s ease}.draw-drop:hover{transform:scale(1.15) translateY(-2px)}.draw-drop.active{transform:scale(1.18) translateY(-3px);filter:drop-shadow(0 0 3px rgba(60,40,10,.5))}.draw-size{margin-left:auto;display:flex;align-items:center;gap:12px;padding:0 6px}.draw-size-dot{flex:none;width:12px;height:12px;border-radius:50%;background:#3a2a1e;box-shadow:0 1px 2px #00000059;transition:width .1s ease,height .1s ease}.draw-size-slider{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-block;width:160px;height:13px;border-radius:6px;background:linear-gradient(90deg,#e8d6b0,#b98f4e);border:2px solid #a67d3f;box-shadow:inset 0 1px 2px #5a3e1959;cursor:pointer}.draw-size-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6e6,#c68a3c);border:2.5px solid #6e4f28;box-shadow:0 2px 4px #0000004d;cursor:pointer}.draw-size-slider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6e6,#c68a3c);border:2.5px solid #6e4f28;box-shadow:0 2px 4px #0000004d;cursor:pointer}.draw-size-slider::-moz-range-track{height:11px;border-radius:6px;background:transparent}.draw-pick,.draw-done,.draw-clear{position:relative;height:70px;background-repeat:no-repeat;background-position:center;background-size:contain;cursor:pointer;transition:transform .1s ease}.draw-pick{width:114px}.draw-done{width:108px}.draw-clear{width:118px}.draw-pick:hover,.draw-done:hover,.draw-clear:hover{transform:scale(1.07)}.draw-pick:active,.draw-done:active,.draw-clear:active{transform:scale(.95)}.pick-dot{position:absolute;right:8px;bottom:8px;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 2px #0006}.draw-color-popover{position:absolute;left:50%;bottom:100%;transform:translate(-50%) translateY(-8px) scale(.9);padding:12px;background:#fffaf0;border-radius:12px;box-shadow:0 4px 12px #00000040;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:5}.draw-color-popover.open{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(-8px) scale(1)}.color-picker{display:flex;flex-direction:column;gap:10px}.cp-sv-wrap,.cp-hue-wrap{position:relative;cursor:crosshair;touch-action:none}.cp-sv,.cp-hue{display:block;border-radius:8px}.cp-sv-cursor{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px #00000080,0 1px 3px #0006;transform:translate(-50%,-50%);pointer-events:none}.cp-hue-cursor{position:absolute;top:-3px;width:6px;height:24px;border-radius:3px;border:2px solid #fff;box-shadow:0 0 0 1.5px #00000080,0 1px 3px #0006;transform:translate(-50%);pointer-events:none}.draw-waiting{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:460px}.draw-waiting-text{font-size:26px;font-weight:800;color:#7a5a3a}.rr-list{display:flex;flex-direction:column;gap:10px;width:620px;max-height:520px;overflow-y:auto}.rr-row{display:flex;align-items:center;gap:16px;padding:10px 22px;animation:rrIn .45s cubic-bezier(.22,1.2,.36,1) both}@keyframes rrIn{0%{opacity:0;transform:translate(-90px) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}.rr-avatar{width:54px;height:62px}.rr-name{flex:1;font-size:22px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rr-delta{min-width:74px;text-align:center;padding:5px 12px;border-radius:14px;font-size:23px;font-weight:800;animation:deltaPop .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes deltaPop{0%{opacity:0;transform:scale(.3) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}.rr-delta.gain{color:#eafff0;background:#3ba55dd9;box-shadow:0 0 14px #57f28773}.rr-delta.loss{color:#ffecec;background:#ed4245d9;box-shadow:0 0 14px #ed424573}.rr-delta.zero{color:#c8ccd8;background:#ffffff14}.rr-score{min-width:86px;text-align:right;font-size:27px;font-weight:800;color:#fee75c}.lb-board{position:relative;width:640px;--lb-row-h: 78px}.lb-row{position:absolute;left:0;right:0;height:66px;display:flex;align-items:center;gap:14px;padding:6px 20px;transition:top .85s cubic-bezier(.34,1.3,.4,1);animation:fadeIn .4s ease both}.lb-badge{width:46px;height:46px;background-size:contain;background-repeat:no-repeat;background-position:center;display:grid;place-items:center;font-size:20px;font-weight:800;color:#cfd3ff}.lb-avatar{width:46px;height:54px}.lb-name{flex:1;font-size:22px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-coin{width:32px;height:32px;background-size:contain;background-repeat:no-repeat;background-position:center;animation:coinSpin 2.2s ease-in-out infinite}@keyframes coinSpin{0%,to{transform:rotateY(0)}50%{transform:rotateY(180deg)}}.lb-score{min-width:82px;text-align:right;font-size:26px;font-weight:800;color:#fee75c}:root[data-orient=portrait] .timerbar{width:300px}:root[data-orient=portrait] .game-topbar{width:680px;gap:12px;flex-wrap:wrap;justify-content:center}:root[data-orient=portrait] .round-chip{font-size:25px}:root[data-orient=portrait] .timerbar{width:340px;height:42px}:root[data-orient=portrait] .timerbar .tlabel{font-size:22px}:root[data-orient=portrait] .center-fill .heading{font-size:44px}:root[data-orient=portrait] .center-fill .subheading{font-size:25px}:root[data-orient=portrait] .center-fill .waiting-panel{padding:42px 40px;gap:22px}:root[data-orient=portrait] .center-fill .waiting-panel .spinner-dots i{width:20px;height:20px}:root[data-orient=portrait] .center-fill .tinput{height:68px}:root[data-orient=portrait] .center-fill .tinput input{font-size:27px}:root[data-orient=portrait] .center-fill .btn-lg{width:420px;height:104px}:root[data-orient=portrait] .center-fill .btn-lg .btn-label{font-size:30px}:root[data-orient=portrait] .waiting-roster{width:560px;max-height:420px}:root[data-orient=portrait] .waiting-roster .player-row{padding:10px 14px}:root[data-orient=portrait] .waiting-roster .player-row .avatar{width:80px;height:80px}:root[data-orient=portrait] .waiting-roster .player-row .pname{font-size:31px}:root[data-orient=portrait] .waiting-roster .player-row .badge{width:52px;height:52px}:root[data-orient=portrait] .lby-board{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:6px 0 10px}:root[data-orient=portrait] .lby-sound.lby-sound{top:92px;right:18px}:root[data-orient=portrait] .lby-cloud{position:relative;left:auto;top:auto;transform:none;flex:none;height:26%;aspect-ratio:923 / 960;width:auto}:root[data-orient=portrait] .lby-status{position:static;transform:none;flex:none;order:-1;width:92%;margin:2px 0 0;font-size:22px}:root[data-orient=portrait] .lby-mid{display:flex;flex:1;min-height:0;width:100%;justify-content:center;align-items:stretch;padding:0 4px}:root[data-orient=portrait] .lby-players{position:relative;left:auto;top:auto;flex:1 1 auto;width:100%;min-width:0;height:100%;padding:12px 18px 14px;container-type:inline-size}:root[data-orient=portrait] .lby-chat{position:absolute;left:6%;right:6%;bottom:2%;top:auto;width:auto;height:88%;z-index:45;transform:translateY(115%);transition:transform .32s cubic-bezier(.22,1,.36,1);container-type:inline-size;border-radius:clamp(24px,6.5cqw,46px)}:root[data-orient=portrait] .lby-chat.open{transform:translateY(0)}:root[data-orient=portrait] .lby-chat-backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:44;background:#140f238c;opacity:0;pointer-events:none;transition:opacity .28s ease}:root[data-orient=portrait] .lby-chat-backdrop.open{opacity:1;pointer-events:auto}:root[data-orient=portrait] .lby-chat-close{display:grid;position:absolute;right:4%;top:3%;width:60px;height:60px;z-index:2;place-items:center;border-radius:50%;background:#785aa029;font-size:32px;font-weight:800;color:#6b4f92;cursor:pointer}:root[data-orient=portrait] .lby-chat-fab{display:grid;position:absolute;right:3%;bottom:calc(2.5% + 138px);width:96px;height:96px;z-index:46;place-items:center;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 52'%3E%3Cpath d='M28 5C15.3 5 6 12.4 6 22.4c0 6.2 3.8 11.3 9.4 14.2L12.7 46l11-6.1c1.4.2 2.8.3 4.3.3 12.7 0 22-7.4 22-17.8S40.7 5 28 5Z' fill='%23fff' stroke='%237b52a8' stroke-width='3.6' stroke-linejoin='round'/%3E%3Ccircle cx='19' cy='23' r='2.9' fill='%237b52a8'/%3E%3Ccircle cx='28' cy='23' r='2.9' fill='%237b52a8'/%3E%3Ccircle cx='37' cy='23' r='2.9' fill='%237b52a8'/%3E%3C/svg%3E") center 46% / 62% no-repeat,#fffaf2;border:4px solid #8a5fc9;box-shadow:0 6px 16px #3c1e5a59,0 0 0 6px #8a5fc926;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.4,.64,1),opacity .2s ease}:root[data-orient=portrait] .lby-chat-fab:active{transform:scale(.92)}:root[data-orient=portrait] .lby-chat-fab.open{transform:scale(0);opacity:0;pointer-events:none}:root[data-orient=portrait] .lby-chat-fab .lby-unread{position:absolute;top:-8px;right:-8px;min-width:34px;height:34px;padding:0 8px;border-radius:17px;background:#ed4245;border:3px solid #fffaf2;color:#fff;font-size:18px;font-weight:800;display:grid;place-items:center;line-height:1}:root[data-orient=portrait] .lby-chat-fab .lby-unread.hidden{display:none}:root[data-orient=portrait] .lby-kick{opacity:1;width:30px;height:30px;font-size:17px;left:clamp(40px,11cqw,100px);top:-2px}:root[data-orient=portrait] .lby-players-title{font-size:30px;padding:4px 0 12px}:root[data-orient=portrait] .lby-row{min-height:clamp(64px,16cqw,130px);gap:14px}:root[data-orient=portrait] .lby-ring{width:clamp(58px,15cqw,128px);height:clamp(58px,15cqw,128px);border-width:3px}:root[data-orient=portrait] .lby-ring .avatar{width:clamp(44px,11.3cqw,97px);height:clamp(53px,13.5cqw,116px)}:root[data-orient=portrait] .lby-row .pname{font-size:clamp(21px,5.6cqw,44px)}:root[data-orient=portrait] .lby-pill{font-size:clamp(14px,3.4cqw,23px);padding:5px 14px 6px;border-radius:13px}:root[data-orient=portrait] .lby-empty-ring{width:clamp(54px,20cqw,100px);height:clamp(54px,20cqw,100px)}:root[data-orient=portrait] .lby-row.empty .waiting-label{font-size:clamp(18px,6.5cqw,32px)}:root[data-orient=portrait] .lby-msgs{gap:18px;padding:4px 10px 4px 4px}:root[data-orient=portrait] .lby-msg{padding:16px 20px 18px;border-radius:20px;border-width:3px}:root[data-orient=portrait] .lby-msg .mhead{gap:16px}:root[data-orient=portrait] .lby-msg .mtext{font-size:clamp(38px,9cqw,60px);line-height:1.22}:root[data-orient=portrait] .lby-msg .mauthor{font-size:clamp(34px,8cqw,54px);padding-bottom:16px}:root[data-orient=portrait] .lby-msg .mauthor:before{width:170px;height:13px;-webkit-mask-size:30px 13px;mask-size:30px 13px}:root[data-orient=portrait] .lby-msg .mavatar{width:clamp(84px,18cqw,122px);height:clamp(97px,20.7cqw,140px)}:root[data-orient=portrait] .lby-msg .mtime{font-size:clamp(20px,4.5cqw,30px)}:root[data-orient=portrait] .lby-msg.system{font-size:clamp(22px,5cqw,32px)}:root[data-orient=portrait] .lby-chat-input{font-size:clamp(28px,6.5cqw,42px)}:root[data-orient=portrait] .lby-code{font-size:42px}:root[data-orient=portrait] .lby-code-label{font-size:33px}:root[data-orient=portrait] .lby-ready{position:static;flex:none;margin:4px 0 2px;width:160px;height:131px}:root[data-orient=portrait] .lby-buttons{position:static;transform:none;flex:none;margin-top:2px;gap:32px}:root[data-orient=portrait] .lby-exit{width:285px!important;height:114px!important}:root[data-orient=portrait] .lby-start{width:345px!important;height:73px!important}:root[data-orient=portrait] .lby-deco-l{width:76px;height:335px;background-position:0 -20px}:root[data-orient=portrait] .lby-deco-r{width:70px;height:354px}:root[data-orient=portrait] .modal{min-width:400px;max-width:668px}:root[data-orient=portrait] .modal>.row .btn-icon{width:68px!important;height:68px!important}:root[data-orient=portrait] .settings-form{flex-direction:column;gap:14px}:root[data-orient=portrait] .settings-form .field{gap:22px}:root[data-orient=portrait] .settings-form .field>.flabel{font-size:23px}:root[data-orient=portrait] .settings-form .checkbox .box{width:46px;height:46px}:root[data-orient=portrait] .settings-form .stepper .value{font-size:26px;min-width:108px}:root[data-orient=portrait] .settings-form .stepper .btn-icon{width:52px;height:52px}:root[data-orient=portrait] .settings-form .stepper .btn-icon .icon{width:26px;height:26px}:root[data-orient=portrait] .settings-form .dropdown .current{font-size:22px;height:60px;width:220px}:root[data-orient=portrait] .mm-deco-tl{width:168px;height:154px}:root[data-orient=portrait] .mm-deco-tr{width:200px;height:192px}:root[data-orient=portrait] .mm-deco-bl{width:258px;height:293px}:root[data-orient=portrait] .mm-deco-br{width:227px;height:308px}:root[data-orient=portrait] .mm-column{top:270px;justify-content:space-evenly;gap:0;padding-bottom:30px}:root[data-orient=portrait] .mm-ring-wrap{width:260px;height:260px;margin-bottom:28px}:root[data-orient=portrait] .mm-avatar{width:168px;height:199px}:root[data-orient=portrait] .mm-shuffle{width:205px!important;height:73px!important;margin-left:-102.5px;bottom:-22px}:root[data-orient=portrait] .mm-name-bar{width:690px;height:116px}:root[data-orient=portrait] .mm-name-bar input{font-size:34px;padding-left:45px}:root[data-orient=portrait] .mm-code-bar{width:600px;height:112px}:root[data-orient=portrait] .mm-code-bar input{font-size:34px;padding-left:40px;padding-right:40px;letter-spacing:7px}:root[data-orient=portrait] .mm-crayons{gap:34px}:root[data-orient=portrait] .chat-feed{width:690px;padding:16px 14px}:root[data-orient=portrait] .chat-bubble{max-width:540px;font-size:24px}:root[data-orient=portrait] .chat-paper canvas{width:440px;height:352px}:root[data-orient=portrait] .chat-msg{max-width:96%}:root[data-orient=portrait] .chat-msg .avatar{width:46px;height:46px}:root[data-orient=portrait] .guess-canvas{width:660px;height:528px}:root[data-orient=portrait] .write-card{width:684px}:root[data-orient=portrait] .toast{max-width:640px;text-align:center}:root[data-orient=portrait] .podium{gap:18px}:root[data-orient=portrait] .podium .spot .avatar{width:118px;height:118px}:root[data-orient=portrait] .podium .block{width:176px}:root[data-orient=portrait] .podium .medal{width:68px;height:68px}:root[data-orient=portrait] .score-rows{width:92%;max-width:680px;max-height:46vh}:root[data-orient=portrait] .score-row{padding:12px 20px;font-size:25px}:root[data-orient=portrait] .score-row .avatar{width:56px;height:56px}:root[data-orient=portrait] .score-row .total{font-size:28px}:root[data-orient=portrait] .score-row .bdown{font-size:17px}:root[data-orient=portrait] .lb-board{width:92%;max-width:690px;--lb-row-h: 96px}:root[data-orient=portrait] .lb-row{height:84px;gap:16px}:root[data-orient=portrait] .lb-badge{width:56px;height:56px;font-size:24px}:root[data-orient=portrait] .lb-avatar{width:56px;height:66px}:root[data-orient=portrait] .lb-name{font-size:27px}:root[data-orient=portrait] .lb-coin{width:38px;height:38px}:root[data-orient=portrait] .lb-score{font-size:31px}:root[data-orient=portrait] .rr-list{width:92%;max-width:680px;max-height:980px}:root[data-orient=portrait] .rr-row{padding:14px 22px;gap:20px}:root[data-orient=portrait] .rr-avatar{width:78px;height:90px}:root[data-orient=portrait] .rr-name{font-size:32px}:root[data-orient=portrait] .rr-delta{font-size:27px;min-width:88px;padding:7px 14px}:root[data-orient=portrait] .rr-score{font-size:32px;min-width:100px}:root[data-orient=portrait] .draw-topbar{width:720px;padding:0 10px}:root[data-orient=portrait] .draw-prompt{padding:5px 18px;gap:8px}:root[data-orient=portrait] .draw-prompt-pen,:root[data-orient=portrait] .draw-prompt-label,:root[data-orient=portrait] .draw-prompt-word{font-size:22px}:root[data-orient=portrait] .draw-arrow{width:74px;height:66px}:root[data-orient=portrait] .draw-gear{width:74px;height:74px}:root[data-orient=portrait] .draw-middle{width:720px;flex-direction:column;gap:8px}:root[data-orient=portrait] .draw-canvas-area{order:-1;align-items:center}:root[data-orient=portrait] .canvas-notebook{width:100%;height:auto}:root[data-orient=portrait] .draw-tools{flex:0 0 104px;width:720px;height:104px;flex-direction:row;padding:8px 20px;background:none}:root[data-orient=portrait] .draw-tools:before{content:"";position:absolute;left:50%;top:50%;width:104px;height:720px;transform:translate(-50%,-50%) rotate(-90deg);background:url(/assets/ui/panel_tools.png) center / 100% 100% no-repeat}:root[data-orient=portrait] .draw-tool{width:108px;height:82px}:root[data-orient=portrait] .draw-bottom{width:720px;flex-direction:column;align-items:stretch;gap:8px}:root[data-orient=portrait] .draw-drops-panel{flex:none;height:auto;flex-direction:column;align-items:stretch;gap:8px;padding:10px 22px}:root[data-orient=portrait] .draw-drops{justify-content:space-between}:root[data-orient=portrait] .draw-drop{width:50px;height:66px}:root[data-orient=portrait] .draw-size{margin-left:0;width:100%;justify-content:center;gap:16px}:root[data-orient=portrait] .draw-size-dot{width:16px;height:16px}:root[data-orient=portrait] .draw-size-slider{width:78%;max-width:460px;height:14px}:root[data-orient=portrait] .draw-size-slider::-webkit-slider-thumb{width:30px;height:30px}:root[data-orient=portrait] .draw-size-slider::-moz-range-thumb{width:30px;height:30px}:root[data-orient=portrait] .draw-actions{gap:20px}:root[data-orient=portrait] .draw-pick,:root[data-orient=portrait] .draw-done,:root[data-orient=portrait] .draw-clear{height:104px}:root[data-orient=portrait] .draw-pick{width:176px}:root[data-orient=portrait] .draw-done{width:166px}:root[data-orient=portrait] .draw-clear{width:182px}:root[data-orient=portrait] .deco-0{left:24px;top:12px;width:190px;height:74px}:root[data-orient=portrait] .deco-1{right:26px;top:16px;width:195px;height:70px}:root[data-orient=portrait] .deco-2{left:30px;top:auto;bottom:14px;width:185px;height:72px}:root[data-orient=portrait] .deco-3{right:28px;top:auto;bottom:16px;width:195px;height:72px}@supports not (aspect-ratio: 1 / 1){.canvas-notebook{width:800px;height:640px}:root[data-orient=portrait] .canvas-notebook{width:712px;height:570px}}