/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.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,)}.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-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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--ink:#51475f;--muted:#8f829e;--cream:#fffafc;--pink:#ff8fb8;--deep-pink:#f15d98;--lilac:#a989e8;--fanbao-teal:#14a88d;--fanbao-deep:#087b6e;--fanbao-cream:#fff5d7;--fanbao-yellow:#ffe06a;--line:#85659829;--shadow:0 24px 60px #65417e26}*{box-sizing:border-box}html{background:#fff6fb;min-width:320px}body{color:var(--ink);margin:0;font-family:Microsoft YaHei UI,PingFang SC,Noto Sans CJK SC,system-ui,sans-serif}button{font:inherit}.game-page{background:radial-gradient(circle at 7% 10%,#ffb4d38c,#0000 24%),radial-gradient(circle at 91% 18%,#b8a4f76b,#0000 25%),radial-gradient(circle at 82% 90%,#a7e2de4d,#0000 24%),linear-gradient(145deg,#fff8fb 0%,#fdf5ff 44%,#fff9f3 100%);min-height:100svh;position:relative;overflow:hidden}.game-page:before,.game-page:after{z-index:0;content:"";filter:blur(1px);pointer-events:none;background:#ffffff3d;border:1px solid #fffc;border-radius:48% 52% 63% 37%;width:290px;height:290px;position:fixed}.game-page:before{top:-150px;right:12%;transform:rotate(24deg)}.game-page:after{bottom:-190px;left:8%;transform:rotate(-18deg)}.floating-spark{z-index:0;color:#ff79b061;pointer-events:none;font-size:44px;animation:5s ease-in-out infinite floaty;position:fixed}.spark-one{top:18%;left:3%}.spark-two{color:#9c7bde57;animation-delay:-1.7s;top:56%;right:3%}.spark-three{color:#5bc2b64d;animation-delay:-3s;bottom:8%;left:10%}.start-screen{z-index:60;background:radial-gradient(circle at 15% 14%,#ffe06a7a,#0000 21%),radial-gradient(circle at 88% 18%,#76e0cd73,#0000 24%),radial-gradient(circle at 50% 105%,#ff9fc352,#0000 32%),linear-gradient(150deg,#fff9e9,#eefcf8 58%,#fff3f8);place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow-y:auto}.start-screen:before{content:"";pointer-events:none;background-image:radial-gradient(#0c84731f 1px,#0000 1px);background-size:20px 20px;position:fixed;inset:0}.start-card{z-index:1;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd4;border:3px solid #ffffffeb;border-radius:38px;place-items:center;width:min(660px,100%);padding:clamp(20px,4vw,34px);animation:.52s cubic-bezier(.2,.9,.25,1.08) both start-card-in;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 90px #0c736430,inset 0 0 0 1px #14a88d14}.start-card:before,.start-card:after{content:"";filter:blur(2px);pointer-events:none;border-radius:50%;width:180px;height:180px;position:absolute}.start-card:before{background:#ffe06a33;top:-110px;left:-80px}.start-card:after{background:#14a88d24;bottom:-110px;right:-95px}.chen-full-logo{z-index:1;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 18px #07756329);width:min(360px,82%);height:auto;margin:-8px 0 -4px;position:relative}.mobile-beta-notice{z-index:1;color:#8c6c7a;background:#fff1f6;border:1px solid #e25c9033;border-radius:999px;justify-content:center;align-items:center;gap:8px;max-width:470px;margin:-2px 0 7px;padding:7px 11px;font-size:8px;font-weight:800;display:flex;position:relative}.mobile-beta-notice b{color:#d84f84;flex:none;font-size:9px}.start-kicker{color:#6b9e94;letter-spacing:.24em;margin:0;font-size:9px;font-weight:1000}.start-title-row{justify-content:center;align-items:center;gap:10px;margin-top:4px;display:flex}.start-title-row>span{color:#f0bd24;filter:drop-shadow(0 3px #fff);font-size:clamp(23px,5vw,35px);animation:1.4s ease-in-out infinite alternate lightning-bounce}.start-title-row>span:last-child{animation-delay:-.7s}.start-title-row h1{color:var(--fanbao-deep);letter-spacing:.06em;text-shadow:0 4px #fff,0 8px 18px #0c776529;margin:0;font-size:clamp(32px,7vw,52px);font-weight:1000}.start-copy{color:#65867f;max-width:490px;margin:7px 0 13px;font-size:13px;font-weight:700;line-height:1.7}.start-cast{z-index:1;justify-content:center;margin:0 0 12px;display:flex;position:relative}.start-cast-item{aspect-ratio:1;background:var(--tile-bg);width:clamp(42px,10vw,58px);box-shadow:0 7px 15px var(--tile-shadow);border:3px solid #fff;border-radius:50%;place-items:center;margin-left:-5px;display:grid;overflow:hidden;transform:rotate(-3deg)}.start-cast-item:nth-child(2n){transform:translateY(4px)rotate(3deg)}.start-cast-item img{object-fit:cover;object-position:center top;width:100%;height:100%}.start-special-card{z-index:1;color:#fff;text-align:left;background:linear-gradient(120deg,#14a88deb,#3abba4e0);border:2px solid #fff;border-radius:20px;align-items:center;gap:12px;width:min(470px,100%);padding:10px 14px;display:flex;position:relative;box-shadow:0 12px 28px #0a79682e}.start-special-portrait{aspect-ratio:1;border:4px solid var(--fanbao-yellow);background:var(--fanbao-cream);border-radius:50%;flex:none;place-items:center;width:62px;display:grid;overflow:hidden;box-shadow:0 0 0 3px #ffffffb8}.start-special-portrait img{object-fit:cover;object-position:center top;width:100%;height:100%}.start-special-card small,.start-special-card strong{display:block}.start-special-card small{letter-spacing:.13em;opacity:.78;font-size:8px;font-weight:1000}.start-special-card strong{margin:2px 0;font-size:17px}.start-special-card p{opacity:.9;margin:0;font-size:9px;line-height:1.45}.start-rules{z-index:1;grid-template-columns:repeat(3,1fr);gap:7px;width:min(520px,100%);margin-top:10px;animation:.18s both fade-in;display:grid;position:relative}.start-rules div{color:#69867f;background:#f2fbf8;border:1px solid #14a88d26;border-radius:13px;gap:3px;padding:9px;font-size:9px;line-height:1.45;display:grid}.start-rules b{color:var(--fanbao-deep);font-size:11px}.start-actions{z-index:1;grid-template-columns:.8fr 1.35fr;gap:8px;width:min(470px,100%);margin-top:12px;display:grid;position:relative}.start-primary,.start-secondary{cursor:pointer;border:2px solid #fff;border-radius:999px;min-height:46px;font-size:13px;font-weight:1000;transition:transform .16s,filter .16s;box-shadow:0 9px 20px #0a766524}.start-primary{color:#fff;background:linear-gradient(90deg,#0f9f86,#27bea4)}.start-secondary{background:var(--fanbao-cream);color:var(--fanbao-deep)}.start-primary:hover,.start-secondary:hover{filter:brightness(1.04);transform:translateY(-2px)}.start-primary:focus-visible,.start-secondary:focus-visible{outline-offset:3px;outline:3px solid #14a88d59}.start-footnote{z-index:1;color:#91aaa4;margin:8px 0 -4px;font-size:9px;font-weight:700;position:relative}.start-community-actions{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(470px,100%);margin-top:8px;display:grid;position:relative}.start-community-actions button{cursor:pointer;color:#6f777b;min-height:35px;font:inherit;background:#ffffffd1;border:1px solid #14a88d2e;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900}.start-community-actions button:hover{color:var(--fanbao-deep);background:#fff}.start-community-actions button:focus-visible{outline-offset:2px;outline:3px solid #14a88d47}.start-support-button{z-index:1;cursor:pointer;color:#5f3d19;width:min(470px,100%);min-height:41px;font:inherit;background:linear-gradient(105deg,#e3ad30,#f4cb59 48%,#e5a13a);border:2px solid #fffffff5;border-radius:999px;margin-top:8px;padding:8px 14px;font-size:11px;font-weight:1000;position:relative;box-shadow:0 10px 24px #b87e1a33}.start-support-button:hover{filter:brightness(1.04);transform:translateY(-2px)}.start-support-button:focus-visible{outline-offset:3px;outline:3px solid #d59a2559}.start-decor{z-index:0;color:#f2c82e;pointer-events:none;filter:drop-shadow(0 4px #ffffffc7);font-size:clamp(30px,7vw,62px);animation:4.8s ease-in-out infinite floaty;position:fixed}.start-star-one{top:8%;left:8%}.start-star-two{color:#22ad94;animation-delay:-1.6s;bottom:12%;right:8%}.start-bottle{animation-delay:-3s;top:8%;right:7%;transform:rotate(12deg)}.game-wrap{z-index:1;width:min(1160px,100% - 32px);margin:0 auto;padding:28px 0 44px;position:relative}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.brand-lockup,.section-heading{align-items:center;gap:13px;display:flex}.brand-charm,.mini-icon{color:#fff;background:linear-gradient(145deg,#2bc2a6,#119980);border:2px solid #ffffffd1;border-radius:18px;place-items:center;width:52px;height:52px;font-size:28px;font-weight:800;display:grid;transform:rotate(-4deg);box-shadow:0 10px 24px #10917b40}.brand-lockup h1,.section-heading h2{color:#4d405a;letter-spacing:.05em;margin:2px 0 0;font-size:clamp(26px,3vw,38px);font-weight:900}.brand-lockup h1{color:var(--fanbao-deep)}.eyebrow{color:#aa8bb4;letter-spacing:.18em;margin:0;font-size:10px;font-weight:900}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.mobile-beta-pill{color:#d65185;background:#fff0f5;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:1000}.soft-button,.primary-button{cursor:pointer;color:#776580;background:#ffffffad;border:1px solid #ffffffe6;border-radius:999px;font-size:13px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s;box-shadow:0 8px 22px #5f467417}.soft-button{padding:10px 16px}.quick-win-button{color:#896022;background:linear-gradient(105deg,#fff7d7,#ffe9a6);border-color:#dfa42c4d}.quick-win-button:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.48}.soft-button:hover,.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #5f467426}.soft-button:focus-visible,.primary-button:focus-visible,.tile:focus-visible,.skill-card:focus-visible,.test-button:focus-visible{outline-offset:3px;outline:3px solid #7b5dda6b}.game-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.play-column{min-width:0}.score-strip{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.stat-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff94;border:1px solid #ffffffdb;border-radius:18px;justify-content:space-between;align-items:center;min-height:62px;padding:12px 18px;display:flex;box-shadow:0 10px 28px #573c6e14}.stat-card span{color:var(--muted);font-size:12px;font-weight:700}.stat-card strong{color:var(--deep-pink);font-size:clamp(18px,2.2vw,27px);font-weight:900}.moves-card{background:linear-gradient(135deg,#ffecf5eb,#ffffffa8)}.board-frame{box-shadow:var(--shadow), inset 0 0 0 1px #b08fc314;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff80;border:2px solid #ffffffeb;border-radius:34px;padding:clamp(10px,1.8vw,18px);position:relative}.board-ribbon{z-index:5;color:#fff;letter-spacing:.13em;text-align:center;background:linear-gradient(90deg,#fe83b2,#a686e6);border:2px solid #fff;border-radius:999px;min-width:152px;padding:6px 16px;font-size:10px;font-weight:900;position:absolute;top:-10px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #875bab38}.game-board{touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#ffe5f1bf,#efe7ffc2),#f8eefa;border-radius:24px;grid-template-columns:repeat(7,1fr);gap:clamp(4px,.8vw,8px);padding:clamp(7px,1.3vw,13px);display:grid;position:relative;box-shadow:inset 0 3px 18px #744f8c17}.game-board.is-busy{cursor:wait}.board-skill-effect{z-index:12;pointer-events:none;border-radius:24px;position:absolute;inset:clamp(10px,1.8vw,18px);overflow:hidden}.board-road{background:repeating-linear-gradient(90deg,#444b58eb 0 8%,#f4d64f 8% 11%,#444b58eb 11% 19%);border-block:2px solid #ffffffd6;height:12%;animation:.17s ease-out both board-road-in;position:absolute;top:45%;left:-2%;right:-2%;box-shadow:0 5px 16px #2b324257}.board-truck{z-index:3;filter:drop-shadow(0 12px 9px #252a3961);font-size:clamp(82px,15vw,142px);line-height:1;animation:1.5s cubic-bezier(.13,.72,.18,1) both board-truck-charge;position:absolute;top:32%;left:-33%;transform:scaleX(-1)}.board-truck-smoke{z-index:2;font-size:clamp(35px,7vw,64px);animation:1s ease-out 80ms both board-truck-smoke;position:absolute;top:42%;left:-8%}.impact-word,.carbon-word,.data-word{z-index:6;color:#fff;letter-spacing:.06em;text-shadow:0 3px #432d4c33;opacity:0;border:3px solid #fff;border-radius:14px;padding:7px 13px;font-size:clamp(18px,4.2vw,34px);font-weight:1000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)}.impact-word{background:linear-gradient(135deg,#ff6b77,#f0a346);animation:.6s cubic-bezier(.2,1.2,.3,1) .43s both board-impact-word}.game-board.effect-truck .tile.is-skill-target{animation:1.12s ease-in .36s both board-tile-crash}.board-flash{z-index:1;opacity:0;background:radial-gradient(circle,#fffffff0,#64dcff6b 34%,#4a438e1a 68%);animation:.86s ease-in-out both board-electric-flash;position:absolute;inset:0}.board-bolt{z-index:4;color:#fff77d;text-shadow:0 0 14px #fff,0 0 32px #54dfff,0 0 55px #806aff;opacity:0;font-family:Georgia,serif;font-size:clamp(150px,31vw,285px);line-height:1;position:absolute;top:-29%}.board-bolt-one{animation:.76s ease-in both board-electric-strike;left:6%}.board-bolt-two{animation:.76s ease-in .1s both board-electric-strike;left:37%}.board-bolt-three{animation:.76s ease-in .19s both board-electric-strike;right:3%}.carbon-word{background:linear-gradient(135deg,#575766,#22222b);animation:.62s cubic-bezier(.2,1.2,.3,1) .39s both board-impact-word;top:77%}.game-board.effect-electric .tile.is-skill-target{animation:.82s steps(4,end) .12s both board-tile-charcoal}.game-board.effect-electric .tile.is-skill-target:before{z-index:7;content:"⚡";color:#fff36a;text-shadow:0 0 8px #fff,0 0 15px #54dfff;place-items:center;font-size:clamp(13px,2.5vw,28px);animation:.65s ease-out both tile-bolt-mark;display:grid;position:absolute;inset:0}.effect-data{background:linear-gradient(#0f24412e,#1a164840)}.data-scanline{z-index:4;background:linear-gradient(#0000,#53f2ffe0,#0000);height:9%;animation:.88s ease-in-out both board-data-scan;position:absolute;top:-9%;left:0;right:0;box-shadow:0 8px 20px #41daff66}.data-rain{z-index:3;color:#83fbff;letter-spacing:.12em;text-shadow:0 0 8px #36d9ff;writing-mode:vertical-rl;font-family:Consolas,monospace;font-size:clamp(12px,2.5vw,22px);font-weight:900;animation:.9s linear both board-data-rain;position:absolute;top:-30%}.rain-one{left:12%}.rain-two{animation-delay:90ms;left:48%}.rain-three{animation-delay:.17s;right:11%}.data-word{background:linear-gradient(135deg,#25b8d3,#5364d7);animation:.62s cubic-bezier(.2,1.2,.3,1) .33s both board-impact-word}.game-board.effect-data .tile.is-skill-target{animation:.82s steps(6,end) .1s both board-tile-pixelate}.game-board.effect-data .tile.is-skill-target:before{z-index:7;content:"01ਐ";color:#e8ffff;white-space:pre;text-shadow:0 0 7px #15dcff;place-items:center;font-family:Consolas,monospace;font-size:clamp(8px,1.5vw,16px);font-weight:1000;line-height:1;animation:.78s steps(5,end) both tile-data-code;display:grid;position:absolute;inset:8%}.effect-saozi{background:radial-gradient(circle at 50% 46%,#ffe0b229,#6d231f29)}.board-cleaver{z-index:7;filter:drop-shadow(0 12px 8px #44222657);transform-origin:82% 18%;opacity:0;font-size:clamp(92px,19vw,175px);line-height:1;position:absolute;top:-28%}.cleaver-one{animation:1.02s cubic-bezier(.28,.8,.3,1) both cleaver-chop-one;left:12%}.cleaver-two{animation:1.02s cubic-bezier(.28,.8,.3,1) .16s both cleaver-chop-two;right:8%}.board-meat{z-index:5;opacity:0;filter:drop-shadow(0 6px 5px #5d292840);font-size:clamp(35px,7vw,68px);position:absolute;top:42%}.meat-one{animation:.76s ease-out .25s both meat-piece-fly-left;left:34%}.meat-two{animation:.76s ease-out .39s both meat-piece-fly-right;right:31%}.saozi-splash{z-index:4;aspect-ratio:1.25;opacity:0;background:radial-gradient(circle at 34% 28%,#f38b59,#b94537 58%,#762a2a 100%);border-radius:48% 52% 38% 62%/56% 32% 68% 44%;width:clamp(54px,11vw,104px);position:absolute;transform:scale(.1)rotate(-12deg);box-shadow:-24px 18px 0 -18px #c8583f,28px -11px 0 -22px #e47b4e,34px 28px 0 -25px #8e352f}.splash-one{animation:.69s cubic-bezier(.18,1.2,.3,1) .26s both saozi-splat;top:21%;left:18%}.splash-two{animation:.69s cubic-bezier(.18,1.2,.3,1) .39s both saozi-splat;top:42%;right:13%}.splash-three{animation:.69s cubic-bezier(.18,1.2,.3,1) .52s both saozi-splat;bottom:8%;left:43%}.saozi-word{z-index:9;color:#fff8df;letter-spacing:.06em;text-shadow:0 3px #451f2247;opacity:0;background:linear-gradient(135deg,#e45e42,#893438);border:3px solid #fff;border-radius:14px;padding:7px 14px;font-size:clamp(18px,4.2vw,34px);font-weight:1000;animation:.62s cubic-bezier(.2,1.2,.3,1) .46s both board-impact-word;position:absolute;top:70%;left:50%}.game-board.effect-saozi .tile.is-skill-target{animation:.92s steps(5,end) .18s both board-tile-chopped}.game-board.effect-saozi .tile.is-skill-target:before{z-index:7;content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at 35% 30%,#ffb768e6,#b93730eb 58%,#692221f2);border-radius:46% 54% 38% 62%;animation:.8s ease-out .22s both tile-saozi-splash;position:absolute;inset:7%;box-shadow:-8px 7px 0 -5px #d66b43,10px -6px 0 -7px #a33a34}.board-skill-effect.effect-fanbao{background:radial-gradient(circle at 50% 44%,#fffffff5,#ffe76f75 18%,#14a88d80 48%,#6f3da880 78%,#ee4f8f6b);box-shadow:inset 0 0 54px #ffffffb8}.fanbao-grand-flash{z-index:0;background:radial-gradient(circle, #fffffffa 0 6%, #ffdf5ab8 7% 13%, transparent 34%), repeating-conic-gradient(from 12deg, #ffffffc7 0 2deg, transparent 2deg 13deg);mix-blend-mode:screen;animation:4.15s ease-out both fanbao-grand-flash;position:absolute;inset:-18%}.fanbao-prism-ring{z-index:4;aspect-ratio:1;background:linear-gradient(#fff8dc,#fff8dc) padding-box padding-box,conic-gradient(#ff58a3,#ffe45e,#3bdfbd,#54bffc,#a75ce8,#ff58a3) border-box;border:5px solid #0000;border-radius:50%;width:clamp(136px,30vw,244px);animation:3.65s cubic-bezier(.2,.9,.25,1.1) both fanbao-prism-pulse;position:absolute;top:41%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 22px #fff,0 0 42px #ffda4dad}.fanbao-prism-ring.prism-two{background:0 0;border-width:2px;border-color:#ffffffe6;width:clamp(176px,39vw,316px);animation:4s ease-out .14s both fanbao-prism-pulse-two;box-shadow:0 0 0 7px #ffdc5a29,0 0 46px #ffffffbd}.fanbao-feast-rays{z-index:1;background:conic-gradient(from 5deg, transparent 0 7%, #ffe25f94 7% 11%, transparent 11% 19%, #4adac280 19% 23%, transparent 23% 32%, #ff81b180 32% 36%, transparent 36% 45%, #9777e67a 45% 49%, transparent 49% 100%);filter:saturate(1.28)brightness(1.12);animation:2.4s linear infinite fanbao-feast-spin;position:absolute;inset:-55%}.fanbao-rainbow-sky{z-index:2;mix-blend-mode:screen;background:radial-gradient(circle at 50% 46%,#ffffffd6 0 7%,#0000 28%),linear-gradient(125deg,#ff5da56b,#ffe15740,#41dac261,#7085f157);animation:4s ease-in-out both fanbao-sky-pulse;position:absolute;inset:0}.fanbao-rainbow-arc{z-index:5;aspect-ratio:2;background:linear-gradient(#ffffff12,#ffffff12) padding-box padding-box,linear-gradient(90deg,#ff6fa8,#ffe45c,#55dfc0,#5ebcff,#af79ed,#ff6fa8) border-box;border:clamp(10px,2.4vw,18px) solid #0000;border-bottom:0;border-radius:999px 999px 0 0;width:clamp(205px,49vw,390px);animation:1s cubic-bezier(.18,1.22,.28,1) .18s both fanbao-rainbow-arc;position:absolute;top:39%;left:50%;transform:translate(-50%,-50%)scale(.42);box-shadow:0 -6px 26px #ffffffd6,0 0 44px #ff73b38f}.fanbao-starburst{z-index:7;color:#fff8bd;text-shadow:0 0 20px #fff,0 0 46px #ffe45f,0 0 70px #f56faa;font-size:clamp(88px,20vw,168px);line-height:1;animation:1.4s ease-out .17s both fanbao-starburst;position:absolute;top:41%;left:50%;transform:translate(-50%,-50%)}.fanbao-board-portrait{z-index:6;aspect-ratio:1;background:conic-gradient(#ff7fab,#ffe26f,#57dac1,#68b8f1,#aa7ce6,#ff7fab);border:7px solid #fff;border-radius:50%;place-items:center;width:clamp(142px,32vw,250px);animation:.98s cubic-bezier(.2,1.2,.3,1) both fanbao-board-pop;display:grid;position:absolute;top:45%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 9px #ffe36385,0 0 34px #ffffffeb,0 0 64px #ee5e9e8f,0 20px 42px #45346252}.fanbao-board-portrait img{object-fit:cover;object-position:center top;width:100%;height:100%}.fanbao-orbit{z-index:7;filter:drop-shadow(0 4px 2px #452e5433);font-size:clamp(22px,4.5vw,40px);position:absolute;top:42%;left:50%}.orbit-bottle{animation:3.75s linear both fanbao-orbit-one}.orbit-star{animation:3.75s linear both fanbao-orbit-two}.orbit-plate{animation:3.75s linear both fanbao-orbit-three}.fanbao-confetti{z-index:7;color:#fff;text-shadow:0 0 8px,0 0 14px #fff;opacity:0;font-size:clamp(12px,2.8vw,24px);position:absolute;top:43%;left:50%}.confetti-one{--confetti-x:-220px;--confetti-y:-180px;color:#ffe35e;animation:3.35s ease-out .16s both fanbao-confetti}.confetti-two{--confetti-x:210px;--confetti-y:-150px;color:#ff6ba5;animation:3.65s ease-out 80ms both fanbao-confetti}.confetti-three{--confetti-x:-245px;--confetti-y:105px;color:#4ee1c2;animation:3.8s ease-out .25s both fanbao-confetti}.confetti-four{--confetti-x:235px;--confetti-y:130px;color:#aa7df0;animation:3.45s ease-out .2s both fanbao-confetti}.confetti-five{--confetti-x:-72px;--confetti-y:-250px;color:#64c8ff;animation:3.9s ease-out 40ms both fanbao-confetti}.confetti-six{--confetti-x:92px;--confetti-y:226px;color:#ffd75e;animation:3.55s ease-out .3s both fanbao-confetti}.fanbao-feast-title,.fanbao-feast-target,.fanbao-feast-bonus,.fanbao-power-list,.fanbao-feast-quote{z-index:8;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.fanbao-feast-title{color:#fff9db;letter-spacing:.08em;background:linear-gradient(90deg,#18a88d,#e5b83b,#ed76a9,#8a6ed2,#18a88d) 0 0/220% 100%;border:3px solid #fff;border-radius:999px;padding:7px 16px;font-size:clamp(17px,4vw,31px);font-weight:1000;animation:.82s cubic-bezier(.2,1.2,.3,1) .23s both fanbao-title-pop,1.2s linear .9s infinite fanbao-title-shimmer;top:5%;box-shadow:0 0 22px #ffffffc7,0 10px 24px #3d2e5b3d}.fanbao-feast-target{color:#fff7cf;letter-spacing:.08em;text-shadow:0 2px 8px #2a284e8a;font-size:clamp(10px,2.4vw,18px);font-weight:900;top:68%}.fanbao-feast-bonus{color:#fff;background:linear-gradient(90deg,#ffcf4af5,#ee5f99f5);border:2px solid #ffffffeb;border-radius:999px;padding:4px 12px;font-size:clamp(9px,2vw,15px);font-weight:1000;animation:.72s cubic-bezier(.2,1.2,.3,1) .76s both fanbao-bonus-in;top:75%;box-shadow:0 0 18px #ffde63b3}.fanbao-power-list{z-index:9;gap:clamp(4px,1.2vw,10px);display:flex;top:82%}.fanbao-power-list b{color:#fff;background:#1e1736cc;border:2px solid #fff;border-radius:11px;padding:6px clamp(7px,1.7vw,14px);font-size:clamp(8px,2vw,15px);font-weight:1000;animation:.85s cubic-bezier(.2,1.2,.3,1) both fanbao-power-chip;box-shadow:0 0 17px #ffe669b8}.fanbao-power-list b:first-child{color:#fff0a8;animation-delay:1s}.fanbao-power-list b:nth-child(2){color:#7af0d5;animation-delay:1.22s}.fanbao-power-list b:nth-child(3){color:#ff9ec7;animation-delay:1.44s}.fanbao-feast-quote{color:#087b6e;background:#fffbe6f0;border-radius:999px;padding:5px 10px;font-size:clamp(11px,2.6vw,20px);font-weight:1000;animation:.76s ease-out .56s both fanbao-quote-in;bottom:3%;box-shadow:0 6px 16px #18564f33}.game-board.effect-fanbao .tile.is-skill-target{z-index:5;animation:3.8s ease-in-out both fanbao-target-serve}.game-board.effect-fanbao .tile.is-skill-target:before{z-index:7;content:"✦";color:#fff;text-shadow:0 0 7px #fff;opacity:0;background:conic-gradient(#ff7fabe0,#ffe26fe6,#57dac1e6,#68b8f1e6,#aa7ce6e6,#ff7fabe0);border:3px solid #fff;border-radius:50%;place-items:center;font-size:clamp(12px,2.5vw,26px);animation:3.65s ease-in-out both fanbao-plate-ring;display:grid;position:absolute;inset:2%;box-shadow:0 0 18px #fff,0 0 28px #ffe153c2}.tile{aspect-ratio:1;cursor:pointer;background:var(--tile-bg);min-width:0;box-shadow:0 6px 12px var(--tile-shadow), inset 0 -4px 8px #52305c14, inset 0 3px 5px #ffffff85;-webkit-tap-highlight-color:transparent;border:2px solid #ffffffe0;border-radius:22%;place-items:center;padding:6%;transition:transform .16s cubic-bezier(.2,.8,.2,1),filter .16s,opacity .18s;display:grid;position:relative;overflow:hidden}.tile:disabled{cursor:wait}.tile:not(:disabled):hover{z-index:2;filter:saturate(1.08);transform:translateY(-2px)scale(1.04)}.tile-glow{background:#ffffff73;border-radius:999px;width:36%;height:17%;position:absolute;top:6%;left:13%;transform:rotate(-15deg)}.portrait-wrap{aspect-ratio:1;background:#ffffff61;border:2px solid #ffffffd6;border-radius:50%;place-items:center;width:86%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -5px 8px #5e3a6b14}.portrait-wrap img{object-fit:cover;object-position:center top;-webkit-user-select:none;user-select:none;width:100%;height:100%}.motion-0,.motion-1,.motion-2,.motion-3,.motion-4,.motion-5,.motion-special{position:relative}.motion-0 img{animation:3.2s ease-in-out infinite character-soft-breathe}.motion-0:after,.motion-3:after{z-index:5;top:var(--blink-top,41%);content:"";pointer-events:none;background:linear-gradient(90deg, transparent 0 5%, var(--blink-color,#f1d2c7) 8% 43%, transparent 46% 54%, var(--blink-color,#f1d2c7) 57% 92%, transparent 95%);opacity:0;border-radius:50%;height:8%;animation:4.8s step-end infinite character-blink;position:absolute;left:16%;right:16%;transform:scaleY(.15)}.motion-0{--blink-top:41%;--blink-color:#f1d5ca}.motion-1 img{transform-origin:50% 48%;animation:none}.motion-1:after{display:none}.motion-2 img{transform-origin:50% 22%;animation:4.1s ease-in-out infinite cat-ear-twitch}.portrait-wrap.motion-2 img{animation:none}.roster-portrait.motion-1 img,.skill-book-portrait.motion-1 img{animation:2.5s ease-in-out infinite mech-hover}.roster-portrait.motion-1:after,.skill-book-portrait.motion-1:after{z-index:5;content:"";pointer-events:none;background:#5ff4ff;border-radius:99px;height:3px;animation:3.1s ease-in-out infinite visor-scan;position:absolute;top:19%;left:17%;right:17%;box-shadow:0 0 9px #39d8ff}.roster-portrait.motion-2 img,.skill-book-portrait.motion-2 img{animation:4.1s ease-in-out infinite cat-ear-twitch}.motion-3{--blink-top:40%;--blink-color:#edcfc2}.motion-3 img{transform-origin:50% 65%;animation:3.7s ease-in-out infinite hair-sway}.motion-3:after{animation-delay:-2.1s}.motion-4 img{animation:3.3s ease-in-out infinite mask-nod}.motion-4:after{z-index:5;aspect-ratio:1;content:"";pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#94c3ffe6,#5b7eff47 34%,#0000 68%);border-radius:50%;width:23%;animation:2s ease-in-out infinite mask-gem-pulse;position:absolute;top:17%;left:50%;transform:translate(-50%)}.motion-5 img{transform-origin:50% 72%;animation:2.8s ease-in-out infinite fur-breathe}.motion-special img{animation:2.2s ease-in-out infinite fanbao-idle}.portrait-placeholder{color:#fffffff5;text-shadow:0 3px #6642701f;font-family:Georgia,serif;font-size:clamp(16px,3.5vw,39px);font-weight:900}.tile-badge{aspect-ratio:1;color:#4a3358d1;background:#ffffffdb;border-radius:50%;place-items:center;width:22%;min-width:14px;font-size:clamp(8px,1vw,11px);font-weight:1000;display:grid;position:absolute;bottom:5%;right:6%;box-shadow:0 2px 5px #3d2d471f}.type-0{--tile-bg:linear-gradient(145deg, #ffb1cd, #ff81af);--tile-shadow:#e85b9338}.type-1{--tile-bg:repeating-linear-gradient(90deg, #ffffff24 0 2px, transparent 2px 13px), linear-gradient(145deg, #69d4f2, #278ccc);--tile-shadow:#1f74ac4d}.type-2{--tile-bg:linear-gradient(145deg, #ffe89d, #ffc85f);--tile-shadow:#db992938}.type-3{--tile-bg:radial-gradient(circle at 24% 24%, #ffffff4d 0 3px, transparent 3px), linear-gradient(145deg, #72deb5, #25a979);--tile-shadow:#1989604d}.type-4{--tile-bg:repeating-linear-gradient(135deg, #ffffff24 0 3px, transparent 3px 14px), linear-gradient(145deg, #c58aff, #8145cc);--tile-shadow:#6832aa4d}.type-5{--tile-bg:repeating-linear-gradient(-45deg, #fff2da1f 0 3px, transparent 3px 15px), linear-gradient(145deg, #e9906f, #a94350);--tile-shadow:#91374152}.type-special{--tile-bg:conic-gradient(from 35deg, #ff86b9, #ffd978, #79dfca, #7abdf2, #b78af1, #ff86b9);--tile-shadow:#a063ca59}.tile.power-row,.tile.power-column{border-color:#fffffffa;animation:1.1s ease-in-out infinite alternate special-pulse}.tile.power-row:after,.tile.power-column:after{z-index:0;content:"";pointer-events:none;position:absolute}.tile.power-row:after{background:linear-gradient(90deg,#0000,#ffffffeb,#0000);border-radius:999px;height:24%;left:2%;right:2%}.tile.power-column:after{background:linear-gradient(#0000,#ffffffeb,#0000);border-radius:999px;width:24%;top:2%;bottom:2%}.tile.power-rainbow{background-size:180% 180%;border-color:#fff;animation:2.2s linear infinite rainbow-shift}.tile.power-rainbow .portrait-wrap{background:linear-gradient(#fff,#fff) padding-box padding-box,conic-gradient(#ff6fa9,#ffd45f,#59dac2,#65aef0,#ad75e8,#ff6fa9) border-box;border:3px solid #0000;width:86%;box-shadow:0 0 14px #ffffffd1}.tile.power-rainbow .portrait-wrap img{border-radius:50%}.power-mark{z-index:3;aspect-ratio:1;color:#ec609c;background:#ffffffe0;border:1px solid #fffffff2;border-radius:50%;place-items:center;width:24%;min-width:16px;font-size:clamp(8px,1.2vw,12px);font-weight:1000;display:grid;position:absolute;top:3%;left:5%;box-shadow:0 3px 8px #5335652e}.power-rainbow .power-mark{color:#8b62d4;animation:2.8s linear infinite star-spin}.tile.is-selected{z-index:3;box-shadow:0 0 0 4px #ff5b9b8a, 0 10px 20px var(--tile-shadow);border-color:#fff;transform:scale(1.07)}.tile.is-hint{z-index:2;animation:.82s ease-in-out infinite alternate hint-pulse}.tile.is-hint-origin{z-index:6;overflow:visible}.move-hint-arrow{z-index:12;aspect-ratio:1;color:#fff;pointer-events:none;text-shadow:0 2px 3px #7b475f3d;background:linear-gradient(145deg,#ffd859,#ff7eaf);border:2px solid #fffffff5;border-radius:50%;place-items:center;width:64%;font-size:clamp(14px,2.4vw,23px);font-weight:1000;line-height:1;animation:.56s ease-in-out infinite alternate hint-arrow-glow;display:grid;position:absolute;box-shadow:0 0 0 4px #ffef8e59,0 8px 18px #71437d47}.hint-arrow-right{top:50%;left:76%;transform:translateY(-50%)}.hint-arrow-left{top:50%;right:76%;transform:translateY(-50%)}.hint-arrow-down{top:76%;left:50%;transform:translate(-50%)}.hint-arrow-up{bottom:76%;left:50%;transform:translate(-50%)}.tile.is-skill-target{z-index:4;animation:.42s ease-in-out infinite alternate skill-target-flash}.tile.is-removing{opacity:0;filter:brightness(1.35);transform:scale(1.3)rotate(8deg)}.message-bubble{background:#fff9;border:1px solid #ffffffdb;border-radius:18px;align-items:center;gap:11px;min-height:58px;margin-top:12px;padding:10px 16px;display:flex;box-shadow:0 10px 24px #563b6a12}.message-face{color:#e7649a;background:#ffe3ef;border-radius:14px;flex:none;place-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:grid}.message-bubble p{color:#806f8b;margin:0;font-size:13px;font-weight:700}.skill-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff9e;border:1px solid #ffffffe6;border-radius:20px;margin-top:10px;padding:12px;box-shadow:0 12px 28px #563b6a14}.skill-panel-heading,.skill-panel-heading>div{align-items:center;display:flex}.skill-panel-heading{justify-content:space-between;gap:12px;margin-bottom:9px}.skill-panel-heading>div{gap:7px}.skill-panel-heading strong{color:#695676;font-size:13px}.skill-panel-heading small{color:#97879f;text-align:right;font-size:9px;font-weight:750}.skill-heading-icon{color:#fff;background:linear-gradient(145deg,#ffe57b,#ffb95e);border-radius:9px;place-items:center;width:24px;height:24px;font-size:12px;display:grid;box-shadow:0 5px 12px #e29d3333}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.skill-card{cursor:pointer;background:var(--tile-bg);color:#fff;min-width:0;min-height:62px;box-shadow:0 6px 14px var(--tile-shadow), inset 0 1px 4px #ffffff6b;text-align:left;border:2px solid #ffffffdb;border-radius:15px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px;transition:transform .16s,filter .16s,opacity .16s;display:grid;position:relative;overflow:hidden}.skill-card:after{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff2e,#0000 42%,#ffffff1f);position:absolute;inset:0}.skill-card:disabled{cursor:default;filter:saturate(.92);opacity:.86}.skill-card.is-ready{filter:saturate(1.15);border-color:#fff;animation:.76s ease-in-out infinite alternate skill-card-ready}.skill-card.is-ready:not(:disabled):hover{transform:translateY(-2px)scale(1.02)}.skill-ready-burst{z-index:5;aspect-ratio:1;color:#c85761;background:linear-gradient(145deg,#fff6a8,#ffb756);border:2px solid #fff;border-radius:50%;place-items:center;width:20px;font-size:8px;font-weight:1000;animation:.62s ease-in-out infinite alternate skill-ready-burst;display:grid;position:absolute;top:3px;right:4px;box-shadow:0 0 0 3px #ffe56f6b,0 0 16px #ffd350e6}.skill-portrait{z-index:1;aspect-ratio:1;background:#ffffff75;border:2px solid #ffffffe6;border-radius:50%;place-items:center;width:42px;display:grid;position:relative;overflow:hidden}.skill-portrait img{object-fit:cover;object-position:center top;width:100%;height:100%}.skill-copy{z-index:1;min-width:0;display:grid;position:relative}.skill-copy b,.skill-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skill-copy b{text-shadow:0 1px 3px #4d2e5b33;font-size:11px;line-height:1.2}.skill-copy small{opacity:.92;margin-top:2px;font-size:8px;font-weight:800}.skill-meter{background:#492d5833;border-radius:99px;height:5px;margin-top:5px;overflow:hidden}.skill-meter i{border-radius:inherit;background:linear-gradient(90deg,#fff5aa,#fff);height:100%;transition:width .26s;display:block;box-shadow:0 0 8px #ffffffbf}.skill-charge{z-index:1;color:#745e80;background:#ffffffd6;border-radius:99px;align-self:end;padding:3px 5px;font-size:7px;font-weight:1000;position:relative}.skill-card.is-ready .skill-charge{color:#d56c46;background:#fff7b8}.last-support-banner{color:#6f4b71;background:linear-gradient(110deg,#fff5a8,#ffd1e7 54%,#d7c5ff);border:2px solid #ffde68e6;border-radius:17px;align-items:center;gap:10px;margin:10px 0 0;padding:11px 14px;animation:.76s ease-in-out infinite alternate last-support-pulse;display:flex;box-shadow:0 8px 24px #e17eaa33,0 0 22px #ffde6852}.last-support-banner>span{color:#e6863e;font-size:24px}.last-support-banner div{gap:2px;display:grid}.last-support-banner b{font-size:13px}.last-support-banner small{font-size:9px;font-weight:800}.skill-panel.is-last-support{outline:3px solid #ffdc5ba6;box-shadow:0 0 30px #ffd74b57}@keyframes last-support-pulse{0%{filter:saturate();transform:scale(.99)}to{filter:saturate(1.16);transform:scale(1.01)}}.music-menu{position:relative}.music-menu summary{list-style:none}.music-menu summary::-webkit-details-marker{display:none}.music-popover{z-index:80;color:#6e5b77;background:#fffdfaf7;border:2px solid #ffffffe6;border-radius:19px;gap:10px;width:min(330px,100vw - 36px);padding:14px;display:grid;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 18px 42px #563f6938}.music-now-playing{gap:2px;display:grid}.music-now-playing small{color:#1a9b87;letter-spacing:.18em;font-size:8px;font-weight:1000}.music-now-playing b{font-size:13px}.music-track-list{gap:6px;display:grid}.music-track-list button{color:#77647e;text-align:left;background:#f6f0f5;border:0;border-radius:11px;align-items:center;gap:8px;padding:8px 10px;font-size:10px;font-weight:900;display:flex}.music-track-list button.is-active{color:#178b7b;background:linear-gradient(110deg,#d9fff3,#ffe4f0)}.music-track-list button span{background:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.music-volume-row{align-items:center;gap:10px;display:flex}.music-volume-row>button{color:#fff;background:#20b39b;border:0;border-radius:99px;padding:7px 12px;font-size:9px;font-weight:900}.music-volume-row label{flex:1;align-items:center;gap:7px;font-size:9px;font-weight:900;display:flex}.music-volume-row input{accent-color:#20b39b;width:100%}.music-popover>p{color:#a08f9e;margin:0;font-size:8px;font-weight:750}.machine-test-tools{background:#3e28582e;border:1px dashed #fff9;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;margin-top:10px;padding:9px;display:grid}.machine-test-tools b{letter-spacing:.1em;grid-column:1/-1;font-size:8px}.machine-test-tools button{color:#765072;background:#ffffffe6;border:0;border-radius:9px;padding:7px;font-size:8px;font-weight:900}.machine-test-tools button:disabled{opacity:.45}.test-tools{background:#ffffff9e;border:1px dashed #835da457;border-radius:18px;margin-top:10px;padding:12px;box-shadow:0 10px 24px #563b6a12}.test-tools-heading,.test-tools-heading>div{align-items:center;display:flex}.test-tools-heading{justify-content:space-between;gap:10px;margin-bottom:9px}.test-tools-heading>div{gap:7px}.test-tools-heading strong{color:#695676;font-size:12px}.test-tools-heading small{color:#9a8ba3;font-size:9px;font-weight:700}.test-chip{color:#fff;letter-spacing:.1em;background:#8468bd;border-radius:999px;padding:3px 6px;font-size:7px;font-weight:1000}.test-tools-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.test-button{cursor:pointer;color:#fff;border:1px solid #ffffffe6;border-radius:12px;min-height:38px;padding:8px 6px;font-size:10px;font-weight:900;transition:transform .15s,filter .15s,opacity .15s;box-shadow:0 5px 12px #5336681f}.test-button:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}.test-button:disabled{cursor:wait;opacity:.55}.test-row{background:linear-gradient(135deg,#fa79aa,#ed5c9b)}.test-column{background:linear-gradient(135deg,#72c8e5,#719be5)}.test-rainbow{background:linear-gradient(110deg,#ff85b3,#f2bc5d,#68cfc1,#9c7ade)}.test-clear{background:linear-gradient(135deg,#8e70c9,#65518e)}.test-skills{background:linear-gradient(110deg,#f5a84f,#f27c9f,#8072d6);grid-column:1/-1}.test-result{background:linear-gradient(110deg,#ef4f8d,#8b63ce,#23b39c);grid-column:1/-1}.side-panel{gap:14px;display:grid}.mission-card,.roster-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff9e;border:1px solid #ffffffe0;border-radius:26px;padding:22px;box-shadow:0 18px 42px #56376c1a}.mini-icon{border-radius:14px;width:42px;height:42px;font-size:19px;transform:rotate(3deg)}.mini-icon.lilac{background:linear-gradient(145deg,#b89cf1,#8f70d9);box-shadow:0 9px 20px #6f51b138}.section-heading h2{font-size:21px}.mission-copy{color:#8b7b94;margin:18px 0;font-size:13px;line-height:1.8}.progress-label{color:#8f8098;justify-content:space-between;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.progress-label strong{color:#ec669c}.progress-track{background:#eadff0;border:2px solid #ffffffe0;border-radius:999px;height:11px;overflow:hidden;box-shadow:inset 0 2px 4px #58386b1f}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#ff79ac,#ac83e7);height:100%;transition:width .3s;display:block;box-shadow:0 0 12px #f25b9757}.tip-card{color:#9d7b45;background:linear-gradient(135deg,#fff5d9,#fffaf1);border-radius:16px;gap:10px;margin-top:18px;padding:12px;display:flex}.tip-card>span{font-size:21px}.tip-card p{margin:0;font-size:11px;line-height:1.65}.section-heading.compact{margin-bottom:16px}.roster-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.roster-item{background:var(--tile-bg);color:#fff;font:inherit;box-shadow:0 5px 10px var(--tile-shadow);cursor:pointer;border:1px solid #ffffffdb;border-radius:14px;place-items:center;gap:4px;padding:9px 4px;transition:transform .16s,filter .16s;display:grid}.roster-item:hover,.roster-item:focus-visible{filter:brightness(1.08);transform:translateY(-2px)scale(1.03)}.roster-portrait{aspect-ratio:1;background:#ffffff38;border:2px solid #fffc;border-radius:50%;place-items:center;width:42px;font-family:Georgia,serif;font-size:20px;font-weight:900;display:grid;overflow:hidden}.roster-portrait img{object-fit:cover;object-position:center top;width:100%;height:100%}.roster-item small{opacity:.88;font-size:9px;font-weight:800}.asset-note{color:#9a8ba3;margin:14px 0 0;font-size:10px;line-height:1.7}.special-cast{color:#fff;background:linear-gradient(120deg,#ff89b8e6,#a980e6e6);border:2px solid #ffffffe6;border-radius:17px;align-items:center;gap:11px;margin-top:12px;padding:10px;display:flex;box-shadow:0 10px 22px #7f51a82e}.special-cast-portrait{aspect-ratio:1;cursor:pointer;background:conic-gradient(#ffdf76,#65d9cd,#9f81e5,#ff7fb4,#ffdf76);border:3px solid #fff;border-radius:50%;flex:none;place-items:center;width:54px;transition:transform .16s,filter .16s;display:grid;overflow:hidden;box-shadow:0 0 14px #ffffffad}.special-cast-portrait:hover,.special-cast-portrait:focus-visible{filter:brightness(1.08);transform:scale(1.08)}.special-cast-portrait img{object-fit:cover;object-position:center top;width:100%;height:100%}.special-cast div{min-width:0}.special-cast small,.special-cast strong{display:block}.special-cast small{letter-spacing:.08em;opacity:.85;font-size:8px;font-weight:900}.special-cast strong{margin:2px 0;font-size:17px}.special-cast p{opacity:.9;margin:0;font-size:9px;line-height:1.45}.fanbao-entrance{z-index:30;text-align:center;background:linear-gradient(145deg,#fffafdfa,#f4e8fffa);border:3px solid #fff;border-radius:32px;place-items:center;width:min(290px,100% - 42px);padding:24px 22px 20px;animation:.56s cubic-bezier(.2,1.15,.3,1) both fanbao-pop;display:grid;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 28px 80px #58327557}.fanbao-burst{background:conic-gradient(from 15deg, transparent 0 8%, #ffd25c57 8% 12%, transparent 12% 20%, #7bddcf52 20% 24%, transparent 24% 33%, #b984ee52 33% 37%, transparent 37% 46%, #ff77af54 46% 50%, transparent 50% 100%);animation:4s linear infinite burst-spin;position:absolute;inset:-70%}.fanbao-pop-decor{z-index:4;filter:drop-shadow(0 4px 3px #56366829);animation:.68s ease-in-out infinite alternate fanbao-pop-decor;position:absolute}.decor-milk{font-size:31px;top:25px;left:29px;transform:rotate(-13deg)}.decor-spark-one{color:#f3bd4f;font-size:29px;animation-delay:-220ms;top:33px;right:35px}.decor-spark-two{color:#4acbb1;font-size:22px;animation-delay:-420ms;bottom:58px;right:26px}.fanbao-portrait{aspect-ratio:1;background:conic-gradient(#ff79ad,#ffd766,#63d9c8,#6cadf1,#ae79e8,#ff79ad);border:5px solid #fff;border-radius:50%;place-items:center;width:126px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 7px #ffffff73,0 14px 30px #7a4b9d38}.fanbao-portrait img{object-fit:cover;object-position:center top;width:100%;height:100%}.fanbao-entrance strong,.fanbao-entrance small{position:relative}.fanbao-entrance strong{color:#74559a;letter-spacing:.08em;margin-top:12px;font-size:26px}.fanbao-entrance small{color:#e4679c;letter-spacing:.11em;margin-top:3px;font-size:10px;font-weight:900}.skill-entrance{--skill-color:#ef77a8;--skill-color-soft:#ffe0eb;z-index:29;background:linear-gradient(150deg, #fffffffa, var(--skill-color-soft));text-align:center;border:3px solid #fff;border-radius:34px;place-items:center;width:min(330px,100% - 38px);min-height:330px;padding:26px 22px 22px;animation:.5s cubic-bezier(.2,1.15,.3,1) both skill-entrance-pop;display:grid;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 30px 90px #4b2f605c,0 0 0 100vmax #4930522e}.skill-theme-0{--skill-color:#ef75a6;--skill-color-soft:#ffe0ec}.skill-theme-1{--skill-color:#238dcc;--skill-color-soft:#d8f4ff}.skill-theme-2{--skill-color:#eeb64e;--skill-color-soft:#fff2cb}.skill-theme-3{--skill-color:#17a575;--skill-color-soft:#dcf8eb}.skill-theme-4{--skill-color:#8c4ed0;--skill-color-soft:#f0e2ff}.skill-theme-5{--skill-color:#b6554f;--skill-color-soft:#ffe5d8}.skill-aura{aspect-ratio:1;border:24px dotted var(--skill-color);width:330px;position:absolute}@supports (color:color-mix(in lab, red, red)){.skill-aura{border:24px dotted color-mix(in srgb, var(--skill-color), transparent 68%)}}.skill-aura{border-radius:50%;animation:4s linear infinite skill-aura-spin}.skill-theme-1:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(#0000,#4bcce861,#0000);height:24%;animation:.75s ease-in-out infinite skill-scan;position:absolute;top:-25%;left:0;right:0}.skill-entrance-portrait{z-index:3;aspect-ratio:1;background:var(--skill-color-soft);width:128px;box-shadow:0 0 0 8px var(--skill-color), 0 16px 34px #5235683d;border:6px solid #fff;border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.skill-entrance-portrait{box-shadow:0 0 0 8px color-mix(in srgb, var(--skill-color), transparent 64%), 0 16px 34px #5235683d}}.skill-entrance-portrait{animation:.43s ease-in-out infinite alternate skill-portrait-bounce}.skill-entrance-portrait img{backface-visibility:hidden;object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.skill-entrance small,.skill-entrance strong,.skill-entrance p,.skill-entrance blockquote{z-index:6;position:relative}.skill-entrance small{color:var(--skill-color);letter-spacing:.18em;margin-top:13px;font-size:9px;font-weight:1000}.skill-entrance strong{color:#604e6c;letter-spacing:.07em;margin-top:2px;font-size:27px}.skill-entrance .skill-effect-label{background:var(--skill-color);color:#fff;border-radius:999px;margin:4px 0 0;padding:5px 12px;font-size:11px;font-weight:900}.skill-entrance blockquote{color:#675570;margin:8px 0 0;font-size:12px;font-weight:900;line-height:1.4}.skill-particle{z-index:4;color:var(--skill-color);text-shadow:0 2px #fff;place-items:center;font-weight:1000;animation:.62s ease-in-out infinite alternate skill-particle-float;display:grid;position:absolute}.particle-1{font-size:27px;top:20px;left:24px;transform:rotate(-12deg)}.particle-2{font-size:18px;animation-delay:-220ms;top:55px;right:19px}.particle-3{font-size:23px;animation-delay:-420ms;top:140px;left:22px}.skill-action{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.skill-action-1 span,.skill-action-2 span,.skill-action-3 span,.skill-action-5 span{font-weight:1000;animation:.76s ease-in infinite skill-prop-fall;position:absolute}.skill-action-1 span:first-child,.skill-action-2 span:first-child,.skill-action-3 span:first-child,.skill-action-5 span:first-child{font-size:27px;top:-22px;left:18%}.skill-action-1 span:nth-child(2),.skill-action-2 span:nth-child(2),.skill-action-3 span:nth-child(2),.skill-action-5 span:nth-child(2){font-size:20px;animation-delay:-260ms;top:-34px;left:49%}.skill-action-1 span:nth-child(3),.skill-action-2 span:nth-child(3),.skill-action-3 span:nth-child(3),.skill-action-5 span:nth-child(3){font-size:25px;animation-delay:-480ms;top:-26px;right:16%}.skill-road{background:repeating-linear-gradient(90deg,#5a6575 0 34px,#f8d65c 34px 48px,#5a6575 48px 82px);border-block:3px solid #ffffffd1;height:54px;position:absolute;top:45%;left:0;right:0;transform:skewY(-4deg);box-shadow:0 8px 18px #33394940}.skill-truck{z-index:2;filter:drop-shadow(0 12px 8px #32354642);font-size:94px;line-height:1;animation:.82s cubic-bezier(.12,.72,.2,1) both truck-zero-frame;position:absolute;top:34%;left:-130px}.truck-smoke{z-index:1;font-size:46px;animation:.82s ease-out both truck-smoke;position:absolute;top:47%;left:-30px}.skill-slash{z-index:5;opacity:0;background:linear-gradient(90deg,#0000,#fff 24%,#a992ff 50%,#fff 76%,#0000);border-radius:99px;width:145%;height:9px;position:absolute;top:50%;left:50%;box-shadow:0 0 18px #9c81ff,0 0 34px #8d6ce8b8}.slash-one{animation:.74s ease-out both diagonal-slash-one}.slash-two{animation:.74s ease-out .13s both diagonal-slash-two}.skill-bolt{z-index:5;color:#fff47c;text-shadow:0 0 12px #fff,0 0 28px #83ddff;opacity:0;font-family:Georgia,serif;font-size:150px;line-height:1;position:absolute;top:-35px}.bolt-one{animation:.68s ease-in both electric-strike;left:21%}.bolt-two{animation:.68s ease-in .15s both electric-strike;right:16%}.skill-charcoal{z-index:4;aspect-ratio:1;opacity:0;background:radial-gradient(circle at 32% 28%,#70717c,#25252c 70%);border:4px solid #33323c;border-radius:9px;width:38px;animation:.72s ease-out .23s both charcoal-pop;position:absolute;bottom:26%;box-shadow:0 0 12px #8adcffb8}.charcoal-one{left:19%;transform:rotate(-12deg)}.charcoal-two{animation-delay:.36s;right:18%;transform:rotate(13deg)}.guide-backdrop{z-index:50;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);background:#3d2b466b;place-items:center;padding:18px;animation:.22s both fade-in;display:grid;position:fixed;inset:0}.guide-card,.skill-book-card{background:linear-gradient(155deg,#fffffffc,#ffeff7fa);border:3px solid #fffffff0;animation:.36s cubic-bezier(.2,.95,.25,1.1) both result-in;position:relative;overflow:hidden;box-shadow:0 30px 95px #40274e52}.guide-card{text-align:center;border-radius:32px;width:min(450px,100%);padding:25px 26px 22px}.guide-card:before,.skill-book-card:before{aspect-ratio:1;content:"";background:radial-gradient(circle,#14a88d2b,#0000 68%);border-radius:50%;width:260px;position:absolute;top:-120px;left:-80px}.guide-close{z-index:3;aspect-ratio:1;cursor:pointer;color:#8b7894;background:#ffffffd9;border:1px solid #7d628924;border-radius:50%;place-items:center;width:31px;font-size:18px;font-weight:900;display:grid;position:absolute;top:12px;right:13px}.guide-progress{justify-content:center;gap:6px;margin:1px 42px 14px;display:flex}.guide-progress span{background:#eadfea;border-radius:99px;width:28px;height:5px;transition:background .18s,transform .18s}.guide-progress span.is-active{background:linear-gradient(90deg, var(--fanbao-teal), #e974a2);transform:scaleX(1.05)}.guide-tag{color:var(--fanbao-teal);letter-spacing:.17em;margin:0;font-size:9px;font-weight:1000;position:relative}.guide-icon{aspect-ratio:1;color:#fff;border:4px solid #fff;border-radius:25px;place-items:center;width:72px;margin:10px auto 9px;font-size:31px;display:grid;position:relative;transform:rotate(-3deg);box-shadow:0 13px 28px #76508f33}.guide-icon-0{background:linear-gradient(145deg,#f98db7,#dd6d9b)}.guide-icon-1{background:linear-gradient(145deg,#ffda68,#eea64f)}.guide-icon-2{background:linear-gradient(145deg,#8cd9dc,#6d8ede)}.guide-icon-3{background:linear-gradient(145deg, var(--fanbao-teal), #8a6ed2)}.guide-card h2,.skill-book-header h2{color:#594762;margin:0;font-size:25px;position:relative}.guide-description{color:#85748d;margin:9px auto 13px;font-size:12px;font-weight:700;line-height:1.65;position:relative}.guide-match-demo,.guide-special-demo{background:#ffffffbd;border-radius:20px;justify-content:center;align-items:center;gap:9px;min-height:82px;margin:9px 0 11px;padding:10px;display:flex;box-shadow:inset 0 0 0 1px #7e5b8f14}.guide-match-demo>span{aspect-ratio:1;background:var(--tile-bg);width:57px;box-shadow:0 6px 12px var(--tile-shadow);border:3px solid #fff;border-radius:17px;place-items:center;padding:4px;display:grid;overflow:hidden}.guide-match-demo img{border-radius:50%;width:100%}.guide-match-demo b{color:#d7749c;font-size:18px}.guide-energy-demo{text-align:left;background:linear-gradient(135deg,#eee6ff,#fff);border-radius:20px;grid-template-columns:58px 1fr;align-items:center;gap:13px;min-height:82px;margin:9px 0 11px;padding:12px 17px;display:grid}.guide-energy-demo .skill-portrait{width:58px}.guide-energy-demo>div{display:grid}.guide-energy-demo b{color:#705d7e;font-size:12px}.guide-energy-demo div>span{background:#d6cae4;border-radius:99px;height:8px;margin:6px 0 4px;overflow:hidden}.guide-energy-demo i{background:linear-gradient(90deg,#ffdb64,#f279a6);width:100%;height:100%;animation:1.1s ease-out both guide-energy-fill;display:block}.guide-energy-demo small{color:#a28faa;font-size:9px;font-weight:900}.guide-special-demo>span{aspect-ratio:1;color:#fff;border:4px solid #fff;border-radius:22px;place-items:center;width:78px;font-size:28px;font-weight:1000;display:grid;position:relative;overflow:hidden;box-shadow:0 9px 18px #69497e29}.special-four{background:linear-gradient(145deg,#f58ab3,#9275d8)}.special-five{background:conic-gradient(#ff82b1,#fd6,#5dd8c2,#65b3ef,#aa78e4,#ff82b1)}.guide-special-demo img{border-radius:50%;width:84%}.guide-special-demo small{color:#786487;background:#ffffffe6;border-radius:99px;padding:2px 5px;font-size:7px;position:absolute;bottom:4px;right:5px}.guide-fanbao-demo{background:linear-gradient(135deg,#14a88d24,#ffe06938,#ee77a72e);border-radius:21px;place-items:center;margin:9px 0 11px;padding:12px;display:grid}.guide-fanbao-demo>span{aspect-ratio:1;background:conic-gradient(#ff82b1,#fd6,#5dd8c2,#65b3ef,#aa78e4,#ff82b1);border:4px solid #fff;border-radius:50%;place-items:center;width:76px;display:grid;overflow:hidden;box-shadow:0 10px 23px #5f447a33}.guide-fanbao-demo img{object-fit:cover;width:100%;height:100%}.guide-fanbao-demo strong{color:#4f7f78;margin-top:6px;font-size:15px}.guide-fanbao-demo small{color:#d46c96;font-size:9px;font-weight:900}.guide-tip{color:#8b7446;text-align:left;background:#fff7dc;border-radius:15px;align-items:center;gap:8px;min-height:47px;margin:8px 0 14px;padding:8px 12px;display:flex}.guide-tip>span{color:#e9ad42;font-size:19px}.guide-tip p{margin:0;font-size:10px;font-weight:800;line-height:1.45}.guide-actions,.skill-book-actions{justify-content:flex-end;gap:8px;display:flex}.guide-primary,.guide-secondary{cursor:pointer;border:2px solid #fff;border-radius:999px;min-height:39px;padding:8px 15px;font-size:10px;font-weight:1000;transition:transform .15s,filter .15s}.guide-primary{background:linear-gradient(90deg, var(--fanbao-teal), #9575d8);color:#fff;box-shadow:0 8px 18px #4c6b792e}.guide-secondary{color:#83718d;background:#fff;box-shadow:0 7px 16px #57396914}.guide-primary:hover,.guide-secondary:hover{filter:brightness(1.04);transform:translateY(-1px)}.skill-book-card{border-radius:32px;width:min(830px,100%);max-height:min(90vh,790px);padding:26px;overflow-y:auto}.skill-book-header{padding-right:36px;position:relative}.skill-book-header h2{margin-top:4px;font-size:27px}.skill-book-header>p:last-child{color:#8c7b95;margin:6px 0 16px;font-size:11px;font-weight:700}.skill-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid;position:relative}.skill-book-item{background:var(--tile-bg);color:#fff;min-width:0;font:inherit;text-align:left;box-shadow:0 8px 18px var(--tile-shadow), inset 0 2px 5px #ffffff40;cursor:pointer;border:3px solid #ffffffdb;border-radius:20px;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:11px;padding:11px;transition:transform .16s,filter .16s;display:grid}.skill-book-item:hover,.skill-book-item:focus-visible{filter:brightness(1.08);transform:translateY(-2px)}.skill-book-portrait{aspect-ratio:1;background:#ffffff6b;border:3px solid #fff;border-radius:50%;place-items:center;width:66px;display:grid;position:relative;overflow:hidden}.skill-book-portrait img{object-fit:cover;object-position:center top;width:100%;height:100%}.skill-book-item>div{min-width:0}.skill-book-item small{letter-spacing:.09em;opacity:.86;font-size:7px;font-weight:1000;display:block}.skill-book-item h3{text-overflow:ellipsis;white-space:nowrap;margin:2px 0 3px;font-size:13px;overflow:hidden}.skill-book-item p,.skill-book-item blockquote{margin:0;font-size:8px;font-weight:750;line-height:1.42}.skill-book-item blockquote{border-top:1px dashed #ffffff85;margin-top:4px;padding-top:4px;font-weight:900}.fanbao-book-item{background:linear-gradient(110deg, var(--fanbao-teal), #e3af4e, #e6709e, #8871d0);grid-column:1/-1}.skill-book-actions{margin-top:15px}.skill-preview-backdrop{z-index:70;overscroll-behavior:contain;min-height:100dvh;overflow-y:auto}.skill-preview-card{--skill-color:#ef77a8;--skill-color-soft:#ffe0eb;background:linear-gradient(150deg, #fffffffa, var(--skill-color-soft));color:#604e6c;text-align:center;border:3px solid #fff;border-radius:34px;place-items:center;width:min(390px,100% - 30px);min-height:min(450px,100dvh - 30px);max-height:min(92dvh,800px);margin:auto;padding:28px 24px 22px;animation:.42s cubic-bezier(.2,1.15,.3,1) both skill-preview-in;display:grid;position:relative;overflow:hidden auto;box-shadow:0 30px 90px #4b2f6066}.skill-preview-fanbao{--skill-color:#e66fa5;--skill-color-soft:#f4e4ff}.skill-preview-card>p{color:var(--skill-color);letter-spacing:.18em;margin:0 0 10px;font-size:9px;font-weight:1000}.skill-preview-portrait{z-index:2;aspect-ratio:1;background:var(--skill-color-soft);width:min(210px,56vw);box-shadow:0 0 0 9px var(--skill-color), 0 18px 34px #5235683d;border:6px solid #fff;border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.skill-preview-portrait{box-shadow:0 0 0 9px color-mix(in srgb, var(--skill-color), transparent 66%), 0 18px 34px #5235683d}}.skill-preview-portrait img{object-fit:cover;object-position:center top;width:100%;height:100%}.skill-preview-symbols{color:var(--skill-color);filter:drop-shadow(0 3px 1px #ffffffe6);gap:14px;margin:12px 0 3px;font-size:26px;display:flex}.skill-preview-symbols span{animation:.62s ease-in-out infinite alternate skill-particle-float}.skill-preview-symbols span:nth-child(2){animation-delay:-220ms}.skill-preview-symbols span:nth-child(3){animation-delay:-420ms}.skill-preview-card h2{margin:6px 0 4px;font-size:25px}.skill-preview-card>b{background:var(--skill-color);color:#fff;border-radius:999px;padding:5px 12px;font-size:11px}.skill-preview-board{background:linear-gradient(135deg, var(--skill-color), #ffffffd1);border:3px solid #fffffff0;border-radius:19px;width:min(252px,74vw);height:132px;margin:13px 0 2px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.skill-preview-board{background:linear-gradient(135deg, color-mix(in srgb, var(--skill-color), white 78%), #ffffffd1)}}.skill-preview-board{box-shadow:inset 0 0 0 2px var(--skill-color), 0 10px 24px #4e346024}@supports (color:color-mix(in lab, red, red)){.skill-preview-board{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--skill-color), transparent 76%), 0 10px 24px #4e346024}}.preview-board-label{z-index:4;color:var(--skill-color);letter-spacing:.08em;background:#ffffffd1;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:1000;position:absolute;top:7px;left:9px}.preview-board-grid{grid-template-columns:repeat(5,1fr);gap:4px;display:grid;position:absolute;inset:17px 10px 9px;transform:perspective(260px)rotateX(5deg)}.preview-board-grid i{background:linear-gradient(145deg, var(--skill-color), var(--skill-color));border:2px solid #ffffffe6;border-radius:7px;display:block}@supports (color:color-mix(in lab, red, red)){.preview-board-grid i{background:linear-gradient(145deg, color-mix(in srgb, var(--skill-color), white 35%), color-mix(in srgb, var(--skill-color), white 63%))}}.preview-board-grid i{box-shadow:inset 0 1px #ffffffbd}.preview-board-grid i:nth-child(3n){background:linear-gradient(145deg,#ffe277,#ffc670)}.preview-board-grid i:nth-child(4n){background:linear-gradient(145deg,#86e8d2,#48bbad)}.preview-board-grid i:nth-child(5n){background:linear-gradient(145deg,#bda0ff,#9075d9)}.preview-board-impact{z-index:5;color:#fff;text-shadow:0 0 10px #fff,0 3px 7px #3a2b5261;place-items:center;min-width:54px;min-height:44px;font-size:30px;font-weight:1000;line-height:1;display:grid;position:absolute;top:57%;left:50%;transform:translate(-50%,-50%)}.preview-effect-0 .preview-board-impact{color:#fff3a6;animation:.85s ease-in-out infinite alternate preview-lightning}.preview-effect-1 .preview-board-impact{color:#173f75;letter-spacing:.09em;font-size:22px;animation:1.35s linear infinite preview-data-scan}.preview-effect-2 .preview-board-impact{color:#7765c5;animation:1s ease-in-out infinite alternate preview-dream}.preview-effect-3 .preview-board-grid i{animation:1.35s ease-in-out infinite preview-clear-all}.preview-effect-4 .preview-board-impact{font-size:38px;animation:1.6s ease-in-out infinite preview-truck;left:-10%}.preview-effect-5 .preview-board-impact{color:#fff5ed;animation:.76s ease-in-out infinite preview-chop}.preview-effect-6 .preview-board-impact{color:#fff;font-size:32px;animation:1.25s ease-in-out infinite alternate preview-rainbow}.preview-effect-6:after{content:"";background:linear-gradient(110deg,#0000 15%,#ff5ea36b,#ffe25b7a,#4fe0c77a,#6e87ff70,#0000 85%);animation:1.6s linear infinite preview-rainbow-sweep;position:absolute;inset:0}.skill-preview-card blockquote{margin:13px 0 5px;font-size:12px;font-weight:900}.skill-preview-card>small{color:#8b7b95;font-size:9px;line-height:1.5}.result-backdrop{z-index:20;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#46305247;place-items:center;padding:20px;animation:.22s both fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.result-card{text-align:center;background:linear-gradient(155deg,#fffffffa,#ffeff7f7);border:2px solid #ffffffe6;border-radius:32px;width:min(390px,100%);padding:32px;animation:.34s cubic-bezier(.2,.9,.25,1.1) both result-in;box-shadow:0 28px 90px #4c2d5c40}.result-charm{color:#fff;background:linear-gradient(145deg,#ff9cc1,#9d7ae4);border:3px solid #fff;border-radius:25px;place-items:center;width:72px;height:72px;margin:0 auto 16px;font-size:34px;display:grid;transform:rotate(-5deg);box-shadow:0 14px 28px #8e55ad3b}.result-card h2{color:#54435f;margin:7px 0 10px;font-size:29px}.result-card>p:not(.eyebrow){color:#8b7b94;margin:0;font-size:13px;line-height:1.7}.result-score{color:#9b879f;background:#fff3f8;border-radius:18px;justify-content:space-between;align-items:center;margin:22px 0 18px;padding:14px 18px;font-size:12px;font-weight:800;display:flex}.result-score strong{color:#ed629b;font-size:25px}.welfare-result-card{scrollbar-width:thin;background:linear-gradient(155deg,#fffffffc,#effffbfa);border-radius:28px;width:min(590px,100%);max-height:calc(100vh - 24px);padding:18px;overflow-y:auto}.welfare-card{text-align:left;background:radial-gradient(circle at 92% 8%,#ffdb5552,#0000 22%),radial-gradient(circle at 4% 96%,#f25b962e,#0000 28%),linear-gradient(150deg,#fffdfa,#f0fffb 50%,#fff1f7);border:2px solid #25a99152;border-radius:24px;padding:20px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #ffffffb8}.welfare-card:before,.welfare-card:after{color:#16a68b29;content:"✦";pointer-events:none;font-size:86px;line-height:1;position:absolute}.welfare-card:before{top:54px;right:-14px}.welfare-card:after{color:#eb5e941f;font-size:68px;bottom:32px;left:-18px}.welfare-brand,.welfare-title-row,.welfare-score,.welfare-draw-count,.welfare-achievements>div,.welfare-share-actions{align-items:center;display:flex}.welfare-brand{z-index:1;border-bottom:1px dashed #3c9a894d;justify-content:space-between;gap:16px;padding-bottom:12px;position:relative}.welfare-brand img{object-fit:contain;object-position:left center;width:102px;height:40px}.welfare-brand span{color:#238f7d;letter-spacing:.08em;font-size:10px;font-weight:900}.welfare-title-row{z-index:1;gap:15px;margin-top:15px;position:relative}.welfare-title-row .result-charm{background:linear-gradient(145deg,#20b99e,#ef6e9e);border-radius:21px;flex:none;width:62px;height:62px;margin:0;font-size:29px}.welfare-title-row h2{color:#3e4e4c;margin:2px 0;font-size:26px}.welfare-title-row small{color:#9a8791;letter-spacing:.08em;font-size:10px;font-weight:800}.welfare-score{z-index:1;color:#82727d;background:#fffc;border-radius:16px;justify-content:space-between;gap:12px;margin-top:16px;padding:12px 15px;font-size:11px;font-weight:900;position:relative;box-shadow:0 8px 20px #3d847714}.welfare-score strong{color:#e95691;margin-left:auto;font-size:26px}.welfare-score em{color:#fff;background:#27b69e;border-radius:999px;padding:4px 8px;font-size:9px;font-style:normal}.welfare-draw-count{z-index:1;color:#fff;background:linear-gradient(105deg,#24b59d,#8d75d3 55%,#e86699);border-radius:17px;justify-content:space-between;margin:9px 0;padding:13px 16px;position:relative;box-shadow:0 10px 24px #5b5b9e2e}.welfare-draw-count span{font-size:12px;font-weight:900}.welfare-draw-count strong{font-size:25px}.welfare-achievements{z-index:1;gap:6px;display:grid;position:relative}.welfare-achievements>div{color:#b2a5ae;background:#ffffff94;border:1px solid #8e7a9721;border-radius:13px;gap:10px;padding:8px 10px}.welfare-achievements>div>span{color:#fff;background:#eadfe6;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-size:12px;font-weight:1000;display:grid}.welfare-achievements p{flex:1;justify-content:space-between;align-items:center;gap:10px;margin:0;font-size:11px;font-weight:900;display:flex}.welfare-achievements small{font-size:9px}.welfare-achievements .is-complete{color:#526c67;border-color:#22b09633}.welfare-achievements .is-complete>span{background:#26b59c}.welfare-achievements .is-complete small{color:#e35f94}.welfare-card blockquote{z-index:1;color:#d95086;background:#ffeff7c7;border-left:3px solid #e96599;border-radius:4px 12px 12px 4px;margin:12px 0 9px;padding:9px 12px;font-size:13px;font-weight:1000;position:relative}.welfare-stock-note{z-index:1;background:#ffffffa3;border:1px dashed #e55c9152;border-radius:12px;gap:2px;padding:9px 11px;display:grid;position:relative}.welfare-stock-note b{color:#5d5262;font-size:10px}.welfare-stock-note span{color:#9b8994;font-size:8px;font-weight:700;line-height:1.5}.welfare-platform{z-index:1;color:#228f7d;text-align:center;letter-spacing:.04em;margin:9px 0 0;font-size:9px;font-weight:1000;position:relative}.welfare-video-preview{text-align:left;background:linear-gradient(135deg,#effffb,#fff0f6);border:1px solid #23a68e38;border-radius:17px;margin:12px 2px 0;overflow:hidden}.welfare-video-preview summary{cursor:pointer;color:#5c5262;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 13px;list-style:none;display:flex}.welfare-video-preview summary::-webkit-details-marker{display:none}.welfare-video-preview summary>span{align-items:center;gap:9px;display:flex}.welfare-video-preview summary i{color:#fff;background:linear-gradient(145deg,#21b69d,#e86399);border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;font-style:normal;display:grid;box-shadow:0 5px 12px #3c73692e}.welfare-video-preview summary b{font-size:11px}.welfare-video-preview summary em{color:#e35d93;font-size:9px;font-style:normal;font-weight:900}.welfare-video-preview[open] summary{border-bottom:1px dashed #23a68e38}.welfare-video-preview[open] summary em{color:#28a38d}.welfare-video-body{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.welfare-video-body video{aspect-ratio:9/16;object-fit:cover;background:#301c2c;border:3px solid #fff;border-radius:14px;width:100%;display:block;overflow:hidden;box-shadow:0 10px 24px #4d364e2e}.welfare-video-body p{color:#7f6f7b;margin:0;font-size:10px;font-weight:800;line-height:1.75}.video-direct-link{color:#158f7c;text-align:center;text-underline-offset:3px;margin-top:7px;font-size:9px;font-weight:1000;line-height:1.45;-webkit-text-decoration:underline #158f7c5c;text-decoration:underline #158f7c5c;display:block}.welfare-video-body p .video-direct-link{text-align:left;margin-top:9px}.restart-confirm-backdrop{z-index:95;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#402b4c6b;place-items:center;padding:18px;animation:.18s both fade-in;display:grid;position:fixed;inset:0}.restart-confirm-card{text-align:center;background:linear-gradient(155deg,#fff,#fff0f7);border:3px solid #fffffff0;border-radius:28px;place-items:center;width:min(390px,100%);padding:27px 25px 23px;animation:.3s cubic-bezier(.2,.95,.25,1.1) both result-in;display:grid;box-shadow:0 26px 80px #442b4f57}.restart-confirm-card>span{aspect-ratio:1;color:#fff;background:linear-gradient(145deg,#1db29a,#e96a9c);border-radius:20px;place-items:center;width:58px;font-size:28px;display:grid;box-shadow:0 11px 24px #47756f38}.restart-confirm-card h2{color:#57475f;margin:13px 0 6px;font-size:23px}.restart-confirm-card p{color:#8a788f;margin:0;font-size:11px;font-weight:750;line-height:1.65}.restart-confirm-card>div{grid-template-columns:1fr 1fr;gap:9px;width:100%;margin-top:18px;display:grid}.restart-confirm-card button{cursor:pointer;color:#776581;min-height:43px;font:inherit;background:#fff;border:2px solid #fff;border-radius:999px;font-size:11px;font-weight:1000;box-shadow:0 8px 18px #57396914}.restart-confirm-card button.is-confirm{color:#fff;background:linear-gradient(90deg,#17ad94,#e36799)}.game-toast{z-index:110;top:max(16px, env(safe-area-inset-top));color:#fff;text-align:center;background:linear-gradient(100deg,#13ab92f7,#de5b92f7);border:2px solid #fffffff2;border-radius:999px;width:max-content;max-width:calc(100% - 32px);padding:11px 17px;font-size:11px;font-weight:1000;line-height:1.35;animation:.26s cubic-bezier(.2,.95,.25,1.12) both toast-in;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 14px 38px #462d5247}.welfare-share-panel{text-align:left;background:#f8f4f7;border-radius:17px;margin:12px 2px 10px;padding:12px}.welfare-share-panel>p{color:#756573;margin:0 0 10px;font-size:11px;font-weight:800;line-height:1.6}.welfare-share-panel>small{color:#a395a0;margin-top:8px;font-size:8px;line-height:1.5;display:block}.welfare-share-actions{gap:7px}.share-button{cursor:pointer;color:#fff;min-height:35px;font:inherit;text-align:center;background:#8270b8;border:0;border-radius:10px;flex:1;padding:8px 7px;font-size:9px;font-weight:900;text-decoration:none}.xhs-button{background:#ff2442}.report-button{background:linear-gradient(90deg,#1db49d,#e86c9d,#9078da);flex-basis:100%;box-shadow:0 7px 14px #79569833}.qq-button{background:#21a8da}.primary-button{color:#fff;letter-spacing:.08em;background:linear-gradient(90deg,#fa72aa,#a47ee3);border:2px solid #fff;width:100%;padding:14px 22px;font-size:14px}.welfare-start-button{color:#d44f85;background:linear-gradient(90deg,#fff5c9,#ffe6f0);border-color:#fffffff5;grid-column:1/-1;min-height:40px}.welfare-entry-button{color:#cf4d82;background:linear-gradient(110deg,#fff6c9,#ffe4ef)}.welfare-register-button{cursor:pointer;color:#fff;width:100%;min-height:43px;font:inherit;background:linear-gradient(90deg,#19ad93,#e35f95);border:2px solid #fff;border-radius:14px;margin:0 0 9px;font-size:11px;font-weight:1000;box-shadow:0 10px 24px #3b7e752e}.result-feedback-button{cursor:pointer;color:#77677d;width:100%;min-height:37px;font:inherit;background:#f6f2f7;border:1px solid #7764842e;border-radius:12px;margin:0 0 9px;font-size:10px;font-weight:900}.result-support-button{cursor:pointer;color:#674416;width:100%;min-height:41px;font:inherit;background:linear-gradient(105deg,#e2aa2d,#f3cb5a);border:2px solid #fffffff2;border-radius:13px;margin:0 0 9px;font-size:10px;font-weight:1000;box-shadow:0 8px 20px #b1791929}.community-center-backdrop{z-index:2300;-webkit-backdrop-filter:blur(8px);background:#121c2794;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.community-center{background:linear-gradient(150deg,#fffdf5,#f0fbf8 56%,#fff2f7);border:2px solid #ffffffe6;border-radius:25px;width:min(620px,100%);max-height:calc(100dvh - 24px);padding:18px;overflow-y:auto;box-shadow:0 26px 70px #17263057}.community-center>header,.community-center>header>div,.community-card,.community-support-card summary{align-items:center;display:flex}.community-center>header{justify-content:space-between;gap:14px;margin-bottom:13px}.community-center>header>div{gap:10px}.community-center>header>div>span{aspect-ratio:1;background:linear-gradient(135deg,#21ae98,#e66b9d);border-radius:15px;place-items:center;width:46px;font-size:21px;display:grid}.community-center header small,.community-card small,.community-support-card small{color:#17a28b;letter-spacing:.12em;font-size:8px;font-weight:1000;display:block}.community-center h2{color:#4c4e58;margin:2px 0 0;font-size:22px}.community-center>header>button{cursor:pointer;color:#8a7180;background:#ffffffe0;border:0;border-radius:50%;width:35px;height:35px;font-size:23px}.community-center-list{gap:10px;display:grid}.community-card{background:#ffffffc7;border:1px solid #189b8521;border-radius:18px;align-items:flex-start;gap:12px;padding:14px}.community-card>span{aspect-ratio:1;background:#edf9f6;border-radius:14px;flex:none;place-items:center;width:44px;font-size:21px;display:grid}.community-card h3{color:#514b57;margin:3px 0 5px;font-size:16px}.community-card strong{color:#398b9f;font-size:15px}.community-card p,.community-support-card p{color:#81727c;margin:5px 0 9px;font-size:10px;font-weight:750;line-height:1.65}.community-card button{cursor:pointer;color:#fff;min-height:34px;font:inherit;background:linear-gradient(105deg,#1ba98f,#6d82d8);border:0;border-radius:999px;padding:7px 13px;font-size:9px;font-weight:1000}.qq-community-card button{background:linear-gradient(105deg,#22a8db,#6676d9)}.community-support-card{background:#fff7fad1;border:1px solid #e1729b29;border-radius:18px}.community-support-card summary{cursor:pointer;gap:10px;padding:13px 14px;list-style:none}.community-support-card summary::-webkit-details-marker{display:none}.community-support-card summary>span{font-size:21px}.community-support-card summary>div{flex:1}.community-support-card summary b{color:#765463;margin-top:2px;font-size:13px;display:block}.community-support-card summary em{color:#b38498;font-size:9px;font-style:normal;font-weight:900}.community-support-card>div{padding:0 14px 14px}.community-support-card>div strong{color:#9e7486;font-size:9px;line-height:1.65}.community-support-card[open]{background:linear-gradient(145deg,#fffbebf2,#fff3f8eb);border-color:#d3972847}.community-support-card[open] summary em{color:#b17b23}.community-support-body{grid-template-columns:minmax(0,1fr) minmax(160px,220px);align-items:center;gap:14px;display:grid}.community-support-copy h3{color:#70512b;margin:0 0 7px;font-size:17px}.community-support-copy p{margin:0 0 8px}.community-reward-code{background:#fff;border:1px solid #d59a252e;border-radius:16px;margin:0;padding:8px;box-shadow:0 10px 24px #6648261a}.community-reward-code img{border-radius:10px;width:100%;height:auto;display:block}.community-reward-code figcaption{color:#916a31;text-align:center;margin-top:7px;font-size:8px;font-weight:1000}.community-support-boundary{background:#ffffffb8;border-radius:11px;grid-column:1/-1;padding:9px 11px;color:#917f88!important;margin:0!important;font-size:8px!important}@media (width<=560px){.community-support-body{grid-template-columns:1fr}.community-reward-code{justify-self:center;width:min(280px,100%)}}.welfare-hub-backdrop{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2b2d3975;place-items:center;padding:18px;animation:.22s both fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.welfare-hub{background:radial-gradient(circle at 100% 0,#ffdf6530,#0000 28%),linear-gradient(150deg,#fffef9,#f0fffb 54%,#fff1f7);border:2px solid #ffffffe6;border-radius:32px;width:min(880px,100%);max-height:calc(100vh - 36px);animation:.34s cubic-bezier(.2,.9,.25,1.08) both result-in;overflow:hidden;box-shadow:0 34px 100px #28303a54}.welfare-hub-header{background:#ffffffb8;border-bottom:1px solid #25a58e1f;justify-content:space-between;align-items:center;gap:16px;padding:17px 20px 13px;display:flex}.welfare-hub-brand{align-items:center;gap:11px;display:flex}.welfare-hub-logo{background:linear-gradient(145deg,#1eb69b,#e96297);border:2px solid #fff;border-radius:15px;place-items:center;width:43px;height:43px;font-size:20px;display:grid;box-shadow:0 8px 18px #3880752b}.welfare-hub-header h2{color:#415a56;margin:1px 0 0;font-size:21px}.welfare-hub-close{cursor:pointer;color:#866f7e;width:36px;height:36px;font:inherit;background:#f3e9ef;border:0;border-radius:50%;flex:none;place-items:center;font-size:23px;display:grid}.welfare-hub-tabs{scrollbar-width:none;background:#ffffff85;border-bottom:1px solid #25a58e1a;gap:6px;padding:9px 20px;display:flex;overflow-x:auto}.welfare-hub-tabs::-webkit-scrollbar{display:none}.welfare-hub-tabs button{cursor:pointer;color:#8c7885;min-height:34px;font:inherit;background:0 0;border:0;border-radius:999px;flex:none;padding:7px 13px;font-size:11px;font-weight:900}.welfare-hub-tabs button.is-active{color:#fff;background:linear-gradient(100deg,#20ad94,#60c8b7);box-shadow:0 6px 15px #29968430}.welfare-hub-body{scrollbar-width:thin;max-height:calc(100vh - 166px);padding:18px 20px 24px;overflow-y:auto}.welfare-current-panel,.welfare-mine-panel,.welfare-machine-panel,.welfare-card-panel,.welfare-rules-panel,.welfare-admin-panel{gap:14px;display:grid}.welfare-machine-panel{max-width:680px;margin:0 auto}.machine-hero{color:#fff;background:linear-gradient(120deg,#13a88e,#67cfba 58%,#f590b7);border-radius:22px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex;box-shadow:0 16px 34px #22907e2e}.machine-hero h3{margin:7px 0 4px;font-size:24px}.machine-hero p{max-width:420px;margin:0;font-size:10px;font-weight:800;line-height:1.55}.machine-chance-badge{background:#106f6038;border:2px solid #ffffff8a;border-radius:22px;place-items:center;min-width:86px;min-height:86px;display:grid}.machine-chance-badge b{font-size:30px;line-height:1}.machine-chance-badge span{font-size:9px;font-weight:900}.machine-cabinet{color:#fff;text-align:center;background:radial-gradient(circle at 88% 17%,#ffffff7a,#0000 20%),linear-gradient(145deg,#ff7eac,#cf5aa2 55%,#7945b8);border:4px solid #ffefb4;border-radius:28px;padding:16px 18px 18px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #64256f40,0 18px 38px #6f377033}.machine-light-row{color:#fff3a7;letter-spacing:.22em;text-shadow:0 0 8px #fff;font-size:14px}.machine-title{place-items:center;margin:4px 0 12px;display:grid}.machine-title span{font-size:24px}.machine-title b{letter-spacing:.12em;font-size:20px}.machine-title small{opacity:.9;margin-top:2px;font-size:9px;font-weight:900}.machine-reels{background:#351f4f;border:3px solid #6a356a;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:8px;padding:9px;display:grid;box-shadow:inset 0 5px 12px #00000045}.machine-reel{color:#5a455c;background:linear-gradient(160deg,#fffef6,#d9fff6);border:3px solid #fff7d6;border-radius:15px;align-content:center;justify-items:center;gap:4px;min-height:124px;padding:10px 5px 7px;display:grid;box-shadow:0 4px #ad628b}.machine-reel img{object-fit:cover;background:#fff;border:3px solid #ffcae0;border-radius:50%;width:72px;height:72px}.machine-reel span{font-size:10px;font-weight:1000}.machine-reel.is-fanbao{color:#fff;background:linear-gradient(145deg,#fff6af,#ffb7df 53%,#a984f1);box-shadow:0 4px #df4b98}.machine-reel.is-fanbao img{border-color:#fff08a;box-shadow:0 0 15px #fff18f}.machine-reels.is-spinning .machine-reel{animation:.19s linear infinite machine-reel-spin}.machine-reels.is-spinning .machine-reel:nth-child(2){animation-delay:-.06s}.machine-reels.is-spinning .machine-reel:nth-child(3){animation-delay:-.12s}.machine-lever{cursor:pointer;color:#fff;background:linear-gradient(120deg,#ffce57,#ff7b9f);border:2px solid #ffffffd1;border-radius:999px;align-items:center;gap:8px;width:fit-content;min-height:42px;margin:16px auto 6px;padding:0 18px 0 10px;font-weight:1000;display:inline-flex;box-shadow:0 7px #702d635c}.machine-lever i{color:#e64b84;background:#fff4b7;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.machine-lever:not(:disabled):active{transform:translateY(5px);box-shadow:0 2px #702d635c}.machine-lever:disabled{cursor:not-allowed;opacity:.62}.machine-odds-note{color:#ffffffe0;margin:2px 0 0;font-size:8px;font-weight:800;line-height:1.5}.machine-result,.machine-rules-card{background:#fffc;border-radius:18px;box-shadow:0 10px 24px #44676212}.machine-result{text-align:center;border:1px solid #f784af40;padding:14px 16px}.machine-result b{color:#e05891;font-size:17px}.machine-result p{color:#7e6d78;margin:5px 0 0;font-size:9px;font-weight:800;line-height:1.55}.machine-result.is-fanbao{background:linear-gradient(120deg,#fff3a9,#ffd1e9,#d7c5ff)}.machine-result.is-ticket{background:linear-gradient(120deg,#eafff7,#fff4d2)}.machine-reward-backdrop{z-index:2210;-webkit-backdrop-filter:blur(9px);background:#0b1021b8;border:0;position:fixed;inset:0}.machine-reward-reveal{z-index:2220;background:radial-gradient(circle at 50% 20%, var(--card-main), transparent 34%), linear-gradient(150deg, #fff, var(--card-main));border:2px solid #fffffff0;border-radius:28px;justify-items:center;gap:10px;width:min(100vw - 24px,440px);max-height:calc(100dvh - 20px);padding:22px 20px 19px;display:grid;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.machine-reward-reveal{background:radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--card-main) 34%, transparent), transparent 34%), linear-gradient(150deg, #fff, color-mix(in srgb, var(--card-main) 15%, #fff))}}.machine-reward-reveal{text-align:center;animation:.38s cubic-bezier(.2,.84,.2,1) both machine-reward-enter;box-shadow:0 28px 90px #050c1f80,inset 0 0 36px #ffffffbf}.machine-reward-rays{color:var(--card-main);letter-spacing:.8em;opacity:.75;font-size:18px;animation:1s ease-in-out infinite alternate machine-reward-spark;position:absolute;inset:8px 0 auto}.machine-reward-kicker{z-index:1;color:var(--card-deep);letter-spacing:.2em;margin-top:8px;font-size:9px;font-weight:1000}.machine-reward-reveal h3{z-index:1;color:#413849;margin:0;font-size:24px}.machine-reward-card-shell{perspective:1000px;width:min(62vw,235px);filter:drop-shadow(0 15px 22px var(--card-main))}@supports (color:color-mix(in lab, red, red)){.machine-reward-card-shell{filter:drop-shadow(0 15px 22px color-mix(in srgb, var(--card-main) 32%, transparent))}}.machine-reward-card-shell>.cheer-card{width:100%;animation:.85s cubic-bezier(.22,.8,.2,1) both machine-reward-card-flip}.machine-reward-card-shell .cheer-card-frame{min-height:0}.machine-reward-convert,.machine-reward-confirm{color:#6f6270;background:#ffffffc2;border-radius:15px;gap:3px;width:100%;margin:0;padding:11px 13px;display:grid}.machine-reward-convert b,.machine-reward-confirm b{color:var(--card-deep);font-size:12px}.machine-reward-convert span,.machine-reward-confirm span{font-size:10px;font-weight:900}.machine-reward-convert small{opacity:.78;font-size:8px;font-weight:800}.machine-reward-actions{grid-template-columns:.9fr 1.1fr;gap:8px;width:100%;display:grid}.machine-reward-actions button{color:#6b5e6d;background:#ffffffd1;border:0;border-radius:13px;min-height:40px;font-weight:1000}.machine-reward-actions button:last-child{background:linear-gradient(110deg, var(--card-main), var(--card-deep));color:#fff;box-shadow:0 8px 18px var(--card-main)}@supports (color:color-mix(in lab, red, red)){.machine-reward-actions button:last-child{box-shadow:0 8px 18px color-mix(in srgb, var(--card-main) 25%, transparent)}}.machine-reward-reveal.is-data-reward{background:radial-gradient(circle at 50% 18%,#36d5ff47,#0000 33%),linear-gradient(150deg,#f7fdff,#dcefff 56%,#ffe5ed)}@keyframes machine-reward-enter{0%{opacity:0;transform:translate(-50%,-46%)scale(.88)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes machine-reward-card-flip{0%{opacity:0;transform:rotateY(90deg)scale(.78)}58%{opacity:1;transform:rotateY(-8deg)scale(1.035)}to{opacity:1;transform:rotateY(0)scale(1)}}@keyframes machine-reward-spark{0%{opacity:.35;transform:scale(.92)}to{opacity:1;transform:scale(1.08)}}.machine-rules-card{grid-template-columns:repeat(2,1fr);gap:1px;padding:8px;display:grid}.machine-rules-card>div{background:#faf5f8;border-radius:12px;gap:3px;padding:10px;display:grid}.machine-rules-card b{color:#4c5957;font-size:10px}.machine-rules-card span{color:#9a8891;font-size:8px;font-weight:800}.machine-entry-button,.welfare-machine-result-button{border:0;background:linear-gradient(110deg,#e05a9b,#936ee2)!important}.welfare-collection-panel{gap:18px;display:grid}.collection-hero{color:#fff;background:radial-gradient(circle at 85% 22%,#ffffff52,#0000 22%),linear-gradient(135deg,#163b58,#1ba993 57%,#e874ae);border-radius:24px;justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex;box-shadow:0 15px 34px #116f7129}.collection-hero h3{margin:6px 0;font-size:24px}.collection-hero p{max-width:480px;margin:0;font-size:10px;font-weight:800;line-height:1.65}.collection-hero>b{background:#03192b3d;border:2px solid #ffffff85;border-radius:22px;place-items:center;min-width:84px;min-height:84px;font-size:30px;display:grid}.collection-hero>b small{letter-spacing:.08em;font-size:8px}.collection-section{gap:10px;display:grid}.collection-section-heading{justify-content:space-between;align-items:end;gap:12px;display:flex}.collection-section-heading small{color:#1da58c;letter-spacing:.13em;font-size:9px;font-weight:1000}.collection-section-heading h4{color:#4d4357;margin:2px 0 0;font-size:20px}.collection-section-heading>span{color:#9c8a95;text-align:right;font-size:9px;font-weight:800}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.cheer-card{--card-main:#ee86b9;--card-deep:#663e74;--card-glow:#fff1a7;background:linear-gradient(145deg,#fffffff2,#f4edf9d4);border:2px solid #ffffffe6;border-radius:16px;gap:5px;min-width:0;padding:7px;display:grid;position:relative;box-shadow:0 10px 22px #4133501f}.cheer-card-frame{aspect-ratio:2/3;border:3px solid var(--card-glow);background:radial-gradient(circle at 74% 22%, #ffffffb8, transparent 14%), linear-gradient(145deg, var(--card-main), var(--card-deep));isolation:isolate;border-radius:11px;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #0c1f362e}.cheer-card-frame:before{z-index:3;pointer-events:none;content:"";border:1px solid #ffffff9e;border-radius:7px;position:absolute;inset:7px}.cheer-card-frame:after{z-index:-1;content:"";background:#ffffff2e;width:148%;height:18px;position:absolute;top:47%;left:-24%;transform:rotate(-27deg);box-shadow:0 32px #ffffff1f,0 -32px #ffffff1a}.cheer-card-frame img{z-index:1;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 9px 4px #040e1d59);width:96%;height:99%;transition:transform .3s;position:absolute;bottom:0;left:2%}.cheer-card:not(.is-locked):hover .cheer-card-frame img{transform:scale(1.06)translateY(-3px)}.cheer-card-rarity,.cheer-card-tag{z-index:3;color:#fff;text-shadow:0 1px 2px #0a142373;font-weight:1000;position:absolute}.cheer-card-rarity{font-size:14px;font-style:italic;top:7px;right:8px}.cheer-card-tag{letter-spacing:.08em;font-size:7px;bottom:7px;left:8px}.cheer-card-sample-badge{z-index:9;color:#fff;letter-spacing:.04em;background:linear-gradient(105deg,#093563eb,#1ec3dce6);border:1px solid #fffc;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:1000;position:absolute;top:8px;left:8px;box-shadow:0 3px 9px #071e3f52}.cheer-card-shine{z-index:2;background:linear-gradient(135deg,#fffc,#0000);width:25px;height:25px;position:absolute;top:27px;left:14px;transform:rotate(45deg);box-shadow:86px 58px 0 -8px #ffffffa6}.cheer-card-foreground{z-index:5;pointer-events:none;background:linear-gradient(180deg, transparent, var(--card-deep));border-radius:0 0 7px 7px;height:30%;position:absolute;bottom:9px;left:8px;right:8px}@supports (color:color-mix(in lab, red, red)){.cheer-card-foreground{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--card-deep) 40%, transparent))}}.cheer-card-foreground{opacity:.72}.cheer-card-copy{gap:1px;min-height:32px;padding:0 2px;display:grid}.cheer-card-copy b{color:#504359;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.cheer-card-copy small{color:#9b8993;font-size:8px;font-weight:800}.cheer-card>button{background:linear-gradient(105deg, var(--card-main), var(--card-deep));color:#fff;border:0;border-radius:9px;min-height:28px;font-size:9px;font-weight:1000}.cheer-card>button:disabled{color:#958b98;background:#d5ccd6}.cheer-card.is-locked .cheer-card-frame img{filter:grayscale(.86)brightness(.65)blur(1.1px);opacity:.7}.cheer-card.is-locked .cheer-card-frame:after{box-shadow:none;background:#1113275c}.cheer-card.is-coming-soon .cheer-card-frame{background:radial-gradient(circle at 50% 28%,#ffffff2e,#0000 32%),linear-gradient(150deg,#343145,#171722 72%);overflow:hidden}.cheer-card.is-coming-soon .cheer-card-frame:after{z-index:2;background:linear-gradient(145deg,#ffffff0d,#0c0c1652)}.cheer-card-coming-soon{z-index:5;color:#fff4cf;text-align:center;border:1px dashed #ffffff47;border-radius:10px;place-content:center;gap:5px;display:grid;position:absolute;inset:18px}.cheer-card-coming-soon>span{filter:grayscale(.25);font-size:29px}.cheer-card-coming-soon>b{letter-spacing:.12em;font-size:18px}.cheer-card-coming-soon>small{color:#ffffff94;letter-spacing:.1em;font-size:8px;font-weight:900}.cheer-card.is-coming-soon>button:disabled{cursor:not-allowed;color:#77717c;background:#d7d2dc}.cheer-card-breakout{margin-top:18px}.cheer-card-breakout .cheer-card-frame{background:radial-gradient(circle at 72% 19%, #ffffff94, transparent 17%), linear-gradient(155deg, var(--card-main), var(--card-deep));border-radius:14px 14px 10px 10px;margin:0 6px 9px;overflow:visible}@supports (color:color-mix(in lab, red, red)){.cheer-card-breakout .cheer-card-frame{background:radial-gradient(circle at 72% 19%, #ffffff94, transparent 17%), linear-gradient(155deg, color-mix(in srgb, var(--card-main) 84%, #fff), var(--card-deep))}}.cheer-card-breakout .cheer-card-frame{box-shadow:inset 0 0 0 2px #0c1f3621,0 10px 18px #23183626}.cheer-card-breakout .cheer-card-frame:before{z-index:2;box-shadow:none;border:1px solid #ffffff80;border-top:0;border-radius:0 0 8px 8px;inset:10px 7px 7px}.cheer-card-breakout .cheer-card-frame img{z-index:4;filter:drop-shadow(0 12px 5px #040e1d6b);width:110%;height:116%;animation:3.4s ease-in-out infinite breakout-idle;bottom:-2%;left:-5%;transform:rotate(-2deg)translateY(-9px)}.cheer-card-breakout.card-theme-1 .cheer-card-frame img{animation-name:data-breakout-idle;transform:rotate(3deg)translate(2px,-12px)scale(1.03)}.cheer-card-breakout.card-theme-0 .cheer-card-frame img,.cheer-card-breakout.card-theme-4 .cheer-card-frame img{animation-name:cute-breakout-idle;transform:rotate(-4deg)translate(-3px,-10px)scale(1.025)}.cheer-card-breakout.card-theme-2 .cheer-card-frame img{animation-name:sleep-breakout-idle;transform:rotate(3deg)translate(1px,-10px)scale(1.02)}.cheer-card-breakout.card-theme-5 .cheer-card-frame img{animation-name:saozi-breakout-idle;transform:rotate(-3deg)translate(-2px,-12px)scale(1.03)}.cheer-card-breakout.card-theme-6 .cheer-card-frame img{width:106%;height:112%;animation-name:host-breakout-idle;bottom:-2%;left:-3%;transform:rotate(-2deg)translateY(-8px)}.cheer-card-breakout .cheer-card-foreground{z-index:3;background:linear-gradient(110deg, var(--card-deep), var(--card-main));border-radius:4px 4px 7px 7px;height:16%;bottom:5px;left:5px;right:5px}@supports (color:color-mix(in lab, red, red)){.cheer-card-breakout .cheer-card-foreground{background:linear-gradient(110deg, color-mix(in srgb, var(--card-deep) 82%, transparent), color-mix(in srgb, var(--card-main) 74%, transparent))}}.cheer-card-breakout .cheer-card-foreground{clip-path:polygon(0 30%,74% 0,100% 18%,100% 100%,0 100%);opacity:.72}.cheer-card-breakout:not(.is-locked):before{z-index:8;background:var(--card-glow);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);width:26px;height:26px;box-shadow:0 0 16px var(--card-glow);content:"";animation:1.8s ease-in-out infinite alternate card-spark;position:absolute;top:-11px;right:16px;transform:rotate(45deg)}.card-theme-0{--card-main:#ff86b7;--card-deep:#6d497a;--card-glow:#e6fbff}.card-theme-1{--card-main:#27bde4;--card-deep:#172f74;--card-glow:#ffb2c9}.card-theme-2{--card-main:#ffd36a;--card-deep:#8f67b8;--card-glow:#fffbe2}.card-theme-3{--card-main:#37c998;--card-deep:#247b79;--card-glow:#fff0ad}.card-theme-4{--card-main:#a96df2;--card-deep:#3f438d;--card-glow:#ff9fc1}.card-theme-5{--card-main:#e98072;--card-deep:#743e5e;--card-glow:#9cf1e0}.card-theme-6{--card-main:#ff81bb;--card-deep:#7d59d4;--card-glow:#fff19b}.collection-preview-backdrop{z-index:2190;-webkit-backdrop-filter:blur(8px);background:#120f1f9e;border:0;position:fixed;inset:0}.collection-preview{z-index:2200;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:linear-gradient(135deg, #fffffff7, var(--card-main));border:2px solid #ffffffe6;border-radius:25px;grid-template-columns:minmax(230px,.85fr) 1fr;align-items:center;gap:22px;width:min(100vw - 28px,760px);max-height:calc(100dvh - 28px);padding:25px;display:grid;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.collection-preview{background:linear-gradient(135deg, #fffffff7, color-mix(in srgb, var(--card-main) 18%, #fff))}}.collection-preview{animation:.22s ease-out both collection-preview-enter;box-shadow:0 24px 70px #17122761}.collection-preview>.cheer-card{width:min(100%,270px);margin:0 auto}.cheer-card-stage .cheer-card-frame{min-height:0}.cheer-card-dynamic .cheer-card-frame{background:radial-gradient(circle at 50% 18%,#2fceff3d,#0000 31%),linear-gradient(#06172d,#0a2748 58%,#07162c);box-shadow:inset 0 0 0 3px #113d67b8,0 0 24px #23bfe640}.cheer-card-dynamic .cheer-card-frame:before{z-index:6;border-color:#92e4ffb3;inset:6px;box-shadow:inset 0 0 15px #1ab9e82b}.cheer-card-video{z-index:1;object-fit:contain;cursor:pointer;background:#071a31;width:100%;height:100%;position:absolute;inset:0}.cheer-card-data-idle .cheer-card-video{background:#071a31;animation:2.9s ease-in-out infinite data-card-breathe}.cheer-card-data-rails{z-index:4;pointer-events:none;opacity:.7;background:repeating-linear-gradient(#ffffffb8 0 2px,#0000 2px 15px) 0 0/5px 100% no-repeat,repeating-linear-gradient(#ffffff9e 0 2px,#0000 2px 15px) 100% 0/5px 100% no-repeat;border-left:2px solid #ff5c848c;border-right:2px solid #3dd6f89e;position:absolute;inset:17px 7px 31px}.cheer-card-data-idle .cheer-card-rarity{background:#03142ca3;border:1px solid #ffffffb3;border-radius:6px;padding:2px 5px}.cheer-card-data-idle .cheer-card-tag{z-index:7;color:#bceeff;letter-spacing:.12em;bottom:11px;left:13px}.cheer-card-data-idle .cheer-card-shine{z-index:5;opacity:.45}.cheer-card-data-idle .cheer-card-foreground{z-index:5;background:linear-gradient(#0000,#031126b8);height:22%}.cheer-card-data-idle .cheer-card-frame:after{z-index:3;mix-blend-mode:screen;pointer-events:none;content:"";background:linear-gradient(112deg,#0000 39%,#5ee7ff08 45%,#cafaff57 50%,#5ee7ff08 55%,#0000 61%);border-radius:7px;animation:2.9s ease-in-out infinite data-card-scan;inset:8px}.cheer-card-sleep-idle .cheer-card-frame{background:radial-gradient(circle at 20% 18%,#ffffffeb 0 3px,#0000 4px),radial-gradient(circle at 78% 30%,#fff8bee0 0 4px,#0000 5px),radial-gradient(circle at 68% 8%,#ffffffbf,#0000 19%),linear-gradient(#7464b5 0%,#b994d2 42%,#f5cadd 72%,#ffe9b5 100%);box-shadow:inset 0 0 0 3px #5b42896b,0 0 25px #be89e057}.cheer-card-sleep-idle .cheer-card-frame:before{z-index:6;border-color:#fffadad9;inset:6px;box-shadow:inset 0 0 18px #fff3}.cheer-card-sleep-idle .cheer-card-video{z-index:2;filter:drop-shadow(0 10px 6px #2b1c4b57);background:0 0}.cheer-card-sleep-idle .cheer-card-rarity{background:#5d40879e;border:1px solid #ffffffc2;border-radius:6px;padding:2px 5px}.cheer-card-sleep-idle .cheer-card-tag{z-index:7;color:#fff6c8;letter-spacing:.12em;bottom:11px;left:13px}.cheer-card-sleep-idle .cheer-card-shine{z-index:5;opacity:.72}.cheer-card-sleep-idle .cheer-card-foreground{z-index:5;background:linear-gradient(#0000,#52347b99);height:24%}.cheer-card-sleep-dream{z-index:4;pointer-events:none;filter:drop-shadow(0 0 5px #fff4b4cc);background:radial-gradient(circle at 14% 68%,#fff7b2 0 2px,#0000 3px),radial-gradient(circle at 87% 54%,#fff 0 2px,#0000 3px),radial-gradient(circle at 76% 78%,#e8dcff 0 3px,#0000 4px);border-radius:7px;position:absolute;inset:12px}.cheer-card-taste-motion .cheer-card-frame{background:radial-gradient(circle at 22% 17%,#fffacdd1,#0000 21%),radial-gradient(circle at 78% 66%,#6af5bf4d,#0000 28%),linear-gradient(#164f51 0%,#237e71 48%,#e3bd5c 100%);box-shadow:inset 0 0 0 3px #155b4f94,0 0 25px #37c99852}.cheer-card-taste-motion .cheer-card-frame:before{z-index:6;border-color:#ffefa6e0;inset:6px;box-shadow:inset 0 0 18px #fff6be2e}.cheer-card-taste-motion .cheer-card-video{z-index:2;filter:drop-shadow(0 10px 6px #0f3e3c57);background:0 0}.cheer-card-taste-motion .cheer-card-rarity{background:#155b4fb3;border:1px solid #fff5c4d1;border-radius:6px;padding:2px 5px}.cheer-card-taste-motion .cheer-card-tag{z-index:7;color:#fff2ad;letter-spacing:.11em;bottom:11px;left:13px}.cheer-card-taste-motion .cheer-card-shine{z-index:5;opacity:.62}.cheer-card-taste-motion .cheer-card-foreground{z-index:5;background:linear-gradient(#0000,#115347ad);height:24%}.cheer-card-taste-sparkles{z-index:4;pointer-events:none;filter:drop-shadow(0 0 5px #ffec91c7);background:radial-gradient(circle at 16% 24%,#fff3a9 0 2px,#0000 3px),radial-gradient(circle at 84% 38%,#fff 0 2px,#0000 3px),radial-gradient(circle at 74% 76%,#b7ffd9 0 3px,#0000 4px);border-radius:7px;position:absolute;inset:12px}.cheer-card-highway-idle .cheer-card-frame{background:radial-gradient(circle at 50% 18%,#beaeff57,#0000 28%),linear-gradient(158deg,#0000 0 46%,#ff8ed32e 47% 49%,#0000 50%),linear-gradient(#252858 0%,#51408c 54%,#9e65c9 100%);box-shadow:inset 0 0 0 3px #2f2d709e,0 0 25px #a96df259}.cheer-card-highway-idle .cheer-card-frame:before{z-index:6;border-color:#d6ccffd6;inset:6px;box-shadow:inset 0 0 18px #c1afff33}.cheer-card-highway-idle .cheer-card-video{z-index:2;filter:drop-shadow(0 10px 6px #1d1c5266);background:0 0}.cheer-card-highway-idle .cheer-card-rarity{background:#37307bb8;border:1px solid #e7deffc7;border-radius:6px;padding:2px 5px}.cheer-card-highway-idle .cheer-card-tag{z-index:7;color:#f3ddff;letter-spacing:.1em;bottom:11px;left:13px}.cheer-card-highway-idle .cheer-card-shine{z-index:5;opacity:.58}.cheer-card-highway-idle .cheer-card-foreground{z-index:5;background:linear-gradient(#0000,#261f63b3);height:24%}.cheer-card-highway-lanes{z-index:4;pointer-events:none;filter:drop-shadow(0 0 5px #b48bffcc);background:repeating-linear-gradient(#0000 0 20px,#fff29dbd 20px 31px,#0000 31px 50px) 88% 0/3px 100% no-repeat,radial-gradient(circle at 14% 32%,#8feaff 0 2px,#0000 3px),radial-gradient(circle at 84% 70%,#fface0 0 2px,#0000 3px);border-radius:7px;position:absolute;inset:12px}.collection-preview h3{color:#4e4256;margin:5px 0 7px;font-size:24px}.collection-preview p{color:#786b78;margin:0 0 13px;font-size:11px;font-weight:800;line-height:1.7}.collection-design-note{background:#ffffff8a;border-radius:11px;margin:0 0 13px}.collection-design-note summary{color:#665774;cursor:pointer;padding:10px 12px;font-size:11px;font-weight:1000}.collection-design-note p{padding:0 12px 10px}.collection-preview>div:last-child>button{background:linear-gradient(105deg, var(--card-main), var(--card-deep));color:#fff;border:0;border-radius:11px;min-height:36px;padding:0 14px;font-weight:1000}.collection-preview-close{z-index:7;color:#795f78;background:#ffffffe0;border:0;border-radius:50%;width:34px;height:34px;font-size:23px;position:absolute;top:10px;right:10px}@media (width<=560px){.collection-hero{align-items:start;padding:16px}.collection-hero h3{font-size:19px}.collection-hero>b{border-radius:17px;min-width:60px;min-height:60px;font-size:23px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.cheer-card-frame{min-height:0}.collection-preview{grid-template-columns:1fr;gap:12px;width:calc(100vw - 18px);max-height:calc(100dvh - 18px);padding:17px}.collection-preview>.cheer-card{width:min(72vw,250px)}.collection-preview h3{font-size:20px}}@keyframes collection-preview-enter{0%{opacity:.35;transform:translate(-50%,-46%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes data-card-breathe{0%,to{filter:brightness()saturate();transform:scale(1)}50%{filter:brightness(1.05)saturate(1.1);transform:scale(1.012)translateY(-2px)}}@keyframes data-card-scan{0%,18%{opacity:0;transform:translate(-78%)}28%{opacity:.55}50%{opacity:0;transform:translate(78%)}to{opacity:0;transform:translate(78%)}}@keyframes breakout-idle{0%,to{transform:rotate(-2deg)translateY(-9px)scale(1)}50%{transform:rotate(-1deg)translateY(-14px)scale(1.012)}}@keyframes data-breakout-idle{0%,to{transform:rotate(3deg)translate(2px,-12px)scale(1.03)}50%{transform:rotate(2deg)translate(4px,-17px)scale(1.042)}}@keyframes cute-breakout-idle{0%,to{transform:rotate(-4deg)translate(-3px,-10px)scale(1.025)}50%{transform:rotate(-2deg)translateY(-15px)scale(1.04)}}@keyframes sleep-breakout-idle{0%,to{transform:rotate(3deg)translate(1px,-10px)scale(1.02)}50%{transform:rotate(4deg)translate(3px,-15px)scale(1.035)}}@keyframes saozi-breakout-idle{0%,to{transform:rotate(-3deg)translate(-2px,-12px)scale(1.03)}50%{transform:rotate(-4deg)translate(-4px,-17px)scale(1.043)}}@keyframes host-breakout-idle{0%,to{transform:rotate(-2deg)translateY(-8px)scale(1)}50%{transform:rotate(0)translateY(-13px)scale(1.02)}}@keyframes card-spark{0%{opacity:.45;transform:rotate(45deg)scale(.76)}to{opacity:1;transform:rotate(45deg)scale(1.16)}}@media (prefers-reduced-motion:reduce){.cheer-card-breakout .cheer-card-frame img,.cheer-card-breakout:not(.is-locked):before{animation:none}}@keyframes machine-reel-spin{0%{filter:blur();transform:translateY(-5px)}50%{filter:blur(1px);transform:translateY(5px)}to{filter:blur();transform:translateY(-5px)}}.welfare-season-hero{color:#fff;background:radial-gradient(circle at 82% 16%,#ffe87773,#0000 28%),linear-gradient(120deg,#16a78e,#3bc3ad 56%,#f07eaa);border:2px solid #ffffffdb;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;min-height:150px;padding:20px;display:flex;overflow:hidden;box-shadow:0 16px 35px #22907e2b}.welfare-season-tag{color:inherit;letter-spacing:.12em;background:#fff3;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:1000;display:inline-flex}.welfare-season-hero h3{margin:8px 0 5px;font-size:clamp(24px,4vw,36px)}.welfare-season-hero p{opacity:.9;margin:0;font-size:11px;font-weight:800}.welfare-countdown{text-align:right;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1d60572e;border:1px solid #ffffff61;border-radius:18px;min-width:205px;padding:15px 16px;display:grid}.welfare-countdown small,.welfare-countdown span{opacity:.85;font-size:9px;font-weight:800}.welfare-countdown strong{letter-spacing:.04em;margin:3px 0;font-size:24px}.welfare-slot-card,.welfare-prize-card,.welfare-action-card,.welfare-winner-card,.welfare-badges,.welfare-entry-history,.welfare-activation-card,.welfare-card-showcase,.welfare-rules-intro,.welfare-rule-list,.welfare-admin-alert,.welfare-admin-account{background:#ffffffc2;border:1px solid #2b9d8a21;border-radius:20px;box-shadow:0 10px 24px #44676212}.welfare-slot-card{padding:15px 17px}.welfare-slot-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.welfare-slot-heading div{gap:3px;display:grid}.welfare-slot-heading small{color:#a08b96;font-size:9px;font-weight:900}.welfare-slot-heading strong{color:#4a625e;font-size:19px}.welfare-slot-heading strong span{color:#e45b90;font-size:11px}.welfare-slot-heading>b{color:#a97812;background:#fff1c9;border-radius:999px;padding:6px 9px;font-size:9px}.welfare-progress-demo{background:#e6f1ee;border-radius:99px;height:10px;margin:12px 0 7px;overflow:hidden}.welfare-progress-demo i{background:repeating-linear-gradient(120deg,#2bb59d47 0 9px,#ffffffbf 9px 18px);width:100%;height:100%;animation:1.4s linear infinite welfare-progress-wait;display:block}.welfare-slot-card>p{color:#8d7b85;margin:0;font-size:9px;font-weight:750;line-height:1.55}.welfare-current-grid{grid-template-columns:1.25fr .75fr;gap:14px;display:grid}.welfare-prize-card{grid-template-columns:105px minmax(0,1fr);gap:14px;padding:14px;display:grid;position:relative;overflow:hidden}.welfare-prize-card>img{aspect-ratio:9/13;object-fit:cover;border:3px solid #fff;border-radius:14px;width:105px;box-shadow:0 8px 20px #58344a2b}.welfare-prize-chip{z-index:2;color:#fff;background:#e85087;border-radius:8px;padding:5px 7px;font-size:7px;font-weight:1000;position:absolute;top:8px;left:7px;transform:rotate(-5deg)}.welfare-prize-card>div,.welfare-action-card{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.welfare-prize-card small,.welfare-action-card>small{color:#1aa48c;letter-spacing:.09em;font-size:8px;font-weight:1000}.welfare-prize-card h4{color:#4d4750;margin:4px 0 6px;font-size:16px}.welfare-prize-card p,.welfare-action-card p{color:#8b7b84;margin:0 0 9px;font-size:9px;font-weight:750;line-height:1.55}.welfare-prize-card button,.welfare-action-card button,.welfare-uid-card button,.welfare-activation-card button,.welfare-admin-panel>button{cursor:pointer;color:#fff;min-height:34px;font:inherit;background:linear-gradient(100deg,#1ca88f,#d85b8b);border:0;border-radius:999px;padding:7px 13px;font-size:9px;font-weight:1000}.welfare-action-card{padding:17px}.welfare-action-card>strong{color:#544c55;margin:7px 0 5px;font-size:16px}.welfare-done-chip{color:#168c77;background:#def7ef;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:1000;display:inline-flex}.welfare-winner-card{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:13px 16px;display:grid}.welfare-winner-card small{color:#ae96a2;letter-spacing:.1em;font-size:7px;font-weight:1000}.welfare-winner-card h4{color:#5b515a;margin:2px 0 0;font-size:13px}.welfare-winner-card p{color:#8f8088;margin:0;font-size:9px;line-height:1.5}.welfare-winner-card>span{color:#d05a88;background:#f8eff4;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:900}.welfare-mine-panel{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)}.welfare-uid-card{color:#fff;text-align:center;background:radial-gradient(circle at 84% 12%,#ffe4636b,#0000 27%),linear-gradient(145deg,#17a990,#56c8b6 52%,#e66c9e);border:2px solid #fff;border-radius:24px;flex-direction:column;grid-row:span 2;justify-content:center;align-items:center;min-height:330px;padding:21px;display:flex;overflow:hidden;box-shadow:0 18px 38px #208e7b33}.welfare-uid-brand{place-items:center;display:grid}.welfare-uid-brand img{object-fit:contain;filter:drop-shadow(0 7px 14px #00544629);width:154px;height:58px}.welfare-uid-brand span,.welfare-uid-card>small{letter-spacing:.12em;font-size:8px;font-weight:1000}.welfare-uid-card>small{opacity:.75;margin-top:28px}.welfare-uid-card>strong{letter-spacing:.09em;margin:3px 0;font-size:34px}.welfare-uid-card>p{opacity:.88;margin:0 0 18px;font-size:9px;font-weight:800}.welfare-uid-card button{background:#fff3;border:1px solid #ffffff94}.welfare-badges,.welfare-entry-history{padding:16px}.welfare-badges h3,.welfare-entry-history h3{color:#574f57;margin:0;font-size:14px}.welfare-badges>div{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px;display:grid}.welfare-badges article{color:#b1a6ac;text-align:center;background:#f2edf0;border-radius:14px;place-items:center;padding:10px 7px;display:grid}.welfare-badges article>span{color:#fff;background:#ddd3d8;border-radius:50%;place-items:center;width:32px;height:32px;margin-bottom:5px;font-size:10px;font-weight:1000;display:grid}.welfare-badges article>b{font-size:9px}.welfare-badges article>small{margin-top:2px;font-size:7px}.welfare-badges article.is-earned{color:#4d7068;background:linear-gradient(145deg,#e9fff8,#fff5d8)}.welfare-badges article.is-earned>span{background:linear-gradient(145deg,#1bb196,#e8ad34)}.welfare-history-heading{justify-content:space-between;align-items:center;display:flex}.welfare-history-heading small{color:#aa96a0;letter-spacing:.1em;font-size:7px;font-weight:1000}.welfare-history-heading>strong{color:#e15b90;font-size:24px}.welfare-history-heading>strong span{color:#a08e97;margin-left:3px;font-size:8px}.welfare-history-list{gap:6px;max-height:154px;margin-top:10px;display:grid;overflow-y:auto}.welfare-history-list article{background:#f7f3f5;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.welfare-history-list article>div{display:grid}.welfare-history-list b{color:#5f555e;font-size:9px}.welfare-history-list small,.welfare-history-list article>span{color:#a2919a;font-size:7px}.welfare-history-list article>strong{color:#dd5d90;font-size:14px}.welfare-empty-state{color:#a08f98;text-align:center;background:#f7f3f5;border-radius:12px;margin:14px 0 0;padding:13px;font-size:9px}.fortune-bowl-overlay{z-index:120;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#21363e7a;place-items:center;padding:18px;animation:.24s ease-out both fortune-bowl-overlay-in;display:grid;position:fixed;inset:0}.fortune-bowl-animation{color:#fff;text-align:center;background:radial-gradient(circle at 50% 20%,#fff4b2e6,#0000 28%),linear-gradient(145deg,#178f7e,#32baa2 56%,#e97eab);border:3px solid #ffffffe0;border-radius:34px;place-items:center;width:min(360px,100%);min-height:300px;padding:34px 28px 28px;animation:.42s cubic-bezier(.2,1.3,.4,1) both fortune-bowl-pop;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #10484359}.fortune-bowl-animation:before,.fortune-bowl-animation:after{color:#fff7c5eb;content:"✦";font-size:32px;animation:1.15s ease-in-out infinite alternate fortune-spark;position:absolute}.fortune-bowl-animation:before{top:22px;left:30px}.fortune-bowl-animation:after{animation-delay:.32s;top:74px;right:31px}.fortune-ticket{z-index:2;color:#b84b72;background:linear-gradient(145deg,#fff1b3,#ffbc5f);border:2px solid #fff5bc;border-radius:9px;place-items:center;width:48px;height:58px;font-size:21px;font-weight:1000;display:grid;position:absolute;box-shadow:0 8px 16px #52223733}.fortune-ticket-one{animation:1.1s cubic-bezier(.18,.87,.34,1) both fortune-ticket-drop;top:27px;left:31%}.fortune-ticket-two{animation:1.1s cubic-bezier(.18,.87,.34,1) .12s both fortune-ticket-drop;top:14px;right:28%}.fortune-bowl-steam{z-index:1;color:#fff5be;letter-spacing:11px;margin-top:45px;font-size:18px;animation:1.2s ease-in-out infinite alternate fortune-steam}.fortune-bowl{background:linear-gradient(160deg,#e9679d,#bb3974 55%,#7f285c);border:5px solid #ffe786;border-top:0;border-radius:0 0 95px 95px;width:190px;height:86px;margin-top:-3px;position:relative;box-shadow:inset 0 12px 18px #ffffff2b,0 14px #651f4647}.fortune-bowl:before{content:"";background:#70365c;border:5px solid #ffe786;border-radius:50%;width:190px;height:27px;position:absolute;top:-14px;left:-5px}.fortune-bowl i{z-index:1;color:#fff3bd;letter-spacing:.1em;font-size:15px;font-style:normal;font-weight:1000;position:absolute;inset:31px 0 auto}.fortune-bowl-animation>strong{letter-spacing:.04em;margin-top:18px;font-size:24px}.fortune-bowl-animation>p{color:#ffffffe6;margin:6px 0 0;font-size:12px;font-weight:800}@keyframes fortune-bowl-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes fortune-bowl-pop{0%{opacity:0;transform:scale(.78)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fortune-ticket-drop{0%{opacity:0;transform:translateY(-85px)rotate(-16deg)}48%{opacity:1}72%{transform:translateY(128px)rotate(8deg)scale(.96)}to{opacity:0;transform:translateY(150px)rotate(10deg)scale(.8)}}@keyframes fortune-spark{0%{opacity:.45;transform:scale(.7)rotate(-12deg)}to{opacity:1;transform:scale(1.18)rotate(12deg)}}@keyframes fortune-steam{0%{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(-7px)}}.welfare-activation-card{text-align:center;grid-column:1/-1;width:min(530px,100%);margin:8px auto;padding:28px}.welfare-lock-icon{background:linear-gradient(145deg,#1eb39a,#e66a9b);border-radius:22px;place-items:center;width:62px;height:62px;margin:0 auto 10px;font-size:26px;display:grid}.welfare-activation-card h3{color:#514a52;margin:5px 0 7px;font-size:21px}.welfare-activation-card>p:not(.eyebrow){color:#897982;margin:0 auto 16px;font-size:10px;font-weight:750;line-height:1.65}.welfare-activation-card form{text-align:left;gap:7px;width:min(370px,100%);margin:0 auto 13px;display:grid}.welfare-activation-card label{color:#6c5f68;font-size:9px;font-weight:900}.welfare-activation-card input{color:#4e4650;min-height:43px;font:inherit;background:#fff;border:1px solid #2da58f3d;border-radius:13px;outline:none;padding:10px 13px;font-size:13px}.welfare-activation-card input:focus{border-color:#24ad94;box-shadow:0 0 0 3px #24ad941f}.welfare-activation-card form button{width:100%;margin-top:3px}.welfare-form-error{color:#da4c73;font-size:8px;font-weight:900}.welfare-activation-card>small{color:#ad9ca5;font-size:8px;line-height:1.55;display:block}.welfare-card-showcase{grid-template-columns:220px minmax(0,1fr);align-items:center;gap:25px;padding:20px;display:grid}.welfare-card-video video{aspect-ratio:9/16;object-fit:cover;background:#342431;border:4px solid #fff;border-radius:18px;width:100%;max-height:430px;display:block;box-shadow:0 14px 32px #4a2d4333}.welfare-card-showcase>div:last-child{color:#514a52}.welfare-card-showcase .welfare-season-tag{color:#16927d;background:#e8fff8}.welfare-card-showcase h3{margin:9px 0;font-size:24px}.welfare-card-showcase p{color:#897983;font-size:10px;font-weight:750;line-height:1.7}.welfare-card-showcase ul{gap:6px;margin:13px 0;padding:0;list-style:none;display:grid}.welfare-card-showcase li{color:#8d7c85;background:#f6f2f4;border-radius:11px;justify-content:space-between;gap:15px;padding:8px 10px;font-size:9px;display:flex}.welfare-card-showcase li b{color:#5b525a}.welfare-card-showcase a{color:#fff;background:#ff2442;border-radius:999px;padding:9px 14px;font-size:9px;font-weight:1000;text-decoration:none;display:inline-flex}.welfare-card-tip{color:#8a701e;text-align:center;background:#fff5d8;border-radius:14px;margin:0;padding:11px 14px;font-size:9px;font-weight:800}.welfare-rules-intro{background:linear-gradient(120deg,#e9fff8,#fff4d4);align-items:center;gap:14px;padding:17px;display:flex}.welfare-rules-intro>span{background:#20ad94;border-radius:17px;flex:none;place-items:center;width:50px;height:50px;font-size:23px;display:grid}.welfare-rules-intro small{color:#18917c;font-size:8px;font-weight:1000}.welfare-rules-intro h3{color:#4d5e5a;margin:3px 0;font-size:17px}.welfare-rules-intro p{color:#877a7e;margin:0;font-size:9px;line-height:1.5}.welfare-rule-list{counter-reset:welfare-rule;grid-template-columns:repeat(2,1fr);gap:8px;margin:0;padding:14px;list-style:none;display:grid}.welfare-rule-list li{counter-increment:welfare-rule;background:#f7f3f5;border-radius:14px;min-height:83px;padding:11px 12px 11px 40px;position:relative}.welfare-rule-list li:before{color:#fff;content:counter(welfare-rule);background:#21a88f;border-radius:50%;place-items:center;width:22px;height:22px;font-size:8px;font-weight:1000;display:grid;position:absolute;top:12px;left:11px}.welfare-rule-list b{color:#5b5259;font-size:10px}.welfare-rule-list p{color:#8f8088;margin:3px 0 0;font-size:8px;font-weight:700;line-height:1.55}.welfare-contact-row{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.welfare-contact-row a,.welfare-contact-row button{cursor:pointer;color:#fff;min-height:39px;font:inherit;text-align:center;background:#ff2442;border:0;border-radius:13px;font-size:9px;font-weight:1000;text-decoration:none}.welfare-contact-row a{place-items:center;display:grid}.welfare-contact-row button{background:#20a7d7}.welfare-rule-note{color:#a2929a;text-align:center;font-size:8px;line-height:1.55}.welfare-admin-alert{color:#846c1d;background:#fff5d8;justify-content:space-between;align-items:center;gap:15px;padding:12px 14px;display:flex}.welfare-admin-alert b{font-size:10px}.welfare-admin-alert span{font-size:8px}.welfare-admin-stats{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.welfare-admin-stats article{background:#fff;border-radius:16px;padding:15px;display:grid;box-shadow:0 8px 20px #43645f14}.welfare-admin-stats small,.welfare-admin-stats span,.welfare-admin-account small{color:#a08e97;font-size:8px}.welfare-admin-stats strong{color:#1da58d;margin:5px 0 1px;font-size:25px}.welfare-admin-account{grid-template-columns:repeat(3,1fr);gap:1px;padding:8px;display:grid}.welfare-admin-account>div{background:#f7f3f5;border-radius:12px;gap:4px;padding:12px;display:grid}.welfare-admin-account strong{color:#5a5159;font-size:11px}@keyframes welfare-progress-wait{to{transform:translate(18px)}}@keyframes floaty{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-13px)rotate(6deg)}}@keyframes start-card-in{0%{opacity:0;transform:translateY(18px)scale(.94)}}@keyframes lightning-bounce{0%{transform:translateY(2px)rotate(-5deg)scale(.94)}to{transform:translateY(-3px)rotate(5deg)scale(1.06)}}@keyframes hint-pulse{0%{box-shadow:0 6px 12px var(--tile-shadow), 0 0 0 0 #ffffffe6;transform:scale(1)}to{box-shadow:0 8px 16px var(--tile-shadow), 0 0 0 5px #ffffffbd;transform:scale(1.07)}}@keyframes hint-arrow-glow{0%{opacity:.72;filter:brightness()}to{opacity:1;filter:brightness(1.22)saturate(1.2)}}@keyframes skill-target-flash{0%{filter:brightness(1.05)saturate(1.1);box-shadow:0 0 0 2px #ffffffe0, 0 5px 12px var(--tile-shadow);transform:scale(.96)}to{filter:brightness(1.55)saturate(1.35);transform:scale(1.08);box-shadow:0 0 0 5px #ffeb6fd1,0 0 24px #ffd35eb8}}@keyframes skill-card-ready{0%{box-shadow:0 6px 14px var(--tile-shadow), 0 0 0 0 #ffeb771a}to{box-shadow:0 8px 18px var(--tile-shadow), 0 0 0 3px #ffeb77c2}}@keyframes skill-ready-burst{0%{filter:brightness();transform:scale(.92)rotate(-7deg)}to{filter:brightness(1.14);transform:scale(1.12)rotate(7deg)}}@keyframes skill-preview-in{0%{opacity:0;transform:translateY(18px)scale(.86)rotate(-2deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-12px)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes skill-entrance-pop{0%{opacity:0;transform:translate(-50%,-45%)scale(.68)rotate(-5deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes skill-aura-spin{to{transform:rotate(360deg)}}@keyframes skill-portrait-bounce{0%{transform:translateY(1px)rotate(-2deg)}to{transform:translateY(-5px)rotate(2deg)}}@keyframes skill-particle-float{0%{opacity:.62;transform:translateY(5px)rotate(-8deg)scale(.9)}to{opacity:1;transform:translateY(-6px)rotate(8deg)scale(1.12)}}@keyframes skill-scan{0%{transform:translateY(0)}to{transform:translateY(560%)}}@keyframes board-road-in{0%{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}@keyframes board-truck-charge{0%{transform:translate(0)scaleX(-1)rotate(-2deg)}12%{transform:translate(18vw)scaleX(-1)rotate(2deg)}to{transform:translate(145vw)scaleX(-1)rotate(1deg)}}@keyframes board-truck-smoke{0%{opacity:0;transform:translate(0)scale(.4)}16%{opacity:1}to{opacity:0;transform:translate(76vw)scale(1.5)}}@keyframes board-tile-crash{0%,32%{opacity:1;transform:translate(0)rotate(0)}58%{opacity:1;transform:translate(12%,-24%)rotate(10deg)scale(1.06)}to{opacity:0;filter:brightness(1.35);transform:translate(155%,-80%)rotate(42deg)scale(.55)}}@keyframes board-impact-word{0%{opacity:0;transform:translate(-50%,-50%)rotate(-8deg)scale(.35)}45%{opacity:1;transform:translate(-50%,-50%)rotate(4deg)scale(1.18)}to{opacity:0;transform:translate(-50%,-50%)rotate(-2deg)scale(1)}}@keyframes board-electric-flash{0%,18%,40%,to{opacity:0}10%,29%,52%{opacity:.92}}@keyframes board-electric-strike{0%,18%,35%{opacity:0;transform:translateY(-30%)scaleY(.55)}10%,27%,54%{opacity:1;transform:translateY(28%)scaleY(1.05)}to{opacity:0;transform:translateY(52%)scaleY(1)}}@keyframes board-tile-charcoal{0%,16%{filter:brightness();transform:scale(1)}25%,37%{filter:brightness(2.3)saturate(.2);transform:translate(-3%)rotate(-2deg)}31%,44%{filter:brightness(1.5)saturate(0);transform:translate(3%)rotate(2deg)}to{filter:grayscale()brightness(.24)contrast(1.8);transform:scale(.9)rotate(-3deg);box-shadow:0 0 0 4px #393943,inset 0 0 14px #050507}}@keyframes tile-bolt-mark{0%,22%,48%,to{opacity:0;transform:scale(.5)}12%,36%,65%{opacity:1;transform:scale(1.35)}}@keyframes board-data-scan{0%{opacity:0;transform:translateY(0)}12%{opacity:1}to{opacity:.45;transform:translateY(1150%)}}@keyframes board-data-rain{0%{opacity:0;transform:translateY(0)}14%{opacity:1}to{opacity:0;transform:translateY(165%)}}@keyframes board-tile-pixelate{0%{filter:none;opacity:1;transform:scale(1)}45%{filter:contrast(1.8)saturate(.3)hue-rotate(125deg);opacity:.95;transform:scale(.94)}to{filter:contrast(2.2)saturate(0)hue-rotate(180deg);opacity:.18;transform:scale(.58)rotate(5deg)}}@keyframes tile-data-code{0%{opacity:0;transform:scale(.6)}28%,70%{opacity:1;transform:scale(1.08)}to{opacity:0;transform:scale(1.4)}}@keyframes cleaver-chop-one{0%{opacity:0;transform:translate(-22%,-38%)rotate(-54deg)scale(.72)}14%{opacity:1}38%{opacity:1;transform:translate(14%,58%)rotate(24deg)scale(1.08)}52%{transform:translate(10%,45%)rotate(10deg)scale(1)}74%{opacity:1;transform:translate(24%,86%)rotate(35deg)scale(1.06)}to{opacity:0;transform:translate(28%,104%)rotate(42deg)scale(.92)}}@keyframes cleaver-chop-two{0%{opacity:0;transform:translate(26%,-42%)rotate(52deg)scale(.72)}14%{opacity:1}42%{opacity:1;transform:translate(-18%,56%)rotate(-26deg)scale(1.08)}58%{transform:translate(-11%,43%)rotate(-10deg)scale(1)}78%{opacity:1;transform:translate(-27%,84%)rotate(-38deg)scale(1.06)}to{opacity:0;transform:translate(-32%,102%)rotate(-46deg)scale(.92)}}@keyframes meat-piece-fly-left{0%{opacity:0;transform:translate(0)rotate(0)scale(.4)}22%{opacity:1}to{opacity:0;transform:translate(-165%,-125%)rotate(-78deg)scale(1.12)}}@keyframes meat-piece-fly-right{0%{opacity:0;transform:translate(0)rotate(0)scale(.4)}22%{opacity:1}to{opacity:0;transform:translate(175%,-118%)rotate(86deg)scale(1.12)}}@keyframes saozi-splat{0%{opacity:0;filter:brightness(1.7);transform:scale(.08)rotate(-18deg)}52%{opacity:.96;filter:brightness(1.12);transform:scale(1.18)rotate(8deg)}to{opacity:.72;filter:brightness(.9);transform:scale(1)rotate(0)}}@keyframes board-tile-chopped{0%,18%{filter:none;opacity:1;transform:translate(0)rotate(0)}28%{filter:saturate(1.25);transform:translate(-5%,3%)rotate(-3deg)}38%{transform:translate(6%,-4%)rotate(4deg)}52%{filter:sepia(.45)saturate(1.7);transform:translate(-5%,4%)rotate(-4deg)}70%{opacity:1;transform:translate(8%,-9%)rotate(8deg)scale(.94)}to{filter:sepia(.8)saturate(1.8);opacity:0;transform:translate(32%,-90%)rotate(42deg)scale(.46)}}@keyframes tile-saozi-splash{0%,20%{opacity:0;transform:scale(.08)rotate(-12deg)}44%{opacity:.92;transform:scale(1.18)rotate(6deg)}to{opacity:.76;transform:scale(1)rotate(0)}}@keyframes fanbao-feast-spin{to{transform:rotate(360deg)}}@keyframes fanbao-sky-pulse{0%{opacity:0;transform:scale(.72)}18%{opacity:1;transform:scale(1.06)}68%{opacity:.84;transform:scale(1.14)}to{opacity:.28;transform:scale(1.32)}}@keyframes fanbao-rainbow-arc{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)rotate(-14deg)}56%{opacity:1;transform:translate(-50%,-50%)scale(1.09)rotate(3deg)}to{opacity:.86;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes fanbao-starburst{0%{opacity:0;transform:translate(-50%,-50%)scale(.1)rotate(-30deg)}42%{opacity:1;transform:translate(-50%,-50%)scale(1.22)rotate(14deg)}to{opacity:.72;transform:translate(-50%,-50%)scale(.8)rotate(46deg)}}@keyframes fanbao-grand-flash{0%{opacity:0;transform:scale(.3)rotate(-8deg)}16%{opacity:1;transform:scale(1.08)rotate(0)}58%{opacity:.82;transform:scale(1.32)rotate(5deg)}to{opacity:.18;transform:scale(1.72)rotate(12deg)}}@keyframes fanbao-prism-pulse{0%{opacity:0;transform:translate(-50%,-50%)scale(.18)rotate(-80deg)}48%{opacity:1;transform:translate(-50%,-50%)scale(1.13)rotate(25deg)}to{opacity:.88;transform:translate(-50%,-50%)scale(1)rotate(120deg)}}@keyframes fanbao-prism-pulse-two{0%{opacity:0;transform:translate(-50%,-50%)scale(.12)rotate(90deg)}45%{opacity:.92;transform:translate(-50%,-50%)scale(1.08)rotate(10deg)}to{opacity:.2;transform:translate(-50%,-50%)scale(1.35)rotate(-70deg)}}@keyframes fanbao-confetti{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(0)}20%{opacity:1}78%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--confetti-x)), calc(-50% + var(--confetti-y))) scale(1.25) rotate(320deg)}}@keyframes fanbao-tablecloth-rise{0%{opacity:0;transform:translateY(110%)scaleY(.45)}to{opacity:1;transform:translateY(0)scaleY(1)}}@keyframes preview-lightning{0%{opacity:.55;filter:brightness();transform:translate(-50%,-50%)scale(.72)}to{opacity:1;filter:brightness(1.65);transform:translate(-50%,-50%)scale(1.28)}}@keyframes preview-data-scan{0%{opacity:.25;transform:translate(-160%,-50%)skew(-9deg)}28%{opacity:1}to{opacity:.25;transform:translate(60%,-50%)skew(-9deg)}}@keyframes preview-dream{0%{opacity:.5;transform:translate(-50%,-50%)translateY(8px)scale(.82)}to{opacity:1;transform:translate(-50%,-50%)translateY(-8px)scale(1.12)}}@keyframes preview-clear-all{0%,18%{opacity:1;transform:scale(1)}55%{opacity:.24;transform:scale(.5)rotate(10deg)}to{opacity:1;transform:scale(1)}}@keyframes preview-truck{0%{opacity:0;transform:translate(-10%,-50%)scale(.72)}12%{opacity:1}75%{opacity:1;transform:translate(270%,-50%)scale(1.14)}to{opacity:0;transform:translate(305%,-50%)scale(1.18)}}@keyframes preview-chop{0%,22%{transform:translate(-50%,-50%)rotate(-38deg)scale(.72)}50%{transform:translate(-50%,-50%)rotate(18deg)scale(1.32)}to{transform:translate(-50%,-50%)rotate(-38deg)scale(.72)}}@keyframes preview-rainbow{0%{filter:hue-rotate()brightness();transform:translate(-50%,-50%)scale(.75)rotate(-8deg)}to{filter:hue-rotate(90deg)brightness(1.32);transform:translate(-50%,-50%)scale(1.28)rotate(8deg)}}@keyframes preview-rainbow-sweep{0%{opacity:.18;transform:translate(-80%)}45%{opacity:.9}to{opacity:.18;transform:translate(80%)}}@keyframes fanbao-board-pop{0%{opacity:0;transform:translate(-50%,-35%)scale(.28)rotate(-12deg)}62%{opacity:1;transform:translate(-50%,-50%)scale(1.13)rotate(4deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes fanbao-orbit-one{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)translate(20px)rotate(0)scale(.4)}25%{opacity:1}to{opacity:.92;transform:translate(-50%,-50%)rotate(310deg)translate(clamp(82px,18vw,150px))rotate(-310deg)scale(1.05)}}@keyframes fanbao-orbit-two{0%{opacity:0;transform:translate(-50%,-50%)rotate(120deg)translate(22px)rotate(-120deg)scale(.4)}25%{opacity:1}to{opacity:.92;transform:translate(-50%,-50%)rotate(430deg)translate(clamp(78px,17vw,142px))rotate(-430deg)scale(1.1)}}@keyframes fanbao-orbit-three{0%{opacity:0;transform:translate(-50%,-50%)rotate(240deg)translate(20px)rotate(-240deg)scale(.4)}25%{opacity:1}to{opacity:.92;transform:translate(-50%,-50%)rotate(550deg)translate(clamp(86px,19vw,156px))rotate(-550deg)scale(1.06)}}@keyframes fanbao-title-pop{0%{opacity:0;transform:translate(-50%)translateY(-18px)scale(.55)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes fanbao-title-shimmer{to{background-position:-220% 0}}@keyframes fanbao-bonus-in{0%{opacity:0;transform:translate(-50%)translateY(14px)scale(.55)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes fanbao-power-chip{0%{opacity:0;transform:translateY(16px)scale(.4)rotate(-8deg)}72%{opacity:1;transform:translateY(-3px)scale(1.12)rotate(2deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes fanbao-quote-in{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes fanbao-target-serve{0%{filter:brightness();transform:scale(1)rotate(0)}38%{filter:brightness(1.35)saturate(1.28);transform:scale(1.13)rotate(-4deg)}68%{filter:brightness(1.6)saturate(1.45);transform:scale(.92)rotate(7deg)}to{filter:brightness(1.8)saturate(1.6);opacity:.34;transform:scale(.62)rotate(18deg)}}@keyframes fanbao-plate-ring{0%{opacity:0;transform:scale(.25)rotate(-40deg)}38%,72%{opacity:.94;transform:scale(1.06)rotate(8deg)}to{opacity:0;transform:scale(1.45)rotate(35deg)}}@keyframes fanbao-pop-decor{0%{transform:translateY(4px)rotate(-7deg)scale(.92)}to{transform:translateY(-7px)rotate(8deg)scale(1.1)}}@keyframes guide-energy-fill{0%{width:0}to{width:100%}}@keyframes character-soft-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-1.5%)scale(1.015)}}@keyframes character-blink{0%,88%,92%,to{opacity:0;transform:scaleY(.15)}89%,91%{opacity:.92;transform:scaleY(1)}}@keyframes mech-hover{0%,to{filter:brightness();transform:translateY(0)}50%{filter:brightness(1.08);transform:translateY(-2%)}}@keyframes visor-scan{0%,64%,to{opacity:0;transform:translateY(0)}68%{opacity:1}86%{opacity:.9;transform:translateY(44px)}90%{opacity:0}}@keyframes cat-ear-twitch{0%,76%,to{transform:rotate(0)translateY(0)}79%{transform:rotate(-2.4deg)translateY(-1%)}82%{transform:rotate(2.2deg)translateY(-2%)}85%{transform:rotate(-1.4deg)}88%{transform:rotate(0)}}@keyframes hair-sway{0%,to{transform:rotate(-.6deg)translate(-.5%)}50%{transform:rotate(.8deg)translate(.7%)}}@keyframes mask-nod{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(1.3%)rotate(.7deg)}}@keyframes mask-gem-pulse{0%,to{opacity:.18;transform:translate(-50%)scale(.72)}50%{opacity:.85;transform:translate(-50%)scale(1.18)}}@keyframes fur-breathe{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.022)translateY(-.8%)}}@keyframes fanbao-idle{0%,to{transform:translateY(0)rotate(-.7deg)}50%{transform:translateY(-2%)rotate(.7deg)}}@keyframes skill-prop-fall{0%{opacity:0;transform:translateY(0)rotate(-12deg)scale(.8)}20%{opacity:1}to{opacity:0;transform:translateY(360px)rotate(20deg)scale(1.16)}}@keyframes truck-zero-frame{0%{transform:translate(0)rotate(-2deg)scale(.9)}16%{transform:translate(78px)rotate(1deg)scale(1)}to{transform:translate(500px)rotate(1deg)scale(1.08)}}@keyframes truck-smoke{0%{opacity:0;transform:translate(0)scale(.5)}24%{opacity:1}to{opacity:0;transform:translate(230px)scale(1.35)}}@keyframes diagonal-slash-one{0%{opacity:0;transform:translate(-50%,-50%)rotate(45deg)scaleX(.12)}22%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)rotate(45deg)scaleX(1)}}@keyframes diagonal-slash-two{0%{opacity:0;transform:translate(-50%,-50%)rotate(-45deg)scaleX(.12)}22%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)rotate(-45deg)scaleX(1)}}@keyframes electric-strike{0%,18%,34%{opacity:0;transform:translateY(-45px)scaleY(.5)}10%,26%,52%{opacity:1;transform:translateY(24px)scaleY(1.05)}to{opacity:0;transform:translateY(70px)scaleY(1)}}@keyframes charcoal-pop{0%{opacity:0;filter:brightness(2.4)}36%{opacity:1;filter:brightness(1.7)}to{opacity:.9;filter:brightness(.75)}}@keyframes special-pulse{0%{filter:brightness()}to{filter:brightness(1.16)saturate(1.18)}}@keyframes rainbow-shift{to{background-position:180% 180%}}@keyframes star-spin{to{transform:rotate(360deg)}}@keyframes fanbao-pop{0%{opacity:0;transform:translate(-50%,-45%)scale(.72)rotate(-5deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes burst-spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes result-in{0%{opacity:0;transform:translateY(16px)scale(.94)}}@media (width<=900px){.game-layout{grid-template-columns:1fr}.side-panel{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.start-screen{align-items:start;padding:10px}.start-card{border-radius:28px;margin:auto 0;padding:18px 14px}.chen-full-logo{width:min(270px,84%);margin-top:-6px}.mobile-beta-notice{border-radius:14px;gap:2px;line-height:1.4;display:grid}.start-title-row{gap:5px}.start-title-row h1{font-size:34px}.start-copy{margin-bottom:10px;font-size:11px}.start-cast-item{width:clamp(39px,12vw,48px)}.start-special-card{padding:9px 10px}.start-special-portrait{width:52px}.start-rules{grid-template-columns:1fr}.start-rules div{text-align:left;grid-template-columns:auto 1fr;align-items:center}.start-actions{margin-top:10px}.game-wrap{width:min(100% - 18px,560px);padding-top:16px}.topbar{grid-template-columns:1fr;align-items:flex-start;gap:10px;margin-bottom:16px;display:grid}.brand-lockup{width:100%}.brand-charm{border-radius:15px;width:44px;height:44px;font-size:23px}.brand-lockup h1{letter-spacing:.03em;white-space:nowrap;font-size:25px}.top-actions{flex-wrap:wrap;justify-content:flex-start;gap:6px;width:100%;max-width:none}.soft-button{padding:8px 10px;font-size:11px}.score-strip{gap:6px}.stat-card{min-height:55px;padding:9px 10px;display:grid}.stat-card span{font-size:9px}.stat-card strong{font-size:18px}.board-frame{border-radius:25px}.game-board{border-radius:18px}.tile,.portrait-wrap{border-width:1px}.side-panel{grid-template-columns:1fr}.test-tools-grid{grid-template-columns:repeat(2,1fr)}.skill-panel-heading{align-items:flex-start}.skill-panel-heading small{max-width:155px}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-card{grid-template-columns:38px minmax(0,1fr);gap:6px;min-height:58px}.skill-portrait{width:38px}.skill-charge{position:absolute;bottom:4px;right:5px}.guide-backdrop{padding:8px}.guide-card{border-radius:27px;padding:22px 15px 16px}.guide-card h2{font-size:21px}.guide-actions{flex-wrap:wrap}.guide-primary,.guide-secondary{min-height:36px;padding:7px 12px}.skill-book-card{border-radius:27px;max-height:95vh;padding:20px 13px 15px}.skill-book-header h2{font-size:22px}.skill-book-grid{grid-template-columns:1fr}.skill-book-item,.fanbao-book-item{grid-column:auto;grid-template-columns:56px minmax(0,1fr)}.skill-book-portrait{width:56px}.skill-book-actions{background:linear-gradient(#0000,#fff4f9fa 28%);padding-top:10px;position:sticky;bottom:0}.result-backdrop{padding:7px}.welfare-result-card{border-radius:22px;max-height:calc(100vh - 10px);padding:8px}.welfare-card{border-radius:19px;padding:14px 12px}.welfare-brand img{width:86px;height:34px}.welfare-brand span{text-align:right;max-width:165px;font-size:8px}.welfare-title-row{gap:10px}.welfare-title-row .result-charm{border-radius:17px;width:50px;height:50px;font-size:23px}.welfare-title-row h2,.welfare-score strong,.welfare-draw-count strong{font-size:21px}.welfare-achievements p{font-size:9px}.welfare-achievements small{font-size:7px}.welfare-share-actions{grid-template-columns:repeat(3,1fr);display:grid}.report-button{grid-column:1/-1}.share-button{place-items:center;min-height:39px;display:grid}.welfare-hub-backdrop{align-items:stretch;padding:6px}.welfare-hub{border-radius:23px;max-height:calc(100vh - 12px);margin:auto 0}.welfare-hub-header{padding:12px}.welfare-hub-logo{border-radius:13px;width:38px;height:38px;font-size:17px}.welfare-hub-header h2{font-size:17px}.welfare-hub-tabs{padding:7px 10px}.welfare-hub-tabs button{padding:7px 10px;font-size:9px}.welfare-hub-body{max-height:calc(100vh - 126px);padding:11px 10px 17px}.welfare-season-hero{gap:13px;min-height:auto;padding:16px;display:grid}.welfare-countdown{text-align:left;min-width:0}.welfare-countdown strong{font-size:21px}.welfare-slot-heading{align-items:flex-start}.welfare-slot-heading strong{font-size:16px}.welfare-slot-heading>b{text-align:center;max-width:110px}.welfare-current-grid,.welfare-mine-panel{grid-template-columns:1fr}.machine-hero{padding:14px}.machine-hero h3{font-size:19px}.machine-chance-badge{border-radius:18px;min-width:66px;min-height:66px}.machine-chance-badge b{font-size:24px}.machine-cabinet{border-radius:22px;padding:13px 10px 14px}.machine-reel{min-height:98px;padding:6px 3px}.machine-reel img{width:56px;height:56px}.machine-reel span{font-size:8px}.welfare-prize-card{grid-template-columns:86px minmax(0,1fr)}.welfare-prize-card>img{width:86px}.welfare-winner-card{grid-template-columns:1fr auto}.welfare-winner-card>p{grid-area:2/1/auto/-1}.welfare-uid-card{grid-row:auto;min-height:280px}.welfare-uid-card>strong{font-size:29px}.welfare-card-showcase{grid-template-columns:130px minmax(0,1fr);align-items:start;gap:13px;padding:13px}.welfare-card-showcase h3{font-size:17px}.welfare-card-showcase p{font-size:8px}.welfare-card-showcase li{gap:2px;display:grid}.welfare-rule-list,.welfare-admin-stats,.welfare-admin-account{grid-template-columns:1fr}.welfare-rules-intro{align-items:flex-start}.welfare-admin-alert{display:grid}.mission-card,.roster-card{padding:18px}.game-page.is-battle-active{overscroll-behavior-y:none;min-height:100dvh;overflow-x:hidden}.is-battle-active .game-wrap{width:min(100% - 12px,560px);min-height:100dvh;padding:6px 0 calc(166px + env(safe-area-inset-bottom))}.is-battle-active .topbar{z-index:18;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff7fce6;border:1px solid #ffffffe6;border-radius:17px;align-items:center;gap:6px;margin-bottom:7px;padding:5px 6px;display:flex;position:sticky;top:4px;box-shadow:0 8px 22px #563b6a1a}.is-battle-active .brand-lockup{flex:auto;gap:6px;min-width:0}.is-battle-active .brand-charm{border-radius:11px;flex:0 0 31px;width:31px;height:31px;font-size:16px}.is-battle-active .brand-lockup .eyebrow,.is-battle-active .mobile-beta-pill{display:none}.is-battle-active .brand-lockup h1{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;overflow:hidden}.is-battle-active .top-actions{flex-wrap:nowrap;flex:none;gap:4px;width:auto}.is-battle-active .top-actions .soft-button{border-radius:11px;place-items:center;width:31px;height:31px;padding:0;font-size:14px;display:grid}.is-battle-active .button-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.is-battle-active .game-layout{display:block}.is-battle-active .side-panel{display:none}.is-battle-active .score-strip{gap:5px;margin-bottom:7px}.is-battle-active .stat-card{border-radius:14px;min-height:43px;padding:6px 8px}.is-battle-active .stat-card span{text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.is-battle-active .stat-card strong{font-size:16px}.is-battle-active .board-frame{border-radius:22px;padding:6px}.is-battle-active .game-board{border-radius:16px;gap:3px;padding:6px}.is-battle-active .board-ribbon{min-width:132px;padding:4px 12px;font-size:8px;top:-8px}.is-battle-active .board-skill-effect{border-radius:16px;inset:6px}.is-battle-active .message-bubble{border-radius:14px;gap:7px;min-height:35px;margin-top:6px;padding:5px 9px}.is-battle-active .message-face{border-radius:9px;width:26px;height:26px;font-size:8px}.is-battle-active .message-bubble p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.35;display:-webkit-box;overflow:hidden}.is-battle-active .skill-panel{z-index:24;right:6px;bottom:max(5px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff7fcf0;border-radius:20px;width:min(100% - 12px,560px);margin:0 auto;padding:5px;position:fixed;left:6px;box-shadow:0 12px 36px #482d5a38,0 0 0 1px #ffffffe6}.is-battle-active .skill-panel-heading{display:none}.is-battle-active .skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.is-battle-active .skill-card{border-radius:15px;grid-template-columns:1fr;place-items:center;height:72px;min-height:72px;padding:4px;display:grid;overflow:hidden}.is-battle-active .skill-card:before{z-index:1;aspect-ratio:1;content:"";background:conic-gradient(#fff var(--skill-angle), #ffffff38 0);border-radius:50%;width:47px;max-width:calc(100% - 6px);position:absolute;top:4px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #ffffff5c}.is-battle-active .skill-card.is-ready:before{background:conic-gradient(#fff6a8,#fff,#ffd066,#fff6a8);box-shadow:0 0 14px #ffed7ef2}.is-battle-active .skill-portrait{z-index:2;border-width:2px;width:48px}.is-battle-active .skill-copy{display:none}.is-battle-active .skill-charge{color:#604d6d;padding:2px 4px;font-size:6px;line-height:1;bottom:1px;right:50%;transform:translate(50%)}.is-battle-active .skill-card.is-ready .skill-charge{color:#c45062;background:#fff4a7;padding-inline:6px;font-size:7px;font-weight:1000;box-shadow:0 0 10px #ffd45de6}.is-battle-active .skill-entrance{background:linear-gradient(150deg, #fffffffb, var(--skill-color-soft));text-align:center;border-width:3px;border-radius:30px;grid-template-rows:auto auto auto auto auto;grid-template-columns:1fr;place-items:center;gap:4px;width:min(100% - 18px,600px);min-height:min(560px,100dvh - 120px);padding:28px 18px 24px;animation:.42s cubic-bezier(.2,1.1,.3,1) both mobile-skill-center-in;top:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #4b2f606b,0 0 0 100vmax #3627455c}.is-battle-active .skill-entrance-portrait{border-width:5px;grid-area:1/1;width:clamp(176px,48vw,220px)}.is-battle-active .skill-entrance small,.is-battle-active .skill-entrance strong,.is-battle-active .skill-entrance p,.is-battle-active .skill-entrance blockquote{text-align:center;grid-column:1;width:100%}.is-battle-active .skill-entrance small{grid-row:2;margin-top:9px;font-size:8px}.is-battle-active .skill-entrance strong{grid-row:3;margin-top:2px;font-size:clamp(24px,7vw,38px)}.is-battle-active .skill-entrance .skill-effect-label{grid-row:4;width:fit-content;margin-top:5px;padding:5px 12px;font-size:9px}.is-battle-active .skill-entrance blockquote{grid-row:5;margin-top:7px;font-size:11px}.is-battle-active .skill-particle,.is-battle-active .skill-aura{opacity:.72}.is-battle-active .skill-road{height:48px;top:49%}.is-battle-active .skill-truck{font-size:88px;top:33%}.is-battle-active .truck-smoke{font-size:42px;top:52%}}@keyframes mobile-skill-center-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.78)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
