:root{--sh-bg:#0b1026;--sh-panel:#141b3d;--sh-panel2:#1b2350;--sh-line:#3a4a8f;--sh-silver:#cfd8ff;--sh-text:#eaf0ff;--sh-sub:#a9b4e0;--sh-teal:#3df5c8;--sh-teal2:#1bb7a7;--sh-sky:#56b4e9;--sh-violet:#8f7bff;--sh-ink:#0b1026;--sh-font:Inter, "Segoe UI", system-ui, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Noto Sans SC", "PingFang SC", sans-serif;--sh-safe-t:env(safe-area-inset-top,0px);--sh-safe-r:env(safe-area-inset-right,0px);--sh-safe-b:env(safe-area-inset-bottom,0px);--sh-safe-l:env(safe-area-inset-left,0px)}#shell,.sh-dialog,#sh-pause,#sh-pause-sheet{font-family:var(--sh-font);color:var(--sh-text);-webkit-tap-highlight-color:transparent}:lang(zh-CN) #shell,.sh-dialog:lang(zh-CN){--sh-font:Inter, "Segoe UI", system-ui, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif}#shell{z-index:4;overscroll-behavior:contain;touch-action:manipulation;background:radial-gradient(120% 70% at 50% 0%, #22306b 0%, transparent 60%), radial-gradient(90% 60% at 50% 110%, #1a1f4d 0%, transparent 70%), repeating-linear-gradient(180deg, transparent 0 46px, #cfd8ff0d 46px 47px, transparent 47px 54px), var(--sh-bg);position:fixed;inset:0;overflow:hidden auto}#shell.has-bgp{background:linear-gradient(#0b102626, #0b102659), var(--bgp) center / cover no-repeat, var(--sh-bg)}html[data-orient=landscape] #shell.has-bgl{background:linear-gradient(90deg, #0b10268c, #0b102600 55%), var(--bgl) center / cover no-repeat, var(--sh-bg)}#shell[hidden]{display:none}.sh-screen{box-sizing:border-box;min-height:100dvh;padding:calc(14px + var(--sh-safe-t)) calc(16px + var(--sh-safe-r)) calc(20px + var(--sh-safe-b)) calc(16px + var(--sh-safe-l));flex-direction:column;align-items:center;gap:18px;display:flex}.sh-screen[hidden]{display:none}.sh-screen h1,.sh-screen h2,.sh-dialog h2{letter-spacing:.02em;text-wrap:balance;margin:0;font-weight:900}.sh-sub{color:var(--sh-sub);text-wrap:pretty;margin:0;font-size:15px;line-height:1.45}.sh-sub-screen{background:#0b10268c}.sh-btn{appearance:none;box-sizing:border-box;border:2px solid var(--sh-line);min-width:48px;min-height:56px;color:var(--sh-text);font:800 17px/1.2 var(--sh-font);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;text-shadow:0 2px 0 var(--sh-ink), 0 0 3px var(--sh-ink);background:linear-gradient(#2a3570,#1b2350);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:10px 20px;transition:transform 80ms,filter .12s;display:inline-flex}.sh-btn.primary{background:linear-gradient(180deg, #4ff0cc, var(--sh-teal2));border-color:#b9fff0}.has-art{border-style:solid;border-color:#0000;border-width:var(--art-w);border-image-source:var(--art-n);border-image-slice:var(--art-slice) fill;border-image-width:var(--art-w);box-shadow:none;background:0 0;border-image-repeat:stretch}.sh-btn.has-art{background:0 0;border-radius:0;padding:4px 8px 10px}@media (hover:hover){.sh-btn.has-art:not(:disabled):not(.soon):hover{border-image-source:var(--art-h,var(--art-n));filter:none}}.sh-btn.has-art:not(:disabled):not(.soon):active{border-image-source:var(--art-p,var(--art-n));filter:none;transform:none}.sh-btn.has-art:not(:disabled):not(.soon):active>*{translate:0 4px}.sh-btn.has-art:disabled,.sh-btn.has-art.soon{border-image-source:var(--art-d,var(--art-n));filter:none;opacity:1}@media (hover:hover){.sh-btn:not(.has-art):not(:disabled):hover{filter:brightness(1.1)}}.sh-btn:not(.has-art):not(:disabled):active{filter:brightness(.92);transform:translateY(1px)scale(.98)}.sh-btn:focus-visible,.sh-seg:focus-visible,.sh-input:focus-visible,.sh-round:focus-visible,.sh-card:focus-visible{outline-offset:3px;outline:3px solid #7fe3d8}.sh-btn:disabled{cursor:not-allowed}.sh-btn:not(.has-art):disabled{opacity:.55;filter:saturate(.4)}.sh-btn:disabled>span,.sh-btn.soon>span:not(.sh-soon){color:#8f8bbf;text-shadow:none}.sh-bi{flex:none;place-items:center;width:26px;height:26px;display:inline-grid}.sh-bi svg,.sh-bi img{object-fit:contain;width:26px;height:26px}.sh-soon{font:800 12px/1.4 var(--sh-font);letter-spacing:.04em;color:#fff;white-space:nowrap;text-shadow:none;background:#8f7bff59;border:1px solid #cfd8ff99;border-radius:999px;padding:4px 12px;display:inline-block}.sh-round{appearance:none;color:var(--sh-text);cursor:pointer;touch-action:manipulation;font:800 13px/1.2 var(--sh-font);background:0 0;border:0;justify-items:center;gap:4px;min-width:56px;padding:0;display:inline-grid}.sh-round-ico{border:2px solid var(--sh-line);background:radial-gradient(circle at 50% 35%,#2c3b86,#141b3d);border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.sh-round.has-round .sh-round-ico{background:var(--round) center / contain no-repeat;border:0}.sh-round-ico svg{width:26px;height:26px}.sh-round-ico img{object-fit:contain;width:30px;height:30px}.sh-round-label{text-shadow:0 2px 0 var(--sh-ink)}@media (hover:hover){.sh-round:hover .sh-round-ico{filter:brightness(1.12)}}.sh-round:active .sh-round-ico{translate:0 2px}.sh-bar{grid-template-columns:56px 1fr 56px;align-items:center;gap:12px;width:min(100%,1040px);display:grid}.sh-bar h1{text-align:center;text-shadow:0 2px 0 var(--sh-ink);font-size:clamp(22px,4.5vw,32px)}.sh-home{justify-content:flex-start;gap:clamp(10px,2.2dvh,26px)}.sh-home-top{justify-content:flex-start;width:100%;display:flex}.sh-logo-wrap{place-items:center;margin-top:clamp(0px,2dvh,32px);display:grid;position:relative}.sh-logo-wrap.has-halo:before{content:"";background:var(--halo) center / 100% 100% no-repeat;opacity:.4;pointer-events:none;position:absolute;inset:-18% -12%}.sh-logo{object-fit:contain;max-width:min(72vw,480px);max-height:23dvh;display:block;position:relative}.sh-logo[data-logo=en]{max-width:min(84vw,560px);max-height:15dvh}.sh-home-buttons{grid-template-columns:1fr 1fr;gap:12px 10px;width:min(100%,520px);margin-top:auto;display:grid}.sh-home-btn{text-align:start;border-radius:22px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;justify-content:stretch;align-items:center;column-gap:12px;min-height:76px;padding:12px 14px;display:grid;position:relative}.sh-home-single{grid-column:1/-1;min-height:88px}.sh-home-btn.has-art{padding:2px 6px 8px}.sh-home-btn .sh-ico{border-radius:50%;grid-row:1/span 2;place-items:center;width:52px;height:52px;display:grid}.sh-home-btn .sh-ico.has-well{background:var(--well) center / contain no-repeat}.sh-home-single .sh-ico{width:60px;height:60px}.sh-home-btn .sh-ico svg{width:30px;height:30px}.sh-home-btn .sh-ico img{object-fit:contain;width:62%;height:62%}.sh-home-btn .sh-label{align-self:end;font-size:20px;font-weight:900;line-height:1.15}.sh-home-single .sh-label{font-size:26px}.sh-home-btn .sh-desc{opacity:.92;align-self:start;font-size:13px;font-weight:700;line-height:1.3}.sh-home-btn:not(.sh-home-single) .sh-desc{display:none}.sh-home-btn:not(.sh-home-single){text-align:center;grid-template-columns:1fr;justify-items:center;row-gap:2px;min-height:112px}.sh-home-btn:not(.sh-home-single) .sh-ico{grid-row:auto}.sh-home-btn:not(.sh-home-single) .sh-label{align-self:center}.sh-home-btn .sh-soon{position:absolute;top:-12px;left:50%;translate:-50%}.sh-home-btn.soon{cursor:pointer}.sh-home-row{justify-content:space-around;gap:4px;width:min(100%,520px);padding-bottom:4px;display:flex}.sh-home-row .sh-round{min-width:64px}html[data-layout=mobile][data-orient=landscape] .sh-home{grid-template-rows:auto 1fr auto;grid-template-columns:1fr 1fr;align-items:center;column-gap:24px;display:grid}html[data-layout=mobile][data-orient=landscape] .sh-home-top{grid-column:1/-1}html[data-layout=mobile][data-orient=landscape] .sh-logo-wrap{grid-area:2/1;margin:0}html[data-layout=mobile][data-orient=landscape] .sh-logo{max-width:40vw;max-height:34dvh}html[data-layout=mobile][data-orient=landscape] .sh-home-buttons{grid-area:2/2/4;margin:0}html[data-layout=mobile][data-orient=landscape] .sh-home-row{grid-area:3/1;justify-self:center;width:100%;padding-bottom:0}html[data-layout=mobile][data-orient=landscape] .sh-home{row-gap:8px;height:100dvh;min-height:0;overflow:hidden}@media (height<=420px){html[data-layout=mobile][data-orient=landscape] .sh-logo{max-height:30dvh}html[data-layout=mobile][data-orient=landscape] .sh-home-single{min-height:76px}html[data-layout=mobile][data-orient=landscape] .sh-home-btn:not(.sh-home-single){min-height:96px}}.sh-sheet{box-sizing:border-box;width:100%;max-width:640px;color:var(--sh-text);font-family:var(--sh-font);background:0 0;border:0;margin:auto auto 0;padding:0}.sh-sheet::backdrop{background:#05081ab3}.sh-sheet-panel{box-sizing:border-box;padding:10px 20px calc(28px + var(--sh-safe-b));background:linear-gradient(#2a2160,#17123d);border:2px solid #5a67b0;border-bottom:0;border-radius:22px 22px 0 0;gap:14px;display:grid}.sh-sheet-panel.has-art{padding:0 8px calc(16px + var(--sh-safe-b));border-bottom-width:0;border-radius:0}.sh-sheet-handle{background:#cfd8ff80;border-radius:3px;justify-self:center;width:48px;height:6px;margin-top:4px}.sh-sheet-handle.has-handle{background:var(--handle) center / contain no-repeat;height:8px}.sh-sheet-head{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.sh-sheet-head h2{margin:0;font-size:20px;font-weight:900}.sh-lang-rows{gap:10px;display:grid}.sh-lang-row,.sh-dd-item{appearance:none;box-sizing:border-box;width:100%;min-height:52px;color:var(--sh-text);font:800 18px/1 var(--sh-font);cursor:pointer;touch-action:manipulation;text-align:start;background:#05081a8c;border:2px solid #cfd8ff38;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:0 18px;display:flex}.sh-lang-row.has-art,.sh-dd-item.has-art{border-radius:0;padding:0 6px}.sh-lang-row[aria-pressed=true]{background:#1bb7a738;border-color:#7fe3d8}.sh-lang-row.has-art[aria-pressed=true]{border-image-source:var(--art-selected,var(--art-n))}.sh-lang-row.has-art:active{border-image-source:var(--art-pressed,var(--art-n))}.sh-check{color:#7fe3d8;visibility:hidden;place-items:center;width:22px;height:22px;display:grid}.sh-check svg,.sh-check img{object-fit:contain;width:22px;height:22px}[aria-pressed=true]>.sh-check{visibility:visible}.sh-dd{box-sizing:border-box;width:240px;color:var(--sh-text);font-family:var(--sh-font);z-index:6;background:#141b3df7;border:2px solid #5a67b0;border-radius:14px;gap:4px;margin:0;padding:10px;display:grid;position:fixed;inset:auto}.sh-dd.has-art{border-radius:0;padding:2px}.sh-dd-item{background:0 0;border-color:#0000;min-height:48px;font-size:17px}@media (hover:hover){.sh-dd-item:hover{background:#cfd8ff1a}.sh-dd-item.has-art:hover{border-image-source:var(--art-hover,var(--art-n))}}.sh-dd-item.has-art:active{border-image-source:var(--art-pressed,var(--art-n))}.sh-dd-item[aria-pressed=true]{border-color:#7fe3d8}.sh-dd-item.has-art[aria-pressed=true]{border-image-source:var(--art-selected,var(--art-n))}.sh-lang-row:focus-visible,.sh-dd-item:focus-visible,.sh-iconbtn:focus-visible,.sh-mi:focus-visible{outline-offset:3px;outline:3px solid #7fe3d8}.sh-home-pc{padding:calc(24px + var(--sh-safe-t)) calc(40px + var(--sh-safe-r)) 24px calc(5vw + var(--sh-safe-l));display:block;position:relative}.sh-toolbar{top:calc(20px + var(--sh-safe-t));right:calc(28px + var(--sh-safe-r));gap:12px;display:flex;position:absolute}.sh-iconbtn{appearance:none;width:48px;height:48px;color:var(--sh-text);cursor:pointer;background:#0b1026b3;border:2px solid #cfd8ff66;border-radius:10px;place-items:center;padding:0;display:grid;position:relative}.sh-iconbtn.has-ib{background:var(--ib-normal) center / 100% 100% no-repeat;border:0;border-radius:0}@media (hover:hover){.sh-iconbtn.has-ib:hover{background-image:var(--ib-hover)}.sh-iconbtn:hover .sh-tooltip{opacity:1}}.sh-iconbtn.has-ib:active,.sh-iconbtn.has-ib[aria-expanded=true]{background-image:var(--ib-pressed)}.sh-ib-ico{place-items:center;width:26px;height:26px;display:grid}.sh-ib-ico svg,.sh-ib-ico img{object-fit:contain;width:26px;height:26px}.sh-tooltip{white-space:nowrap;font:700 14px/1 var(--sh-font);opacity:0;pointer-events:none;background:#0b1026eb;border-radius:8px;padding:6px 12px;transition:opacity .12s;position:absolute;top:calc(100% + 6px);left:50%;translate:-50%}.sh-tooltip.has-art{background:0 0;border-radius:0;padding:8px 6px 2px}.sh-iconbtn[aria-expanded=true] .sh-tooltip{opacity:0}#sh-lang-btn .sh-tooltip{left:auto;right:0;translate:none}.sh-pc-col{gap:12px;width:clamp(340px,31vw,520px);display:grid}.sh-home-pc .sh-logo-wrap{justify-self:center;margin:0 0 8px}.sh-home-pc .sh-logo{max-width:100%;max-height:28vh}.sh-home-pc .sh-logo[data-logo=en]{max-height:17vh}.sh-mi-list{gap:8px;display:grid}.sh-mi{appearance:none;box-sizing:border-box;width:100%;min-height:60px;color:var(--sh-text);font:800 24px/1 var(--sh-font);cursor:pointer;text-align:start;text-shadow:0 2px 0 var(--sh-ink);background:#0b102699;border:2px solid #cfd8ff38;border-radius:12px;align-items:center;gap:14px;padding:0 16px;display:flex;position:relative}.sh-mi.primary{background:linear-gradient(#4ff0cce6,#1bb7a7e6);border-color:#7fe3d8}.sh-mi.has-art{border-radius:0;padding:0 6px}@media (hover:hover){.sh-mi:not(.soon):hover{filter:brightness(1.08)}.sh-mi.has-art:not(.soon):hover{border-image-source:var(--art-h,var(--art-n));filter:none}}.sh-mi.has-art:not(.soon):active{border-image-source:var(--art-p,var(--art-n))}.sh-mi.has-art.soon{border-image-source:var(--art-d,var(--art-n))}.sh-mi.soon>.sh-label,.sh-mi.soon>.sh-mi-ico{color:#8f8bbf;text-shadow:none}.sh-mi .sh-soon{margin-left:auto}.sh-mi-ico{flex:none;place-items:center;width:30px;height:30px;display:grid}.sh-mi-ico svg,.sh-mi-ico img{object-fit:contain;width:30px;height:30px}.sh-mi:before{content:"";opacity:0;clip-path:polygon(0 0,100% 50%,0 100%);background:#7fe3d8;width:16px;height:20px;position:absolute;top:50%;left:-22px;translate:0 -50%}.sh-mi.has-ptr:before{clip-path:none;background:var(--ptr) center / contain no-repeat;width:20px;height:24px}.sh-mi.primary:before,.sh-mi:not(.soon):hover:before,.sh-mi:focus-visible:before{opacity:1}@media (prefers-reduced-motion:no-preference){.sh-mi:before{animation:.8s ease-in-out infinite alternate sh-bob}}@keyframes sh-bob{to{translate:-4px -50%}}.sh-mi-divider{background:linear-gradient(90deg,#0000,#cfd8ff66,#0000);border:0;width:100%;height:6px;margin:6px 0}.sh-mi-divider.has-div{background:var(--div) center / 100% 100% no-repeat}.sh-mi-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sh-mi-grid .sh-mi{gap:10px;min-height:50px;font-size:18px}.sh-mi-grid .sh-mi-ico,.sh-mi-grid .sh-mi-ico svg,.sh-mi-grid .sh-mi-ico img{width:24px;height:24px}.sh-panel{box-sizing:border-box;background:linear-gradient(#252e62f2,#141b3df7);border:2px solid #5a67b0;border-radius:20px;flex-direction:column;gap:12px;width:min(100%,520px);padding:20px;display:flex;box-shadow:inset 0 0 0 4px #0b102699,inset 0 0 0 6px #cfd8ff38,0 10px 30px #00000059}.sh-panel.has-art{border-radius:0;padding:6px}.sh-panel h2{flex-wrap:wrap;align-items:center;gap:10px;font-size:20px;display:flex}.sh-rooms{justify-items:center;gap:16px;width:min(100%,1040px);display:grid}html[data-layout=pc] .sh-rooms{grid-template-columns:1fr 1fr;align-items:start}html[data-layout=pc] .sh-rooms .sh-panel{width:100%}.sh-code{text-align:center;letter-spacing:.28em;color:#eaf0ff73;background:#05081a8c;border:2px dashed #cfd8ff4d;border-radius:14px;margin:0;padding:14px;font:900 clamp(28px,9vw,40px)/1 ui-monospace,SFMono-Regular,Menlo,monospace}.sh-code.has-art{border-radius:0;padding:4px}.sh-field{gap:6px;display:grid}.sh-field label{font-size:15px;font-weight:800}.sh-input{box-sizing:border-box;border:2px solid var(--sh-line);width:100%;min-height:52px;color:var(--sh-text);letter-spacing:.2em;text-transform:uppercase;background:#05081a99;border-radius:12px;padding:10px 14px;font:800 22px/1 ui-monospace,Menlo,monospace}.sh-input:disabled{opacity:.6}.sh-row{flex-wrap:wrap;gap:12px;display:flex}.sh-row>.sh-btn{flex:140px}.sh-codex-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(100%,1180px);margin:0;padding:0;list-style:none;display:grid}html[data-layout=pc] .sh-codex-list{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.sh-codex-list>li{display:contents}.sh-card{box-sizing:border-box;aspect-ratio:300/340;appearance:none;cursor:pointer;text-align:center;width:100%;color:var(--sh-text);font-family:var(--sh-font);touch-action:manipulation;background:#1b2350eb;border:2px solid #3f4c94;border-radius:14px;grid-template-rows:1fr auto auto auto;place-items:center;gap:2px;padding:12% 6% 8%;display:grid;position:relative}.sh-card.has-card{background:var(--card) center / 100% 100% no-repeat;border:0;border-radius:0}@media (hover:hover){.sh-card.has-card-h:not(:disabled):hover{background-image:var(--card-h)}}.sh-card.has-card-p:not(:disabled):active{background-image:var(--card-p)}.sh-card.has-card-p:not(:disabled):active>*{translate:0 2px}.sh-card.has-excl:after{content:"";background:var(--excl) center / 100% 100% no-repeat;pointer-events:none;position:absolute;inset:0}.sh-card.locked.has-lock:before{content:"";aspect-ratio:1;background:var(--lock) center / contain no-repeat;width:18.7%;position:absolute;top:8%;right:8%;translate:50%}.sh-card.locked.excl.has-lock:before{top:22%}.sh-card:disabled{cursor:default}.sh-card .sh-mark{aspect-ratio:1;width:18.7%;position:absolute;top:6%;left:6%}.sh-card .sh-mark.has-mark{background:var(--mark) center / contain no-repeat}.sh-card .sh-mico{aspect-ratio:1;place-items:center;width:46%;display:grid}.sh-card .sh-mico img,.sh-card .sh-mico svg{object-fit:contain;filter:drop-shadow(0 0 4px #56b4e999);width:80%;height:80%}.sh-card.locked .sh-mico img{filter:brightness(0)invert(.38);opacity:.6}.sh-card .sh-name{text-shadow:0 2px 0 var(--sh-ink);overflow-wrap:anywhere;max-width:100%;font-size:clamp(11px,3.4vw,16px);font-weight:900;line-height:1.15}.sh-card.locked .sh-name{color:#6e6a9e;text-shadow:none}.sh-card .sh-meta{color:var(--sh-sub);font-size:clamp(10px,2.8vw,13px);font-weight:700}.sh-chip{color:#bfffee;background:#3df5c829;border:1px solid #3df5c873;border-radius:999px;padding:1px 7px;font-size:clamp(9px,2.6vw,12px);font-weight:800}.sh-chip.skipped{color:var(--sh-sub);background:#a9b4e024;border-color:#a9b4e066}.sh-card.excl:not(.has-excl){border-color:#b7a6ff;box-shadow:inset 0 0 0 2px #0b1026cc,inset 0 0 0 4px #b7a6ff8c,0 0 14px #8f7bff59}.sh-dialog{box-sizing:border-box;background:0 0;border:none;width:min(100vw - 16px,560px);max-width:none;max-height:calc(100dvh - 16px);padding:0;overflow:visible}.sh-dialog:modal{overscroll-behavior:contain}.sh-dialog::backdrop{overscroll-behavior:contain;background:#05081acc;overflow:hidden}.sh-dialog .sh-panel{grid-template-columns:minmax(0,1fr);gap:10px;width:100%;max-height:calc(100dvh - 16px);padding:14px;display:grid;overflow-y:auto}.sh-dialog .sh-panel.has-art{padding:2px}.sh-dlg-head{background:#05081a59;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:4px 12px;display:flex}.sh-dlg-head.has-art{border-radius:0;padding:0 6px}.sh-dlg-head .sh-badge{flex:none;place-items:center;width:32px;height:32px;display:grid}.sh-dlg-head .sh-badge[hidden]{display:none}.sh-dlg-head .sh-badge img{object-fit:contain;width:32px;height:32px}.sh-dlg-head .sh-badge svg{width:22px;height:22px}.sh-dlg-head h2{text-align:center;text-shadow:0 2px 0 var(--sh-ink);font-size:clamp(18px,4.6vw,24px)}.sh-segs{scrollbar-width:none;order:3;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;display:grid;overflow-x:auto}.sh-seg{appearance:none;aspect-ratio:160/144;color:#cfd8ff;min-height:56px;font:800 11px/1.1 var(--sh-font);cursor:pointer;touch-action:manipulation;text-align:center;background:#05081a8c;border:2px solid #cfd8ff40;border-radius:12px;align-content:center;justify-items:center;gap:2px;padding:4px;display:grid;position:relative}.sh-seg.has-tab-n{background:var(--tab-n) center / 100% 100% no-repeat;border:0;border-radius:0}.sh-seg[data-seen].has-tab-d{background-image:var(--tab-d)}.sh-seg[aria-selected=true]{color:#fff;background:linear-gradient(#2c3b86,#1f2a63);border-color:#7fe3d8}.sh-seg[aria-selected=true].has-tab-a{background:var(--tab-a) center / 100% 100% no-repeat}.sh-seg.has-excl:after{content:"";background:var(--excl) center / 100% 100% no-repeat;pointer-events:none;position:absolute;inset:0}.sh-seg.sh-exclusive:not(.has-excl){border-color:#b7a6ff}.sh-seg img,.sh-seg svg{object-fit:contain;width:clamp(24px,7vw,36px);height:clamp(24px,7vw,36px)}.sh-seg>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.sh-demo{aspect-ratio:1;background:radial-gradient(circle at 50% 45%,#1d2a63,#070b1f 75%);border-radius:18px;order:2;justify-self:center;width:min(100%,62dvh);position:relative;overflow:hidden}.sh-demo-mount{border-radius:14px;position:absolute;inset:4.5%;overflow:hidden}.sh-demo-mount>canvas,.sh-demo-mount>video{object-fit:cover;width:100%;height:100%;display:block}.sh-demo-frame{z-index:2;pointer-events:none;border:3px solid #cfd8ff59;border-radius:18px;position:absolute;inset:0}.sh-demo-frame.has-art{border-radius:0}.sh-demo.sh-exclusive .sh-demo-frame:not(.has-art){border-color:#b7a6ff;box-shadow:inset 0 0 0 3px #8f7bff59}.sh-demo-tag{z-index:3;color:var(--sh-text);pointer-events:none;background:#05081abf;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:7%;left:7%}.sh-demo-tag.has-badge{background:var(--badge) center / 100% 100% no-repeat;border-radius:0;padding:4px 12px 4px 10px}.sh-demo-tag i{background:var(--sh-teal);border-radius:50%;width:8px;height:8px;animation:1s steps(2,jump-none) infinite sh-blink}@keyframes sh-blink{50%{opacity:.4}}.sh-fallback{text-align:center;align-content:center;place-items:center;gap:10px;padding:16px;display:grid;position:absolute;inset:0}.sh-fallback .sh-ring{border:3px solid #56b4e9b3;border-radius:50%;place-items:center;width:96px;height:96px;animation:1.6s ease-in-out infinite sh-pulse;display:grid}.sh-fallback .sh-ring img{object-fit:contain;width:64px;height:64px}.sh-fallback p{color:var(--sh-sub);margin:0;font-size:13px}@keyframes sh-pulse{0%,to{transform:scale(1);box-shadow:0 0 #56b4e980}50%{transform:scale(1.06);box-shadow:0 0 0 14px #56b4e900}}.sh-pre{z-index:1;background:#070b1ff5;border-radius:14px;grid-template-rows:1fr auto;gap:8px;padding:8px;display:grid;position:absolute;inset:4.5%}.sh-pre img{object-fit:contain;width:100%;height:100%;min-height:0}.sh-pre .sh-row{justify-content:space-between;align-items:center}.sh-pre p{flex:160px;margin:0;font-size:13px;font-weight:700}.sh-pre .sh-btn{flex:none;min-height:48px}.sh-tip{text-wrap:pretty;text-align:center;order:4;margin:0;font-size:15px;line-height:1.45}.sh-tip b{margin-bottom:2px;font-size:19px;display:block}.sh-actions{order:5;grid-template-columns:1fr 1fr;gap:10px;display:grid}.sh-actions .sh-btn{min-height:60px;font-size:18px}.sh-dlg-head{order:1}html[data-layout=pc] .sh-dialog{width:min(100vw - 40px,1180px)}html[data-layout=pc] .sh-dialog .sh-panel{grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:24px;padding:20px}html[data-layout=pc] .sh-dialog .sh-panel.has-art{padding:8px}html[data-layout=pc] .sh-dlg-head{grid-column:1/-1}html[data-layout=pc] .sh-demo{grid-area:2/1/span 3;align-self:center;width:min(100%,70dvh)}html[data-layout=pc] .sh-segs{grid-area:2/2}html[data-layout=pc] .sh-tip{grid-area:3/2;align-self:center;font-size:18px}html[data-layout=pc] .sh-tip b{font-size:24px}html[data-layout=pc] .sh-actions{grid-area:4/2}@media (prefers-reduced-motion:reduce){.sh-fallback .sh-ring,.sh-demo-tag i{animation:none}.sh-btn{transition:none}}#sh-pause{z-index:3;width:56px;height:56px;color:var(--sh-text);cursor:pointer;touch-action:manipulation;background:#0b1026b8;border:2px solid #cfd8ff8c;border-radius:16px;place-items:center;padding:0;display:grid;position:fixed}#sh-pause svg{width:26px;height:26px}#sh-pause[hidden],#sh-pause-sheet[hidden]{display:none}#sh-pause-sheet{z-index:3;padding:calc(16px + var(--sh-safe-t)) 16px calc(16px + var(--sh-safe-b));touch-action:manipulation;background:#05081a8c;place-items:center;display:grid;position:fixed;inset:0}#sh-pause-sheet .sh-panel{align-items:stretch;width:min(100%,360px)}#sh-pause-sheet h2{text-align:center;justify-content:center;font-size:26px}.sh-cells{cursor:text;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid;position:relative}.sh-cell{aspect-ratio:112/144;color:#fff;background:#05081a99;border:2px solid #cfd8ff4d;border-radius:10px;place-items:center;font:900 clamp(22px,7vw,34px)/1 Inter,ui-monospace,monospace;display:grid}.sh-cell[data-state=active]{border-color:#7fe3d8;box-shadow:0 0 0 2px #7fe3d859}.sh-cell[data-state=error]{border-color:#ff7aa8}html[data-layout=mobile] .sh-cell.has-cell{background:var(--cell-empty) center / 100% 100% no-repeat;box-shadow:none;border:0;border-radius:0}html[data-layout=mobile] .sh-cell.has-cell[data-state=filled]{background-image:var(--cell-filled)}html[data-layout=mobile] .sh-cell.has-cell[data-state=active]{background-image:var(--cell-active)}html[data-layout=mobile] .sh-cell.has-cell[data-state=error]{background-image:var(--cell-error)}html[data-layout=pc] .sh-cell{aspect-ratio:88/112}html[data-layout=pc] .sh-cell.has-pcell{background:var(--pcell-empty) center / 100% 100% no-repeat;box-shadow:none;border:0;border-radius:0}html[data-layout=pc] .sh-cell.has-pcell[data-state=filled]{background-image:var(--pcell-filled)}html[data-layout=pc] .sh-cell.has-pcell[data-state=active]{background-image:var(--pcell-active)}html[data-layout=pc] .sh-cell.has-pcell[data-state=error]{background-image:var(--pcell-error)}.sh-code-input{opacity:0;color:#0000;caret-color:#0000;background:0 0;border:0;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.sh-cells:has(.sh-code-input:focus-visible){outline-offset:4px;border-radius:12px;outline:3px solid #7fe3d8}.sh-join-msg{min-height:1.45em}.sh-join-msg:empty{min-height:0}.sh-or{width:min(100%,520px);color:var(--sh-sub);align-items:center;gap:12px;font-weight:800;display:flex}.sh-or:before,.sh-or:after{content:"";background:#cfd8ff4d;flex:1;height:1px}html[data-layout=pc] .sh-rooms{grid-template-columns:1fr auto 1fr}html[data-layout=pc] .sh-or{flex-direction:column;align-self:stretch;width:auto}html[data-layout=pc] .sh-or:before,html[data-layout=pc] .sh-or:after{width:1px;height:auto}.sh-owner-tag{font:800 13px/1.3 var(--sh-font);background:#1bb7a74d;border:1px solid #7fe3d899;border-radius:999px;order:1;justify-self:center;margin:-2px 0 0;padding:3px 14px}.sh-owner-tag.has-art{background:0 0;border-radius:0;padding:0 4px}.sh-crown{z-index:4;aspect-ratio:1;pointer-events:none;background:linear-gradient(225deg,#c9567e 0 50%,#0000 50%);width:15%;display:none;position:absolute;top:0;right:0}.sh-crown.has-crown{background:var(--crown) 82% 18% / 58% no-repeat, linear-gradient(225deg, #8f3a8f 0 50%, transparent 50%)}.sh-demo.sh-exclusive .sh-crown{display:block}.sh-demo.sh-exclusive{box-shadow:0 0 0 3px #b7a6ff, 0 0 0 6px var(--sh-ink), 0 0 0 9px #e07aa8;margin:9px}.sh-segs .sh-seg.has-art{border-radius:0}html[data-layout=pc] .sh-segs{grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;grid-auto-flow:row;gap:6px;overflow:visible}html[data-layout=pc] .sh-seg{aspect-ratio:auto;text-align:start;grid-template-columns:40px 1fr;place-items:center start;column-gap:12px;min-height:52px;padding:0 14px;font-size:17px}html[data-layout=pc] .sh-seg img,html[data-layout=pc] .sh-seg svg{width:30px;height:30px}html[data-layout=pc] .sh-seg.has-art{border-image-source:var(--art-n);padding:0 4px}html[data-layout=pc] .sh-seg.has-art[data-seen]{border-image-source:var(--art-done,var(--art-n))}@media (hover:hover){html[data-layout=pc] .sh-seg.has-art:hover{border-image-source:var(--art-hover,var(--art-n))}}html[data-layout=pc] .sh-seg.has-art[aria-selected=true]{border-image-source:var(--art-active,var(--art-n));background:0 0}.sh-seg-excl{pointer-events:none;position:absolute;inset:0}.sh-seg-excl.has-art{border-image-slice:var(--art-slice)}html[data-layout=pc] .sh-owner-tag{grid-area:2/2;justify-self:start}html[data-layout=pc] .sh-dialog .sh-panel{grid-template-rows:auto auto auto 1fr auto}html[data-layout=pc] .sh-segs{grid-row:3}html[data-layout=pc] .sh-demo{grid-row:2/span 4}html[data-layout=pc] .sh-tip{grid-row:4}html[data-layout=pc] .sh-actions{grid-row:5}.sh-panel.sh-one .sh-segs{display:none}:is(.sh-lang-row,.sh-dd-item,.sh-sheet-panel,.sh-mi,.sh-dd,.sh-tooltip,.sh-owner-tag,.sh-seg,.sh-seg-excl,.sh-cell).has-art{border-style:solid;border-color:#0000;border-width:var(--art-w);border-image-source:var(--art-n);border-image-slice:var(--art-slice) fill;border-image-width:var(--art-w);box-shadow:none;background:0 0;border-image-repeat:stretch}html[data-layout=pc] .sh-seg.has-art{grid-template-columns:1fr;padding-left:10px}html[data-layout=pc] .sh-seg.has-art>span:first-child{place-items:center;width:44px;display:grid;position:absolute;top:50%;left:-46px;translate:0 -50%}html[data-layout=pc] .sh-seg.has-art>.sh-seg-excl{inset:-16px -14px -16px -48px}.sh-code{white-space:nowrap;letter-spacing:.12em;font-size:clamp(22px,7vw,40px);overflow:hidden}.sh-demo-tag i{flex:none}.sh-settings{gap:12px;max-width:520px;margin:auto}.sh-set-row{color:#e8ecff;grid-template-columns:6em 1fr 2.5em;align-items:center;gap:12px;min-height:48px;font-weight:700;display:grid}.sh-set-row input[type=range]{accent-color:#3df5c8;touch-action:pan-x;width:100%;height:32px}.sh-set-row output{text-align:right;font-variant-numeric:tabular-nums}.sh-set-toggle{grid-template-columns:1fr auto}.sh-set-toggle input[type=checkbox]{accent-color:#3df5c8;width:28px;height:28px}.sh-settings h3{color:#cfd8ff;margin:6px 0 0;font-size:15px}.sh-set-pal{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sh-set-pal .sh-pal{color:#e8ecff;background:#141b3d;border:2px solid #2e4a8f;border-radius:10px;min-height:48px;font-weight:700}.sh-set-pal .sh-pal[aria-pressed=true]{background:#173a46;border-color:#3df5c8}.sh-set-note{color:#9aa6d6;margin:0;font-size:13px}.sh-settings .sh-set-title{text-align:center;text-shadow:0 2px 0 var(--sh-ink);order:-1;justify-content:center;margin:0;font-size:24px}html[data-layout=pc] .sh-dialog .sh-panel.sh-settings{flex-direction:column;display:flex}.sh-settings .sh-actions{grid-template-columns:1fr}