.wb-game-view{--wb-bg: #070a19;--wb-bg-raised: #0e1328;--wb-panel: rgba(19, 24, 48, .94);--wb-panel-soft: rgba(28, 33, 62, .88);--wb-line: rgba(179, 164, 255, .22);--wb-text: #f9f7ff;--wb-muted: #a9acc5;--wb-purple: #9b6cff;--wb-purple-deep: #5d32c8;--wb-yellow: #ffc34d;--wb-yellow-strong: #f3a91d;--wb-paper: #f7f0e7;--wb-ink: #222235;position:relative;isolation:isolate;width:min(100%,480px);min-height:100svh;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overflow:hidden;color:var(--wb-text);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:radial-gradient(circle at 78% 10%,rgba(112,71,227,.2),transparent 28%),radial-gradient(circle at 14% 88%,rgba(35,87,165,.16),transparent 34%),linear-gradient(180deg,#080b1c,#070a19 58%,#090d21)}.wb-game-view:before{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:28px 28px;content:"";pointer-events:none}.wb-game-view button,.wb-game-view [role=button]{min-width:44px;min-height:44px;font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.wb-game-view button:focus-visible,.wb-game-view [tabindex]:focus-visible{outline:3px solid #fff2af;outline-offset:3px}.wb-game-view button:disabled{cursor:not-allowed;opacity:.48}.wb-brand{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:9px;line-height:1}.wb-brand__cn{position:relative;color:#fffdf8;font-size:clamp(24px,7.4vw,34px);font-weight:950;letter-spacing:-.08em;text-shadow:0 3px 0 rgba(91,53,160,.7)}.wb-brand__cn:after{position:absolute;right:-5px;bottom:-7px;left:2px;z-index:-1;height:8px;border-radius:99px 45px 99px 35px;background:var(--wb-yellow);content:"";transform:rotate(-2deg)}.wb-brand__en{align-self:end;padding-bottom:1px;color:#b8acd8;font-size:9px;font-weight:850;letter-spacing:.13em}.wb-brand--compact .wb-brand__cn{font-size:22px}.wb-brand--compact .wb-brand__en{display:none}.wb-home{display:grid;grid-template-rows:auto auto minmax(330px,1fr) auto auto;gap:10px}.wb-home__header,.wb-subpage-header,.wb-result__header{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px}.wb-day-chip{display:inline-flex;min-height:36px;align-items:center;gap:6px;padding:0 12px;border:1px solid var(--wb-line);border-radius:999px;color:#d7d3ea;background:#141931c2;font-size:12px;font-weight:750}.wb-day-chip>span{color:var(--wb-yellow);font-size:18px}.wb-profile-card{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--wb-line);border-radius:18px;background:linear-gradient(110deg,rgba(255,255,255,.055),transparent 46%),var(--wb-panel);box-shadow:0 12px 28px #0000002e}.wb-profile-card__avatar{display:grid;width:46px;height:46px;place-items:center;border:2px solid rgba(255,202,97,.74);border-radius:50%;background:linear-gradient(150deg,#665183,#272d49);font-size:24px}.wb-profile-card__body{min-width:0}.wb-profile-card__identity{display:flex;min-width:0;align-items:center;gap:6px}.wb-profile-card__identity strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.wb-profile-card__identity span{flex:0 0 auto;color:var(--wb-yellow);font-size:11px;font-weight:900}.wb-profile-card__identity small{overflow:hidden;color:#b8b8ca;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.wb-meter-label{display:flex;justify-content:space-between;margin:7px 1px 4px;color:#c7c5d6;font-size:10px}.wb-meter,.wb-task-meter{height:7px;overflow:hidden;border:1px solid rgba(0,0,0,.36);border-radius:999px;background:#050713;box-shadow:inset 0 1px 3px #000000c2}.wb-meter>span,.wb-task-meter>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6f49ea,#b275ff 65%,#e5c7ff)}.wb-stage-card{position:relative;min-height:330px;overflow:hidden;border:1px solid rgba(154,127,237,.26);border-radius:24px;background:radial-gradient(ellipse at 50% 102%,rgba(115,62,219,.55),transparent 38%),linear-gradient(180deg,#11152c,#0a0f24 70%,#11152e);box-shadow:inset 0 -38px 70px #5827b129,0 18px 44px #00000047}.wb-stage-card:before{position:absolute;top:23%;right:12%;left:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(195,154,255,.66),transparent);box-shadow:0 78px 38px #8549ff7a;content:""}.wb-stage-card__ambient{position:absolute;inset:0;pointer-events:none}.wb-stage-card__ambient i{position:absolute;width:42px;height:4px;border-radius:99px;background:#b65bff;box-shadow:0 0 20px #7b3bff;opacity:.75}.wb-stage-card__ambient i:nth-child(1){top:19%;left:5%;transform:rotate(8deg)}.wb-stage-card__ambient i:nth-child(2){top:34%;right:3%;width:28px;transform:rotate(-17deg)}.wb-stage-card__ambient i:nth-child(3){bottom:27%;left:8%;width:20px;background:#327fff}.wb-stage-slot{position:absolute;inset:0 0 76px;display:grid;overflow:hidden;place-items:center}.wb-stage-slot>*{max-width:100%;max-height:100%}.wb-quick-actions{position:absolute;top:12px;right:10px;display:grid;gap:8px}.wb-icon-button{display:grid;width:50px;height:50px;place-items:center;gap:1px;padding:3px;border:1px solid rgba(191,176,248,.2);border-radius:16px;color:#f9f7ff;background:#080a19c2;box-shadow:0 7px 17px #00000047}.wb-icon-button>span{font-size:20px}.wb-icon-button small{font-size:9px;font-weight:750}.wb-status-note{position:absolute;right:10px;bottom:9px;left:10px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;min-height:68px;padding:9px 12px 9px 9px;border:1px solid rgba(53,47,74,.42);border-radius:14px 18px 12px 16px;color:var(--wb-ink);background:var(--wb-paper);box-shadow:0 7px #614a7159;transform:rotate(-.4deg)}.wb-status-note:before{position:absolute;top:-7px;left:45%;width:56px;height:15px;background:#e2c99fb8;content:"";transform:rotate(2deg)}.wb-status-note__face{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#ded4e8;font-size:23px}.wb-status-pill{display:inline-block;margin-bottom:2px;color:#6d4594;font-size:9px;font-weight:900;letter-spacing:.08em}.wb-status-note h1,.wb-status-note p{margin:0}.wb-status-note h1{font-size:15px;line-height:1.2}.wb-status-note p{margin-top:3px;color:#605e69;font-size:10px;line-height:1.35}.wb-work-panel{padding:11px 13px;border:1px solid var(--wb-line);border-radius:18px;background:var(--wb-panel)}.wb-work-panel__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.wb-work-panel__heading>div{display:grid;min-width:0;gap:2px}.wb-work-panel__heading span{color:var(--wb-purple);font-size:9px;font-weight:850}.wb-work-panel__heading strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.wb-work-panel__heading time{flex:0 0 auto;color:#e5e2ef;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.wb-task-meter{height:9px}.wb-task-meter>span{background:linear-gradient(90deg,#267dff,#6c5bff 58%,#a652e5)}.wb-primary-button{display:flex;width:100%;min-height:52px!important;align-items:center;justify-content:center;gap:12px;padding:10px 18px;border:1px solid #ffe08e;border-radius:15px;color:#211a14;background:linear-gradient(180deg,#ffd260,#f6ae2b);box-shadow:inset 0 1px #ffffff9e,0 5px #b96f12,0 12px 24px #c1761933;font-size:16px;font-weight:950}.wb-primary-button:active:not(:disabled),.wb-assign-button:active:not(:disabled),.wb-refresh-button:active:not(:disabled),.wb-share-button:active:not(:disabled),.wb-back-button:active:not(:disabled),.wb-icon-button:active:not(:disabled){transform:translateY(2px)}.wb-task-picker{display:flex;flex-direction:column;gap:14px}.wb-back-button{display:grid;width:44px;padding:0;place-items:center;border:1px solid var(--wb-line);border-radius:14px;color:#fff;background:var(--wb-panel);font-size:30px;line-height:1}.wb-refresh-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 12px;border:1px solid rgba(255,198,76,.38);border-radius:14px;color:#ffe8ad;background:#47321780;font-size:12px;font-weight:850}.wb-refresh-button>span{font-size:19px}.wb-page-intro{position:relative;padding:6px 2px 0}.wb-page-intro h1,.wb-page-intro p{margin:0}.wb-page-intro .wb-kicker{margin-bottom:5px;color:var(--wb-yellow);font-size:11px;font-weight:900;letter-spacing:.18em}.wb-page-intro h1{max-width:78%;font-size:clamp(25px,8vw,34px);line-height:1.08;letter-spacing:-.04em}.wb-page-intro>p:not(.wb-kicker){max-width:82%;margin-top:7px;color:var(--wb-muted);font-size:12px;line-height:1.55}.wb-refresh-count{position:absolute;top:13px;right:0;display:grid;min-width:74px;min-height:60px;place-items:center;align-content:center;padding:6px 8px;border:1px solid var(--wb-line);border-radius:18px;color:#b8b5c8;background:var(--wb-panel);font-size:9px}.wb-refresh-count strong{color:var(--wb-yellow);font-size:24px;line-height:1}.wb-task-rail{display:grid;overflow-x:auto;grid-auto-columns:min(78vw,286px);grid-auto-flow:column;gap:13px;margin-right:-14px;margin-left:-14px;padding:8px 14px 17px;scroll-padding-inline:14px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.wb-task-rail::-webkit-scrollbar{display:none}.wb-task-card{position:relative;display:grid;min-height:414px;padding:9px;border:1px solid rgba(113,181,255,.55);border-radius:22px;background:linear-gradient(160deg,#2784bb,#264e9b);box-shadow:0 10px #192854e6,0 22px 36px #0000004d;scroll-snap-align:center;scroll-snap-stop:always}.wb-task-card:before,.wb-task-card:after{position:absolute;z-index:-1;right:8px;bottom:-7px;left:8px;height:28px;border:1px solid rgba(255,255,255,.18);border-radius:0 0 17px 17px;background:#1f3976;content:""}.wb-task-card:after{right:15px;bottom:-12px;left:15px;z-index:-2;background:#142953}.wb-task-card--rare{border-color:#bd75ffb8;background:linear-gradient(160deg,#8246c9,#4c2c9e)}.wb-task-card--epic{border-color:#ffd158d1;background:linear-gradient(160deg,#d29225,#a1531f)}.wb-task-card--selected{box-shadow:0 0 0 3px #fff2b4,0 10px #192854e6,0 22px 36px #0000004d}.wb-task-card__paper{position:relative;display:flex;flex-direction:column;min-height:335px;padding:14px;overflow:hidden;border-radius:15px 18px 13px 17px;color:var(--wb-ink);background:linear-gradient(rgba(130,112,94,.08) 1px,transparent 1px),var(--wb-paper);background-size:100% 24px;box-shadow:inset 0 0 0 1px #5242371f}.wb-task-card__paper:after{position:absolute;right:-12px;bottom:-20px;width:54px;height:54px;border-radius:10px;background:#efc0705c;content:"";transform:rotate(24deg)}.wb-task-card__topline{display:flex;align-items:center;justify-content:space-between}.wb-rarity-badge{display:inline-flex;min-height:25px;align-items:center;padding:0 9px;border-radius:8px 11px 7px 9px;color:#0d4776;background:#bce8f3;font-size:10px;font-weight:950;transform:rotate(-2deg)}.wb-task-card--rare .wb-rarity-badge{color:#572170;background:#e5c5f3}.wb-task-card--epic .wb-rarity-badge{color:#7b3c10;background:#ffe098}.wb-task-index{color:#2c283b59;font-size:20px;font-weight:950}.wb-task-card__illustration{position:relative;display:grid;width:122px;height:116px;margin:13px auto 7px;place-items:center;border:2px solid rgba(66,62,79,.1);border-radius:20px 24px 17px 26px;background:linear-gradient(145deg,#fffefa,#e7dfd4);box-shadow:8px 9px #2d426c1f;transform:rotate(-2deg)}.wb-task-card__illustration>span{position:relative;z-index:2;font-size:58px;filter:drop-shadow(0 5px 2px rgba(0,0,0,.12))}.wb-task-card__illustration i{position:absolute;right:-12px;bottom:8px;width:42px;height:18px;border-radius:3px;background:#f3bd5f;transform:rotate(-12deg)}.wb-task-card__illustration i:last-child{inset:-5px auto auto 13px;width:30px;height:10px;background:#70b7df94;transform:rotate(5deg)}.wb-task-card h2,.wb-task-card p{margin:0}.wb-task-card h2{font-size:20px;line-height:1.18;letter-spacing:-.03em}.wb-task-card p{margin-top:6px;color:#676271;font-size:11px;line-height:1.5}.wb-task-card mark{align-self:flex-end;max-width:78%;margin:8px -3px 0 0;padding:5px 8px;color:#4d3925;background:#f3c969;font-size:10px;font-weight:850;transform:rotate(-3deg)}.wb-task-card__meta{display:flex;justify-content:space-between;gap:12px;margin:auto 0 0;padding-top:10px;border-top:1px dashed rgba(49,44,62,.22)}.wb-task-card__meta div{display:grid;gap:2px}.wb-task-card__meta dt{color:#88818c;font-size:8px}.wb-task-card__meta dd{margin:0;font-size:12px;font-weight:900}.wb-assign-button{align-self:end;min-height:50px!important;margin-top:9px;border:1px solid rgba(255,255,255,.48);border-radius:13px;color:#fff;background:linear-gradient(180deg,#4d91e8,#2664be);box-shadow:0 4px #164482;font-size:15px;font-weight:950}.wb-task-card--rare .wb-assign-button{background:linear-gradient(180deg,#9f5ee5,#6732b7);box-shadow:0 4px #3e207f}.wb-task-card--epic .wb-assign-button{color:#251a0d;background:linear-gradient(180deg,#ffd15b,#e99c24);box-shadow:0 4px #9c5b13}.wb-picker-tip{display:flex;align-items:center;gap:12px;margin-top:auto;padding:12px 14px;border:1px dashed rgba(179,159,230,.28);border-radius:17px;background:#0f1328b3}.wb-picker-tip>span{font-size:32px}.wb-picker-tip strong,.wb-picker-tip p{margin:0}.wb-picker-tip strong{font-size:12px}.wb-picker-tip p{margin-top:2px;color:var(--wb-muted);font-size:10px}.wb-result{display:flex;flex-direction:column;gap:12px}.wb-result__confetti{color:var(--wb-yellow);font-size:15px;letter-spacing:.15em}.wb-result--failed .wb-result__confetti{color:#b08cff}.wb-result-title{text-align:center}.wb-result-title p,.wb-result-title h1{margin:0}.wb-result-title p{color:var(--wb-yellow);font-size:11px;font-weight:950;letter-spacing:.2em}.wb-result-title h1{margin-top:3px;font-size:clamp(27px,8vw,36px);line-height:1.1;letter-spacing:-.04em}.wb-result-stage{position:relative;display:grid;min-height:256px;overflow:hidden;place-items:end center;border:1px solid var(--wb-line);border-radius:23px;background:radial-gradient(circle at 50% 75%,rgba(129,79,225,.38),transparent 36%),linear-gradient(180deg,#151a36,#090d20);box-shadow:0 20px 38px #00000047}.wb-result-stage:after{position:absolute;right:10%;bottom:20px;left:10%;height:24px;border-radius:50%;background:#824fdc57;filter:blur(5px);content:""}.wb-result-stage__tape{position:absolute;z-index:3;top:11px;left:45%;width:62px;height:17px;background:#e3cca4bd;transform:rotate(-5deg)}.wb-result-stage blockquote{position:absolute;z-index:3;top:24px;left:17px;max-width:62%;margin:0;padding:12px 14px;border-radius:7px 12px 7px 13px;color:var(--wb-ink);background:var(--wb-paper);box-shadow:5px 7px #5c437b4d;font-size:12px;font-weight:750;line-height:1.5;transform:rotate(-2deg)}.wb-result-visual{position:relative;z-index:2;display:grid;width:100%;height:100%;min-height:256px;place-items:center}.wb-result-visual>span{display:grid;width:132px;height:164px;margin-top:48px;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:66px 66px 35px 35px;background:linear-gradient(180deg,#e5d8c9 0 36%,#efe6dc 36% 60%,#273352 60%);box-shadow:0 18px 26px #00000042;font-size:76px}.wb-result-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;padding:13px;border:1px solid var(--wb-line);border-radius:18px;background:var(--wb-panel)}.wb-result-summary>div{display:grid;min-width:0;gap:2px}.wb-result-summary span,.wb-result-summary p{color:var(--wb-muted);font-size:10px}.wb-result-summary strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.wb-result-summary p{grid-column:1 / -1;margin:0;line-height:1.45}.wb-result-summary output{align-self:center;padding:7px 9px;border:1px solid rgba(255,197,68,.25);border-radius:12px;color:#c7c3d4;background:#0709147a;font-size:10px;white-space:nowrap}.wb-result-summary output strong{color:var(--wb-yellow);font-size:17px}.wb-result-summary output span{color:#a97cff;font-size:8px;font-weight:950}.wb-reward-section{display:grid;gap:8px}.wb-reward-section__heading{display:flex;align-items:center;justify-content:space-between}.wb-reward-section__heading h2{margin:0;font-size:15px}.wb-reward-section__heading>span{color:var(--wb-muted);font-size:10px}.wb-reward-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none}.wb-reward-card{display:grid;min-width:0;min-height:96px;place-items:center;align-content:center;gap:4px;padding:8px 5px;border:1px solid rgba(165,132,255,.34);border-radius:14px;text-align:center;background:linear-gradient(160deg,#693fb142,#12162cf0)}.wb-reward-card--gold{border-color:#ffc74766;background:linear-gradient(160deg,#b173214d,#12162cf0)}.wb-reward-card--green{border-color:#60ca8359;background:linear-gradient(160deg,#2a845147,#12162cf0)}.wb-reward-card--blue{border-color:#4e9eff61;background:linear-gradient(160deg,#265da94d,#12162cf0)}.wb-reward-card__icon{font-size:28px}.wb-reward-card strong{max-width:100%;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.wb-reward-card small{color:var(--wb-muted);font-size:8px}.wb-result-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:auto}.wb-result-actions .wb-primary-button{min-width:0;font-size:14px}.wb-share-button{display:grid;min-width:66px!important;place-items:center;padding:4px 7px;border:1px solid var(--wb-line);border-radius:15px;color:#ddd7ee;background:var(--wb-panel);font-size:9px;font-weight:800}.wb-share-button span{font-size:20px}.wb-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(min-width:430px){.wb-game-view{padding-right:max(18px,env(safe-area-inset-right));padding-left:max(18px,env(safe-area-inset-left))}.wb-task-rail{margin-right:-18px;margin-left:-18px;padding-right:18px;padding-left:18px;scroll-padding-inline:18px}.wb-stage-card{min-height:374px}}@media(min-width:760px){.wb-game-view{width:min(100%,980px)}.wb-task-rail{overflow:visible;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;margin:0;padding:8px 0 17px}}@media(max-height:740px){.wb-home{grid-template-rows:auto auto minmax(276px,1fr) auto auto;gap:7px}.wb-stage-card{min-height:276px}.wb-profile-card{padding-top:7px;padding-bottom:7px}.wb-result-stage,.wb-result-visual{min-height:215px}}.wb-result{display:grid;grid-template-rows:auto auto auto auto auto auto;align-content:start;gap:10px;min-height:100svh;padding-bottom:max(12px,env(safe-area-inset-bottom));overflow:hidden auto;background:radial-gradient(circle at 50% 42%,rgba(95,38,182,.23),transparent 24rem),linear-gradient(180deg,#08091c,#0b0921 54%,#070918)}.wb-result:after{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 12% 24%,#ffcb48 0 2px,transparent 3px),radial-gradient(circle at 87% 31%,#b867ff 0 2px,transparent 3px),radial-gradient(circle at 19% 72%,#ffc849 0 2px,transparent 3px),radial-gradient(circle at 82% 79%,#9a61ff 0 2px,transparent 3px);content:"";opacity:.64;pointer-events:none}.wb-result__header{min-height:38px}.wb-result__header .wb-brand--compact .wb-brand__cn{font-size:24px}.wb-result__rule{display:inline-flex;min-height:32px;align-items:center;padding:0 11px;border:1px solid rgba(182,157,232,.28);border-radius:999px;color:#ddd5ed;background:#0a0b1cad;font-size:10px;font-weight:750}.wb-result-title{display:grid;justify-items:center;gap:3px;padding-top:2px}.wb-result-title p{color:#ffd45f;font-size:10px;letter-spacing:.18em}.wb-result-title h1{margin-top:0;color:#fffaf0;font-size:clamp(30px,9vw,39px);font-weight:950;letter-spacing:-.06em;line-height:1.08;text-shadow:0 3px 0 rgba(79,40,123,.8),0 0 20px rgba(163,91,242,.18)}.wb-result-title>span{color:#c8c0d6;font-size:11px}.wb-result--phase-reveal .wb-result-title h1{max-width:94%;font-size:clamp(25px,7.5vw,33px);text-align:center}.wb-result-recap{display:grid;gap:10px;padding:12px;border:1px solid rgba(137,91,214,.38);border-radius:20px;background:linear-gradient(145deg,#3c1e6d57,#0d0e23f0);box-shadow:inset 0 1px #ffffff0b,0 14px 30px #0003}.wb-result-recap__task{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,.8fr);align-items:center;gap:9px}.wb-result-recap__task>div{display:grid;min-width:0;gap:3px;padding-left:9px;border-left:1px dashed rgba(176,143,234,.26)}.wb-result-recap__task small{color:#8f8ba6;font-size:8px}.wb-result-recap__task strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.wb-result-recap__task>div:last-child strong{color:#ffd453}.wb-result-stamp{display:grid;width:52px;height:52px;place-items:center;border:2px solid #f2b830;border-radius:50%;color:#ffd45f;background:#542d0d47;box-shadow:inset 0 0 0 3px #f2b83029;font-size:9px;font-weight:950;line-height:1.15;text-align:center;transform:rotate(-8deg)}.wb-result-exp{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 11px;border:1px solid rgba(159,100,234,.3);border-radius:15px;background:#0707178f}.wb-result-exp output{color:#ded9e9;font-size:10px;white-space:nowrap}.wb-result-exp output strong{color:#ffd74e;font-size:24px;font-weight:950}.wb-result-exp output span{color:#b87aff;font-size:9px;font-weight:900}.wb-result-exp__meter{position:relative;height:15px;overflow:hidden;border:1px solid rgba(177,115,255,.48);border-radius:999px;background:#070817;box-shadow:inset 0 2px 5px #000000bd}.wb-result-exp__meter>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#813df2,#db61ff 60%,#ffd57b);box-shadow:0 0 14px #bf51ffa8}.wb-result-exp__meter small{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:8px;font-weight:900;text-shadow:0 1px 2px #160923}.wb-chest-scene{position:relative;min-height:clamp(330px,46svh,470px);overflow:hidden;border:1px solid rgba(116,68,188,.22);border-radius:24px;background:#08091b;box-shadow:inset 0 0 50px #5025932e,0 18px 34px #0000003d;isolation:isolate}.wb-chest-scene__image{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 64%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.wb-result--phase-closed .wb-chest-scene__image{animation:wb-chest-breathe 2.8s ease-in-out infinite}.wb-chest-scene--opening .wb-chest-scene__image{animation:wb-chest-open .92s cubic-bezier(.2,.8,.2,1) both}.wb-chest-scene--opening:after,.wb-chest-scene--reveal:after{position:absolute;z-index:2;top:25%;left:50%;width:68%;height:55%;background:radial-gradient(ellipse,rgba(255,221,112,.48),rgba(255,171,37,.12) 42%,transparent 70%);content:"";filter:blur(10px);pointer-events:none;transform:translate(-50%)}.wb-chest-sparkles{position:absolute;z-index:4;inset:0;pointer-events:none}.wb-chest-sparkles i{position:absolute;color:#ffd35d;font-size:18px;font-style:normal;text-shadow:0 0 12px #ffac36;animation:wb-sparkle 1.7s ease-in-out infinite alternate}.wb-chest-sparkles i:nth-child(1){top:18%;left:13%}.wb-chest-sparkles i:nth-child(2){top:27%;right:13%;animation-delay:-.6s}.wb-chest-sparkles i:nth-child(3){bottom:23%;left:9%;animation-delay:-1s}.wb-chest-sparkles i:nth-child(4){right:8%;bottom:17%;color:#a966ff;animation-delay:-.3s}.wb-chest-sparkles i:nth-child(5){top:10%;left:52%;animation-delay:-1.2s}.wb-reward-reveal-card{position:absolute;z-index:6;top:9%;left:50%;display:grid;width:min(61%,240px);min-height:240px;justify-items:center;align-content:center;gap:7px;padding:24px 14px 15px;border:2px solid #ffd565;border-radius:20px;color:#fff;text-align:center;background:radial-gradient(circle at 50% 28%,rgba(168,82,255,.34),transparent 36%),linear-gradient(155deg,#2e1855fa,#0a0921fa);box-shadow:inset 0 0 28px #8a48db33,0 0 18px #ffcc5ba3,0 22px 40px #0000006b;transform:translate(-50%) rotate(-2deg);animation:wb-reward-rise .65s cubic-bezier(.18,.86,.24,1.2) both}.wb-reward-reveal-card--green{border-color:#8fe3a1;box-shadow:inset 0 0 28px #34a96033,0 0 18px #66e28b8a,0 22px 40px #0000006b}.wb-reward-reveal-card--blue{border-color:#78b8ff}.wb-reward-reveal-card__badges{position:absolute;top:9px;right:9px;left:9px;display:flex;align-items:center;justify-content:space-between}.wb-reward-reveal-card__badges span,.wb-reward-reveal-card__badges b{padding:3px 7px;border-radius:7px;font-size:8px}.wb-reward-reveal-card__badges span{color:#fff;background:#6d2eb0}.wb-reward-reveal-card__badges b{color:#291500;background:#ffb72d;transform:rotate(7deg)}.wb-reward-reveal-card__icon{display:grid;width:88px;height:88px;place-items:center;border-radius:22px;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 70%);filter:drop-shadow(0 10px 10px rgba(0,0,0,.28));font-size:64px}.wb-reward-reveal-card h2,.wb-reward-reveal-card p{margin:0}.wb-reward-reveal-card h2{font-size:18px}.wb-reward-reveal-card>strong{color:#ffd85e;font-size:15px}.wb-reward-reveal-card p{color:#c9c0d7;font-size:9px;line-height:1.45}.wb-empty-reward{position:absolute;z-index:5;top:50%;left:50%;display:grid;width:min(78%,280px);justify-items:center;gap:8px;padding:18px;border:1px dashed rgba(157,136,198,.3);border-radius:20px;color:#d4ccdf;text-align:center;background:#070816d6;transform:translate(-50%,-50%)}.wb-empty-reward>span{font-size:42px}.wb-empty-reward strong{font-size:15px}.wb-empty-reward p{margin:0;color:#9992aa;font-size:10px;line-height:1.5}.wb-chest-hint{min-height:28px;margin:-2px 0 0;color:#bdb4cc;text-align:center;font-size:10px;line-height:1.4}.wb-result--phase-reveal .wb-chest-hint{color:#c99bff}.wb-result-actions.wb-result-actions--chest{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:0}.wb-result-actions--chest .wb-primary-button{min-height:58px!important;border-radius:16px;font-size:18px;box-shadow:inset 0 2px #ffffffb3,0 5px #a95f0c,0 0 24px #ffb4233d}@keyframes wb-chest-breathe{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.018);filter:brightness(1.08)}}@keyframes wb-chest-open{0%{transform:scale(1);filter:brightness(1)}18%{transform:translate(-5px) rotate(-1deg) scale(1.01)}34%{transform:translate(5px) rotate(1deg) scale(1.02)}52%{transform:translate(-3px) rotate(-.6deg) scale(1.03)}72%{transform:scale(1.09);filter:brightness(1.5)}to{transform:scale(1.02);filter:brightness(1.08)}}@keyframes wb-reward-rise{0%{opacity:0;transform:translate(-50%,120px) rotate(6deg) scale(.58)}65%{opacity:1;transform:translate(-50%,-8px) rotate(-3deg) scale(1.04)}to{opacity:1;transform:translate(-50%) rotate(-2deg) scale(1)}}@keyframes wb-sparkle{0%{opacity:.35;transform:scale(.72) rotate(0)}to{opacity:1;transform:scale(1.18) rotate(18deg)}}@media(max-height:760px){.wb-result{gap:7px}.wb-result-title h1{font-size:28px}.wb-chest-scene{min-height:300px}.wb-reward-reveal-card{top:7%;min-height:215px}}@media(prefers-reduced-motion:reduce){.wb-game-view *,.wb-game-view *:before,.wb-game-view *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.wb-game-view{--wb-panel: rgba(17, 21, 43, .96);--wb-line: rgba(166, 145, 222, .24);width:min(100%,430px);min-height:100svh;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:radial-gradient(circle at 50% -12%,rgba(91,54,182,.26),transparent 28rem),linear-gradient(180deg,#060916,#080b19 44%,#0a0e20)}.wb-game-view:before{background:linear-gradient(90deg,transparent 49.7%,rgba(138,102,217,.035) 50%,transparent 50.3%),radial-gradient(circle at 10% 75%,rgba(48,92,162,.12),transparent 17rem)}.wb-home{grid-template-rows:auto auto minmax(500px,1fr) auto auto;gap:8px}.wb-guide-button{display:inline-flex;min-width:72px;min-height:38px;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid rgba(196,176,241,.3);border-radius:999px;color:#ece8f6;background:#0a0c1dc2;box-shadow:inset 0 1px #ffffff0a;font-size:10px;font-weight:850}.wb-guide-button>span{display:grid;width:20px;height:20px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:12px;line-height:1}.wb-guide-button--compact{width:40px;min-width:40px;min-height:40px;padding:0;border-radius:13px}.wb-guide-button:hover,.wb-guide-button:focus-visible{border-color:#ffd05bb3;color:#ffe5a0}.wb-subpage-header__actions{display:flex;align-items:center;gap:6px}.wb-profile-card{z-index:4;grid-template-columns:52px minmax(0,1fr) 56px;gap:10px;min-width:0;min-height:78px;padding:9px 10px;border-color:#b49fee38;border-radius:22px 22px 18px 18px;background:linear-gradient(110deg,rgba(255,255,255,.055),transparent 40%),linear-gradient(180deg,#1a1e37fa,#0c1022fa);box-shadow:inset 0 1px #ffffff0a,0 12px 30px #00000045}.wb-profile-card__avatar{width:50px;height:50px;overflow:hidden;border:2px solid rgba(240,192,111,.72);background:linear-gradient(155deg,#d9b98d 0 42%,#27304b 42%);box-shadow:0 0 0 3px #101122e6;font-size:27px}.wb-profile-card__identity{gap:5px}.wb-profile-card__identity strong{flex:0 1 auto;font-size:14px}.wb-profile-card__identity span{padding:2px 5px;border-radius:5px;color:#ffbd33;background:#653c108c;font-size:10px}.wb-profile-card__identity small{min-width:0;padding:2px 5px;border-radius:999px;color:#d6d2e2;background:#0000003d;font-size:9px}.wb-meter-label{margin-top:6px;font-size:9px}.wb-meter{height:8px;background:#040610}.wb-meter>span{background:linear-gradient(90deg,#784ae8,#a96af3 62%,#e0c2ff);box-shadow:0 0 10px #a463ff8a}.wb-profile-card__switch{display:grid;width:56px;height:56px;place-items:center;align-content:center;gap:0;border:1px solid rgba(188,168,237,.18);border-radius:50%;color:#e7e3f0;background:#0508149e;box-shadow:inset 0 0 15px #6a49ae1f}.wb-profile-card__switch i{color:#f6f1ff;font-size:19px;font-style:normal;line-height:1}.wb-profile-card__switch small{margin-top:3px;font-size:8px;white-space:nowrap}.wb-stage-card{min-width:0;min-height:500px;border-color:#9a7edd47;border-radius:22px;background:radial-gradient(ellipse at 50% 95%,rgba(101,48,190,.5),transparent 35%),linear-gradient(180deg,#111327db,#070a17fa);box-shadow:inset 0 0 60px #2c1a5138,0 18px 42px #00000052}.wb-stage-card:before{top:0;right:0;left:0;height:100%;background:linear-gradient(90deg,transparent 0 11%,rgba(91,89,126,.16) 11.4% 11.9%,transparent 12.2% 88%,rgba(91,89,126,.16) 88.4% 88.9%,transparent 89.2%),linear-gradient(180deg,transparent 0 20%,rgba(255,255,255,.035) 20.3% 20.7%,transparent 21% 48%,rgba(255,255,255,.025) 48.2% 48.6%,transparent 49%);box-shadow:none}.wb-office-set{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}.wb-office-set:before{position:absolute;right:5%;bottom:94px;width:30%;height:25%;border-radius:8px 8px 0 0;background:linear-gradient(90deg,transparent 17%,rgba(13,15,29,.8) 18% 23%,transparent 24% 78%,rgba(13,15,29,.8) 79% 85%,transparent 86%),linear-gradient(180deg,#37344db3,#0c0e1bf0);box-shadow:-230px 18px 0 -10px #121523e6;content:"";transform:perspective(130px) rotateX(2deg)}.wb-office-set:after{position:absolute;right:9%;bottom:105px;width:24%;height:5px;border-radius:99px;background:#222439;box-shadow:0 -15px 0 -1px #1a1c2c,0 -30px 0 -2px #242638,0 -45px 0 -3px #151725;content:"";transform:rotate(-2deg)}.wb-office-neon{position:absolute;top:25%;left:6%;padding:7px 9px;border:1px solid rgba(211,114,255,.44);color:#d79aff;background:#260f355c;box-shadow:inset 0 0 12px #c250ff47,0 0 18px #a73bff45;font-size:17px;font-weight:900;text-shadow:0 0 9px #bc54ff;transform:rotate(-2deg)}.wb-office-note{position:absolute;z-index:2;display:grid;min-width:50px;min-height:43px;place-items:center;padding:6px;color:#443a49;text-align:center;background:#c8b8bf;box-shadow:3px 5px 12px #0000003d;font-size:8px;font-weight:850;line-height:1.35;opacity:.52}.wb-office-note--one{top:11%;left:13%;transform:rotate(-8deg)}.wb-office-note--two{top:17%;right:11%;color:#672831;background:#c98591;transform:rotate(5deg)}.wb-office-note--three{top:34%;right:7%;min-width:43px;min-height:36px;color:#304e65;background:#86aec1;transform:rotate(-5deg)}.wb-office-lamp{position:absolute;top:-10px;left:50%;width:108px;height:52px;margin-left:-54px;overflow:visible;border-radius:0 0 54px 54px;color:#ffe1a2;text-align:center;background:linear-gradient(180deg,#0b0d18,#4c3b35);box-shadow:0 24px 36px #ffbf692e;font-size:20px;line-height:50px}.wb-office-floor-ring{position:absolute;right:17%;bottom:90px;left:17%;height:52px;border:2px solid rgba(139,81,220,.45);border-radius:50%;background:radial-gradient(ellipse,rgba(113,58,180,.28),transparent 62%);box-shadow:0 0 18px #733ebe5c}.wb-stage-card__ambient i{height:3px;opacity:.46}.wb-stage-slot{z-index:2;inset:0 0 82px}.wb-home--working .wb-stage-slot{inset:0 0 138px}.wb-quick-actions{z-index:6;top:96px;right:9px;gap:8px}.wb-icon-button{width:47px;height:54px;border-radius:17px;background:#060814d6;box-shadow:inset 0 0 13px #68509e1f,0 7px 17px #00000052}.wb-icon-button>span{font-size:21px}.wb-icon-button small{color:#eee9fa;font-size:8px}.wb-status-note{z-index:7;right:13px;bottom:14px;left:13px;grid-template-columns:38px minmax(0,1fr);min-height:66px;padding:8px 12px 8px 9px;border-color:#41395280;border-radius:11px 15px 9px 14px;background:linear-gradient(115deg,rgba(255,255,255,.45),transparent 34%),#eee9e2;box-shadow:0 6px #523b5e6b,0 10px 22px #00000038}.wb-status-note:before{top:-6px;left:57%;width:52px;height:13px}.wb-status-note__face{width:38px;height:38px;border-radius:10px;font-size:20px}.wb-status-note h1{font-size:15px}.wb-status-note p{font-size:9px}.wb-work-panel{position:absolute;z-index:7;right:13px;bottom:14px;left:13px;padding:14px 15px;border:2px solid rgba(37,35,61,.9);border-radius:18px 16px 20px 15px;color:#202033;background:#efebe6;box-shadow:0 6px #43305380,0 14px 26px #00000042;transform:rotate(-.35deg)}.wb-work-panel__heading{margin-bottom:9px}.wb-work-panel__heading span{color:#6d428f}.wb-work-panel__heading strong{font-size:15px}.wb-work-panel__heading time{color:#242233;font-size:14px}.wb-work-panel__task{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;font-size:11px;font-weight:850}.wb-work-panel__task small{color:#6b6675;font-size:8px}.wb-primary-button{min-height:54px!important;border:1px solid #ffe599;border-radius:13px;background:linear-gradient(180deg,#ffd365,#f6ad25);box-shadow:inset 0 1px #ffffffb3,0 4px #a86516,0 12px 22px #c1761933;font-size:16px}.wb-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:58px;margin:1px -2px -2px;padding:6px 4px 3px;border:1px solid rgba(151,134,202,.18);border-radius:18px 18px 20px 20px;background:linear-gradient(180deg,#131730fa,#0b0e1efa);box-shadow:0 -8px 22px #05071333}.wb-bottom-nav__item{position:relative;display:grid;place-items:center;align-content:center;gap:1px;color:#78798c}.wb-bottom-nav__item i{font-size:21px;font-style:normal;line-height:1}.wb-bottom-nav__item small{font-size:8px}.wb-bottom-nav__item.is-active{color:#f0e8ff;font-weight:900}.wb-bottom-nav__item.is-active:before{position:absolute;top:-2px;width:31px;height:31px;border-radius:50%;background:#804ecc94;box-shadow:0 0 18px #8850e45c;content:""}.wb-bottom-nav__item.is-active i,.wb-bottom-nav__item.is-active small{position:relative;z-index:1}.wb-task-picker{gap:10px}.wb-timing-notice{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;margin-top:-2px;padding:8px 10px;border:1px solid rgba(255,199,70,.3);border-radius:13px;color:#d7cfbc;background:#53391747}.wb-timing-notice>span{font-size:20px}.wb-timing-notice p{margin:0;font-size:9px;line-height:1.4}.wb-timing-notice strong{display:inline-block;margin-right:6px;color:#ffd363;font-size:10px}.wb-timing-notice--production{border-color:#79afff4d;background:#21407042}.wb-timing-notice--production strong{color:#9fc6ff}.wb-subpage-header{min-height:42px}.wb-page-intro{padding-top:2px}.wb-page-intro h1{max-width:74%;font-size:clamp(24px,7vw,30px)}.wb-task-rail{display:grid;overflow:visible;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;gap:6px;margin:0;padding:7px 0 15px}.wb-task-card{min-width:0;min-height:344px;padding:6px;border-radius:16px;box-shadow:0 7px #192854e6,0 16px 25px #00000047}.wb-task-card:before{right:5px;bottom:-5px;left:5px}.wb-task-card:after{right:10px;bottom:-9px;left:10px}.wb-task-card__paper{min-height:272px;padding:8px;border-radius:11px 13px 10px 12px;background-size:100% 19px}.wb-rarity-badge{min-height:21px;padding:0 6px;font-size:8px}.wb-task-index{font-size:13px}.wb-task-card__illustration{width:74px;height:80px;margin:10px auto 8px;border-radius:13px 16px 11px 17px;box-shadow:5px 6px #2d426c1c}.wb-task-card__illustration>span{font-size:38px}.wb-task-card__illustration i{right:-6px;width:26px;height:12px}.wb-task-card__illustration i:last-child{left:8px;width:20px;height:7px}.wb-task-card h2{min-height:39px;font-size:14px;line-height:1.35}.wb-task-card p{display:none}.wb-task-card mark{max-width:100%;margin-top:5px;padding:4px 5px;font-size:7px}.wb-task-card__meta{display:grid;gap:4px;padding-top:6px}.wb-task-card__meta dt{font-size:7px}.wb-task-card__meta dd{font-size:9px}.wb-assign-button{min-width:0!important;min-height:44px!important;padding:4px;border-radius:10px;font-size:12px}.wb-picker-tip{min-height:72px;margin-top:3px;border-radius:16px;background:radial-gradient(circle at 14% 100%,rgba(81,71,112,.34),transparent 45%),#0e1124d1}.wb-picker-tip>span{font-size:38px}.wb-result{gap:10px}.wb-result-stage{min-height:300px;border-radius:20px;background:radial-gradient(circle at 50% 82%,rgba(125,70,213,.43),transparent 38%),linear-gradient(180deg,#171a33,#090d1d)}.wb-result-visual{min-height:300px}.wb-result-summary,.wb-reward-section{border-color:#aa93e23d;background:linear-gradient(180deg,#161a31fa,#0d1123fa)}@media(max-width:360px){.wb-game-view{padding-right:8px;padding-left:8px}.wb-profile-card{grid-template-columns:46px minmax(0,1fr) 48px;gap:7px}.wb-profile-card__avatar{width:44px;height:44px;font-size:23px}.wb-profile-card__switch{width:48px;height:48px}.wb-task-rail{gap:4px}.wb-task-card{padding:4px}.wb-task-card__paper{padding:6px}.wb-task-card h2{font-size:12px}}@media(max-height:740px){.wb-home{grid-template-rows:auto auto minmax(420px,1fr) auto auto}.wb-stage-card{min-height:420px}}:root{color-scheme:dark;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:#030510;color:#f8f7ff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden;background:radial-gradient(circle at 50% 0,rgba(91,53,183,.16),transparent 38rem),#030510;overscroll-behavior-y:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.wb-app-shell{position:relative;min-height:100svh}.wb-boss-scene{position:relative;width:100%;height:100%;min-height:inherit}.wb-boss-stage{position:absolute!important;inset:0}.wb-stage-loading{position:absolute;inset:0;display:grid;place-items:center;color:#c9c2db;font-size:12px}.wb-stage-controls{position:absolute;z-index:8;top:11px;left:10px;display:grid;gap:7px}.wb-stage-control{display:grid;width:44px;min-width:44px;height:44px;min-height:44px;place-items:center;padding:0;border:1px solid rgba(194,179,248,.26);border-radius:14px;color:#f9f7ff;background:#070917c7;box-shadow:0 8px 19px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wb-stage-control>span{font-size:19px}.wb-stage-control--mode{color:#ffe19a;font-size:8px;font-weight:950;letter-spacing:.06em}.wb-home .wb-stage-controls{top:12px;left:10px;gap:6px}.wb-home .wb-stage-control{width:38px;min-width:38px;height:38px;min-height:38px;border-radius:13px;background:#050712c2}.wb-home .wb-stage-control>span{font-size:16px}.wb-home .wb-stage-control--mode{font-size:7px}.wb-decorations{position:absolute;z-index:5;inset:0;overflow:hidden;pointer-events:none}.wb-decoration{position:absolute;display:grid;place-items:center;filter:drop-shadow(0 5px 4px rgba(0,0,0,.38));font-size:36px}.wb-decoration--desk-left{bottom:14px;left:17%}.wb-decoration--desk-right{right:15%;bottom:12px}.wb-decoration--wall{top:20%;right:14%;padding:7px 9px;border:1px solid rgba(255,210,125,.48);color:#6f302e;background:#eaa6a2;font-size:10px;font-weight:950;transform:rotate(-7deg)}.wb-decoration--shelf{top:37%;left:14%;font-size:31px}.wb-result-visual .wb-stage-controls{top:auto;bottom:12px}.wb-toast{position:fixed;z-index:100;right:18px;bottom:max(82px,calc(env(safe-area-inset-bottom) + 72px));left:18px;width:fit-content;max-width:min(88vw,420px);margin:auto;padding:10px 15px;border:1px solid rgba(255,211,113,.36);border-radius:999px;color:#fff4cf;text-align:center;background:#151122f0;box-shadow:0 12px 32px #00000061;font-size:12px;font-weight:750;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .16s ease,transform .16s ease}.wb-toast--visible{opacity:1;transform:translateY(0)}.wb-guide-backdrop{position:fixed;z-index:400;inset:0;display:grid;overflow:hidden auto;place-items:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));background:#02030cd6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:wb-guide-backdrop-in .18s ease-out both}.wb-guide{position:relative;width:min(100%,430px);max-height:calc(100svh - 24px);overflow:hidden auto;padding:18px 16px 14px;border:1px solid rgba(194,163,255,.34);border-radius:26px;color:#f9f6ff;background:radial-gradient(circle at 92% 6%,rgba(145,81,255,.28),transparent 14rem),linear-gradient(180deg,#16132d,#090d20 60%,#0c1025);box-shadow:0 30px 90px #000000a3,inset 0 1px #ffffff0f;animation:wb-guide-panel-in .22s cubic-bezier(.2,.8,.2,1) both}.wb-guide__close{position:absolute;z-index:2;top:12px;right:12px;display:grid;width:38px;min-width:38px;height:38px;min-height:38px;place-items:center;padding:0;border:1px solid rgba(207,189,247,.2);border-radius:13px;color:#dcd6e9;background:#0000003d;font-size:24px}.wb-guide__hero{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;padding:4px 42px 14px 2px;border-bottom:1px solid rgba(183,158,235,.16)}.wb-guide__hero-icon{display:grid;width:52px;height:52px;place-items:center;border:2px solid #ffd76d;border-radius:18px;color:#21180d;background:linear-gradient(155deg,#fff0a4,#f4ac24);box-shadow:0 7px 18px #eea21f47;font-size:28px;font-weight:950;transform:rotate(-4deg)}.wb-guide__hero p,.wb-guide__hero h2,.wb-guide__hero span,.wb-guide__steps h3,.wb-guide__steps p,.wb-guide__timing p,.wb-guide__reopen{margin:0}.wb-guide__hero p{color:#ffd15e;font-size:10px;font-weight:900;letter-spacing:.08em}.wb-guide__hero h2{margin-top:3px;font-size:22px;letter-spacing:-.04em}.wb-guide__hero div>span{display:block;margin-top:4px;color:#b9b4c9;font-size:11px}.wb-guide__steps{display:grid;gap:8px;margin:12px 0;padding:0;list-style:none}.wb-guide__steps li{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-height:68px;padding:9px 10px;border:1px solid rgba(179,155,232,.17);border-radius:16px;background:linear-gradient(100deg,#ffffff0e,#ffffff05)}.wb-guide__step-index{position:absolute;top:6px;right:8px;color:#ffd76752;font-size:16px;font-weight:950}.wb-guide__step-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#744ac93d;font-size:21px}.wb-guide__steps h3{font-size:13px}.wb-guide__steps p{max-width:94%;margin-top:3px;color:#aaa6ba;font-size:10px;line-height:1.45}.wb-guide__timing{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:10px 11px;border:1px solid rgba(255,197,67,.33);border-radius:15px;color:#fff6d8;background:linear-gradient(100deg,#6d46137a,#281d188c)}.wb-guide__timing>span{font-size:25px}.wb-guide__timing strong{color:#ffd15b;font-size:12px}.wb-guide__timing p{margin-top:2px;color:#d3c7ad;font-size:9px;line-height:1.45}.wb-guide__rules{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.wb-guide__rules span{flex:1 1 auto;padding:6px 7px;border:1px solid rgba(164,134,226,.2);border-radius:999px;color:#cfc8dd;text-align:center;background:#57399229;font-size:8px;font-weight:800}.wb-guide__start{display:flex;width:100%;min-height:50px;align-items:center;justify-content:center;gap:12px;padding:8px 16px;border:1px solid #ffe39a;border-radius:15px;color:#21170d;background:linear-gradient(180deg,#ffd764,#f4ad28);box-shadow:inset 0 1px #ffffffa3,0 5px #a96713;font-size:14px;font-weight:950}.wb-guide__reopen{padding-top:9px;color:#817c94;text-align:center;font-size:8px}@keyframes wb-guide-backdrop-in{0%{opacity:0}}@keyframes wb-guide-panel-in{0%{opacity:0;transform:translateY(14px) scale(.98)}}.wb-debug{position:fixed;z-index:220;right:max(10px,env(safe-area-inset-right));bottom:max(78px,calc(env(safe-area-inset-bottom) + 70px));font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.wb-debug__toggle{display:inline-flex;min-width:64px;min-height:40px;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid rgba(255,205,92,.6);border-radius:999px;color:#ffebae;background:#0d1022f0;box-shadow:0 8px 24px #0000006b;font-size:11px;font-weight:900;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wb-debug:not(.wb-debug--open) .wb-debug__toggle{width:42px;min-width:42px;padding:0;overflow:hidden;color:transparent;opacity:.72}.wb-debug:not(.wb-debug--open) .wb-debug__toggle>span{color:#ffebae;font-size:15px}.wb-debug:not(.wb-debug--open) .wb-debug__toggle:hover,.wb-debug:not(.wb-debug--open) .wb-debug__toggle:focus-visible{opacity:1}.wb-debug__panel{position:absolute;right:0;bottom:49px;width:min(370px,calc(100vw - 20px));padding:12px;border:1px solid rgba(174,145,239,.38);border-radius:18px;color:#f7f3ff;background:linear-gradient(145deg,#211b39fa,#090c1afa);box-shadow:0 18px 50px #00000085;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.wb-debug__panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.wb-debug__panel header>div{display:grid;gap:2px}.wb-debug__panel header strong{color:#ffd875;font-size:13px}.wb-debug__panel header small{color:#a9a3bd;font-size:9px}.wb-debug__panel header>button{display:grid;width:34px;min-width:34px;height:34px;min-height:34px;place-items:center;padding:0;border:1px solid rgba(181,159,230,.2);border-radius:10px;color:#d8d1e9;background:#ffffff0a;font-size:20px}.wb-debug__actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.wb-debug__actions button{min-width:0;min-height:38px;padding:5px;border:1px solid rgba(168,145,218,.24);border-radius:10px;color:#d7d2e3;background:#ffffff0b;font-size:10px;font-weight:800}.wb-debug__actions button.is-active{border-color:#ffcd5cb8;color:#20170c;background:linear-gradient(180deg,#ffd66a,#efa72b);box-shadow:0 3px #9b5f15}.wb-debug__actions .wb-debug__demo{grid-column:span 2;color:#eee5ff;background:linear-gradient(180deg,#7e4ccbb8,#492b82b8)}@media(max-width:380px){.wb-debug__actions{grid-template-columns:repeat(3,minmax(0,1fr))}.wb-debug__actions .wb-debug__demo{grid-column:span 2}}@media(min-width:760px){.wb-app-shell{padding:20px 0}.wb-game-view{min-height:calc(100svh - 40px);border:1px solid rgba(177,157,244,.18);border-radius:28px;box-shadow:0 28px 90px #0000007a}}@media(prefers-reduced-motion:reduce){.wb-toast{transition:none}}