:root,[data-theme=glass]{--bg-app:#1a1a24;--bg-panel:#2c3e50;--bg-board:#0006;--text-primary:#ecf0f1;--text-secondary:#bdc3c7;--text-accent:#2ecc71;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-round:50%;--transition-speed:.3s}body{transition:background-color var(--transition-speed), color var(--transition-speed);background-color:var(--bg-app)!important;color:var(--text-primary)!important;font-family:Nunito,Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-inset-6{inset:-1.5rem}.inset-0{inset:0}.-bottom-3{bottom:-.75rem}.bottom-16{bottom:4rem}.left-1\/2{left:50%}.z-10{z-index:10}.z-40{z-index:40}.my-12{margin-top:3rem;margin-bottom:3rem}.mr-2{margin-right:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-28{height:7rem}.h-32{height:8rem}.h-4{height:1rem}.h-9{height:2.25rem}.w-10{width:2.5rem}.w-28{width:7rem}.w-32{width:8rem}.w-4{width:1rem}.w-full{width:100%}.max-w-4xl{max-width:56rem}.flex-shrink{flex-shrink:1}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}@keyframes pulse{0%{opacity:.9;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.05)}to{opacity:.9;transform:translate(-50%)scale(1)}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-red-900\/50{border-color:#7f1d1d80}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.border-yellow-500{--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-slate-900\/50{background-color:#0f172a80}.bg-slate-950\/90{background-color:#020617e6}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-\[radial-gradient\(ellipse_at_center\,_var\(--tw-gradient-stops\)\)\]{background-image:radial-gradient(ellipse at center, var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.from-yellow-400{--tw-gradient-from:#facc15 var(--tw-gradient-from-position);--tw-gradient-to:#facc1500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-900\/10{--tw-gradient-from:#713f121a var(--tw-gradient-from-position);--tw-gradient-to:#713f1200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-slate-950\/80{--tw-gradient-to:#02061700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #020617cc var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-amber-600{--tw-gradient-to:#d97706 var(--tw-gradient-to-position)}.to-slate-950{--tw-gradient-to:#020617 var(--tw-gradient-to-position)}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-50{--tw-text-opacity:1;color:rgb(248 250 252/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-slate-950{--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.shadow-\[0_0_30px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 0 30px #00000080;--tw-shadow-colored:0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_0_50px_rgba\(251\,191\,36\,0\.3\)\]{--tw-shadow:0 0 50px #fbbf244d;--tw-shadow-colored:0 0 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.ring-offset-white{--tw-ring-offset-color:#fff}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--font-calligraphy:"STXingkai", "行楷", "Xingkai SC", "KaiTi", "楷体", "STKaiti", serif;--font-serif-classic:"Songti SC", "SimSun", "宋体", serif}.hover\:border-red-500:hover{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:bg-red-500\/90:hover{background-color:#ef4444e6}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-slate-100\/80:hover{background-color:#f1f5f9cc}.hover\:bg-slate-900\/90:hover{background-color:#0f172ae6}.hover\:text-red-300:hover{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.hover\:text-slate-900:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-\[0_0_20px_rgba\(239\,68\,68\,0\.2\)\]:hover{--tw-shadow:0 0 20px #ef444433;--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:ring-offset-slate-950:focus{--tw-ring-offset-color:#020617}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-slate-950:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(2 6 23/var(--tw-ring-opacity,1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=640px){.sm\:p-8{padding:2rem}}@media (width>=768px){.md\:my-0{margin-top:0;margin-bottom:0}.md\:flex-row{flex-direction:row}}.chess-piece[data-v-b49c57b1]{cursor:pointer;z-index:10;perspective:1000px;border-radius:50%;transition:transform .3s cubic-bezier(.25,.8,.25,1);position:absolute;top:0;left:0}.piece-inner[data-v-b49c57b1]{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.piece-inner.is-flipped[data-v-b49c57b1]{transform:rotateY(180deg)}.piece-face[data-v-b49c57b1]{backface-visibility:hidden;background-color:#e5c07b;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;box-shadow:2px 4px 6px #0006}.piece-front[data-v-b49c57b1]{transform:rotateY(180deg)}.piece-front img[data-v-b49c57b1]{-o-object-fit:contain;object-fit:contain;pointer-events:none;border-radius:50%;width:100%;height:100%}.piece-back[data-v-b49c57b1]{box-sizing:border-box;background:radial-gradient(circle,#f5d799 0%,#d4a350 100%);border:3px solid #5c4033}.piece-back.back-red[data-v-b49c57b1]{color:#c0392b;border-color:#c0392b}.piece-back.back-black[data-v-b49c57b1]{color:#111;border-color:#111}.dark-text[data-v-b49c57b1]{font-family:KaiTi,楷体,serif;font-size:calc(var(--cell-size) * .4px);opacity:.7;font-weight:700}.chess-piece:hover .piece-inner[data-v-b49c57b1]{transform:scale(1.05)}.chess-piece:hover .piece-inner.is-flipped[data-v-b49c57b1]{transform:scale(1.05)rotateY(180deg)}.chess-piece.is-selected[data-v-b49c57b1]:after{content:"";border:2px solid #00e5ff;border-radius:50%;animation:1.5s infinite pulse-b49c57b1;position:absolute;inset:-4px;box-shadow:0 0 8px #00e5ff}@keyframes pulse-b49c57b1{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(.95)}}.chess-piece.is-dead[data-v-b49c57b1]{display:none}.chess-piece.is-moving[data-v-b49c57b1]{pointer-events:none;z-index:100;transition:transform 1.5s linear!important}.chess-board-wrapper[data-v-770de645]{-webkit-user-select:none;user-select:none;border:10px solid var(--board-border,#5c4033)}.line[data-v-770de645]{background-color:var(--board-line,#3e2723);position:absolute}.horizontal[data-v-770de645]{width:100%;height:2px}.vertical[data-v-770de645]{width:2px}.diagonal[data-v-770de645]{background-color:var(--board-line,#3e2723);height:2px;position:absolute}.river[data-v-770de645]{width:100%;color:var(--board-line,#3e2723);pointer-events:none;justify-content:space-around;align-items:center;font-family:KaiTi,楷体,serif;font-size:2.5rem;font-weight:700;display:flex;position:absolute}.click-area[data-v-770de645]{cursor:pointer;z-index:5;border-radius:50%;transition:background-color .2s;position:absolute}.click-area[data-v-770de645]:hover{background-color:#ffffff4d}.pure-css-piece[data-v-770de645]{background:var(--clay-bg);width:100%;height:100%;box-shadow:4px 4px 8px var(--clay-shadow-dark), -4px -4px 8px var(--clay-shadow-light), inset 2px 2px 4px #ffffff80, inset -2px -2px 4px #0000000d;text-shadow:1px 1px #ffffff80;-webkit-user-select:none;user-select:none;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-family:KaiTi,STKaiti,serif;font-size:26px;font-weight:900;display:flex}.pure-css-piece.red[data-v-770de645]{color:#d85c4a}.pure-css-piece.black[data-v-770de645]{color:#5c4e40}.pure-css-piece.is-dark[data-v-770de645]{color:#a09383}.lobby-layout[data-v-56acb7a0]{color:#4d3518;background-color:#f6ebd8;background-image:url(/bg-main.webp);background-position:50%;background-size:cover;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.decor-corner-tr[data-v-56acb7a0]{pointer-events:none;z-index:1;width:499px;height:443px;position:absolute;top:0;right:0}.decor-corner-br[data-v-56acb7a0]{pointer-events:none;z-index:1;width:258px;height:212px;position:absolute;bottom:0;right:0}.sidebar[data-v-56acb7a0]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;color:#fff;box-sizing:border-box;background-color:#1e1814a6;border-right:1px solid #ffffff0d;flex-direction:column;width:300px;min-width:300px;padding:30px 20px;display:flex;box-shadow:4px 0 20px #00000080}.sidebar-header[data-v-56acb7a0]{text-align:center;margin-bottom:30px;padding-bottom:20px}.title-row[data-v-56acb7a0]{justify-content:center;align-items:center;gap:8px;margin-bottom:10px;display:flex}.sidebar-header h2[data-v-56acb7a0]{color:#f4c98b;text-shadow:none;letter-spacing:3px;font-size:2.2rem;font-family:var(--font-calligraphy,"Ma Shan Zheng", "STXingkai", "KaiTi", serif);margin:0;font-weight:400}.decor-title-end[data-v-56acb7a0]{width:21px;height:auto;display:none}.account-info[data-v-56acb7a0]{flex-direction:column;align-items:center;gap:8px;margin-top:15px;display:flex}.welcome[data-v-56acb7a0]{color:#d1ccc0;margin:0;font-size:1rem}.points[data-v-56acb7a0]{color:#f1c40f;font-weight:700}.menu-list[data-v-56acb7a0]{background-color:#00000080;flex-direction:column;gap:15px;margin:0 -20px;padding:16px;display:flex;box-shadow:inset 0 0 20px #0000004d}.menu-item[data-v-56acb7a0]{cursor:pointer;color:#f6ebd8;box-shadow:none;-webkit-user-select:none;user-select:none;background-color:#0000;background-image:url(/bg-menu-normal.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:4px;justify-content:center;align-items:center;padding:22px 20px;font-weight:500;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}.menu-text-wrap[data-v-56acb7a0]{flex-direction:column;gap:2px;display:flex}.menu-subtext[data-v-56acb7a0]{color:#f6ebd8b3;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:.8rem}.menu-icon[data-v-56acb7a0]{-o-object-fit:contain;object-fit:contain;width:48px;height:48px;transition:transform .3s;position:absolute;left:40px}.icon-classic-fix[data-v-56acb7a0]{transform:scale(.7)}.icon-jieqi-fix[data-v-56acb7a0]{transform:scale(.8)}.icon-realtime-fix[data-v-56acb7a0]{transform:scale(.85)}.icon-history-fix[data-v-56acb7a0]{transform:scale(.8)}.menu-text[data-v-56acb7a0]{font-size:1.25rem;font-weight:600}.menu-item[data-v-56acb7a0]:hover:not(.disabled){transform:translate(3px)}.menu-item.active[data-v-56acb7a0]{color:#fff;box-shadow:none;background-color:#0000;background-image:url(/bg-menu-active.webp);background-size:100% 100%;font-weight:700}.btn-login-small[data-v-56acb7a0],.btn-logout-small[data-v-56acb7a0]{color:#f4c98b;cursor:pointer;font-size:1rem;font-family:var(--font-calligraphy,"Ma Shan Zheng", "STXingkai", "KaiTi", serif);background-color:#0000;border:1px solid #f4c98b;border-radius:4px;padding:4px 14px;transition:all .2s}.btn-login-small[data-v-56acb7a0]:hover{color:#4d3518;background-color:#f4c98b}.btn-logout-small[data-v-56acb7a0]{color:#e74c3c;border-color:#e74c3c}.btn-logout-small[data-v-56acb7a0]:hover{color:#fff;background-color:#e74c3c}.lobby-main[data-v-56acb7a0]{z-index:2;background-color:#0000;flex-direction:column;flex:1;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.lobby-header[data-v-56acb7a0]{text-align:center;width:100%;margin-top:30px;margin-bottom:20px}.lobby-header h2[data-v-56acb7a0]{color:#4d3518;text-shadow:none;letter-spacing:5px;font-size:4rem;font-weight:700;font-family:var(--font-calligraphy,"Ma Shan Zheng", "Zhi Mang Xing", "STXingkai", "KaiTi", serif);margin:0}.subtitle-row[data-v-56acb7a0]{justify-content:center;align-items:center;gap:12px;margin-top:10px;display:flex}.decor-line-left[data-v-56acb7a0],.decor-line-right[data-v-56acb7a0]{-o-object-fit:contain;object-fit:contain;flex-shrink:0;width:120px;height:20px}.lobby-subtitle[data-v-56acb7a0]{color:#4d3518;letter-spacing:3px;white-space:nowrap;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Noto Sans SC,sans-serif;font-size:1.45rem;line-height:1}.decor-bg-center[data-v-56acb7a0]{pointer-events:none;opacity:.8;z-index:0;width:980px;max-width:100%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.matchmaking-panel[data-v-56acb7a0]{z-index:3;justify-content:center;align-items:center;width:100%;padding:50px 0;display:flex;position:relative}.match-card[data-v-56acb7a0]{text-align:center;box-shadow:none;aspect-ratio:459/521;background-color:#0000;background-image:url(/bg-card.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:0;width:100%;max-width:440px;padding:80px 45px 60px}.mobile-mode-badge[data-v-56acb7a0],.mobile-bottom-bar[data-v-56acb7a0]{display:none}.match-icon-zhan[data-v-56acb7a0]{color:#4d3518;text-shadow:2px 2px 4px #ffffff80;width:140px;height:140px;font-size:100px;font-weight:400;font-family:var(--font-calligraphy,"Ma Shan Zheng", "Zhi Mang Xing", "STXingkai", cursive);background-image:url(/bg-zhan-circle.webp);background-position:50%;background-size:cover;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.match-title[data-v-56acb7a0]{color:#4d3518;letter-spacing:2px;margin:0 0 10px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Noto Sans SC,sans-serif;font-size:2rem;font-weight:700}.match-desc[data-v-56acb7a0]{color:#4d3518cc;letter-spacing:1px;margin-bottom:30px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Noto Sans SC,sans-serif;font-size:1rem}.btn-matchmake[data-v-56acb7a0]{color:#fff;cursor:pointer;box-shadow:none;letter-spacing:3px;background-color:#0000;background-image:url(/bg-match-btn.webp);background-size:100% 100%;border:none;border-radius:0;width:80%;margin:0 auto;padding:28px 30px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Noto Sans SC,sans-serif;font-size:1.8rem;font-weight:700;transition:all .3s}.matching-anim[data-v-56acb7a0]{animation:1.5s infinite pulse-zhan-56acb7a0}@keyframes pulse-zhan-56acb7a0{0%{filter:brightness();text-shadow:2px 2px 4px #ffffff80;transform:scale(1)}50%{filter:brightness(1.2);text-shadow:0 0 15px #fffc;transform:scale(1.15)}to{filter:brightness();text-shadow:2px 2px 4px #ffffff80;transform:scale(1)}}.btn-matchmake[data-v-56acb7a0]:hover{transform:scale(1.05)}.btn-matchmake[data-v-56acb7a0]:active{transform:scale(.95)}.modal-overlay[data-v-56acb7a0]{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content[data-v-56acb7a0]{color:#4d3518;background-color:#f6ebd8;background-image:url(/bg-main.webp);background-size:cover;border:2px solid #8b5a2b;border-radius:12px;width:400px;max-width:90vw;padding:30px;position:relative;box-shadow:0 10px 40px #0009}.modal-close-btn[data-v-56acb7a0]{color:#8b5a2b;cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:10px;right:15px}.modal-content h2[data-v-56acb7a0]{text-align:center;color:#4d3518;font-family:var(--font-calligraphy,"Ma Shan Zheng", "STXingkai", "KaiTi", serif);margin-top:0;margin-bottom:25px;font-size:1.8rem}.form-group[data-v-56acb7a0]{margin-bottom:15px}.form-group input[data-v-56acb7a0]{box-sizing:border-box;color:#333;background-color:#fffc;border:1px solid #c9ad84;border-radius:6px;width:100%;padding:12px;font-size:1rem}.dice-group[data-v-56acb7a0]{gap:10px;display:flex}.dice-btn[data-v-56acb7a0]{cursor:pointer;background:#e5c07b;border:1px solid #c9ad84;border-radius:6px;padding:0 15px;font-size:1.2rem;transition:transform .2s}.dice-btn[data-v-56acb7a0]:hover{transform:rotate(45deg)}.action-btn[data-v-56acb7a0]{color:#fff;cursor:pointer;background-color:#8b5a2b;border:none;border-radius:6px;width:100%;padding:10px;font-size:1rem}.modal-actions[data-v-56acb7a0]{gap:10px;margin-top:20px;display:flex}.primary-btn[data-v-56acb7a0]{color:#fff;cursor:pointer;background-color:#8b5a2b;border:none;border-radius:6px;flex:1;padding:12px;font-size:1.1rem;font-weight:700}.btn-cancel[data-v-56acb7a0]{color:#333;cursor:pointer;background-color:#d1ccc0;border:none;border-radius:6px;flex:1;padding:12px;font-size:1.1rem}.modal-footer[data-v-56acb7a0]{justify-content:space-between;margin-top:15px;font-size:.9rem;display:flex}.modal-footer a[data-v-56acb7a0]{color:#8b5a2b;text-decoration:none}.modal-footer a[data-v-56acb7a0]:hover{text-decoration:underline}.history-list-view[data-v-56acb7a0]{background:#fff6;border-radius:10px;width:100%;max-width:800px;max-height:60vh;padding:20px;overflow-y:auto}.record-item[data-v-56acb7a0]{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;padding:12px;display:flex}.record-info[data-v-56acb7a0]{align-items:center;gap:15px;font-size:1rem;display:flex}.record-result.red_win[data-v-56acb7a0]{color:#d85c4a;font-weight:700}.record-result.black_win[data-v-56acb7a0]{color:#2c3e50;font-weight:700}.record-result.draw[data-v-56acb7a0]{color:#7f8c8d;font-weight:700}.btn-replay[data-v-56acb7a0]{color:#fff;cursor:pointer;background-color:#8b5a2b;border:none;border-radius:4px;padding:6px 15px}@media (width<=768px){.lobby-layout[data-v-56acb7a0]{-webkit-overflow-scrolling:touch;box-sizing:border-box!important;flex-direction:column!important;justify-content:flex-start!important;height:100dvh!important;padding-bottom:15px!important;overflow:hidden auto!important}.decor-corner-tr[data-v-56acb7a0]{opacity:.25!important;width:120px!important;height:100px!important}.decor-corner-br[data-v-56acb7a0]{opacity:.25!important;width:100px!important;height:85px!important}.sidebar[data-v-56acb7a0]{box-sizing:border-box!important;border-bottom:1px solid #d4af3740!important;border-right:none!important;border-radius:0 0 16px 16px!important;flex-shrink:0!important;width:100%!important;min-width:0!important;padding:12px 14px 14px!important;box-shadow:0 4px 16px #00000059!important}.sidebar-header[data-v-56acb7a0]{text-align:left!important;justify-content:space-between!important;align-items:center!important;margin-bottom:8px!important;padding-bottom:6px!important;display:flex!important}.title-row[data-v-56acb7a0]{gap:6px!important;margin-bottom:0!important}.sidebar-header h2[data-v-56acb7a0]{margin:0!important;font-size:1.35rem!important}.decor-title-end[data-v-56acb7a0]{display:none;width:16px!important}.account-info[data-v-56acb7a0]{flex-direction:row!important;align-items:center!important;gap:8px!important;margin:0!important;display:flex!important}.welcome[data-v-56acb7a0]{margin:0!important;font-size:.85rem!important}.btn-login-small[data-v-56acb7a0],.btn-logout-small[data-v-56acb7a0]{border-radius:4px!important;padding:4px 12px!important;font-size:.82rem!important}.menu-list[data-v-56acb7a0]{flex:none!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:6px!important;display:grid!important}.menu-item[data-v-56acb7a0]{box-sizing:border-box!important;background-size:100% 100%!important;border-radius:8px!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:8px!important;height:52px!important;padding:8px 10px!important;display:flex!important}.menu-item[data-v-56acb7a0]:hover:not(.disabled),.btn-matchmake[data-v-56acb7a0]:hover,.btn-secondary[data-v-56acb7a0]:hover{transform:none!important}.music-toggle-pc[data-v-56acb7a0]{display:none!important}.music-toggle-mobile[data-v-56acb7a0]{z-index:1000;position:fixed;bottom:20px;left:20px;display:block!important}.menu-icon[data-v-56acb7a0]{flex-shrink:0!important;width:28px!important;height:28px!important;margin:0!important;position:absolute!important;left:30px!important;transform:none!important}.menu-text-wrap[data-v-56acb7a0]{text-align:center!important;flex-direction:column!important;gap:1px!important;display:flex!important;overflow:hidden!important}.menu-text[data-v-56acb7a0]{white-space:nowrap!important;letter-spacing:.5px!important;font-size:13px!important;font-weight:700!important}.menu-subtext[data-v-56acb7a0]{color:#f6ebd8bf!important;white-space:nowrap!important;font-size:9.5px!important}.lobby-header[data-v-56acb7a0]{display:none!important}.lobby-main[data-v-56acb7a0]{box-sizing:border-box!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:16px!important;min-height:0!important;padding:16px 14px 10px!important;display:flex!important;overflow:visible!important}.decor-bg-center[data-v-56acb7a0]{opacity:.3!important;width:260px!important;height:260px!important}.matchmaking-panel[data-v-56acb7a0]{justify-content:center!important;align-items:center!important;width:100%!important;margin:0!important;padding:0!important;display:flex!important}.match-card[data-v-56acb7a0]{aspect-ratio:auto!important;box-sizing:border-box!important;background-color:#f5ebd7e6!important;border:2px solid #b8860b66!important;border-radius:16px!important;width:94%!important;max-width:330px!important;height:auto!important;padding:26px 20px 22px!important;box-shadow:0 8px 30px #4d35182e,inset 0 0 15px #8b5a2b1f!important}.mobile-mode-badge[data-v-56acb7a0]{color:#f9e2af!important;letter-spacing:1px!important;background:linear-gradient(135deg,#8b2518,#5c140c)!important;border:1px solid #d4af37!important;border-radius:14px!important;margin-bottom:12px!important;padding:3px 12px!important;font-size:12px!important;font-weight:700!important;display:inline-block!important;box-shadow:0 2px 6px #0003!important}.match-icon-zhan[data-v-56acb7a0]{width:92px!important;height:92px!important;margin:0 auto 10px!important;font-size:60px!important}.match-title[data-v-56acb7a0]{color:#3b2813!important;margin:0 0 4px!important;font-size:1.55rem!important}.match-desc[data-v-56acb7a0]{color:#5c4328!important;margin-bottom:18px!important;font-size:.88rem!important}.btn-matchmake[data-v-56acb7a0]{letter-spacing:4px!important;border-radius:26px!important;justify-content:center!important;align-items:center!important;width:90%!important;max-width:240px!important;height:52px!important;padding:12px 28px!important;font-size:1.3rem!important;display:flex!important;box-shadow:0 6px 18px #8b251866!important}.mobile-bottom-bar[data-v-56acb7a0]{color:#7d5e3f!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#ffffff80!important;border:1px solid #8b5a2b33!important;border-radius:20px!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:6px 16px!important;font-size:12px!important;display:flex!important}.dot-online[data-v-56acb7a0]{background-color:#27ae60;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block;box-shadow:0 0 6px #2ecc71}.m-divider[data-v-56acb7a0]{color:#c9ad84;font-weight:700}.modal-content[data-v-56acb7a0]{border-radius:14px!important;width:92vw!important;max-width:340px!important;padding:20px 16px!important}.modal-content h2[data-v-56acb7a0]{margin-bottom:14px!important;font-size:1.3rem!important}.form-group[data-v-56acb7a0]{margin-bottom:10px!important}.form-group input[data-v-56acb7a0]{padding:10px 12px!important;font-size:16px!important}.modal-actions button[data-v-56acb7a0]{border-radius:6px!important;padding:10px!important;font-size:.95rem!important}.history-list-view[data-v-56acb7a0]{max-height:55vh!important;padding:12px!important}.record-info[data-v-56acb7a0]{flex-direction:column!important;align-items:flex-start!important;gap:3px!important;font-size:.85rem!important}}.music-toggle-pc[data-v-56acb7a0]{pointer-events:none;z-index:1000;width:100%;height:100%;position:absolute;bottom:0;left:0}.music-toggle-pc>div[data-v-56acb7a0]{pointer-events:auto}.music-toggle-mobile[data-v-56acb7a0]{display:none}.custom-modal-backdrop[data-v-3c749ed0]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999999;box-sizing:border-box;background-color:#000000bf;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:16px;display:flex;position:fixed;inset:0}.custom-modal-card[data-v-3c749ed0]{text-align:center;box-sizing:border-box;background:linear-gradient(145deg,#2a2016,#1a130c);border:2px solid #d4af37;border-radius:16px;width:100%;max-width:360px;padding:24px 20px;animation:.2s cubic-bezier(.34,1.56,.64,1) modalPop-3c749ed0;box-shadow:0 15px 40px #000c,inset 0 0 15px #d4af3726}@keyframes modalPop-3c749ed0{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.modal-header[data-v-3c749ed0]{margin-bottom:12px}.modal-title[data-v-3c749ed0]{color:#f4c98b;font-size:1.4rem;font-weight:700;font-family:var(--font-calligraphy,"Ma Shan Zheng", "STKaiti", serif);letter-spacing:1px;margin:0}.modal-body[data-v-3c749ed0]{margin-bottom:24px}.modal-message[data-v-3c749ed0]{color:#e6d5c3;margin:0;font-size:.95rem;line-height:1.5}.modal-footer[data-v-3c749ed0]{justify-content:center;gap:12px;display:flex}.btn-modal-cancel[data-v-3c749ed0]{color:#cbd5e1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #fff3;border-radius:21px;flex:1;height:42px;font-size:.95rem;font-weight:500;transition:all .15s}.btn-modal-cancel[data-v-3c749ed0]:active{background:#ffffff26;transform:scale(.96)}.btn-modal-confirm[data-v-3c749ed0]{color:#1a1005;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#d4af37,#aa8010);border:1px solid #f9e2af;border-radius:21px;flex:1;height:42px;font-size:.95rem;font-weight:700;transition:all .15s;box-shadow:0 4px 12px #d4af3759}.btn-modal-confirm[data-v-3c749ed0]:active{filter:brightness(1.15);transform:scale(.96)}.player-bar[data-v-85136eb6]{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#1c140ccc,#0e0a06f2);border:1px solid #d4af3759;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:calc(100% - 16px);margin:0 auto;padding:10px 14px;display:flex;box-shadow:0 4px 12px #000c,inset 0 1px 1px #ffffff0d}.player-bar.active[data-v-85136eb6]{border-color:#e6b43ce6;box-shadow:0 0 16px #e6b43c66,inset 0 0 24px #e6b43c33}.avatar-pc-wrap[data-v-85136eb6]{flex-shrink:0;position:relative}.wrap-red[data-v-85136eb6],.wrap-black[data-v-85136eb6]{width:171.262px;height:83.5432px}.scale-inner[data-v-85136eb6]{position:absolute;top:0}.inner-red[data-v-85136eb6]{transform-origin:0 0;width:295.28px;height:144.04px;left:0;transform:scale(.58)}.inner-black[data-v-85136eb6]{transform-origin:100% 0;width:295.28px;height:144.04px;right:0;transform:scale(.58)}.scale-inner>div[data-v-85136eb6]{background-repeat:no-repeat;background-size:100% 100%;align-items:center;display:flex;position:absolute}.panel-bg-red[data-v-85136eb6]{background-image:url(/figma_assets/battle_left_panel.webp);width:295.28px;height:144.04px;top:0;left:0}.avatar-red[data-v-85136eb6]{background-image:url(/figma_assets/mobile_bg_top.webp);width:124.69px;height:128.63px;top:.04px;left:0}.name-bg-red[data-v-85136eb6]{background-image:url(/figma_assets/mobile_bg_bottom.webp);width:31.55px;height:48.54px;top:63.95px;left:139.94px}.char-bg-red[data-v-85136eb6]{background:radial-gradient(circle,#5c2b2b,#280a0a);border:2px solid #d4af37;border-radius:50%;width:36px;height:36px;top:109.85px;left:51.95px;box-shadow:inset 0 0 8px #000c,0 2px 4px #00000080}.pc-char.text-red[data-v-85136eb6]{color:#fff;justify-content:center;width:26px;height:38px;font-size:20px;font-weight:500;top:108.85px;left:56.95px}.pc-name.text-red[data-v-85136eb6]{color:#fff;white-space:nowrap;text-overflow:ellipsis;justify-content:center;width:140px;height:37px;font-size:20px;font-weight:500;top:32.21px;left:124.63px;overflow:hidden}.pc-rank.text-red[data-v-85136eb6]{color:#ffffffd9;white-space:nowrap;justify-content:flex-start;width:58px;height:25px;font-size:16px;font-weight:500;top:75.18px;left:175.97px}.panel-bg-black[data-v-85136eb6]{filter:hue-rotate(220deg);background-image:url(/figma_assets/battle_left_panel.webp);width:295.28px;height:144.04px;top:0;right:0;transform:scaleX(-1)}.avatar-black[data-v-85136eb6]{background-image:url(/figma_assets/desktop_red_piece_frame.webp);width:139.93px;height:128.63px;top:.04px;right:0}.name-bg-black[data-v-85136eb6]{background-image:url(/figma_assets/desktop_red_score_bg.webp);width:31.55px;height:48.54px;top:63.95px;right:139.94px}.char-bg-black[data-v-85136eb6]{background:radial-gradient(circle,#2b3a5c,#0a1128);border:2px solid #d4af37;border-radius:50%;width:36px;height:36px;top:109.85px;right:51.95px;box-shadow:inset 0 0 8px #000c,0 2px 4px #00000080}.pc-char.text-black[data-v-85136eb6]{color:#fff;justify-content:center;width:26px;height:38px;font-size:20px;font-weight:500;top:108.85px;right:56.95px}.pc-name.text-black[data-v-85136eb6]{color:#fff;white-space:nowrap;text-overflow:ellipsis;justify-content:center;width:140px;height:37px;font-size:20px;font-weight:500;top:32.21px;right:124.63px;overflow:hidden}.pc-rank.text-black[data-v-85136eb6]{color:#ffffffd9;white-space:nowrap;justify-content:flex-end;width:58px;height:25px;font-size:16px;font-weight:500;top:75.18px;right:175.97px}.timers[data-v-85136eb6]{flex-direction:column;flex-shrink:0;align-items:stretch;gap:6px;display:flex}.timer-box[data-v-85136eb6]{box-sizing:border-box;background:#450a0ad9;border:2px solid #7f1d1d;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:4px 16px;display:flex;box-shadow:inset 0 0 10px #00000080}.camp-black .timer-box[data-v-85136eb6]{background:#0f172ad9;border-color:#334155}.timer-label[data-v-85136eb6]{color:#ffebbee6;white-space:nowrap;font-size:13px}.timer-text[data-v-85136eb6]{color:#fff;font-variant-numeric:tabular-nums;text-align:right;letter-spacing:1px;width:48px;font-size:16px;font-weight:700}.timer-box.urgent .timer-text[data-v-85136eb6]{color:#ffb020}.timer-box.out .timer-text[data-v-85136eb6]{color:#e74c3c}.avatar-right[data-v-85136eb6]{flex-direction:row-reverse}*{box-sizing:border-box}body{color:#ecf0f1;background-color:#1a252f;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.game-view{background-color:#2c3e50;background-image:url(/figma_assets/bg_battle.webp);background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.game-area{justify-content:center;align-items:center;display:flex}.game-over-modal{text-align:center;z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000d9;border:2px solid #f1c40f;border-radius:12px;width:max-content;max-width:90vw;padding:40px 60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #00000080}.game-over-modal h2{color:#f1c40f;letter-spacing:2px;margin-top:0;font-size:2.5rem}.game-over-modal p{margin-bottom:30px;font-size:1.5rem}.game-over-modal button{color:#fff;cursor:pointer;background-color:#27ae60;border:none;border-radius:6px;padding:12px 30px;font-size:1.2rem;transition:all .2s}.game-over-modal button:hover{background-color:#2ecc71;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.side-panel{box-sizing:border-box;background-color:#0003;flex-direction:column;width:250px;height:100vh;padding:20px;display:flex}.left-panel{border-right:1px solid #ffffff1a;flex-direction:column;justify-content:space-between}.left-panel.is-flipped{flex-direction:column-reverse}.right-panel{border-left:1px solid #ffffff1a}.center-panel{flex:1;justify-content:center;align-items:center;display:flex}.player-card{background-color:#0006;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:15px;padding:20px;transition:all .3s;display:flex}.player-card.active{border-color:#f1c40f;transform:scale(1.02);box-shadow:0 0 20px #f1c40f33}.avatar-placeholder{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:700;display:flex}.black-avatar{color:#bdc3c7;background-color:#34495e;border:3px solid #2c3e50}.red-avatar{color:#f1c40f;background-color:#c0392b;border:3px solid #e74c3c}.player-name{font-size:1.2rem;font-weight:700}.black-card .player-name{color:#bdc3c7}.red-card .player-name{color:#e74c3c}.vs-divider{color:#ffffff1a;text-align:center;font-size:3rem;font-style:italic;font-weight:700}.time-info{box-sizing:border-box;background-color:#00000080;border-radius:8px;flex-direction:column;align-items:center;gap:8px;width:100%;padding:10px 20px;font-family:monospace;font-size:1.3rem;display:flex}.time-item{color:#ecf0f1}.action-buttons{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.btn-action{color:#ecf0f1;cursor:pointer;background-color:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:12px;font-size:1.1rem;transition:all .2s}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-action:hover:not(:disabled){background-color:#fff3}.btn-danger{color:#e74c3c;background-color:#e74c3c33;border-color:#e74c3c66}.btn-danger:hover{color:#fff;background-color:#e74c3c66}.history-panel{background-color:#0000004d;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden}.history-panel h3{text-align:center;background-color:#0006;border-bottom:1px solid #ffffff1a;margin:0;padding:15px;font-size:1.1rem}.history-list{flex-direction:column;flex:1;gap:5px;padding:10px;display:flex;overflow-y:auto}.history-item{color:#bdc3c7;background-color:#ffffff0d;border-radius:4px;padding:8px 10px;font-size:.9rem}.step-num{color:#7f8c8d;margin-right:5px}.empty-history{text-align:center;color:#7f8c8d;margin-top:20px}@keyframes flash{0%,to{color:#ecf0f1;text-shadow:none}50%{color:#e74c3c;text-shadow:0 0 10px #e74c3c}}.warning-flash{font-weight:700;animation:1s infinite flash}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal-content{background-color:#2c3e50;border:1px solid #ffffff1a;border-radius:12px;width:90vw;max-width:350px;padding:30px;box-shadow:0 10px 30px #00000080}.modal-content h3{color:#f1c40f;text-align:center;margin-top:0}.time-list{flex-direction:column;gap:10px;margin:20px 0;display:flex}.time-item{cursor:pointer;text-align:center;background-color:#ffffff0d;border:1px solid #0000;border-radius:6px;padding:12px 15px;transition:all .2s}.time-item:hover{background-color:#ffffff1a}.time-item.active{color:#fff;background-color:#2980b9;border-color:#3498db;box-shadow:0 2px 8px #2980b966}.modal-actions{justify-content:center;display:flex}.btn-confirm{cursor:pointer;color:#fff;background-color:#27ae60;border:none;border-radius:6px;width:100%;padding:12px;font-size:1.1rem;transition:background-color .2s}.btn-confirm:hover{background-color:#2ecc71}.waiting-overlay{color:#fff;z-index:50;background-color:#2980b9e6;border-radius:8px;padding:15px 30px;font-size:1.2rem;animation:2s infinite pulse;position:absolute;top:100px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0000004d}@media (width<=768px){.game-view{flex-direction:column;justify-content:space-between;padding:10px 0;overflow-y:auto}.side-panel{flex-direction:row;justify-content:center;gap:10px;width:100%;height:auto;padding:10px}.left-panel{border-bottom:1px solid #ffffff1a;border-right:none;display:contents}.left-panel.is-flipped{display:contents}.order-top{order:1}.center-panel{order:2}.order-bottom{order:3}.right-panel{border-top:1px solid #ffffff1a;border-left:none;flex-wrap:wrap;order:4}.vs-divider{display:none}.player-card{box-sizing:border-box;flex-direction:row;gap:10px;width:calc(100% - 20px);margin:0 10px;padding:5px 10px}.player-card.active{border-color:#f1c40f;transform:none;box-shadow:0 0 10px #f1c40f66}.avatar-placeholder{width:40px;height:40px;font-size:1.2rem}.time-info{padding:5px;font-size:.9rem}.action-buttons{flex-flow:wrap;justify-content:center;width:100%;margin-bottom:0}.btn-action{flex:1;min-width:80px;padding:8px;font-size:.9rem}.history-panel{display:none}.game-over-modal{width:90vw;padding:20px 30px}}.figma-container{white-space:nowrap;pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.figma-container>*{pointer-events:auto}.btn-click{cursor:pointer}.btn-click:hover{filter:brightness(1.2)}.board-container{z-index:100;justify-content:center;align-items:center;width:720px;height:800px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.layer-1-5{left:calc(15.3691px * var(--app-scale));top:calc(18.2329px * var(--app-scale));z-index:1;width:295.277px;height:144.036px;transform:scale(var(--app-scale));transform-origin:0 0;background-image:url(/figma_assets/battle_left_panel.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-6{left:calc(15.3691px * var(--app-scale));top:calc(18.2706px * var(--app-scale));z-index:1;width:124.695px;height:128.629px;transform:scale(var(--app-scale));transform-origin:0 0;background-image:url(/figma_assets/mobile_bg_top.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-7{left:calc(140px * var(--app-scale));top:calc(50.44px * var(--app-scale));color:#fff;z-index:50;width:140px;height:37px;transform:scale(var(--app-scale));transform-origin:0 0;background-size:100% 100%;align-items:center;font-family:Inter;font-size:24.364px;font-weight:500;line-height:36.546px;display:flex;position:absolute;text-align:center!important;justify-content:center!important}.layer-1-8{left:calc(155.308px * var(--app-scale));top:calc(82.1779px * var(--app-scale));z-index:1;width:31.5458px;height:48.5436px;transform:scale(var(--app-scale));transform-origin:0 0;background-image:url(/figma_assets/mobile_bg_bottom.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-9{left:calc(61.4763px * var(--app-scale));top:calc(113.735px * var(--app-scale));z-index:1;width:47.7274px;height:64.7118px;transform:scale(var(--app-scale));transform-origin:0 0;background-image:url(/figma_assets/mobile_avatar_red.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-10{left:calc(35.3691px * var(--app-scale));top:calc(185.38px * var(--app-scale));z-index:1;width:202.224px;height:48.5436px;transform:scale(var(--app-scale));transform-origin:0 0;background-color:#450a0ad9;background-size:100% 100%;border:2px solid #7f1d1d;border-radius:30px;align-items:center;display:flex;position:absolute;box-shadow:inset 0 0 10px #00000080}.layer-1-11{left:calc(30.7381px * var(--app-scale));top:calc(177.638px * var(--app-scale));z-index:1;width:46.9123px;height:32.3559px;transform:scale(var(--app-scale)) translateY(-4px);transform-origin:0 0;background-image:url(/figma_assets/mobile_avatar_black.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-12{left:calc(126.732px * var(--app-scale));top:calc(187.034px * var(--app-scale));color:#fff;text-align:left;z-index:50;width:59px;height:31px;transform:scale(var(--app-scale)) translateY(-4px);transform-origin:0 0;background-size:100% 100%;justify-content:flex-start;align-items:center;font-family:Inter;font-size:16px;font-weight:500;line-height:31.0859px;display:flex;position:absolute}.layer-1-13{left:calc(35.3691px * var(--app-scale));top:calc(245.353px * var(--app-scale));z-index:1;width:202.224px;height:48.5436px;transform:scale(var(--app-scale));transform-origin:0 0;background-color:#450a0ad9;background-size:100% 100%;border:2px solid #7f1d1d;border-radius:30px;align-items:center;display:flex;position:absolute;box-shadow:inset 0 0 10px #00000080}.layer-1-14{left:calc(30.7381px * var(--app-scale));top:calc(225.353px * var(--app-scale));z-index:1;width:46.9123px;height:48.5436px;transform:scale(var(--app-scale)) translateY(-4px);transform-origin:0 0;background-image:url(/figma_assets/icon_exit.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-15{left:calc(126.732px * var(--app-scale));top:calc(235.904px * var(--app-scale));color:#fff;text-align:left;z-index:50;width:59px;height:31px;transform:scale(var(--app-scale)) translateY(-4px);transform-origin:0 0;background-size:100% 100%;justify-content:flex-start;align-items:center;font-family:Inter;font-size:20.724px;font-weight:500;line-height:31.0859px;display:flex;position:absolute}.layer-1-16{left:calc(15.3691px * var(--app-scale));top:calc(336.99px * var(--app-scale));z-index:1;width:156.077px;height:64.7118px;transform:scale(var(--app-scale));transform-origin:0 0;background-image:url(/figma_assets/actions_bar_bg_left.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-17{left:calc(46.1072px * var(--app-scale));top:calc(353.159px * var(--app-scale));z-index:1;width:47.7274px;height:48.5436px;transform:scale(var(--app-scale));transform-origin:0 0;background-image:url(/figma_assets/icon_resign.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-18{left:calc(15.3691px * var(--app-scale));bottom:calc(350.026px * var(--app-scale));z-index:1;width:156.077px;height:80.0729px;transform:scale(var(--app-scale));transform-origin:0 100%;background-image:url(/figma_assets/actions_bar_bg_right.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-19{left:calc(30.7381px * var(--app-scale));bottom:calc(365.395px * var(--app-scale));z-index:1;width:63.0915px;height:48.5436px;transform:scale(var(--app-scale));transform-origin:0 100%;background-image:url(/figma_assets/action_btn_bg_small.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-20{left:calc(15.3691px * var(--app-scale));bottom:calc(286.123px * var(--app-scale));z-index:1;width:156.077px;height:64.7118px;transform:scale(var(--app-scale));transform-origin:0 100%;background-image:url(/figma_assets/btn_bg_red_wood.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-21{left:calc(30.7381px * var(--app-scale));bottom:calc(302.301px * var(--app-scale));z-index:1;width:63.0915px;height:48.5436px;transform:scale(var(--app-scale));transform-origin:0 100%;background-image:url(/figma_assets/icon_undo.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-22{left:calc(90.7001px * var(--app-scale));bottom:calc(301.809px * var(--app-scale));color:#fff;text-align:left;z-index:50;width:43px;height:32px;transform:scale(var(--app-scale));transform-origin:0 100%;background-size:100% 100%;justify-content:flex-start;align-items:center;font-family:Inter;font-size:21.5976px;font-weight:500;line-height:32.3964px;display:flex;position:absolute}.layer-1-23{left:calc(15.3691px * var(--app-scale));bottom:calc(206.851px * var(--app-scale));z-index:1;width:156.077px;height:80.0729px;transform:scale(var(--app-scale));transform-origin:0 100%;background-image:url(/figma_assets/btn_bg_light_wood.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-24{left:calc(46.1072px * var(--app-scale));bottom:calc(222.22px * var(--app-scale));z-index:1;width:31.5458px;height:48.5436px;transform:scale(var(--app-scale));transform-origin:0 100%;background-image:url(/figma_assets/icon_draw.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-25{left:calc(15.3691px * var(--app-scale));bottom:calc(31.32px * var(--app-scale));z-index:1;width:78.3925px;height:80.0729px;transform:scale(var(--app-scale));transform-origin:0 100%;background-image:url(/figma_assets/nav_bg_active.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-26{left:calc(93.0233px * var(--app-scale));bottom:calc(31.32px * var(--app-scale));z-index:1;width:78.3925px;height:80.0729px;transform:scale(var(--app-scale));transform-origin:0 100%;background-image:url(/figma_assets/nav_bg_normal.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-27{left:calc(108.392px * var(--app-scale));bottom:calc(47.498px * var(--app-scale));z-index:1;width:46.9123px;height:48.5436px;transform:scale(var(--app-scale));transform-origin:0 100%;background-image:url(/figma_assets/icon_music.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-28{left:calc(170.677px * var(--app-scale));bottom:calc(31.32px * var(--app-scale));z-index:1;width:78.3925px;height:80.0729px;transform:scale(var(--app-scale));transform-origin:0 100%;background-image:url(/figma_assets/action_btn_bg_large.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-29{left:calc(186.047px * var(--app-scale));bottom:calc(47.498px * var(--app-scale));z-index:1;width:46.9123px;height:48.5436px;transform:scale(var(--app-scale));transform-origin:0 100%;background-image:url(/figma_assets/icon_chat.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-30{right:calc(-3.08405px * var(--app-scale));top:calc(3.23163px * var(--app-scale));z-index:1;width:482.72px;height:175.215px;transform:scale(var(--app-scale));transform-origin:100% 0;background-image:url(/figma_assets/desktop_red_info_bg.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-31{right:calc(12.8726px * var(--app-scale));top:calc(34.3727px * var(--app-scale));z-index:1;width:295.277px;height:112.527px;transform:scale(var(--app-scale));transform-origin:100% 0;background-image:url(/figma_assets/desktop_red_timer_container.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-32{right:calc(12.9105px * var(--app-scale));top:calc(18.2706px * var(--app-scale));z-index:1;width:139.931px;height:128.629px;transform:scale(var(--app-scale));transform-origin:100% 0;background-image:url(/figma_assets/desktop_red_piece_frame.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-33{right:calc(140px * var(--app-scale));top:calc(50.44px * var(--app-scale));color:#fff;z-index:50;width:140px;height:37px;transform:scale(var(--app-scale));transform-origin:100% 0;background-size:100% 100%;align-items:center;font-family:Inter;font-size:20px;font-weight:500;line-height:36.546px;display:flex;position:absolute;text-align:center!important;justify-content:center!important}.layer-1-34{right:calc(230.497px * var(--app-scale));top:calc(82.1779px * var(--app-scale));z-index:1;width:31.5458px;height:48.5436px;transform:scale(var(--app-scale));transform-origin:100% 0;background-image:url(/figma_assets/desktop_red_score_bg.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-35{right:calc(136.663px * var(--app-scale));top:calc(82.1779px * var(--app-scale));z-index:1;width:32.3559px;height:48.5436px;transform:scale(var(--app-scale)) translateY(-4px);transform-origin:100% 0;background-image:url(/figma_assets/desktop_red_score_label.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-36{right:calc(32.902px * var(--app-scale));top:calc(185.38px * var(--app-scale));z-index:1;width:202.224px;height:48.5436px;transform:scale(var(--app-scale));transform-origin:100% 0;background-color:#0f172ad9;background-size:100% 100%;border:2px solid #334155;border-radius:30px;align-items:center;display:flex;position:absolute;box-shadow:inset 0 0 10px #00000080}.layer-1-37{right:calc(152.845px * var(--app-scale));top:calc(177.638px * var(--app-scale));z-index:1;width:46.9123px;height:32.3559px;transform:scale(var(--app-scale));transform-origin:100% 0;background-image:url(/figma_assets/desktop_black_timer_container.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-38{right:calc(32.902px * var(--app-scale));top:calc(245.353px * var(--app-scale));z-index:1;width:202.224px;height:48.5436px;transform:scale(var(--app-scale));transform-origin:100% 0;background-color:#0f172ad9;background-size:100% 100%;border:2px solid #334155;border-radius:30px;align-items:center;display:flex;position:absolute;box-shadow:inset 0 0 10px #00000080}.layer-1-39{right:calc(168.212px * var(--app-scale));top:calc(225.353px * var(--app-scale));z-index:1;width:31.5458px;height:48.5436px;transform:scale(var(--app-scale)) translateY(-4px);transform-origin:100% 0;background-image:url(/figma_assets/desktop_black_score_bg.webp);background-size:100% 100%;align-items:center;display:flex;position:absolute}.layer-1-40{right:calc(42.9001px * var(--app-scale));top:calc(187.034px * var(--app-scale));color:#fff;text-align:left;z-index:50;width:59px;height:31px;transform:scale(var(--app-scale)) translateY(-4px);transform-origin:100% 0;background-size:100% 100%;justify-content:flex-start;align-items:center;font-family:Inter;font-size:20.724px;font-weight:500;line-height:31.0859px;display:flex;position:absolute}.layer-1-41{right:calc(42.9001px * var(--app-scale));top:calc(235.904px * var(--app-scale));color:#fff;text-align:left;z-index:50;width:59px;height:31px;transform:scale(var(--app-scale)) translateY(-4px);transform-origin:100% 0;background-size:100% 100%;justify-content:flex-start;align-items:center;font-family:Inter;font-size:20.724px;font-weight:500;line-height:31.0859px;display:flex;position:absolute}.layer-1-42{left:calc(74.548px * var(--app-scale));top:calc(184.756px * var(--app-scale));color:#fff;text-align:left;z-index:50;width:32px;height:24px;transform:scale(var(--app-scale)) translateY(-4px);transform-origin:0 0;background-size:100% 100%;justify-content:flex-start;align-items:center;font-family:Inter;font-size:16px;font-weight:500;line-height:24px;display:flex;position:absolute}.layer-1-43{left:calc(74.548px * var(--app-scale));top:calc(236.94px * var(--app-scale));color:#fff;text-align:left;z-index:50;width:32px;height:24px;transform:scale(var(--app-scale)) translateY(-4px);transform-origin:0 0;background-size:100% 100%;justify-content:flex-start;align-items:center;font-family:Inter;font-size:16px;font-weight:500;line-height:24px;display:flex;position:absolute}.layer-1-44{right:calc(128.296px * var(--app-scale));top:calc(184.756px * var(--app-scale));color:#fff;text-align:left;z-index:50;width:32px;height:24px;transform:scale(var(--app-scale)) translateY(-4px);transform-origin:100% 0;background-size:100% 100%;justify-content:flex-start;align-items:center;font-family:Inter;font-size:16px;font-weight:500;line-height:24px;display:flex;position:absolute}.layer-1-45{right:calc(128.296px * var(--app-scale));top:calc(236.94px * var(--app-scale));color:#fff;text-align:left;z-index:50;width:32px;height:24px;transform:scale(var(--app-scale)) translateY(-4px);transform-origin:100% 0;background-size:100% 100%;justify-content:flex-start;align-items:center;font-family:Inter;font-size:16px;font-weight:500;line-height:24px;display:flex;position:absolute}.layer-1-46{left:calc(72.32px * var(--app-scale));top:calc(127.08px * var(--app-scale));color:#fff;z-index:50;width:26px;height:38px;transform:scale(var(--app-scale));transform-origin:0 0;background-size:100% 100%;align-items:center;font-family:Inter;font-weight:500;line-height:37.9171px;display:flex;position:absolute;text-align:center!important;justify-content:center!important;font-size:18px!important}.layer-1-47{right:calc(64.3176px * var(--app-scale));top:calc(123.65px * var(--app-scale));color:#fff;z-index:50;width:26px;height:38px;transform:scale(var(--app-scale));transform-origin:100% 0;background-size:100% 100%;align-items:center;font-family:Inter;font-weight:500;line-height:37.9171px;display:flex;position:absolute;text-align:center!important;justify-content:center!important;font-size:18px!important}.layer-1-48{left:calc(191.34px * var(--app-scale));top:calc(93.4103px * var(--app-scale));color:#fff;text-align:left;z-index:50;width:58px;height:25px;transform:scale(var(--app-scale));transform-origin:0 0;background-size:100% 100%;justify-content:flex-start;align-items:center;font-family:Inter;font-size:16.6552px;font-weight:500;line-height:24.9828px;display:flex;position:absolute}.layer-1-49{right:calc(176.844px * var(--app-scale));top:calc(93.4103px * var(--app-scale));color:#fff;text-align:left;z-index:50;width:58px;height:25px;transform:scale(var(--app-scale));transform-origin:100% 0;background-size:100% 100%;justify-content:flex-start;align-items:center;font-family:Inter;font-size:16.6552px;font-weight:500;line-height:24.9828px;display:flex;position:absolute}.layer-1-50{right:calc(71.3129px * var(--app-scale));top:calc(312.196px * var(--app-scale));color:#fff;text-align:left;z-index:50;width:76px;height:29px;transform:scale(var(--app-scale));transform-origin:100% 0;background-size:100% 100%;justify-content:flex-start;align-items:center;font-family:Inter;font-size:19.0091px;font-weight:500;line-height:28.5136px;display:flex;position:absolute}.layer-1-51{left:calc(90.7001px * var(--app-scale));top:calc(356.378px * var(--app-scale));color:#fff;text-align:left;z-index:50;width:43px;height:32px;transform:scale(var(--app-scale));transform-origin:0 0;background-size:100% 100%;justify-content:flex-start;align-items:center;font-family:Inter;font-size:21.5976px;font-weight:500;line-height:32.3964px;display:flex;position:absolute}.layer-1-52{left:calc(90.7001px * var(--app-scale));bottom:calc(372.215px * var(--app-scale));color:#fff;text-align:left;z-index:50;width:43px;height:32px;transform:scale(var(--app-scale));transform-origin:0 100%;background-size:100% 100%;justify-content:flex-start;align-items:center;font-family:Inter;font-size:21.5976px;font-weight:500;line-height:32.3964px;display:flex;position:absolute}.layer-1-53{left:calc(90.7001px * var(--app-scale));bottom:calc(234.716px * var(--app-scale));color:#fff;text-align:left;z-index:50;width:43px;height:32px;transform:scale(var(--app-scale));transform-origin:0 100%;background-size:100% 100%;justify-content:flex-start;align-items:center;font-family:Inter;font-size:21.5976px;font-weight:500;line-height:32.3964px;display:flex;position:absolute}.layer-1-54{left:calc(37.4261px * var(--app-scale));bottom:calc(25.0316px * var(--app-scale));color:#fff;text-align:left;z-index:50;width:32px;height:24px;transform:scale(var(--app-scale));transform-origin:0 100%;background-size:100% 100%;justify-content:flex-start;align-items:center;font-family:Inter;font-size:16px;font-weight:500;line-height:24px;display:flex;position:absolute}.layer-1-55{left:calc(115.702px * var(--app-scale));bottom:calc(25.0316px * var(--app-scale));color:#fff;text-align:left;z-index:50;width:32px;height:24px;transform:scale(var(--app-scale));transform-origin:0 100%;background-size:100% 100%;justify-content:flex-start;align-items:center;font-family:Inter;font-size:16px;font-weight:500;line-height:24px;display:flex;position:absolute}.layer-1-56{left:calc(192.735px * var(--app-scale));bottom:calc(25.0316px * var(--app-scale));color:#fff;text-align:left;z-index:50;width:32px;height:24px;transform:scale(var(--app-scale));transform-origin:0 100%;background-size:100% 100%;justify-content:flex-start;align-items:center;font-family:Inter;font-size:16px;font-weight:500;line-height:24px;display:flex;position:absolute}.layer-1-57{right:calc(141.811px * var(--app-scale));bottom:calc(25.0316px * var(--app-scale));color:#fff;text-align:left;z-index:50;width:32px;height:24px;transform:scale(var(--app-scale));transform-origin:100% 100%;background-size:100% 100%;justify-content:flex-start;align-items:center;font-family:Inter;font-size:16px;font-weight:500;line-height:24px;display:flex;position:absolute}.layer-1-58{right:calc(53.5961px * var(--app-scale));bottom:calc(25.0316px * var(--app-scale));color:#fff;text-align:left;z-index:50;width:32px;height:24px;transform:scale(var(--app-scale));transform-origin:100% 100%;background-size:100% 100%;justify-content:flex-start;align-items:center;font-family:Inter;font-size:16px;font-weight:500;line-height:24px;display:flex;position:absolute}.timer-box{box-sizing:border-box;padding:0 10px;justify-content:space-evenly!important;align-items:center!important;width:125px!important;display:flex!important}.timer-icon{margin-right:5px;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;width:24px!important;height:24px!important;position:static!important;transform:none!important}.timer-label{margin-right:10px;width:auto!important;height:auto!important;line-height:1!important;position:static!important;transform:none!important}.timer-text{font-variant-numeric:tabular-nums!important;position:static!important;transform:none!important}.layer-1-48,.layer-1-49{white-space:nowrap!important}.m-bottom-nav{width:100vw;padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px)) 0;z-index:99998;background:#0e0a06f2;border-top:1px solid #d4af374d;justify-content:space-evenly;align-items:center;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -4px 12px #00000080}.m-nav-btn{cursor:pointer;flex-direction:column;align-items:center;gap:0;display:flex}.m-nav-btn .circle-bg{background-size:100% 100%;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 8px #00000080}.bg-sound{background-image:url(/figma_assets/nav_bg_active.webp)}.bg-empty{background-image:url(/figma_assets/nav_bg_normal.webp)}.m-nav-btn .icon-music{background-image:url(/figma_assets/icon_music.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;width:28px;height:28px}.m-nav-btn .icon-chat{background-image:url(/figma_assets/icon_chat.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;width:28px;height:28px}.icon-menu{background:linear-gradient(#ffebbee6 0% 20%,#0000 20% 40%,#ffebbee6 40% 60%,#0000 60% 80%,#ffebbee6 80% 100%);width:20px;height:16px}.m-nav-btn .text{color:#fff;text-shadow:0 1px 2px #000c;font-size:13px;font-weight:700}.mobile-figma-battle{width:100vw;padding:6px 10px calc(90px + env(safe-area-inset-bottom,6px)) 10px;box-sizing:border-box;z-index:10;background:url(/figma_assets/bg_battle.webp) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;gap:36px;height:100dvh;display:flex;position:relative;overflow:hidden}.m-board-wrap{aspect-ratio:9/10.5;box-sizing:border-box;z-index:15;flex:0 auto;justify-content:center;align-items:center;width:100%;min-height:0;max-height:calc(100vh - 220px);padding:4px 0;display:flex;overflow:hidden}.m-bottom-actions{bottom:calc(75px + env(safe-area-inset-bottom,0px));z-index:99997;box-sizing:border-box;opacity:0;pointer-events:none;background:#0e0a06d9;justify-content:space-evenly;align-items:center;gap:5px;width:100vw;padding:12px 5px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;left:0;right:0;transform:translateY(150%)}.m-bottom-actions.show{opacity:1;pointer-events:auto;transform:translateY(0)}.m-btn-pill{cursor:pointer;background-size:100% 100%;justify-content:center;align-items:center;width:23vw;height:9.5vw;display:flex;position:relative}.btn-red-wood{background-image:url(/figma_assets/btn_bg_red_wood.webp)}.btn-light-wood{background-image:url(/figma_assets/btn_bg_light_wood.webp)}.m-btn-pill .icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:26px;height:26px;position:absolute;left:10%}.m-btn-pill .text{color:#fff;text-shadow:0 2px 4px #000c,0 1px 2px #000;letter-spacing:1px;font-size:15px;font-weight:900}.red-avatar-bg{left:calc(65px * var(--app-scale));top:calc(126px * var(--app-scale));z-index:10;width:40px;height:40px;transform:scale(var(--app-scale));transform-origin:0 0;background:radial-gradient(circle,#5c2b2b,#280a0a);border:2px solid #d4af37;border-radius:50%;position:absolute;box-shadow:inset 0 0 8px #000c,0 2px 4px #00000080}.blue-avatar-bg{right:calc(57px * var(--app-scale));top:calc(122px * var(--app-scale));z-index:10;width:40px;height:40px;transform:scale(var(--app-scale));transform-origin:100% 0;background:radial-gradient(circle,#2b3a5c,#0a1128);border:2px solid #d4af37;border-radius:50%;position:absolute;box-shadow:inset 0 0 8px #000c,0 2px 4px #00000080}.layer-1-27.muted,.m-nav-btn.muted{filter:grayscale()opacity(.6)}