@endfield-ui/react 1.1.0 → 1.2.0

package/NOTICE.md

@@ -21,7 +21,7 @@
 
 ## Game 实机风格入口的官方图片
 
-组件库有一个单独的入口 `@endfield-ui/react/game`（源码在 `packages/ui/src/game`），收的是照游戏内界面复刻的一组控件。**它带着 25 张官方图片**，这是本仓库里唯一有官方素材的地方：
+组件库有一个单独的入口 `@endfield-ui/react/game`（源码在 `packages/ui/src/game`），收的是照游戏内界面复刻的一组控件，和一个官网的开屏页。**它带着 30 张官方图片**，这是本仓库里唯一有官方素材的地方：
 
 | 用在哪 | 张数 | 位置（相对 `packages/ui/src/game`） | 随 npm 包 |
 | --- | --- | --- | --- |
@@ -29,11 +29,12 @@
 | `BannerAlert`、`FullWidthAlert` 的横幅、底图与标志底图 | 4 | `banner-alert/assets/` | 是 |
 | `ItemCard` 的亮暗背景与稀有度底边 | 12 | `item-card/assets/` | 是 |
 | `ItemTooltipCard` 的标题纹理、详情入口图标、正文底图 | 3 | `item-tooltip-card/assets/` | 是 |
+| `EndfieldSplashScreen` 的底图（横、竖各一张）、游戏标志、微标与三角标 | 5 | `splash-screen/assets/` | 是 |
 | 预览站里物品示例用的图标 | 5 | `item-card/assets/` | 否 |
 
-- 这些图片取自游戏界面与物品图，经社区项目 [EndfieldMap](https://github.com/ArkEndfield/EndfieldMap) 和 EndfieldWiki 转来。**本仓库没有取得授权**，两个上游仓库也没有为它们标明许可。
+- 前四行和最后一行的 25 张取自游戏界面与物品图，经社区项目 [EndfieldMap](https://github.com/ArkEndfield/EndfieldMap) 和 EndfieldWiki 转来；`EndfieldSplashScreen` 的 5 张是 2026-10-14 直接从[官网](https://endfield.hypergryph.com/)首页的加载页取的，原样存。**本仓库没有取得授权**，两个上游仓库也没有为它们标明许可。
 - 它们的权利归鹰角网络及其权利人。**MIT 许可不覆盖这些图片**，本仓库不宣称对它们有任何权利，也给不了使用方使用它们的权利。
-- 其中 `banner-alert/assets/deco_common_logo_bg.png` 里是官方的「终末地 / ENDFIELD INDUSTRIES」标志；`AnimatedDialog` 的装饰条上有代码画的 `ARKNIGHTS:ENDFIELD`、`ENDFIELD` 字样。这两处涉及商标。
+- 其中 `splash-screen/assets/splash_logo.svg` 就是游戏的标志「明日方舟：终末地 / ARKNIGHTS ENDFIELD」；`banner-alert/assets/deco_common_logo_bg.png` 里是官方的「终末地 / ENDFIELD INDUSTRIES」标志；`AnimatedDialog` 的装饰条上有代码画的 `ARKNIGHTS:ENDFIELD`、`ENDFIELD` 字样；`EndfieldSplashScreen` 默认的标语是官网的 `OVER THE FRONTIER / INTO THE FRONT`。前三处涉及商标。
 - 逐张的路径、尺寸、字节数、SHA256 和来源登记在 [`packages/ui/src/game/resource-provenance.json`](packages/ui/src/game/resource-provenance.json)，随包在 `dist/game/resource-provenance.json`。发布的包里，这些图片只在 `dist/game/assets/` 一处。
 - 主入口（`@endfield-ui/react`）、主样式、令牌和母题工具类里没有它们。不引 `@endfield-ui/react/game` 和 `@endfield-ui/react/game.css`，就不会加载其中任何一张。
 - 使用方可以整类关掉这些图片（在 `<html>` 上写 `data-ef-game-images="off"`，控件退回代码画的样子），也可以经变量逐张换成自己的。

package/README.md

@@ -8,7 +8,7 @@
 | --- | --- |
 | 基础 | Button / ButtonGroup、IconButton、Toolbar、Tag / TagPair、Badge、Kbd、SectionTitle、BracketTitle、Tabs、Panel |
 | 表单 | Field、Input、OtpInput、Textarea、Select、Combobox、TagInput、DatePicker / DateRangePicker / Calendar、FileUpload / FileItem、Checkbox、Radio / RadioGroup、SegmentedControl、Switch、Stepper、Slider、FilterChip |
-| 反馈 | Alert、Toast、Progress / ProgressRing、Spinner、Skeleton、EmptyState、Loader、CompletionBanner、RecIndicator |
+| 反馈 | Alert、Toast、Progress / ProgressRing、Spinner、Skeleton、EmptyState、Loader、SplashScreen、CompletionBanner、RecIndicator |
 | 浮层 | Tooltip、Popover、HoverCard、Dialog、Drawer、DropdownMenu、ContextMenu、FlyoutBar |
 | 展示 | Table（行能展开）、Stat、RollingNumber、Sparkline、DataRowList / DataRow、List / ListRow、Accordion、ScrollArea、MediaCard、PlayButton / PlayMark、Carousel、ImageViewer、ItemSlot / ItemGrid、Avatar、Timeline、Schedule、Term、ResourceChip、Countdown、Marquee、ScrollHint |
 | 导航 | SideRail（含二级）、TopBar、NavMenu、NavAction、PageHeader、Breadcrumb、Pagination、Navigator、AvatarSwitcher、DashIndicator、Steps、Toc、BackToTop |
@@ -321,6 +321,27 @@ import { Loader } from "@endfield-ui/react";
 
 不知道真实进度就不传 `value`。只想盖住页面的一块区域时加 `fullscreen={false}`，并让那块区域带 `relative` 与 `overflow-hidden`。
 
+### 开屏页
+
+`SplashScreen` 是官网首次载入的那一页：一根贴边的进度条，读数跟着它的末端走，画面偏右是标志和标语；就绪后黄色铺满整屏，再整层淡出。库里不带任何图，标志和底图放你自己的：
+
+```tsx
+import { SplashScreen } from "@endfield-ui/react";
+
+<SplashScreen
+  value={progress}
+  open={!ready}
+  logo={<img src="/brand/mark.svg" alt="第七勘探队" />}
+  tagline="SEVENTH SURVEY TEAM / FIELD ARCHIVE"
+  backdrop={<img src="/brand/scene.jpg" alt="" />}
+  onReveal={() => setEntered(true)}
+/>;
+```
+
+- 退场是照官网走的，从 `open` 变成 `false` 到卸载一共 2.4 秒；页面到开始淡出的那一刻（第 1.4 秒）才放开，`onReveal` 同时触发——页面自己的入场从这里起。只要一块简单的整页等待，用上面的 `Loader`。
+- 横排还是竖排，看的是它所在那一块自己的宽高比，尺寸跟着那一块的宽度等比缩放；放进插槽的东西可以用 `--ef-splash-unit`（横排是宽度的 1/160）跟着缩。
+- `caption` 是标语上方那组微标里的微文字；整组微标可以用 `decor` 换掉，传 `null` 是不要。读数下面的状态字用 `status` 换，默认是 `LOADING`。
+
 ### 浮层
 
 文字提示、气泡卡片、悬浮卡、弹窗、抽屉、下拉菜单、展开条、下拉选择、轻提示。焦点的进出与锁定、键盘、定位与翻转都交给 Base UI，这里只管长相；用的时候不用自己拼部件。触发元素作为一个 React 元素传进去：
@@ -824,6 +845,7 @@ import {
 | `BannerAlert`、`FullWidthAlert` | 紧凑卡片与通栏面板两种确认提示，确认、取消都能异步否决 | [确认提示](https://github.com/icaruszezen/endfield-ui/blob/main/docs/design/game/confirmation-alerts.md) |
 | `ItemCard`、`ItemIcon` | 带稀有度、库存的物品卡片与分层图标 | [物品卡片](https://github.com/icaruszezen/endfield-ui/blob/main/docs/design/game/item-cards.md) |
 | `ItemTooltipCard`、`ItemHoverCard`、`ItemHoverCardLayer` | 物品详情卡，单个控件或整片网格的悬浮预览 | [物品悬浮卡](https://github.com/icaruszezen/endfield-ui/blob/main/docs/design/game/item-hover-cards.md) |
+| `EndfieldSplashScreen` | 官网首次载入的开屏页：上面的 `SplashScreen` 填上官方的标志、底图和微标 | [官网开屏页](https://github.com/icaruszezen/endfield-ui/blob/main/docs/design/game/splash-screen.md) |
 
 - `game.css` 用不用 Tailwind 都是这一份，**和主样式一起引**（`tailwind.css` 或 `styles.css`）。从脚本里 `import`，让打包工具去处理里面图片的相对地址。
 - 规则都在 `components` 层：你在 `className`、`classNames` 里写的工具类盖得掉默认值；和主样式谁先加载都一样。
@@ -831,7 +853,7 @@ import {
 - 不想加载官方图片：在 `<html>` 上写 `data-ef-game-images="off"`，整类退回代码画的样子；每张图也能经 `--ef-game-*` 变量单独换掉，变量表见[换掉或关掉图片](https://github.com/icaruszezen/endfield-ui/blob/main/docs/design/game/README.md#换掉或关掉图片)。
 - 主库里名字相近的 `Dialog`、`Select`、`Button`、`SegmentedControl`、`Switch`、`Alert`、`ItemSlot`、`HoverCard` 不因为它而变。
 
-> **这个入口带着 25 张官方图片**（界面纹理、卡片背景、一张官方标志；其中 20 张随包发在 `dist/game/assets`），没有取得授权，MIT 许可不覆盖它们。权利人提出异议时我们会撤下并发补丁版本——这些图片不在语义化版本的承诺之内。不引这个入口，你的产物里不会有其中任何一张，但 npm 包里仍然带着这些文件。用之前请读[风险与处理](https://github.com/icaruszezen/endfield-ui/blob/main/docs/design/game/README.md#风险与处理)。
+> **这个入口带着 30 张官方图片**（界面纹理、卡片背景、开屏页的底图，和两张官方标志——其中一张是游戏的标志本身；25 张随包发在 `dist/game/assets`），没有取得授权，MIT 许可不覆盖它们。权利人提出异议时我们会撤下并发补丁版本——这些图片不在语义化版本的承诺之内。不引这个入口，你的产物里不会有其中任何一张，但 npm 包里仍然带着这些文件。用之前请读[风险与处理](https://github.com/icaruszezen/endfield-ui/blob/main/docs/design/game/README.md#风险与处理)。
 
 ### 主题
 

package/dist/game/assets/splash_deco.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 141 64">
+    <path fill-rule="evenodd" fill="#666"
+        d="M63.679 63.167v-7.085h7.089v7.085h-7.089zm0-17.662h7.089v7.085h-7.089v-7.085zm-10.94 10.577h7.09v7.085h-7.09v-7.085zm0-10.577h7.09v7.085h-7.09v-7.085zM41.8 56.082h7.09v7.085H41.8v-7.085zm0-10.577h7.09v7.085H41.8v-7.085zM30.861 56.082h7.09v7.085h-7.09v-7.085zm0-10.577h7.09v7.085h-7.09v-7.085zM19.922 56.082h7.09v7.085h-7.09v-7.085zm0-10.577h7.09v7.085h-7.09v-7.085zM8.983 56.082h7.09v7.085h-7.09v-7.085zm0-10.577h7.09v7.085h-7.09v-7.085zM137.612 29.055h-2.427v-5.963h2.41c1.816 0 3.176 1.192 3.176 3.007 0 1.823-1.369 2.956-3.159 2.956zm-.086-4.864h-1.145v3.764h1.162c1.05 0 2.023-.553 2.023-1.856 0-1.295-.973-1.908-2.04-1.908zm-4.632 3.671h-2.711l-.456 1.193h-1.265l2.41-5.963h1.351l2.41 5.963h-1.282l-.457-1.193zm-.921-2.385c-.206-.511-.413-1.039-.421-1.048h-.026c-.009.009-.215.528-.422 1.048l-.508 1.312h1.877l-.5-1.312zm-6.654 3.688c-1.816 0-3.159-1.26-3.159-3.092 0-1.84 1.343-3.1 3.159-3.1 1.816 0 3.159 1.26 3.159 3.1 0 1.832-1.343 3.092-3.159 3.092zm0-5.077c-1.111 0-1.954.767-1.954 1.985 0 1.21.843 1.976 1.954 1.976 1.11 0 1.954-.758 1.954-1.976s-.844-1.985-1.954-1.985zm-7.417-.996h1.197v4.863h2.857v1.1h-4.054v-5.963zm-2.807 5.963h-1.205v-2.428l-2.272-3.535 1.386-.009 1.067 1.738c.249.4.439.724.447.732h.026c.009-.008.189-.332.439-.724l1.102-1.737h1.282l-2.272 3.535v2.428zm-4.051 0l-.456-1.193h-2.711l-.457 1.193h-1.265l2.41-5.963h1.351l2.41 5.963h-1.282zm-1.377-3.578c-.207-.511-.413-1.039-.422-1.048h-.026c-.008.009-.215.528-.421 1.048l-.508 1.312h1.876l-.499-1.312zm-5.541 1.593h-.912v1.985h-1.197v-5.963h2.109c1.446 0 2.324.724 2.324 1.993 0 1.227-.878 1.985-2.324 1.985zm.034-2.896h-.946v1.857h.946c.741 0 1.093-.35 1.093-.929 0-.596-.37-.928-1.093-.928zm-7.041 4.881h-1.197v-4.864h-1.919v-1.099h5.035v1.099h-1.919v4.864zm-7.831-3.987h-.026c0 .008.018.724.018 1.482v2.505h-1.197v-5.963h1.214l2.883 3.927h.026c0-.009-.017-.75-.017-1.406v-2.521h1.196v5.963h-1.213l-2.884-3.987zm-6.401-1.976h4.278v1.099h-3.081v1.252h2.315v1.107h-2.315v1.405H87.2v1.1h-4.313v-5.963zm.317 9.937c-.276-.46-.801-.895-1.653-.895-1.11 0-1.859.784-1.859 1.977 0 1.218.792 1.984 1.851 1.984.852 0 1.454-.443 1.738-1.039l1.179.307c-.464 1.149-1.558 1.848-2.857 1.848-1.782 0-3.116-1.244-3.116-3.109 0-1.832 1.334-3.084 3.116-3.084 1.394 0 2.393.75 2.788 1.687l-1.187.324zm-4.247-3.974H76.53v-5.963h2.41c1.816 0 3.176 1.192 3.176 3.007 0 1.823-1.368 2.956-3.159 2.956zm-.086-4.864h-1.144v3.764h1.162c1.05 0 2.022-.553 2.022-1.856 0-1.295-.972-1.908-2.04-1.908zM77.224 37.1l-.457-1.192h-2.711L73.6 37.1h-1.265l2.41-5.962h1.351l2.41 5.962h-1.282zm-1.378-3.577c-.206-.511-.413-1.039-.421-1.048h-.026c-.008.009-.215.528-.422 1.048l-.508 1.312h1.877l-.5-1.312zm-4.506-8.455h-.025c0 .008.017.724.017 1.482v2.505h-1.196v-5.963h1.213l2.884 3.927h.025c0-.009-.017-.75-.017-1.406v-2.521h1.197v5.963h-1.214l-2.884-3.987zm-6.4-1.976h4.277v1.099h-3.081v1.252h2.315v1.107h-2.315v1.405h3.116v1.1H64.94v-5.963zm-2.929 3.978h-.912v1.985h-1.197v-5.963h2.109c1.446 0 2.324.724 2.324 1.993 0 1.227-.878 1.985-2.324 1.985zm.034-2.896h-.946v1.857h.946c.741 0 1.093-.35 1.093-.929 0-.596-.37-.928-1.093-.928zm-7.339-1.082h4.278v1.099h-3.081v1.252h2.315v1.107h-2.315v1.405h3.115v1.1h-4.312v-5.963zm-3.93 5.963h-2.427v-5.963h2.41c1.816 0 3.176 1.192 3.176 3.007 0 1.823-1.368 2.956-3.159 2.956zm-.086-4.864h-1.144v3.764h1.162c1.05 0 2.022-.553 2.022-1.856 0-1.295-.972-1.908-2.04-1.908zm-.311 10.874c0-.009-.018-.75-.018-1.406v-2.521h1.197V37.1h-1.214l-2.883-3.986h-.026c0 .008.017.724.017 1.482V37.1h-1.196v-5.962h1.213l2.884 3.927h.026zm-6.514-9.554h3.425v.971h-3.425v-.971zm-5.244-.443h-.025c0 .008.017.724.017 1.482v2.505h-1.197v-5.963h1.214l2.883 3.927h.026c0-.009-.017-.75-.017-1.406v-2.521h1.196v5.963h-1.213l-2.884-3.987zm-5.154 4.097c-1.816 0-3.158-1.26-3.158-3.092 0-1.84 1.342-3.1 3.158-3.1 1.816 0 3.159 1.26 3.159 3.1 0 1.832-1.343 3.092-3.159 3.092zm0-5.077c-1.11 0-1.953.767-1.953 1.985 0 1.21.843 1.976 1.953 1.976 1.111 0 1.954-.758 1.954-1.976s-.843-1.985-1.954-1.985zm.456 8.149h-3.081v1.252h2.315v1.107h-2.315v1.405h3.116V37.1h-4.312v-5.962h4.277v1.099zm-5.591-9.145h1.197v5.963h-1.197v-5.963zM25.6 25.57c.895.171 1.911.512 1.911 1.815 0 1.184-.844 1.78-2.273 1.78-1.033 0-2.212-.315-2.505-1.627l1.145-.306c.095.587.62.894 1.36.894.654 0 1.059-.247 1.059-.741 0-.707-.809-.699-1.558-.878-.818-.187-1.842-.536-1.842-1.78 0-1.158.878-1.754 2.203-1.754 1.188 0 2.049.485 2.367 1.533l-1.144.298c-.155-.503-.551-.784-1.248-.784-.663 0-.956.256-.956.673 0 .597.637.707 1.481.877zm-5.608 3.595c-1.032 0-2.212-.315-2.504-1.627l1.144-.306c.095.587.62.894 1.36.894.654 0 1.059-.247 1.059-.741 0-.707-.809-.699-1.558-.878-.818-.187-1.842-.536-1.842-1.78 0-1.158.878-1.754 2.204-1.754 1.188 0 2.048.485 2.366 1.533l-1.144.298c-.155-.503-.551-.784-1.248-.784-.663 0-.956.256-.956.673 0 .597.637.707 1.481.877.895.171 1.911.512 1.911 1.815 0 1.184-.844 1.78-2.273 1.78zM8.489.789h13.776v13.633H8.489V.789zM9.56 13.362h11.633V1.849H9.56v11.513zm6.487-2.178h-1.341V8.269h-2.945V6.942h2.945V4.027h1.341v2.915h2.945v1.327h-2.945v2.915zm-5.792 23.369c-.818-.187-1.842-.536-1.842-1.78 0-1.158.878-1.755 2.203-1.755 1.188 0 2.049.486 2.367 1.533l-1.144.299c-.155-.503-.551-.784-1.248-.784-.663 0-.956.256-.956.673 0 .596.637.707 1.481.877.895.171 1.91.512 1.91 1.815 0 1.184-.843 1.78-2.272 1.78-1.033 0-2.212-.315-2.504-1.627l1.144-.306c.095.587.62.894 1.36.894.654 0 1.059-.247 1.059-.741 0-.707-.809-.699-1.558-.878zm-4.049-9.13l-.62.442-.542-.766-.542.766-.62-.442.56-.75-.887-.264.232-.716.878.282-.008-.929h.766v.929l.878-.282.232.716-.895.264.568.75zm-3.271 0l-.62.442-.542-.766-.542.766-.62-.442.56-.75-.887-.264.232-.716.878.282-.008-.929h.766v.929l.878-.282.232.716-.895.264.568.75zm6.795 3.632H8.534v-5.963h1.273l1.687 2.99h.026l1.696-2.99h1.222v5.963h-1.197v-1.866c0-1.244.018-2.121.018-2.13h-.018c-.008.009-.275.52-.654 1.185l-.757 1.337h-.68l-.757-1.32c-.388-.682-.646-1.193-.655-1.202h-.025c0 .009.017.886.017 2.13v1.866zm5.803-5.963h1.196v5.963h-1.196v-5.963zm-.04 9.775c.249.4.439.724.447.732h.026c.009-.008.19-.332.439-.724l1.102-1.737h1.282l-2.272 3.534V37.1h-1.205v-2.428l-2.272-3.534 1.386-.009 1.067 1.738zm5.805 3.305c.654 0 1.059-.247 1.059-.741 0-.707-.809-.699-1.558-.878-.818-.187-1.842-.536-1.842-1.78 0-1.158.878-1.755 2.203-1.755 1.188 0 2.049.486 2.367 1.533l-1.144.299c-.155-.503-.551-.784-1.248-.784-.663 0-.956.256-.956.673 0 .596.637.707 1.481.877.895.171 1.91.512 1.91 1.815 0 1.184-.843 1.78-2.272 1.78-1.033 0-2.212-.315-2.504-1.627l1.144-.306c.095.587.62.894 1.36.894zm7.73-3.935h-1.92V37.1h-1.196v-4.863h-1.919v-1.099h5.035v1.099zm8.774 1.891h.026l1.696-2.99h1.222V37.1h-1.197v-1.865c0-1.244.018-2.121.018-2.13h-.018c-.008.009-.275.52-.654 1.184l-.757 1.338h-.68l-.757-1.32c-.388-.682-.646-1.193-.655-1.202h-.025c0 .009.017.886.017 2.13V37.1h-1.197v-5.962h1.274l1.687 2.99zM45.18 37.1h-1.197v-5.962h1.197V37.1zm12.031-4.863h-1.92V37.1h-1.196v-4.863h-1.92v-1.099h5.036v1.099zm4.895 0h-3.081v1.252h2.315v1.107h-2.315v1.405h3.116V37.1h-4.313v-5.962h4.278v1.099zm5.411.86c0 .86-.448 1.439-1.222 1.678l1.42 2.325h-1.42l-1.214-2.095h-.86V37.1h-1.197v-5.962h2.135c1.489 0 2.358.749 2.358 1.959zm-3.296.954h1.024c.654 0 1.05-.273 1.05-.894 0-.614-.379-.937-1.067-.937h-1.007v1.831zm8.402-1.814h-3.021v1.422h2.367v1.107h-2.367V37.1h-1.196v-5.962h4.217v1.099zm16.822 0h-3.082v1.252h2.316v1.107h-2.316v1.405h3.116V37.1h-4.312v-5.962h4.278v1.099zm3.016 3.935c.654 0 1.059-.247 1.059-.741 0-.707-.809-.699-1.558-.878-.818-.187-1.842-.536-1.842-1.78 0-1.158.878-1.755 2.203-1.755 1.188 0 2.049.486 2.367 1.533l-1.144.299c-.155-.503-.551-.784-1.248-.784-.663 0-.956.256-.956.673 0 .596.637.707 1.481.877.895.171 1.91.512 1.91 1.815 0 1.184-.843 1.78-2.272 1.78-1.033 0-2.212-.315-2.505-1.627l1.145-.306c.095.587.62.894 1.36.894z" />
+</svg>

package/dist/game/assets/splash_logo.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 214 233" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" fill="currentColor" d="M95.1 95.5V115L63.5 92.7 76.8 82.9 95.1 95.5ZM171.1 53.2V63.1H204.5V78.8H171.1V81.9L213.8 111.5V130.3H214.4V233.6H59.4L44.1 225.8V186.3L35.2 189.7V171.5H30V193.6L39.8 190V212.2L1.4 226.3V204.1L12.1 200.2V171.5H3.7V155.8H12.1V136H30V155.8H39.8V168.7L44.1 167V142.1H62V160.2L66.3 158.5V130.8H84.2V151.7L106.7 143.1V197.1L88.8 204.6V169.2L84.2 171V206L66.3 213.5V177.8L62 179.5V217.3H111.1V130.3H151.5V101.1L109.8 130.5H84.2L48.5 105.2 61.8 95.4 97 119.6 151.5 81.9V78.8H118V63.1H151.5V53.2H107.9V57.1L89.8 69.8 110.8 83.5V102.1L76.8 78.8 45.6 100.5 45.6 102.9 4.7 111.7V106.4L38.9 47.6H45.4L59.8 28.3H79.1L72.3 37.5H151.5V27.7H171.1V37.5H214.6V53.2H171.1ZM53.4 62.8 47.1 71.2H42.6L33.4 89 41.6 87V84.8L63.4 69.6 53.4 62.8ZM64.3 53.2 76.1 60.8 87.1 53.2H64.3ZM171.1 101.1V130.3H212.6L171.1 101.1ZM186 208V212.4H188.7V201.2H186V205.5H181.8V201.2H179.1V212.4H181.8V208H186ZM203.2 210.2C202 210.2 201.2 209.4 200.9 208.5L198.3 209.2C199.1 211.3 200.7 212.6 203 212.6 205.6 212.6 207.4 211.1 207.4 209.1 207.4 207.2 205.7 206.2 204 205.6 202.6 205.1 201.5 204.9 201.5 204.1 201.5 203.7 202 203.3 202.8 203.3 203.6 203.3 204.4 203.8 204.7 204.7L207.3 204C206.8 202.3 205.1 201 202.9 201 200.5 201 198.8 202.6 198.8 204.3 198.8 206.3 200.3 207 201.7 207.5 203.2 208.1 204.6 208.3 204.6 209.2 204.6 209.8 204.1 210.2 203.2 210.2ZM195.5 228.2H201.3C205.1 228.2 208.1 225.6 208.1 221.6 208.1 217.7 205.1 215 201.3 215H195.5V228.2ZM198.7 203.7V201.2H189.3V203.7H192.6V212.4H195.3V203.7H198.7ZM185.1 228.2H194.6V225.2H188.3V215H185.1V228.2ZM173.5 228.2H183.3V225.2H176.7V222.9H181.8V220.1H176.7V217.9H183.2V215H173.5V228.2ZM168.3 228.2H171.5V215H168.3V228.2ZM157.7 228.2H160.9V223.4H165.7V220.5H160.9V217.9H167.1V215H157.7V228.2ZM144 228.2H149.8C153.6 228.2 156.6 225.6 156.6 221.6 156.6 217.7 153.6 215 149.8 215H144V228.2ZM130.1 228.2H133.3V225.3C133.3 222.4 133.3 220.3 133.3 220.3H133.3C133.3 220.3 135.1 222.8 136.3 224.5L139 228.2H142V215H138.8V218C138.8 220.4 138.9 222.7 138.8 222.7H138.8C138.8 222.7 136.8 219.9 135.9 218.7L133.1 215H130.1V228.2ZM118.5 228.2H128.2V225.2H121.7V222.9H126.7V220.1H121.7V217.9H128.1V215H118.5V228.2ZM125.7 201.2H123.1L118.7 212.4H121.6L122.2 210.6H126.6L127.3 212.4H130.2L125.7 201.2ZM139 205C139 202.7 137.3 201.2 134.5 201.2H130.3V212.4H133V208.7H134.4L136.4 212.4H139.4L137 208.2C138.2 207.6 139 206.5 139 205ZM150.5 201.2H147.2L144.5 203.9C143.4 205 143.1 205.4 143 205.4H143C143 205.4 143.1 204.9 143.1 203V201.2H140.4V212.4H143.1V208.7L144 207.7 147.4 212.4H150.5L145.8 206 150.5 201.2ZM161.3 201.2H158.6V203.8C158.6 205.8 158.7 207.8 158.6 207.8H158.6C158.6 207.8 156.9 205.3 156.2 204.4L153.8 201.2H151.3V212.4H154V209.9C154 207.5 153.9 205.7 154 205.7H154C154 205.7 155.5 207.9 156.5 209.3L158.8 212.4H161.3V201.2ZM165.7 201.2H163V212.4H165.7V201.2ZM166.6 206.8C166.6 210.1 169.2 212.6 172.4 212.6 173.5 212.6 174.8 212.2 175.4 211.5H175.4C175.4 211.5 175.4 211.6 175.4 212.4H177.7V206H172.5V208.2H175.4V208.2C175.1 209 174.3 210 172.5 210 170.7 210 169.4 208.7 169.4 206.8 169.4 204.9 170.5 203.6 172.4 203.6 173.3 203.6 174.2 204 174.7 204.7L177.5 203.9C176.5 202.1 174.6 201 172.4 201 169.2 201 166.6 203.4 166.6 206.8ZM134.8 206.4H133V203.7H134.8C135.8 203.7 136.2 204.4 136.2 205 136.2 205.6 135.8 206.4 134.8 206.4ZM123.9 206.1C124.1 205.5 124.4 204.5 124.4 204.5H124.4C124.4 204.5 124.7 205.5 125 206.1L125.8 208.3H123.1L123.9 206.1ZM153.3 221.6C153.3 223.9 151.7 225.2 149.8 225.2H147.2V217.9H149.8C151.7 217.9 153.3 219.4 153.3 221.6ZM204.8 221.6C204.8 223.9 203.2 225.2 201.3 225.2H198.7V217.9H201.3C203.2 217.9 204.8 219.4 204.8 221.6ZM88.4 19.9C87.6 19 86 17.6 84.6 16.7L86.7 14.9C88.1 15.7 89.9 16.9 90.7 17.9L88.4 19.9ZM95.3 19.9C95.3 21.5 95 22.4 94.1 22.9 93.1 23.4 91.8 23.5 90.1 23.5 90 22.6 89.6 21.1 89.1 20.3A45.2 45.2 0 0091.4 20.3C91.7 20.3 91.8 20.2 91.8 19.9V14.6H83.4C83 17.9 81.9 21.3 79.2 23.6 78.7 22.9 77.3 21.7 76.6 21.3 78.8 19.5 79.7 17 80 14.6H77.1V11.5H80.2V4.2H85C85.3 3.3 85.6 2.3 85.8 1.5L90 1.8C89.6 2.7 89.1 3.5 88.6 4.2H95.3V11.5H98.2V14.6H95.3V19.9ZM83.6 7.2V11.5H87.8C87.1 10.7 85.8 9.7 84.8 8.9L86.8 7.2H83.6ZM91.8 7.2H87.1C88.2 8 89.6 9.1 90.3 9.9L88.4 11.5H91.8V7.2ZM65.5 10.7H75.5S75.4 11.7 75.4 12.1C75 18.3 74.5 20.9 73.5 22 72.7 22.8 71.9 23.1 70.7 23.2 69.7 23.3 68.2 23.3 66.7 23.2 66.6 22.3 66.1 20.9 65.4 20A48.4 48.4 0 0069.4 20.1C69.8 20.1 70.2 20.1 70.5 19.8 71.1 19.4 71.5 17.5 71.8 13.9H65C64.2 17.7 62.5 21.2 58.4 23.6 57.9 22.7 56.9 21.5 56 20.9 61.3 17.9 61.7 13.1 61.9 8.4H56.3V5.1H65.8C65.5 4.3 65 3.3 64.6 2.4L67.9 1.2C68 0 69.2 3.6 69.6 4.5L68 5.1H77.4V8.4H65.6A83.2 83.2 0 0165.5 10.7ZM50.8 21.7H41.2V23.2H37.8V2.9H54.4V23.2H50.8V21.7ZM50.8 6.3H41.2V10.5H50.8V6.3ZM50.8 13.8H41.2V18.3H50.8V13.8ZM34.1 22.9C33.1 23.4 31.7 23.5 29.8 23.5 29.7 22.6 29.1 21.1 28.7 20.3 29.8 20.3 31.2 20.3 31.5 20.3 32 20.3 32.1 20.2 32.1 19.8V16.3H28C27.5 19 26.4 21.8 24.1 23.6 23.6 23 22.2 21.9 21.5 21.5 24.9 18.7 25.2 14.3 25.2 10.9V2.5H35.4V19.8C35.4 21.5 35.1 22.4 34.1 22.9ZM32.1 5.6H28.5V7.9H32.1V5.6ZM32.1 10.9H28.5C28.5 11.7 28.4 12.5 28.4 13.3H32.1V10.9ZM18.3 19.1H15.2V2.8H23.3V17.2H18.3V19.1ZM20.2 5.8H18.3V8.4H20.2V5.8ZM20.2 14.1V11.4H18.3V14.1H20.2ZM43.1 27.7 16.8 77.3H4.7V61.4L23.5 27.7H43.1ZM47.5 121.8 4.6 130.5V115.5L47.5 106.8V121.8Z"></path></svg>

package/dist/game/assets/splash_triangles.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 21">
+    <path fill-rule="evenodd" fill="#FCFC1F"
+        d="M17.035 10.633L11.466.977h11.138l-5.569 9.656zM.249.977h11.138l-5.569 9.656L.249.977zm11.217 19.368l-5.569-9.657h11.138l-5.569 9.657z" />
+</svg>

package/dist/game/resource-provenance.json

@@ -1,6 +1,10 @@
 {
-  "note": "Game 实机风格这一类带的全部图片。它们取自游戏与官方素材，经下面两个社区仓库转来，没有取得授权，上游也没有标许可；权利归鹰角网络及其权利人，本仓库的 MIT 许可不覆盖它们。风险与处理见 docs/design/game/README.md。path 相对 packages/ui/src/game；shipped 为 true 的被样式引用、随 npm 包发在 dist/game/assets，为 false 的只有预览站的示例在用。来源地址的后缀是 .png 的几张实际编码是 WebP，迁入时只复制字节，没有下载、转换或重新编码。",
+  "note": "Game 实机风格这一类带的全部图片。它们取自游戏与官方素材：开屏页的五张直接取自官网，其余的经下面两个社区仓库转来。都没有取得授权，上游也没有标许可；权利归鹰角网络及其权利人，本仓库的 MIT 许可不覆盖它们。风险与处理见 docs/design/game/README.md。path 相对 packages/ui/src/game；shipped 为 true 的被样式引用、随 npm 包发在 dist/game/assets，为 false 的只有预览站的示例在用。来源地址的后缀是 .png 的几张实际编码是 WebP，迁入时只复制字节，没有转换或重新编码；从社区仓库来的那些没有另外下载。",
   "sources": {
+    "endfield.hypergryph.com": {
+      "retrieved": "2026-10-14",
+      "note": "开屏页（EndfieldSplashScreen）的五张图直接取自官网首页的加载页，不经社区仓库：四张是它的样式引用的文件，按地址取下来原样存；标志是页面里内联的 SVG。其中标志是游戏的注册商标"
+    },
     "ArkEndfield/EndfieldMap": {
       "revision": "75fd60a82ca7c91305cb2e7dadc33fd5047c7ac2",
       "note": "圆形按钮纹理与确认提示的四张图直接取自这里；物品与详情卡的图是它保存的 EndfieldWiki 资源副本"
@@ -379,6 +383,71 @@
       "sha256": "478e03ef19b647366fb782918a0c4faf61e7e7875b35305fde3ee4e20c1b3f34",
       "copiedFrom": "ArkEndfield/EndfieldMap/packages/web-components/src/assets/item-tooltip",
       "sourceFile": "EndfieldWiki/apps/web/public/deco/item-tooltip/bg_tips_a_2.png"
+    },
+    {
+      "path": "splash-screen/assets/splash_bg.jpg",
+      "usedBy": ["EndfieldSplashScreen"],
+      "role": "splash-backdrop-landscape",
+      "shipped": true,
+      "format": "JPEG",
+      "width": 2560,
+      "height": 1440,
+      "bytes": 331663,
+      "sha256": "28c36eca5da88a1c7d223f2801c3aa999f2251b7b36b438070204aca2594e6f5",
+      "copiedFrom": "endfield.hypergryph.com",
+      "sourceUrl": "https://web.hycdn.cn/endfield/official-v4/_next/static/media/bg.9e174372.jpg"
+    },
+    {
+      "path": "splash-screen/assets/splash_bg_portrait.jpg",
+      "usedBy": ["EndfieldSplashScreen"],
+      "role": "splash-backdrop-portrait",
+      "shipped": true,
+      "format": "JPEG",
+      "width": 1080,
+      "height": 1920,
+      "bytes": 162169,
+      "sha256": "03a7dcd5eb647c2fd8fc2e66c86e946153de23eba3fac2c5e48dafff8b9d5d62",
+      "copiedFrom": "endfield.hypergryph.com",
+      "sourceUrl": "https://web.hycdn.cn/endfield/official-v4/_next/static/media/bg_m.529c4e62.jpg"
+    },
+    {
+      "path": "splash-screen/assets/splash_logo.svg",
+      "usedBy": ["EndfieldSplashScreen"],
+      "role": "splash-logo",
+      "shipped": true,
+      "format": "SVG",
+      "width": 214,
+      "height": 233,
+      "bytes": 5362,
+      "sha256": "297fe6f4bd4c0bfe942589eca68dde3bfad818ef611dbccdc7b0f192f9d8946e",
+      "copiedFrom": "endfield.hypergryph.com",
+      "sourceNote": "官网首页加载页里内联的游戏标志（简体中文站），存的是那个 svg 元素的 outerHTML，一个字节没改"
+    },
+    {
+      "path": "splash-screen/assets/splash_deco.svg",
+      "usedBy": ["EndfieldSplashScreen"],
+      "role": "splash-micro-decor",
+      "shipped": true,
+      "format": "SVG",
+      "width": 141,
+      "height": 64,
+      "bytes": 7845,
+      "sha256": "1c62cf003581db0e38604a778ef3f1e422c5e63c0a6693b18a5c7d38309eae6e",
+      "copiedFrom": "endfield.hypergryph.com",
+      "sourceUrl": "https://web.hycdn.cn/endfield/official-v4/_next/static/media/deco.dbe18bea.svg"
+    },
+    {
+      "path": "splash-screen/assets/splash_triangles.svg",
+      "usedBy": ["EndfieldSplashScreen"],
+      "role": "splash-triangle-mark",
+      "shipped": true,
+      "format": "SVG",
+      "width": 23,
+      "height": 21,
+      "bytes": 261,
+      "sha256": "c903dc264b1b0d17ea582b8e578e643818f4aa61126f12b95482a9b43b549e83",
+      "copiedFrom": "endfield.hypergryph.com",
+      "sourceUrl": "https://web.hycdn.cn/endfield/official-v4/_next/static/media/triangles.bcbd794a.svg"
     }
   ]
 }

package/dist/game/styles.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer theme,base;@layer components{.ef-animated-dialog-backdrop{z-index:var(--z-overlay,300);background:#0003;position:fixed;inset:0}.ef-animated-dialog-viewport{z-index:var(--z-overlay,300);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.ef-animated-dialog{color:#191919;width:768px;min-width:0;max-width:100%;min-height:0;max-height:100%;font-family:var(--font-sans,inherit);isolation:isolate;outline:none;flex-direction:column;display:flex;position:relative}.ef-animated-dialog[hidden],.ef-animated-dialog-viewport[hidden],.ef-animated-dialog-backdrop[hidden]{display:none}.ef-animated-dialog__header{flex-shrink:0;position:relative}.ef-animated-dialog__top-strip{transform-origin:0;align-items:stretch;width:348px;max-width:100%;height:15px;display:flex}.ef-animated-dialog__yellow-block{background:#ffff21;flex:0 0 51px}.ef-animated-dialog__top-deco{color:#363636;background:#999;flex:1;justify-content:space-between;align-items:center;min-width:0;padding-inline:4px;display:flex}.ef-animated-dialog__top-deco>svg{fill:currentColor;width:auto;height:10px;font-family:Outfit;font-weight:700}.ef-animated-dialog__top-deco>.ef-animated-dialog__plus{fill:none;flex-shrink:0;width:10px;height:10px}.ef-animated-dialog__title-band{background:#363636;gap:24px;height:63px;display:flex;position:relative;overflow:hidden}.ef-animated-dialog__icon-slot{color:#d3d3d3;background:#484848;flex:0 0 79px;justify-content:center;align-items:center;font-size:24px;display:flex}.ef-animated-dialog__icon{justify-content:center;align-items:center;display:flex}.ef-animated-dialog__title{z-index:1;color:#fff;flex:1;align-items:center;min-width:0;margin:0;padding-right:40px;font-size:32px;font-weight:700;line-height:1;display:flex;position:relative;overflow:hidden}.ef-animated-dialog__title-deco{color:#ffffff0d;letter-spacing:-14px;pointer-events:none;font-family:Outfit;font-size:144px;font-weight:700;position:absolute;top:50%;right:0;transform:translateY(-50%)}.ef-animated-dialog__title>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ef-animated-dialog__close-motion{z-index:2;position:absolute;top:0;right:0}.ef-animated-dialog__close{color:#363636;cursor:pointer;background:#ffff21;border:0;place-items:center;width:36px;height:36px;padding:0;display:grid}.ef-animated-dialog__close>svg{width:24px;height:24px}.ef-animated-dialog__close:hover{background:#eeea00}.ef-animated-dialog__close:active{background:#e6de01}.ef-animated-dialog__close[aria-disabled=true]{cursor:progress}.ef-animated-dialog__close:focus-visible{outline-offset:3px;outline:2px solid #fff;box-shadow:0 0 0 3px #191919}.ef-animated-dialog__separator{z-index:1;transform-origin:0;filter:drop-shadow(0 0 3px #00000080);background:linear-gradient(90deg,#ffff1b 50%,#d3d3d3 50%);height:6px;position:relative}.ef-animated-dialog__separator:after{box-sizing:content-box;content:"";border-top:12px solid #ffff1b;border-inline:12px solid #0000;display:block;position:absolute;bottom:-8px;left:52px}.ef-animated-dialog__content{background-color:#fff;background-image:repeating-linear-gradient(-45deg,#0000,#0000 2px,#ccc2 2px 3px);flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow:hidden}.ef-animated-dialog__body{overscroll-behavior:contain;min-height:0;overflow-y:auto}.ef-animated-dialog__description{color:#626262;margin:24px 24px 16px}.ef-animated-dialog__registration{transform-origin:100%;background:linear-gradient(90deg,#00ffa2 42.5%,#ffff21 42.5% 79.2%,#ff00f0 79.2%);width:min(240px,100% - 40.8px);height:4px;position:absolute;bottom:0;right:20.4px}.ef-animated-dialog__footer{transform-origin:0;background:#ababab;flex-shrink:0;align-items:center;height:15px;margin-right:36px;padding-inline:16px;display:flex}.ef-animated-dialog__footer-square{background:#838383;width:8px;height:8px}.ef-animated-dialog__footer-outline{border:1px solid #838383;width:8px;height:8px;margin-left:2px;-webkit-mask-image:linear-gradient(#fff 2px,#0000 2px 6px,#fff 6px);mask-image:linear-gradient(#fff 2px,#0000 2px 6px,#fff 6px)}.ef-animated-dialog__footer-hatch{background:repeating-linear-gradient(-45deg,#0000,#0000 1px,#838383 1px 2px);width:48px;height:8px;margin-left:4px}.ef-animated-dialog[data-open]{animation:.15s ease-out both ef-animated-dialog-enter}.ef-animated-dialog[data-open] .ef-animated-dialog__top-strip{animation:.12s ease-out both ef-animated-dialog-strip-enter}.ef-animated-dialog[data-open] .ef-animated-dialog__footer{animation:.12s ease-out 50ms both ef-animated-dialog-strip-enter}.ef-animated-dialog[data-open] .ef-animated-dialog__icon{animation:.2s cubic-bezier(.33,1.53,.69,.99) .1s both ef-animated-dialog-scale-enter}.ef-animated-dialog[data-open] .ef-animated-dialog__close-motion{animation:.2s cubic-bezier(.33,1.53,.69,.99) .2s both ef-animated-dialog-scale-enter}.ef-animated-dialog[data-open] .ef-animated-dialog__registration{animation:.15s ease-out .1s both ef-animated-dialog-strip-enter}.ef-animated-dialog[data-open] .ef-animated-dialog__separator{animation:.12s ease-out .2s both ef-animated-dialog-strip-enter}.ef-animated-dialog[data-ending-style]{animation:.1s ease-out .2s both ef-animated-dialog-exit}.ef-animated-dialog[data-ending-style] .ef-animated-dialog__top-strip{animation:.1s ease-in .15s both ef-animated-dialog-strip-exit}.ef-animated-dialog[data-ending-style] .ef-animated-dialog__footer{animation:.1s ease-in 50ms both ef-animated-dialog-strip-exit}.ef-animated-dialog[data-ending-style] .ef-animated-dialog__icon{animation:.1s ease-in both ef-animated-dialog-scale-exit}.ef-animated-dialog[data-ending-style] .ef-animated-dialog__close-motion{animation:.15s ease-in both ef-animated-dialog-scale-exit}.ef-animated-dialog[data-ending-style] .ef-animated-dialog__registration{animation:80ms ease-in both ef-animated-dialog-strip-exit}.ef-animated-dialog[data-ending-style] .ef-animated-dialog__separator{animation:.1s ease-in .1s both ef-animated-dialog-strip-exit}@keyframes ef-animated-dialog-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes ef-animated-dialog-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes ef-animated-dialog-strip-enter{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ef-animated-dialog-strip-exit{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes ef-animated-dialog-scale-enter{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes ef-animated-dialog-scale-exit{0%{transform:scale(1)}to{transform:scale(0)}}@media (prefers-reduced-motion:reduce){.ef-animated-dialog,.ef-animated-dialog :is(.ef-animated-dialog__top-strip,.ef-animated-dialog__footer,.ef-animated-dialog__icon,.ef-animated-dialog__close-motion,.ef-animated-dialog__registration,.ef-animated-dialog__separator){animation-duration:.01ms!important;animation-delay:0s!important}}@media (forced-colors:active){.ef-animated-dialog{background:canvas;border:1px solid canvastext}.ef-animated-dialog__top-strip,.ef-animated-dialog__title-deco,.ef-animated-dialog__separator,.ef-animated-dialog__registration,.ef-animated-dialog__footer{display:none}.ef-animated-dialog__content{color:canvastext;background:canvas}.ef-animated-dialog__title-band{background:canvas;border:1px solid canvastext}.ef-animated-dialog__title{color:canvastext}.ef-animated-dialog__close{color:buttontext;background:buttonface;border:1px solid buttontext}}.ef-rounded-select{color:#373537;width:100%;min-width:0;position:relative}.ef-rounded-select-trigger{z-index:1;box-sizing:border-box;width:100%;min-height:32px;color:inherit;font:inherit;text-align:left;cursor:default;background:#edebec;border:0;border-radius:9999px;align-items:center;gap:8px;padding:4px 10px 4px 14px;line-height:24px;display:flex;position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.ef-rounded-select-trigger:hover:not(:disabled){background:#e0e0e0}.ef-rounded-select-trigger:active:not(:disabled){background:#edebec}.ef-rounded-select-trigger:disabled{color:#6e6d6e;cursor:not-allowed;box-shadow:none;background:#edebec66}.ef-rounded-select-trigger:focus-visible{outline:2px solid var(--ef-focus,#373537);outline-offset:2px}.ef-rounded-select[data-invalid] .ef-rounded-select-trigger,.ef-rounded-select-mirror[data-invalid]{outline:2px solid var(--ef-danger,#bd3636);outline-offset:1px}.ef-rounded-select-value{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ef-rounded-select-chevron{flex-shrink:0;align-items:center;transition:transform .3s;display:flex}.ef-rounded-select-chevron[data-popup-open]{transform:rotate(180deg)}.ef-rounded-select-positioner{z-index:var(--z-overlay,300);min-width:var(--anchor-width);color:#373537;pointer-events:none;outline:none;max-width:calc(100vw - 16px)}.ef-rounded-select-mirror{width:var(--anchor-width);height:var(--anchor-height);pointer-events:none;position:absolute;top:-16px;left:0}.ef-rounded-select-mirror[data-hovered]{background:#e0e0e0}.ef-rounded-select-mirror[data-pressed]{background:#edebec}.ef-rounded-select-positioner[data-side=top] .ef-rounded-select-mirror{top:auto;bottom:-16px}.ef-rounded-select-popup{box-sizing:border-box;width:max-content;min-width:var(--anchor-width);max-width:min(var(--available-width), calc(100vw - 16px));max-height:min(var(--available-height), 256px);color:#373537;opacity:1;transform-origin:top;pointer-events:none;background:#d4d2d3;border-radius:0 0 6px 6px;flex-direction:column;padding-top:22px;transition:transform .15s ease-out,opacity .15s ease-out;display:flex;overflow:hidden;transform:scaleY(1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.ef-rounded-select-popup[data-side=top]{transform-origin:bottom;border-radius:6px 6px 0 0;padding-top:0;padding-bottom:22px}.ef-rounded-select-popup[data-starting-style],.ef-rounded-select-popup[data-ending-style]{opacity:0;transform:scaleY(0)}.ef-rounded-select-scroll-area{pointer-events:auto;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.ef-rounded-select-viewport{overscroll-behavior:contain;outline:none;flex:1;min-height:0}.ef-rounded-select-option{box-sizing:border-box;width:100%;min-width:0;font:inherit;text-align:left;cursor:default;-webkit-user-select:none;user-select:none;outline:none;align-items:center;padding:6px 4px;line-height:24px;display:flex;position:relative}.ef-rounded-select-option[data-highlighted]:not([data-selected]):not([data-disabled]){background:#e0e0e0}.ef-rounded-select-option[data-selected]:not([data-disabled]){color:#fff;background:#5f5f5f}.ef-rounded-select-option[data-selected]:before{content:"";background:#fff;border-radius:9999px;width:2.5px;height:18px;position:absolute;top:50%;left:1.5px;transform:translateY(-50%)}.ef-rounded-select-option[data-disabled]{color:#6e6d6e;cursor:not-allowed}.ef-rounded-select-option:focus-visible{outline-offset:-2px;outline:2px solid}.ef-rounded-select-option-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin-inline:8px;overflow:hidden}.ef-rounded-select-left,.ef-rounded-select-right{flex-shrink:0;align-items:center;display:flex}.ef-rounded-select-left{margin-left:4px}.ef-rounded-select-right{margin-right:4px}.ef-rounded-select-check{flex-shrink:0;justify-content:center;align-items:center;width:16px;display:flex}.ef-rounded-select-scrollbar{opacity:0;justify-content:center;width:12px;transition:opacity .3s;display:flex;position:relative}.ef-rounded-select-scrollbar[data-hovering],.ef-rounded-select-scrollbar[data-scrolling],.ef-rounded-select-scroll-area:focus-within .ef-rounded-select-scrollbar{opacity:1}.ef-rounded-select-scrollbar:before{content:"";inset-block:0;background:#0003;border-radius:9999px;width:3px;position:absolute;left:50%;transform:translate(-50%)}.ef-rounded-select-thumb{z-index:1;cursor:grab;background:#fcfefe;border-radius:9999px;width:5px;box-shadow:0 0 2px #0003}.ef-rounded-select-thumb:active{cursor:grabbing}@media (prefers-reduced-motion:reduce){.ef-rounded-select-chevron,.ef-rounded-select-popup,.ef-rounded-select-scrollbar{transition:none}}@media (forced-colors:active){.ef-rounded-select-trigger,.ef-rounded-select-popup{color:buttontext;box-shadow:none;background:canvas;border:1px solid buttontext}.ef-rounded-select-trigger:disabled,.ef-rounded-select-option[data-disabled]{color:graytext}.ef-rounded-select-option[data-selected]:not([data-disabled]){color:highlighttext;forced-color-adjust:none;background:highlight}.ef-rounded-select-option[data-selected]:before{background:currentColor}.ef-rounded-select-scrollbar:before{background:canvas;border:1px solid buttontext}.ef-rounded-select-thumb{background:buttontext}}.ef-rounded-button{box-sizing:border-box;color:#fefcfc;cursor:default;background:#2a2728;border:0;border-radius:9999px;justify-content:center;align-items:center;min-width:112px;padding:.3em .35em;font-family:inherit;font-size:16px;line-height:1.5;display:inline-flex;box-shadow:0 0 0 .1em #2a2728,inset 0 0 0 .1em #81807f}.ef-rounded-button[data-variant=default]{color:#4d4d4d;background:#f2f1ef;box-shadow:0 0 0 .1em #f2f1ef,inset 0 0 0 .1em #a0a2a3}.ef-rounded-button[data-icon-position=left]{padding-left:.3em}.ef-rounded-button:disabled{opacity:.7;cursor:not-allowed}.ef-rounded-button[data-loading]{cursor:progress}.ef-rounded-button:focus-visible,.ef-rounded-icon-button:focus-visible{outline:2px solid var(--ef-focus,#373537);outline-offset:3px}.ef-rounded-button-text{text-align:center;flex:1}.ef-rounded-button-icon{color:#2a2728;pointer-events:none;background:#fefcfc;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.3em;height:1.3em;transition:background-color .3s,color .3s;display:flex}.ef-rounded-button-icon svg{font-size:1.3em}.ef-rounded-button[data-variant=default] .ef-rounded-button-icon{color:#f2f1ef;background:#4d4d4d}.ef-rounded-button[data-variant=default] .ef-rounded-button-icon svg{font-size:1em}.ef-rounded-button-spinner{box-sizing:border-box;border:2px solid #fb0;border-top-color:#fff;border-radius:9999px;width:1em;height:1em;animation:1s linear infinite ef-rounded-button-spin}@keyframes ef-rounded-button-spin{to{transform:rotate(360deg)}}.ef-rounded-icon-button{box-sizing:border-box;color:#3c3c3c;width:24px;height:24px;font:inherit;cursor:default;background:#fafafa;border:0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .15s;display:inline-flex;position:relative;box-shadow:0 0 10px #0202024d}.ef-rounded-icon-button:disabled{opacity:.5;cursor:not-allowed}.ef-rounded-icon-button-texture,.ef-rounded-icon-button-border{pointer-events:none;border-radius:9999px;position:absolute;inset:0}.ef-rounded-icon-button-texture{background:var(--ef-game-button-texture,url(./assets/pag-button-texture.png)) center / cover no-repeat;opacity:.4}.ef-rounded-icon-button-border{z-index:1}.ef-rounded-icon-button-border:before,.ef-rounded-icon-button-border:after{content:"";border-radius:9999px;position:absolute;inset:0}.ef-rounded-icon-button-border:before{border:1.5px solid #e6e6e6}.ef-rounded-icon-button-border:after{border:1px solid #fff}.ef-rounded-icon-button-content{pointer-events:none;justify-content:center;align-items:center;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.ef-rounded-button:not(:disabled):not([data-loading]):hover{background:#2a2728b5;box-shadow:0 0 0 .1em #2a2728b5,inset 0 0 0 .1em #81807f}.ef-rounded-button[data-variant=default]:not(:disabled):not([data-loading]):hover{background:#e8e8e8b5;box-shadow:0 0 0 .1em #e8e8e8b5,inset 0 0 0 .1em #a5a5a5}}@media (min-width:768px) and (hover:hover) and (pointer:fine){.ef-rounded-icon-button:not(:disabled):hover{background:#fffa00}.ef-rounded-icon-button:not(:disabled):active{background:#eeea00}}@media (prefers-reduced-motion:reduce){.ef-rounded-button-icon,.ef-rounded-icon-button{transition:none}.ef-rounded-button-spinner{animation:none}}@media (forced-colors:active){.ef-rounded-button,.ef-rounded-icon-button{color:buttontext;box-shadow:none;background:buttonface;border:1px solid buttontext}.ef-rounded-button:disabled,.ef-rounded-icon-button:disabled{color:graytext;border-color:graytext}.ef-rounded-button-icon{color:buttontext;background:buttonface;border:1px solid buttontext}.ef-rounded-icon-button-texture,.ef-rounded-icon-button-border{display:none}.ef-rounded-button-spinner{border-color:highlight buttontext buttontext}}.ef-rounded-icon-button-texture:is([data-ef-game-images=off],[data-ef-game-images=off] *){background:0 0;display:none}.ef-rounded-toggle{isolation:isolate;background:#5c5a5d;border-radius:9999px;align-items:center;width:100%;min-width:0;max-width:100%;min-height:32px;font-size:16px;line-height:24px;display:flex;position:relative;box-shadow:0 0 3px #0004}.ef-rounded-toggle__highlight{z-index:1;pointer-events:none;background:#edebec;border-radius:9999px;height:100%;transition-property:none;position:absolute;inset:0 auto 0 0;box-shadow:0 0 3px #0006}.ef-rounded-toggle__highlight[hidden]{display:none}.ef-rounded-toggle__option{z-index:2;color:#b3b1b4;min-width:0;min-height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9999px;flex:1 1 0;justify-content:center;align-items:center;gap:8px;padding:4px 16px;display:flex;position:relative}.ef-rounded-toggle__option[data-checked]{color:#373537}.ef-rounded-toggle__option:is([disabled],[aria-disabled=true]){cursor:not-allowed}.ef-rounded-toggle__option:focus-visible{outline:2px solid var(--ef-focus,#191919);outline-offset:2px;z-index:3}.ef-rounded-toggle__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ef-rounded-toggle__icon{background:#373537;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}@media (forced-colors:active){.ef-rounded-toggle{box-shadow:none;background:canvas;border:1px solid buttontext}.ef-rounded-toggle__highlight{box-shadow:none;forced-color-adjust:none;background:highlight}.ef-rounded-toggle__option{color:buttontext}.ef-rounded-toggle__option[data-checked]{color:highlighttext;forced-color-adjust:none}.ef-rounded-toggle__option:is([disabled],[aria-disabled=true]){color:graytext}.ef-rounded-toggle__option:focus-visible{outline-color:highlight}}.ef-rounded-switch{isolation:isolate;background:#5c5a5d;border-radius:9999px;align-items:center;width:100%;min-width:0;max-width:100%;min-height:32px;font-size:16px;line-height:24px;display:flex;position:relative;box-shadow:0 0 3px #0004}.ef-rounded-switch__highlight{z-index:1;pointer-events:none;background:#edebec;border-radius:9999px;width:calc(50% + .5em);height:100%;transition-property:none;position:absolute;inset:0 auto 0 0;box-shadow:0 0 3px #0006}.ef-rounded-switch__option{z-index:2;color:#b3b1b4;min-width:0;min-height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9999px;flex:1 1 0;justify-content:center;align-items:center;padding:4px 16px;display:flex;position:relative}.ef-rounded-switch__option[data-checked]{color:#373537}.ef-rounded-switch__option:is([disabled],[aria-disabled=true]){cursor:not-allowed}.ef-rounded-switch__option:focus-visible{outline:2px solid var(--ef-focus,#191919);outline-offset:2px;z-index:3}.ef-rounded-switch__option>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (forced-colors:active){.ef-rounded-switch{box-shadow:none;background:canvas;border:1px solid buttontext}.ef-rounded-switch__highlight{box-shadow:none;forced-color-adjust:none;background:highlight}.ef-rounded-switch__option{color:buttontext}.ef-rounded-switch__option[data-checked]{color:highlighttext;forced-color-adjust:none}.ef-rounded-switch__option:is([disabled],[aria-disabled=true]){color:graytext}.ef-rounded-switch__option:focus-visible{outline-color:highlight}}.ef-alert-modal-viewport{--ef-game-alert-background-default:url(./assets/alert_bg.png);--ef-game-alert-banner-left-default:url(./assets/alert_banner_bg_left.png);--ef-game-alert-banner-right-default:url(./assets/alert_banner_bg_right.png);--ef-game-alert-logo-default:url(./assets/deco_common_logo_bg.png);z-index:var(--z-overlay,300);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.ef-alert-modal-viewport[hidden],.ef-banner-alert[hidden],.ef-banner-alert-backdrop[hidden]{display:none}.ef-alert-modal-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ef-banner-alert-backdrop{z-index:var(--z-overlay,300);background:#0003;position:fixed;inset:0}.ef-banner-alert{background-color:#fefefe;background-image:var(--ef-game-alert-background,var(--ef-game-alert-background-default));color:#2a2728;transform-origin:top;background-position:100% 100%;background-repeat:no-repeat;background-size:90%;border-radius:.2em;outline:none;flex-direction:column;max-width:calc(100vw - 2em);min-height:10em;max-height:calc(100dvh - 4em);margin:1em;padding:1.7em 0 16px;display:flex;position:relative;box-shadow:0 0 .4em #0000004d}.ef-banner-alert__banner{z-index:0;pointer-events:none;align-items:stretch;width:100%;height:4.5em;display:flex;position:absolute;top:0;left:0}.ef-banner-alert__banner>:first-child{background:var(--ef-game-alert-banner-left,var(--ef-game-alert-banner-left-default)) top left / contain repeat-x;flex:1;height:100%;padding-right:30%;display:block}.ef-banner-alert__banner>:last-child{background:var(--ef-game-alert-banner-right,var(--ef-game-alert-banner-right-default)) top right / 100% 100% no-repeat;flex-shrink:0;width:6.96711em;height:4.5em;display:block}.ef-banner-alert__content{z-index:1;overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;margin-inline:16px;transition-property:none;display:flex;position:relative;overflow-y:auto}.ef-banner-alert__body{color:#2a2728;flex:1;padding-block:16px}.ef-banner-alert__actions{z-index:1;flex-shrink:0;justify-content:space-between;gap:16px;padding:16px 16px 0;transition-property:none;display:flex;position:relative}.ef-banner-alert__actions[data-hide-cancel]{justify-content:center}.ef-banner-alert__button{width:50%}.ef-banner-alert[data-open]{animation:.15s ease-out both ef-banner-alert-enter}.ef-banner-alert[data-ending-style]{animation:.15s ease-out both ef-banner-alert-scale-exit,30ms ease-out 70ms both ef-banner-alert-opacity-exit}.ef-banner-alert[data-ending-style] :is(.ef-banner-alert__content,.ef-banner-alert__actions){animation:.15s ease-out both ef-banner-alert-content-exit}@keyframes ef-banner-alert-enter{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes ef-banner-alert-scale-exit{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes ef-banner-alert-opacity-exit{0%{opacity:1}to{opacity:0}}@keyframes ef-banner-alert-content-exit{0%{opacity:var(--ef-game-alert-exit-opacity,1)}to{opacity:0}}@media (min-width:768px){.ef-banner-alert{max-width:calc(100vw - .2em);margin:.5em}}@media (prefers-reduced-motion:reduce){.ef-banner-alert,.ef-banner-alert :is(.ef-banner-alert__content,.ef-banner-alert__actions){animation-duration:.01ms!important;animation-delay:0s!important}}@media (forced-colors:active){.ef-banner-alert{color:canvastext;box-shadow:none;background:canvas;border:1px solid canvastext}.ef-banner-alert__body{color:canvastext}.ef-banner-alert__banner{display:none}}.ef-banner-alert:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:none}.ef-banner-alert__banner:is([data-ef-game-images=off],[data-ef-game-images=off] *){display:none}.ef-banner-alert__banner:is([data-ef-game-images=off],[data-ef-game-images=off] *)>*{background:0 0}.ef-full-width-alert-backdrop{z-index:var(--z-overlay,300);opacity:1;background:#00000080;transition:opacity 50ms ease-out;position:fixed;inset:0}.ef-full-width-alert-backdrop[data-starting-style],.ef-full-width-alert-backdrop[data-ending-style]{opacity:0}.ef-full-width-alert-viewport{z-index:var(--z-overlay,300);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.ef-full-width-alert{box-sizing:border-box;color:#2a2728;filter:drop-shadow(0 0 .4em #0000004d);opacity:1;transform-origin:100%;background:#fefefe;outline:none;flex-direction:column;width:100%;min-width:0;min-height:10em;max-height:calc(100dvh - 4em);padding-top:1.7em;padding-bottom:16px;font-size:16px;line-height:1.5;transition:transform .1s ease-out,opacity .1s ease-out;display:flex;position:relative;transform:scaleX(1)}.ef-full-width-alert[data-starting-style],.ef-full-width-alert[data-ending-style]{opacity:0;transform:scaleX(0)}.ef-full-width-alert[hidden],.ef-full-width-alert-backdrop[hidden]{display:none}.ef-full-width-alert-decoration{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ef-full-width-alert-logo{background:var(--ef-game-alert-logo,var(--ef-game-alert-logo-default)) bottom left / contain no-repeat;width:100%;height:calc(100% - 1em);position:absolute;bottom:0;left:-2em}.ef-full-width-alert-color-bar{background:linear-gradient(90deg,#f0f48a 0% 50%,#57a2b5 50% 75%,#b96bbc 75% 100%);width:15em;max-width:100%;height:.2em;position:absolute;top:0;left:0}.ef-full-width-alert-banner{width:40em;height:3em;display:flex;position:absolute;top:0;right:0;transform:scaleX(-1)}.ef-full-width-alert-banner-left{box-sizing:border-box;background:var(--ef-game-alert-banner-left,var(--ef-game-alert-banner-left-default)) top left / contain repeat-x;flex:1;height:100%;padding-right:30%}.ef-full-width-alert-banner-right{background:var(--ef-game-alert-banner-right,var(--ef-game-alert-banner-right-default)) center / contain no-repeat;flex-shrink:0;width:4.64474em;height:3em}.ef-full-width-alert-content{z-index:1;flex-direction:column;flex:1;min-width:0;min-height:0;margin-inline:16px;display:flex;position:relative}.ef-full-width-alert-scroll-area{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.ef-full-width-alert-viewport-content{overscroll-behavior:contain;flex:1;min-width:0;min-height:0}.ef-full-width-alert-viewport-content:focus-visible{outline:2px solid var(--ef-focus,#373537);outline-offset:-2px}.ef-full-width-alert-body{color:#2a2728;flex-direction:column;align-items:center;min-width:0;padding-block:16px;display:flex}.ef-full-width-alert-scrollbar{opacity:0;justify-content:center;width:12px;transition:opacity .3s;display:flex;position:relative}.ef-full-width-alert-scrollbar[data-hovering],.ef-full-width-alert-scrollbar[data-scrolling],.ef-full-width-alert-scroll-area:focus-within .ef-full-width-alert-scrollbar{opacity:1}.ef-full-width-alert-scrollbar:before{content:"";inset-block:0;background:#0003;border-radius:9999px;width:3px;position:absolute;left:50%;transform:translate(-50%)}.ef-full-width-alert-thumb{z-index:1;cursor:grab;background:#fcfefe;border-radius:9999px;width:5px;box-shadow:0 0 2px #0003}.ef-full-width-alert-thumb:active{cursor:grabbing}.ef-full-width-alert-actions{z-index:1;box-sizing:border-box;margin-inline:auto;flex-shrink:0;gap:32px;width:26em;max-width:calc(100% - 2em);margin-bottom:-2em;padding:16px 16px 0;display:flex;position:relative}.ef-full-width-alert-action{flex:1;min-width:0;display:flex;position:relative}.ef-full-width-alert-action-backing{pointer-events:none;background:#fefefe;border-radius:0 0 9999px 9999px;position:absolute;inset:50% -.24em -.24em}.ef-full-width-alert-button{flex:1;position:relative}@media (min-width:768px){.ef-full-width-alert-actions{gap:16px;width:25em}}@media (prefers-reduced-motion:reduce){.ef-full-width-alert-backdrop,.ef-full-width-alert,.ef-full-width-alert-scrollbar{transition:none}}@media (forced-colors:active){.ef-full-width-alert{color:canvastext;filter:none;background:canvas;border:1px solid canvastext}.ef-full-width-alert-decoration{display:none}.ef-full-width-alert-body,.ef-full-width-alert-action-backing{color:canvastext;background:canvas}.ef-full-width-alert-scrollbar:before{background:canvas;border:1px solid canvastext}.ef-full-width-alert-thumb{background:canvastext}}.ef-full-width-alert-logo:is([data-ef-game-images=off],[data-ef-game-images=off] *),.ef-full-width-alert-banner:is([data-ef-game-images=off],[data-ef-game-images=off] *){background:0 0;display:none}.ef-full-width-alert-banner-left:is([data-ef-game-images=off],[data-ef-game-images=off] *),.ef-full-width-alert-banner-right:is([data-ef-game-images=off],[data-ef-game-images=off] *){background:0 0}.ef-composite-item-icon{isolation:isolate;display:block;position:relative;overflow:hidden}.ef-composite-item-icon__layer{pointer-events:none;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.ef-composite-item-icon__art{pointer-events:auto}.ef-composite-item-icon__overlay{mix-blend-mode:screen}:root,[data-theme=light]{--ef-game-itemcard-bg-item-default:url(./assets/items_background.webp);--ef-game-itemcard-bg-weapon-default:url(./assets/weapons_background.webp);--ef-game-itemcard-bg-enemy-default:url(./assets/enemies_background.webp);--ef-game-itemcard-x-bg-item-default:url(./assets/items_background_dark.webp);--ef-game-itemcard-x-bg-weapon-default:url(./assets/weapons_background_dark.webp);--ef-game-itemcard-x-bg-enemy-default:url(./assets/enemies_background_dark.webp)}[data-theme=dark]{--ef-game-itemcard-bg-item-default:url(./assets/items_background_dark.webp);--ef-game-itemcard-bg-weapon-default:url(./assets/weapons_background_dark.webp);--ef-game-itemcard-bg-enemy-default:url(./assets/enemies_background_dark.webp);--ef-game-itemcard-x-bg-item-default:url(./assets/items_background.webp);--ef-game-itemcard-x-bg-weapon-default:url(./assets/weapons_background.webp);--ef-game-itemcard-x-bg-enemy-default:url(./assets/enemies_background.webp)}[data-theme=inverse]{--ef-game-itemcard-bg-item-default:var(--ef-game-itemcard-x-bg-item-default);--ef-game-itemcard-bg-weapon-default:var(--ef-game-itemcard-x-bg-weapon-default);--ef-game-itemcard-bg-enemy-default:var(--ef-game-itemcard-x-bg-enemy-default)}.ef-item-card{box-sizing:border-box;width:112px;max-width:100%;margin-inline:auto}.ef-item-card[data-variant=inventory]{flex-direction:column;gap:4px;width:96px;display:flex}.ef-item-card-tile{isolation:isolate;border-radius:6px;position:relative;overflow:hidden}.ef-item-card-background,.ef-item-card-edge{pointer-events:none;position:absolute;inset:0}.ef-item-card-background{background-color:var(--ef-surface-muted,#e6e6e6);background-position:50%;background-size:cover}.ef-item-card[data-kind=item] .ef-item-card-background{background-image:var(--ef-game-itemcard-bg-item,var(--ef-game-itemcard-bg-item-default))}.ef-item-card[data-kind=weapon] .ef-item-card-background{background-image:var(--ef-game-itemcard-bg-weapon,var(--ef-game-itemcard-bg-weapon-default))}.ef-item-card[data-kind=enemy] .ef-item-card-background{background-image:var(--ef-game-itemcard-bg-enemy,var(--ef-game-itemcard-bg-enemy-default))}.ef-item-card-art{z-index:10;box-sizing:border-box;aspect-ratio:1;padding:4px 4px 12px;position:relative}.ef-item-card-icon{width:100%;height:100%}.ef-item-card-fallback{color:#ffffffb3;text-transform:uppercase;letter-spacing:.08em;place-items:center;font-family:monospace;font-size:12px;display:grid;position:absolute;inset:0}.ef-item-card-badges{z-index:30;pointer-events:none;flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:absolute;top:4px;right:4px}.ef-item-card-strip{z-index:20;padding:12px 6px 6px;position:absolute;bottom:0;left:0;right:0;overflow:hidden;container-type:inline-size}.ef-item-card-edge{background-image:linear-gradient(to top, var(--ef-surface,#fff), transparent)}@supports (color:color-mix(in lab, red, red)){.ef-item-card-edge{background-image:linear-gradient(to top, color-mix(in srgb, var(--ef-surface,#fff) 62%, transparent), transparent)}}.ef-item-card-edge{background-position:bottom;background-repeat:no-repeat;background-size:100% 100%}.ef-item-card[data-rarity="1"] .ef-item-card-edge{background-image:var(--ef-game-itemcard-edge-1,url(./assets/icon_card_rarity_1_bottom_edge.webp))}.ef-item-card[data-rarity="2"] .ef-item-card-edge{background-image:var(--ef-game-itemcard-edge-2,url(./assets/icon_card_rarity_2_bottom_edge.webp))}.ef-item-card[data-rarity="3"] .ef-item-card-edge{background-image:var(--ef-game-itemcard-edge-3,url(./assets/icon_card_rarity_3_bottom_edge.webp))}.ef-item-card[data-rarity="4"] .ef-item-card-edge{background-image:var(--ef-game-itemcard-edge-4,url(./assets/icon_card_rarity_4_bottom_edge.webp))}.ef-item-card[data-rarity="5"] .ef-item-card-edge{background-image:var(--ef-game-itemcard-edge-5,url(./assets/icon_card_rarity_5_bottom_edge.webp))}.ef-item-card[data-rarity="6"] .ef-item-card-edge{background-image:var(--ef-game-itemcard-edge-6,url(./assets/icon_card_rarity_6_bottom_edge.webp))}.ef-item-card-strip-content{justify-content:center;display:flex;position:relative}.ef-item-card-name,.ef-item-card-count{color:var(--ef-game-itemcard-ink,var(--ef-ink,#191919));text-align:center;font-size:14px;font-weight:700}.ef-item-card-name{text-overflow:ellipsis;white-space:nowrap;width:100%;line-height:17.5px;overflow:hidden}.ef-item-card-count{color:var(--ef-game-itemcard-count-color,var(--ef-game-itemcard-ink,var(--ef-ink,#191919)));font-size:var(--ef-game-itemcard-count-size,14px);font-variant-numeric:tabular-nums;line-height:1.25;transform:translateY(2px)}.ef-item-card-caption{-webkit-line-clamp:2;color:var(--ef-game-itemcard-ink,var(--ef-ink,#191919));text-align:center;-webkit-box-orient:vertical;font-size:12px;line-height:15px;display:-webkit-box;overflow:hidden}.ef-item-card-action{box-sizing:border-box;width:fit-content;max-width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0;display:block}.ef-item-card-action[data-selected]{outline:2px solid var(--ef-game-itemcard-accent,var(--ef-accent-ink,#d4bd00));outline-offset:2px}.ef-item-card-action:disabled{opacity:.45;cursor:not-allowed}.ef-item-card-disabled-reason{color:var(--ef-game-itemcard-muted,var(--ef-ink-secondary,#737373));margin-top:4px;font-size:12px;line-height:1.625;display:block}.ef-item-card-link{width:fit-content;max-width:100%;text-decoration:none;transition:filter .15s;display:block}.ef-item-card-action:focus-visible,.ef-item-card-link:focus-visible{outline:2px solid var(--ef-game-itemcard-accent,var(--ef-focus,#373537));outline-offset:2px;border-radius:6px}@media (hover:hover){.ef-item-card-link:hover,.ef-item-card-action:enabled:hover{filter:brightness(1.1)}}@media (prefers-reduced-motion:reduce){.ef-item-card-link{transition:none}}@media (forced-colors:active){.ef-item-card-tile{border:1px solid canvastext}.ef-item-card-background,.ef-item-card-edge{display:none}.ef-item-card-name,.ef-item-card-count{color:canvastext}.ef-item-card-action:disabled{color:graytext}.ef-item-card-action[data-selected]{outline-color:highlight}.ef-item-card-action:focus-visible,.ef-item-card-link:focus-visible{outline-color:buttontext}}.ef-item-card[data-kind] .ef-item-card-background:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:none}.ef-item-card[data-rarity="1"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #9b9b9b 0 3px, transparent 3px), linear-gradient(to top, var(--ef-surface,#fff), transparent)}@supports (color:color-mix(in lab, red, red)){.ef-item-card[data-rarity="1"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #9b9b9b 0 3px, transparent 3px), linear-gradient(to top, color-mix(in srgb, var(--ef-surface,#fff) 62%, transparent), transparent)}}.ef-item-card[data-rarity="2"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #abce42 0 3px, transparent 3px), linear-gradient(to top, var(--ef-surface,#fff), transparent)}@supports (color:color-mix(in lab, red, red)){.ef-item-card[data-rarity="2"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #abce42 0 3px, transparent 3px), linear-gradient(to top, color-mix(in srgb, var(--ef-surface,#fff) 62%, transparent), transparent)}}.ef-item-card[data-rarity="3"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #26bbfd 0 3px, transparent 3px), linear-gradient(to top, var(--ef-surface,#fff), transparent)}@supports (color:color-mix(in lab, red, red)){.ef-item-card[data-rarity="3"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #26bbfd 0 3px, transparent 3px), linear-gradient(to top, color-mix(in srgb, var(--ef-surface,#fff) 62%, transparent), transparent)}}.ef-item-card[data-rarity="4"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #9452fa 0 3px, transparent 3px), linear-gradient(to top, var(--ef-surface,#fff), transparent)}@supports (color:color-mix(in lab, red, red)){.ef-item-card[data-rarity="4"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #9452fa 0 3px, transparent 3px), linear-gradient(to top, color-mix(in srgb, var(--ef-surface,#fff) 62%, transparent), transparent)}}.ef-item-card[data-rarity="5"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #ffbb03 0 3px, transparent 3px), linear-gradient(to top, var(--ef-surface,#fff), transparent)}@supports (color:color-mix(in lab, red, red)){.ef-item-card[data-rarity="5"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #ffbb03 0 3px, transparent 3px), linear-gradient(to top, color-mix(in srgb, var(--ef-surface,#fff) 62%, transparent), transparent)}}.ef-item-card[data-rarity="6"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #ff7100 0 3px, transparent 3px), linear-gradient(to top, var(--ef-surface,#fff), transparent)}@supports (color:color-mix(in lab, red, red)){.ef-item-card[data-rarity="6"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #ff7100 0 3px, transparent 3px), linear-gradient(to top, color-mix(in srgb, var(--ef-surface,#fff) 62%, transparent), transparent)}}.ef-item-tooltip-card{--ef-game-item-tooltip-rarity:#9b9b9b;isolation:isolate;color:#555651;font-synthesis:none;text-align:left;color-scheme:light;background:#cdcdcb;border-radius:2px;font-family:HarmonyOS Sans SC,HarmonyOS Sans,sans-serif;font-weight:500;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;container-type:inline-size}.ef-item-tooltip-card[data-rarity="2"]{--ef-game-item-tooltip-rarity:#abce42}.ef-item-tooltip-card[data-rarity="3"]{--ef-game-item-tooltip-rarity:#26bbfd}.ef-item-tooltip-card[data-rarity="4"]{--ef-game-item-tooltip-rarity:#9452fa}.ef-item-tooltip-card[data-rarity="5"]{--ef-game-item-tooltip-rarity:#ffbb03}.ef-item-tooltip-card[data-rarity="6"]{--ef-game-item-tooltip-rarity:#ff7100}.ef-item-tooltip-card *,.ef-item-tooltip-card :before,.ef-item-tooltip-card :after{box-sizing:border-box}.ef-item-tooltip-card p,.ef-item-tooltip-card h2,.ef-item-tooltip-card h3{overflow-wrap:anywhere;margin:0}.ef-item-tooltip-card a{color:inherit;text-decoration:none}.ef-item-tooltip-card__header{background:linear-gradient(90deg, var(--ef-game-item-tooltip-rarity) 0%, var(--ef-game-item-tooltip-rarity) 45%, var(--ef-game-item-tooltip-rarity) 100%);align-items:center;gap:12px;min-height:48px;padding:8px 20px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.ef-item-tooltip-card__header{background:linear-gradient(90deg, color-mix(in srgb, var(--ef-game-item-tooltip-rarity) 78%, #303234) 0%, color-mix(in srgb, var(--ef-game-item-tooltip-rarity) 78%, #4b415a) 45%, color-mix(in srgb, var(--ef-game-item-tooltip-rarity) 78%, #8e8b85) 100%)}}.ef-item-tooltip-card__header{color:#fff}.ef-item-tooltip-card__header h2{flex:1;min-width:0;font-size:20px;font-weight:500;line-height:1.25;position:relative}.ef-item-tooltip-card__header-texture{background:var(--ef-game-item-tooltip-header,url(./assets/header.webp)) center / 100% 100% no-repeat;opacity:.78;pointer-events:none;position:absolute;inset:0}.ef-item-tooltip-card__detail-link{border-radius:2px;flex-shrink:0;transition:opacity .15s;position:relative}.ef-item-tooltip-card__detail-link-icon{background:var(--ef-game-item-tooltip-link-icon,url(./assets/link.webp)) center / contain no-repeat;pointer-events:none;width:32px;height:32px;display:block}.ef-item-tooltip-card__detail-link:hover{opacity:.75}.ef-item-tooltip-card__detail-link:focus-visible{outline-offset:2px;outline:2px solid #fff}.ef-item-tooltip-card__body{background:#2e3234;flex-direction:column;min-height:256px;display:flex;position:relative}.ef-item-tooltip-card__detail-texture{border:5px solid #0000;border-width:126px 5px 0;border-image-source:var(--ef-game-item-tooltip-detail,url(./assets/detail.png));filter:brightness(1.1);pointer-events:none;border-image-slice:222 8 14 fill;border-image-repeat:stretch;position:absolute;inset:60px 0 0}.ef-item-tooltip-card__hero{min-height:160px;padding:8px 20px 0;position:relative}.ef-item-tooltip-card__category{z-index:1;color:#aeb1aa;max-width:58%;font-size:16px;font-weight:500;line-height:1.5;position:relative}.ef-item-tooltip-card__marker{opacity:.35;border-left:2px solid #72756e;width:80px;height:40px;margin-top:12px;display:block}.ef-item-tooltip-card__barcode{opacity:.35;background:repeating-linear-gradient(90deg,#aeb1aa 0 5px,#0000 5px 7px);width:96px;height:6px;margin-top:4px;display:block}.ef-item-tooltip-card .ef-item-tooltip-card__icon{filter:drop-shadow(0 4px 4px #00000026);pointer-events:none;width:176px;height:176px;position:absolute;top:-36px;right:8px}.ef-item-tooltip-card__icon img{pointer-events:none}.ef-item-tooltip-card__color-strip{pointer-events:none;background:linear-gradient(#00ffa2 0 33.333%,#ff00f0 33.333% 66.667%,#fffa00 66.667% 100%);width:4px;height:48px;position:absolute;top:8px;right:0}.ef-item-tooltip-card__text{white-space:pre-wrap;flex-direction:column;gap:6px;padding:8px 20px 12px;font-size:14px;line-height:1.375;display:flex;position:relative}.ef-item-tooltip-card__description{color:#70716d}.ef-item-tooltip-card__obtain-title{text-align:center;background:#bdbebb;border-top:2px solid #a4a5a1;padding:6px 20px;font-size:18px;font-weight:500;line-height:24px}.ef-item-tooltip-card__obtain-list{margin:0;padding:0;list-style:none}.ef-item-tooltip-card__obtain-row{background:#f6f5f3;border-top:1px solid #a4a5a1;align-items:center;gap:8px;min-height:36px;padding:8px 20px;font-size:16px;font-weight:500;line-height:20px;display:flex}a.ef-item-tooltip-card__obtain-row{transition:background-color .15s}a.ef-item-tooltip-card__obtain-row:hover{background:#e3e4df}a.ef-item-tooltip-card__obtain-row:focus-visible{outline-offset:-2px;outline:2px solid #525350}.ef-item-tooltip-card__obtain-icon{flex-shrink:0;width:20px;height:20px}.ef-item-tooltip-card__obtain-icon img{filter:brightness(0);opacity:.65}.ef-item-tooltip-card__obtain-icon svg{width:20px;height:20px;display:block}.ef-item-tooltip-card__obtain-name{overflow-wrap:anywhere;flex:1;min-width:0}.ef-item-tooltip-card__chevrons{color:#a1a39d;flex-shrink:0;width:20px;height:20px}.ef-item-tooltip-card__obtain-hint{border-top:1px solid #a4a5a1;padding:8px 20px;font-size:14px}@container (max-width:319px){.ef-item-tooltip-card .ef-item-tooltip-card__icon{width:min(176px,55cqw);height:min(176px,55cqw)}.ef-item-tooltip-card__category{max-width:max(48px,100cqw - min(176px,55cqw) - 28px)}}@media (prefers-reduced-motion:reduce){.ef-item-tooltip-card a{transition:none}}@media (forced-colors:active){.ef-item-tooltip-card{color:canvastext;box-shadow:none;background:canvas;border:1px solid canvastext}.ef-item-tooltip-card__header,.ef-item-tooltip-card__body,.ef-item-tooltip-card__obtain-title,.ef-item-tooltip-card__obtain-row{color:canvastext;background:canvas}.ef-item-tooltip-card__header-texture,.ef-item-tooltip-card__detail-texture,.ef-item-tooltip-card__marker,.ef-item-tooltip-card__barcode,.ef-item-tooltip-card__color-strip{display:none}.ef-item-tooltip-card__category,.ef-item-tooltip-card__description,.ef-item-tooltip-card__chevrons{color:canvastext}.ef-item-tooltip-card__detail-link-icon{-webkit-mask:var(--ef-game-item-tooltip-link-icon,url(./assets/link.webp)) center / contain no-repeat;-webkit-mask:var(--ef-game-item-tooltip-link-icon,url(./assets/link.webp)) center / contain no-repeat;mask:var(--ef-game-item-tooltip-link-icon,url(./assets/link.webp)) center / contain no-repeat;background:buttontext}}.ef-item-tooltip-card__header-texture:is([data-ef-game-images=off],[data-ef-game-images=off] *){background:0 0;display:none}.ef-item-tooltip-card__detail-texture:is([data-ef-game-images=off],[data-ef-game-images=off] *){border:0;border-image:;background:linear-gradient(#0000,#cdcdcb 126px);border-radius:0 0 4px 4px}.ef-item-tooltip-card__detail-link-icon:is([data-ef-game-images=off],[data-ef-game-images=off] *){background:0 0;border:2px solid;border-radius:2px}.ef-item-tooltip-card__detail-link-icon:is([data-ef-game-images=off],[data-ef-game-images=off] *):before{content:"";border:2px solid;border-width:2px 2px 0 0;width:10px;height:10px;margin:9px 0 0 6px;display:block;transform:rotate(45deg)}@media (forced-colors:active){.ef-item-tooltip-card__detail-link-icon:is([data-ef-game-images=off],[data-ef-game-images=off] *){background:0 0;-webkit-mask:none;mask:none}}.ef-item-hover-trigger{vertical-align:top;max-width:100%;display:inline-block}.ef-item-hover-positioner{z-index:var(--z-overlay,300);max-width:calc(100vw - 16px)}.ef-item-hover-panel{overscroll-behavior:contain;scrollbar-width:thin;text-align:left;background:0 0;border:0;width:100%;max-height:calc(100dvh - 16px);margin:0;padding:0;overflow-y:auto}.ef-item-hover-panel:focus-visible{outline:2px solid var(--ef-accent-ink,#fffa00);outline-offset:2px}}@layer utilities;
+@layer theme,base;@layer components{.ef-animated-dialog-backdrop{z-index:var(--z-overlay,300);background:#0003;position:fixed;inset:0}.ef-animated-dialog-viewport{z-index:var(--z-overlay,300);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.ef-animated-dialog{color:#191919;width:768px;min-width:0;max-width:100%;min-height:0;max-height:100%;font-family:var(--font-sans,inherit);isolation:isolate;outline:none;flex-direction:column;display:flex;position:relative}.ef-animated-dialog[hidden],.ef-animated-dialog-viewport[hidden],.ef-animated-dialog-backdrop[hidden]{display:none}.ef-animated-dialog__header{flex-shrink:0;position:relative}.ef-animated-dialog__top-strip{transform-origin:0;align-items:stretch;width:348px;max-width:100%;height:15px;display:flex}.ef-animated-dialog__yellow-block{background:#ffff21;flex:0 0 51px}.ef-animated-dialog__top-deco{color:#363636;background:#999;flex:1;justify-content:space-between;align-items:center;min-width:0;padding-inline:4px;display:flex}.ef-animated-dialog__top-deco>svg{fill:currentColor;width:auto;height:10px;font-family:Outfit;font-weight:700}.ef-animated-dialog__top-deco>.ef-animated-dialog__plus{fill:none;flex-shrink:0;width:10px;height:10px}.ef-animated-dialog__title-band{background:#363636;gap:24px;height:63px;display:flex;position:relative;overflow:hidden}.ef-animated-dialog__icon-slot{color:#d3d3d3;background:#484848;flex:0 0 79px;justify-content:center;align-items:center;font-size:24px;display:flex}.ef-animated-dialog__icon{justify-content:center;align-items:center;display:flex}.ef-animated-dialog__title{z-index:1;color:#fff;flex:1;align-items:center;min-width:0;margin:0;padding-right:40px;font-size:32px;font-weight:700;line-height:1;display:flex;position:relative;overflow:hidden}.ef-animated-dialog__title-deco{color:#ffffff0d;letter-spacing:-14px;pointer-events:none;font-family:Outfit;font-size:144px;font-weight:700;position:absolute;top:50%;right:0;transform:translateY(-50%)}.ef-animated-dialog__title>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ef-animated-dialog__close-motion{z-index:2;position:absolute;top:0;right:0}.ef-animated-dialog__close{color:#363636;cursor:pointer;background:#ffff21;border:0;place-items:center;width:36px;height:36px;padding:0;display:grid}.ef-animated-dialog__close>svg{width:24px;height:24px}.ef-animated-dialog__close:hover{background:#eeea00}.ef-animated-dialog__close:active{background:#e6de01}.ef-animated-dialog__close[aria-disabled=true]{cursor:progress}.ef-animated-dialog__close:focus-visible{outline-offset:3px;outline:2px solid #fff;box-shadow:0 0 0 3px #191919}.ef-animated-dialog__separator{z-index:1;transform-origin:0;filter:drop-shadow(0 0 3px #00000080);background:linear-gradient(90deg,#ffff1b 50%,#d3d3d3 50%);height:6px;position:relative}.ef-animated-dialog__separator:after{box-sizing:content-box;content:"";border-top:12px solid #ffff1b;border-inline:12px solid #0000;display:block;position:absolute;bottom:-8px;left:52px}.ef-animated-dialog__content{background-color:#fff;background-image:repeating-linear-gradient(-45deg,#0000,#0000 2px,#ccc2 2px 3px);flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow:hidden}.ef-animated-dialog__body{overscroll-behavior:contain;min-height:0;overflow-y:auto}.ef-animated-dialog__description{color:#626262;margin:24px 24px 16px}.ef-animated-dialog__registration{transform-origin:100%;background:linear-gradient(90deg,#00ffa2 42.5%,#ffff21 42.5% 79.2%,#ff00f0 79.2%);width:min(240px,100% - 40.8px);height:4px;position:absolute;bottom:0;right:20.4px}.ef-animated-dialog__footer{transform-origin:0;background:#ababab;flex-shrink:0;align-items:center;height:15px;margin-right:36px;padding-inline:16px;display:flex}.ef-animated-dialog__footer-square{background:#838383;width:8px;height:8px}.ef-animated-dialog__footer-outline{border:1px solid #838383;width:8px;height:8px;margin-left:2px;-webkit-mask-image:linear-gradient(#fff 2px,#0000 2px 6px,#fff 6px);mask-image:linear-gradient(#fff 2px,#0000 2px 6px,#fff 6px)}.ef-animated-dialog__footer-hatch{background:repeating-linear-gradient(-45deg,#0000,#0000 1px,#838383 1px 2px);width:48px;height:8px;margin-left:4px}.ef-animated-dialog[data-open]{animation:.15s ease-out both ef-animated-dialog-enter}.ef-animated-dialog[data-open] .ef-animated-dialog__top-strip{animation:.12s ease-out both ef-animated-dialog-strip-enter}.ef-animated-dialog[data-open] .ef-animated-dialog__footer{animation:.12s ease-out 50ms both ef-animated-dialog-strip-enter}.ef-animated-dialog[data-open] .ef-animated-dialog__icon{animation:.2s cubic-bezier(.33,1.53,.69,.99) .1s both ef-animated-dialog-scale-enter}.ef-animated-dialog[data-open] .ef-animated-dialog__close-motion{animation:.2s cubic-bezier(.33,1.53,.69,.99) .2s both ef-animated-dialog-scale-enter}.ef-animated-dialog[data-open] .ef-animated-dialog__registration{animation:.15s ease-out .1s both ef-animated-dialog-strip-enter}.ef-animated-dialog[data-open] .ef-animated-dialog__separator{animation:.12s ease-out .2s both ef-animated-dialog-strip-enter}.ef-animated-dialog[data-ending-style]{animation:.1s ease-out .2s both ef-animated-dialog-exit}.ef-animated-dialog[data-ending-style] .ef-animated-dialog__top-strip{animation:.1s ease-in .15s both ef-animated-dialog-strip-exit}.ef-animated-dialog[data-ending-style] .ef-animated-dialog__footer{animation:.1s ease-in 50ms both ef-animated-dialog-strip-exit}.ef-animated-dialog[data-ending-style] .ef-animated-dialog__icon{animation:.1s ease-in both ef-animated-dialog-scale-exit}.ef-animated-dialog[data-ending-style] .ef-animated-dialog__close-motion{animation:.15s ease-in both ef-animated-dialog-scale-exit}.ef-animated-dialog[data-ending-style] .ef-animated-dialog__registration{animation:80ms ease-in both ef-animated-dialog-strip-exit}.ef-animated-dialog[data-ending-style] .ef-animated-dialog__separator{animation:.1s ease-in .1s both ef-animated-dialog-strip-exit}@keyframes ef-animated-dialog-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes ef-animated-dialog-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes ef-animated-dialog-strip-enter{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ef-animated-dialog-strip-exit{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes ef-animated-dialog-scale-enter{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes ef-animated-dialog-scale-exit{0%{transform:scale(1)}to{transform:scale(0)}}@media (prefers-reduced-motion:reduce){.ef-animated-dialog,.ef-animated-dialog :is(.ef-animated-dialog__top-strip,.ef-animated-dialog__footer,.ef-animated-dialog__icon,.ef-animated-dialog__close-motion,.ef-animated-dialog__registration,.ef-animated-dialog__separator){animation-duration:.01ms!important;animation-delay:0s!important}}@media (forced-colors:active){.ef-animated-dialog{background:canvas;border:1px solid canvastext}.ef-animated-dialog__top-strip,.ef-animated-dialog__title-deco,.ef-animated-dialog__separator,.ef-animated-dialog__registration,.ef-animated-dialog__footer{display:none}.ef-animated-dialog__content{color:canvastext;background:canvas}.ef-animated-dialog__title-band{background:canvas;border:1px solid canvastext}.ef-animated-dialog__title{color:canvastext}.ef-animated-dialog__close{color:buttontext;background:buttonface;border:1px solid buttontext}}.ef-rounded-select{color:#373537;width:100%;min-width:0;position:relative}.ef-rounded-select-trigger{z-index:1;box-sizing:border-box;width:100%;min-height:32px;color:inherit;font:inherit;text-align:left;cursor:default;background:#edebec;border:0;border-radius:9999px;align-items:center;gap:8px;padding:4px 10px 4px 14px;line-height:24px;display:flex;position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.ef-rounded-select-trigger:hover:not(:disabled){background:#e0e0e0}.ef-rounded-select-trigger:active:not(:disabled){background:#edebec}.ef-rounded-select-trigger:disabled{color:#6e6d6e;cursor:not-allowed;box-shadow:none;background:#edebec66}.ef-rounded-select-trigger:focus-visible{outline:2px solid var(--ef-focus,#373537);outline-offset:2px}.ef-rounded-select[data-invalid] .ef-rounded-select-trigger,.ef-rounded-select-mirror[data-invalid]{outline:2px solid var(--ef-danger,#bd3636);outline-offset:1px}.ef-rounded-select-value{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ef-rounded-select-chevron{flex-shrink:0;align-items:center;transition:transform .3s;display:flex}.ef-rounded-select-chevron[data-popup-open]{transform:rotate(180deg)}.ef-rounded-select-positioner{z-index:var(--z-overlay,300);min-width:var(--anchor-width);color:#373537;pointer-events:none;outline:none;max-width:calc(100vw - 16px)}.ef-rounded-select-mirror{width:var(--anchor-width);height:var(--anchor-height);pointer-events:none;position:absolute;top:-16px;left:0}.ef-rounded-select-mirror[data-hovered]{background:#e0e0e0}.ef-rounded-select-mirror[data-pressed]{background:#edebec}.ef-rounded-select-positioner[data-side=top] .ef-rounded-select-mirror{top:auto;bottom:-16px}.ef-rounded-select-popup{box-sizing:border-box;width:max-content;min-width:var(--anchor-width);max-width:min(var(--available-width), calc(100vw - 16px));max-height:min(var(--available-height), 256px);color:#373537;opacity:1;transform-origin:top;pointer-events:none;background:#d4d2d3;border-radius:0 0 6px 6px;flex-direction:column;padding-top:22px;transition:transform .15s ease-out,opacity .15s ease-out;display:flex;overflow:hidden;transform:scaleY(1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.ef-rounded-select-popup[data-side=top]{transform-origin:bottom;border-radius:6px 6px 0 0;padding-top:0;padding-bottom:22px}.ef-rounded-select-popup[data-starting-style],.ef-rounded-select-popup[data-ending-style]{opacity:0;transform:scaleY(0)}.ef-rounded-select-scroll-area{pointer-events:auto;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.ef-rounded-select-viewport{overscroll-behavior:contain;outline:none;flex:1;min-height:0}.ef-rounded-select-option{box-sizing:border-box;width:100%;min-width:0;font:inherit;text-align:left;cursor:default;-webkit-user-select:none;user-select:none;outline:none;align-items:center;padding:6px 4px;line-height:24px;display:flex;position:relative}.ef-rounded-select-option[data-highlighted]:not([data-selected]):not([data-disabled]){background:#e0e0e0}.ef-rounded-select-option[data-selected]:not([data-disabled]){color:#fff;background:#5f5f5f}.ef-rounded-select-option[data-selected]:before{content:"";background:#fff;border-radius:9999px;width:2.5px;height:18px;position:absolute;top:50%;left:1.5px;transform:translateY(-50%)}.ef-rounded-select-option[data-disabled]{color:#6e6d6e;cursor:not-allowed}.ef-rounded-select-option:focus-visible{outline-offset:-2px;outline:2px solid}.ef-rounded-select-option-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin-inline:8px;overflow:hidden}.ef-rounded-select-left,.ef-rounded-select-right{flex-shrink:0;align-items:center;display:flex}.ef-rounded-select-left{margin-left:4px}.ef-rounded-select-right{margin-right:4px}.ef-rounded-select-check{flex-shrink:0;justify-content:center;align-items:center;width:16px;display:flex}.ef-rounded-select-scrollbar{opacity:0;justify-content:center;width:12px;transition:opacity .3s;display:flex;position:relative}.ef-rounded-select-scrollbar[data-hovering],.ef-rounded-select-scrollbar[data-scrolling],.ef-rounded-select-scroll-area:focus-within .ef-rounded-select-scrollbar{opacity:1}.ef-rounded-select-scrollbar:before{content:"";inset-block:0;background:#0003;border-radius:9999px;width:3px;position:absolute;left:50%;transform:translate(-50%)}.ef-rounded-select-thumb{z-index:1;cursor:grab;background:#fcfefe;border-radius:9999px;width:5px;box-shadow:0 0 2px #0003}.ef-rounded-select-thumb:active{cursor:grabbing}@media (prefers-reduced-motion:reduce){.ef-rounded-select-chevron,.ef-rounded-select-popup,.ef-rounded-select-scrollbar{transition:none}}@media (forced-colors:active){.ef-rounded-select-trigger,.ef-rounded-select-popup{color:buttontext;box-shadow:none;background:canvas;border:1px solid buttontext}.ef-rounded-select-trigger:disabled,.ef-rounded-select-option[data-disabled]{color:graytext}.ef-rounded-select-option[data-selected]:not([data-disabled]){color:highlighttext;forced-color-adjust:none;background:highlight}.ef-rounded-select-option[data-selected]:before{background:currentColor}.ef-rounded-select-scrollbar:before{background:canvas;border:1px solid buttontext}.ef-rounded-select-thumb{background:buttontext}}.ef-rounded-button{box-sizing:border-box;color:#fefcfc;cursor:default;background:#2a2728;border:0;border-radius:9999px;justify-content:center;align-items:center;min-width:112px;padding:.3em .35em;font-family:inherit;font-size:16px;line-height:1.5;display:inline-flex;box-shadow:0 0 0 .1em #2a2728,inset 0 0 0 .1em #81807f}.ef-rounded-button[data-variant=default]{color:#4d4d4d;background:#f2f1ef;box-shadow:0 0 0 .1em #f2f1ef,inset 0 0 0 .1em #a0a2a3}.ef-rounded-button[data-icon-position=left]{padding-left:.3em}.ef-rounded-button:disabled{opacity:.7;cursor:not-allowed}.ef-rounded-button[data-loading]{cursor:progress}.ef-rounded-button:focus-visible,.ef-rounded-icon-button:focus-visible{outline:2px solid var(--ef-focus,#373537);outline-offset:3px}.ef-rounded-button-text{text-align:center;flex:1}.ef-rounded-button-icon{color:#2a2728;pointer-events:none;background:#fefcfc;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.3em;height:1.3em;transition:background-color .3s,color .3s;display:flex}.ef-rounded-button-icon svg{font-size:1.3em}.ef-rounded-button[data-variant=default] .ef-rounded-button-icon{color:#f2f1ef;background:#4d4d4d}.ef-rounded-button[data-variant=default] .ef-rounded-button-icon svg{font-size:1em}.ef-rounded-button-spinner{box-sizing:border-box;border:2px solid #fb0;border-top-color:#fff;border-radius:9999px;width:1em;height:1em;animation:1s linear infinite ef-rounded-button-spin}@keyframes ef-rounded-button-spin{to{transform:rotate(360deg)}}.ef-rounded-icon-button{box-sizing:border-box;color:#3c3c3c;width:24px;height:24px;font:inherit;cursor:default;background:#fafafa;border:0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .15s;display:inline-flex;position:relative;box-shadow:0 0 10px #0202024d}.ef-rounded-icon-button:disabled{opacity:.5;cursor:not-allowed}.ef-rounded-icon-button-texture,.ef-rounded-icon-button-border{pointer-events:none;border-radius:9999px;position:absolute;inset:0}.ef-rounded-icon-button-texture{background:var(--ef-game-button-texture,url(./assets/pag-button-texture.png)) center / cover no-repeat;opacity:.4}.ef-rounded-icon-button-border{z-index:1}.ef-rounded-icon-button-border:before,.ef-rounded-icon-button-border:after{content:"";border-radius:9999px;position:absolute;inset:0}.ef-rounded-icon-button-border:before{border:1.5px solid #e6e6e6}.ef-rounded-icon-button-border:after{border:1px solid #fff}.ef-rounded-icon-button-content{pointer-events:none;justify-content:center;align-items:center;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.ef-rounded-button:not(:disabled):not([data-loading]):hover{background:#2a2728b5;box-shadow:0 0 0 .1em #2a2728b5,inset 0 0 0 .1em #81807f}.ef-rounded-button[data-variant=default]:not(:disabled):not([data-loading]):hover{background:#e8e8e8b5;box-shadow:0 0 0 .1em #e8e8e8b5,inset 0 0 0 .1em #a5a5a5}}@media (min-width:768px) and (hover:hover) and (pointer:fine){.ef-rounded-icon-button:not(:disabled):hover{background:#fffa00}.ef-rounded-icon-button:not(:disabled):active{background:#eeea00}}@media (prefers-reduced-motion:reduce){.ef-rounded-button-icon,.ef-rounded-icon-button{transition:none}.ef-rounded-button-spinner{animation:none}}@media (forced-colors:active){.ef-rounded-button,.ef-rounded-icon-button{color:buttontext;box-shadow:none;background:buttonface;border:1px solid buttontext}.ef-rounded-button:disabled,.ef-rounded-icon-button:disabled{color:graytext;border-color:graytext}.ef-rounded-button-icon{color:buttontext;background:buttonface;border:1px solid buttontext}.ef-rounded-icon-button-texture,.ef-rounded-icon-button-border{display:none}.ef-rounded-button-spinner{border-color:highlight buttontext buttontext}}.ef-rounded-icon-button-texture:is([data-ef-game-images=off],[data-ef-game-images=off] *){background:0 0;display:none}.ef-rounded-toggle{isolation:isolate;background:#5c5a5d;border-radius:9999px;align-items:center;width:100%;min-width:0;max-width:100%;min-height:32px;font-size:16px;line-height:24px;display:flex;position:relative;box-shadow:0 0 3px #0004}.ef-rounded-toggle__highlight{z-index:1;pointer-events:none;background:#edebec;border-radius:9999px;height:100%;transition-property:none;position:absolute;inset:0 auto 0 0;box-shadow:0 0 3px #0006}.ef-rounded-toggle__highlight[hidden]{display:none}.ef-rounded-toggle__option{z-index:2;color:#b3b1b4;min-width:0;min-height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9999px;flex:1 1 0;justify-content:center;align-items:center;gap:8px;padding:4px 16px;display:flex;position:relative}.ef-rounded-toggle__option[data-checked]{color:#373537}.ef-rounded-toggle__option:is([disabled],[aria-disabled=true]){cursor:not-allowed}.ef-rounded-toggle__option:focus-visible{outline:2px solid var(--ef-focus,#191919);outline-offset:2px;z-index:3}.ef-rounded-toggle__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ef-rounded-toggle__icon{background:#373537;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}@media (forced-colors:active){.ef-rounded-toggle{box-shadow:none;background:canvas;border:1px solid buttontext}.ef-rounded-toggle__highlight{box-shadow:none;forced-color-adjust:none;background:highlight}.ef-rounded-toggle__option{color:buttontext}.ef-rounded-toggle__option[data-checked]{color:highlighttext;forced-color-adjust:none}.ef-rounded-toggle__option:is([disabled],[aria-disabled=true]){color:graytext}.ef-rounded-toggle__option:focus-visible{outline-color:highlight}}.ef-rounded-switch{isolation:isolate;background:#5c5a5d;border-radius:9999px;align-items:center;width:100%;min-width:0;max-width:100%;min-height:32px;font-size:16px;line-height:24px;display:flex;position:relative;box-shadow:0 0 3px #0004}.ef-rounded-switch__highlight{z-index:1;pointer-events:none;background:#edebec;border-radius:9999px;width:calc(50% + .5em);height:100%;transition-property:none;position:absolute;inset:0 auto 0 0;box-shadow:0 0 3px #0006}.ef-rounded-switch__option{z-index:2;color:#b3b1b4;min-width:0;min-height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9999px;flex:1 1 0;justify-content:center;align-items:center;padding:4px 16px;display:flex;position:relative}.ef-rounded-switch__option[data-checked]{color:#373537}.ef-rounded-switch__option:is([disabled],[aria-disabled=true]){cursor:not-allowed}.ef-rounded-switch__option:focus-visible{outline:2px solid var(--ef-focus,#191919);outline-offset:2px;z-index:3}.ef-rounded-switch__option>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (forced-colors:active){.ef-rounded-switch{box-shadow:none;background:canvas;border:1px solid buttontext}.ef-rounded-switch__highlight{box-shadow:none;forced-color-adjust:none;background:highlight}.ef-rounded-switch__option{color:buttontext}.ef-rounded-switch__option[data-checked]{color:highlighttext;forced-color-adjust:none}.ef-rounded-switch__option:is([disabled],[aria-disabled=true]){color:graytext}.ef-rounded-switch__option:focus-visible{outline-color:highlight}}.ef-alert-modal-viewport{--ef-game-alert-background-default:url(./assets/alert_bg.png);--ef-game-alert-banner-left-default:url(./assets/alert_banner_bg_left.png);--ef-game-alert-banner-right-default:url(./assets/alert_banner_bg_right.png);--ef-game-alert-logo-default:url(./assets/deco_common_logo_bg.png);z-index:var(--z-overlay,300);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.ef-alert-modal-viewport[hidden],.ef-banner-alert[hidden],.ef-banner-alert-backdrop[hidden]{display:none}.ef-alert-modal-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ef-banner-alert-backdrop{z-index:var(--z-overlay,300);background:#0003;position:fixed;inset:0}.ef-banner-alert{background-color:#fefefe;background-image:var(--ef-game-alert-background,var(--ef-game-alert-background-default));color:#2a2728;transform-origin:top;background-position:100% 100%;background-repeat:no-repeat;background-size:90%;border-radius:.2em;outline:none;flex-direction:column;max-width:calc(100vw - 2em);min-height:10em;max-height:calc(100dvh - 4em);margin:1em;padding:1.7em 0 16px;display:flex;position:relative;box-shadow:0 0 .4em #0000004d}.ef-banner-alert__banner{z-index:0;pointer-events:none;align-items:stretch;width:100%;height:4.5em;display:flex;position:absolute;top:0;left:0}.ef-banner-alert__banner>:first-child{background:var(--ef-game-alert-banner-left,var(--ef-game-alert-banner-left-default)) top left / contain repeat-x;flex:1;height:100%;padding-right:30%;display:block}.ef-banner-alert__banner>:last-child{background:var(--ef-game-alert-banner-right,var(--ef-game-alert-banner-right-default)) top right / 100% 100% no-repeat;flex-shrink:0;width:6.96711em;height:4.5em;display:block}.ef-banner-alert__content{z-index:1;overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;margin-inline:16px;transition-property:none;display:flex;position:relative;overflow-y:auto}.ef-banner-alert__body{color:#2a2728;flex:1;padding-block:16px}.ef-banner-alert__actions{z-index:1;flex-shrink:0;justify-content:space-between;gap:16px;padding:16px 16px 0;transition-property:none;display:flex;position:relative}.ef-banner-alert__actions[data-hide-cancel]{justify-content:center}.ef-banner-alert__button{width:50%}.ef-banner-alert[data-open]{animation:.15s ease-out both ef-banner-alert-enter}.ef-banner-alert[data-ending-style]{animation:.15s ease-out both ef-banner-alert-scale-exit,30ms ease-out 70ms both ef-banner-alert-opacity-exit}.ef-banner-alert[data-ending-style] :is(.ef-banner-alert__content,.ef-banner-alert__actions){animation:.15s ease-out both ef-banner-alert-content-exit}@keyframes ef-banner-alert-enter{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes ef-banner-alert-scale-exit{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes ef-banner-alert-opacity-exit{0%{opacity:1}to{opacity:0}}@keyframes ef-banner-alert-content-exit{0%{opacity:var(--ef-game-alert-exit-opacity,1)}to{opacity:0}}@media (min-width:768px){.ef-banner-alert{max-width:calc(100vw - .2em);margin:.5em}}@media (prefers-reduced-motion:reduce){.ef-banner-alert,.ef-banner-alert :is(.ef-banner-alert__content,.ef-banner-alert__actions){animation-duration:.01ms!important;animation-delay:0s!important}}@media (forced-colors:active){.ef-banner-alert{color:canvastext;box-shadow:none;background:canvas;border:1px solid canvastext}.ef-banner-alert__body{color:canvastext}.ef-banner-alert__banner{display:none}}.ef-banner-alert:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:none}.ef-banner-alert__banner:is([data-ef-game-images=off],[data-ef-game-images=off] *){display:none}.ef-banner-alert__banner:is([data-ef-game-images=off],[data-ef-game-images=off] *)>*{background:0 0}.ef-full-width-alert-backdrop{z-index:var(--z-overlay,300);opacity:1;background:#00000080;transition:opacity 50ms ease-out;position:fixed;inset:0}.ef-full-width-alert-backdrop[data-starting-style],.ef-full-width-alert-backdrop[data-ending-style]{opacity:0}.ef-full-width-alert-viewport{z-index:var(--z-overlay,300);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.ef-full-width-alert{box-sizing:border-box;color:#2a2728;filter:drop-shadow(0 0 .4em #0000004d);opacity:1;transform-origin:100%;background:#fefefe;outline:none;flex-direction:column;width:100%;min-width:0;min-height:10em;max-height:calc(100dvh - 4em);padding-top:1.7em;padding-bottom:16px;font-size:16px;line-height:1.5;transition:transform .1s ease-out,opacity .1s ease-out;display:flex;position:relative;transform:scaleX(1)}.ef-full-width-alert[data-starting-style],.ef-full-width-alert[data-ending-style]{opacity:0;transform:scaleX(0)}.ef-full-width-alert[hidden],.ef-full-width-alert-backdrop[hidden]{display:none}.ef-full-width-alert-decoration{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ef-full-width-alert-logo{background:var(--ef-game-alert-logo,var(--ef-game-alert-logo-default)) bottom left / contain no-repeat;width:100%;height:calc(100% - 1em);position:absolute;bottom:0;left:-2em}.ef-full-width-alert-color-bar{background:linear-gradient(90deg,#f0f48a 0% 50%,#57a2b5 50% 75%,#b96bbc 75% 100%);width:15em;max-width:100%;height:.2em;position:absolute;top:0;left:0}.ef-full-width-alert-banner{width:40em;height:3em;display:flex;position:absolute;top:0;right:0;transform:scaleX(-1)}.ef-full-width-alert-banner-left{box-sizing:border-box;background:var(--ef-game-alert-banner-left,var(--ef-game-alert-banner-left-default)) top left / contain repeat-x;flex:1;height:100%;padding-right:30%}.ef-full-width-alert-banner-right{background:var(--ef-game-alert-banner-right,var(--ef-game-alert-banner-right-default)) center / contain no-repeat;flex-shrink:0;width:4.64474em;height:3em}.ef-full-width-alert-content{z-index:1;flex-direction:column;flex:1;min-width:0;min-height:0;margin-inline:16px;display:flex;position:relative}.ef-full-width-alert-scroll-area{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.ef-full-width-alert-viewport-content{overscroll-behavior:contain;flex:1;min-width:0;min-height:0}.ef-full-width-alert-viewport-content:focus-visible{outline:2px solid var(--ef-focus,#373537);outline-offset:-2px}.ef-full-width-alert-body{color:#2a2728;flex-direction:column;align-items:center;min-width:0;padding-block:16px;display:flex}.ef-full-width-alert-scrollbar{opacity:0;justify-content:center;width:12px;transition:opacity .3s;display:flex;position:relative}.ef-full-width-alert-scrollbar[data-hovering],.ef-full-width-alert-scrollbar[data-scrolling],.ef-full-width-alert-scroll-area:focus-within .ef-full-width-alert-scrollbar{opacity:1}.ef-full-width-alert-scrollbar:before{content:"";inset-block:0;background:#0003;border-radius:9999px;width:3px;position:absolute;left:50%;transform:translate(-50%)}.ef-full-width-alert-thumb{z-index:1;cursor:grab;background:#fcfefe;border-radius:9999px;width:5px;box-shadow:0 0 2px #0003}.ef-full-width-alert-thumb:active{cursor:grabbing}.ef-full-width-alert-actions{z-index:1;box-sizing:border-box;margin-inline:auto;flex-shrink:0;gap:32px;width:26em;max-width:calc(100% - 2em);margin-bottom:-2em;padding:16px 16px 0;display:flex;position:relative}.ef-full-width-alert-action{flex:1;min-width:0;display:flex;position:relative}.ef-full-width-alert-action-backing{pointer-events:none;background:#fefefe;border-radius:0 0 9999px 9999px;position:absolute;inset:50% -.24em -.24em}.ef-full-width-alert-button{flex:1;position:relative}@media (min-width:768px){.ef-full-width-alert-actions{gap:16px;width:25em}}@media (prefers-reduced-motion:reduce){.ef-full-width-alert-backdrop,.ef-full-width-alert,.ef-full-width-alert-scrollbar{transition:none}}@media (forced-colors:active){.ef-full-width-alert{color:canvastext;filter:none;background:canvas;border:1px solid canvastext}.ef-full-width-alert-decoration{display:none}.ef-full-width-alert-body,.ef-full-width-alert-action-backing{color:canvastext;background:canvas}.ef-full-width-alert-scrollbar:before{background:canvas;border:1px solid canvastext}.ef-full-width-alert-thumb{background:canvastext}}.ef-full-width-alert-logo:is([data-ef-game-images=off],[data-ef-game-images=off] *),.ef-full-width-alert-banner:is([data-ef-game-images=off],[data-ef-game-images=off] *){background:0 0;display:none}.ef-full-width-alert-banner-left:is([data-ef-game-images=off],[data-ef-game-images=off] *),.ef-full-width-alert-banner-right:is([data-ef-game-images=off],[data-ef-game-images=off] *){background:0 0}.ef-composite-item-icon{isolation:isolate;display:block;position:relative;overflow:hidden}.ef-composite-item-icon__layer{pointer-events:none;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.ef-composite-item-icon__art{pointer-events:auto}.ef-composite-item-icon__overlay{mix-blend-mode:screen}:root,[data-theme=light]{--ef-game-itemcard-bg-item-default:url(./assets/items_background.webp);--ef-game-itemcard-bg-weapon-default:url(./assets/weapons_background.webp);--ef-game-itemcard-bg-enemy-default:url(./assets/enemies_background.webp);--ef-game-itemcard-x-bg-item-default:url(./assets/items_background_dark.webp);--ef-game-itemcard-x-bg-weapon-default:url(./assets/weapons_background_dark.webp);--ef-game-itemcard-x-bg-enemy-default:url(./assets/enemies_background_dark.webp)}[data-theme=dark]{--ef-game-itemcard-bg-item-default:url(./assets/items_background_dark.webp);--ef-game-itemcard-bg-weapon-default:url(./assets/weapons_background_dark.webp);--ef-game-itemcard-bg-enemy-default:url(./assets/enemies_background_dark.webp);--ef-game-itemcard-x-bg-item-default:url(./assets/items_background.webp);--ef-game-itemcard-x-bg-weapon-default:url(./assets/weapons_background.webp);--ef-game-itemcard-x-bg-enemy-default:url(./assets/enemies_background.webp)}[data-theme=inverse]{--ef-game-itemcard-bg-item-default:var(--ef-game-itemcard-x-bg-item-default);--ef-game-itemcard-bg-weapon-default:var(--ef-game-itemcard-x-bg-weapon-default);--ef-game-itemcard-bg-enemy-default:var(--ef-game-itemcard-x-bg-enemy-default)}.ef-item-card{box-sizing:border-box;width:112px;max-width:100%;margin-inline:auto}.ef-item-card[data-variant=inventory]{flex-direction:column;gap:4px;width:96px;display:flex}.ef-item-card-tile{isolation:isolate;border-radius:6px;position:relative;overflow:hidden}.ef-item-card-background,.ef-item-card-edge{pointer-events:none;position:absolute;inset:0}.ef-item-card-background{background-color:var(--ef-surface-muted,#e6e6e6);background-position:50%;background-size:cover}.ef-item-card[data-kind=item] .ef-item-card-background{background-image:var(--ef-game-itemcard-bg-item,var(--ef-game-itemcard-bg-item-default))}.ef-item-card[data-kind=weapon] .ef-item-card-background{background-image:var(--ef-game-itemcard-bg-weapon,var(--ef-game-itemcard-bg-weapon-default))}.ef-item-card[data-kind=enemy] .ef-item-card-background{background-image:var(--ef-game-itemcard-bg-enemy,var(--ef-game-itemcard-bg-enemy-default))}.ef-item-card-art{z-index:10;box-sizing:border-box;aspect-ratio:1;padding:4px 4px 12px;position:relative}.ef-item-card-icon{width:100%;height:100%}.ef-item-card-fallback{color:#ffffffb3;text-transform:uppercase;letter-spacing:.08em;place-items:center;font-family:monospace;font-size:12px;display:grid;position:absolute;inset:0}.ef-item-card-badges{z-index:30;pointer-events:none;flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:absolute;top:4px;right:4px}.ef-item-card-strip{z-index:20;padding:12px 6px 6px;position:absolute;bottom:0;left:0;right:0;overflow:hidden;container-type:inline-size}.ef-item-card-edge{background-image:linear-gradient(to top, var(--ef-surface,#fff), transparent)}@supports (color:color-mix(in lab, red, red)){.ef-item-card-edge{background-image:linear-gradient(to top, color-mix(in srgb, var(--ef-surface,#fff) 62%, transparent), transparent)}}.ef-item-card-edge{background-position:bottom;background-repeat:no-repeat;background-size:100% 100%}.ef-item-card[data-rarity="1"] .ef-item-card-edge{background-image:var(--ef-game-itemcard-edge-1,url(./assets/icon_card_rarity_1_bottom_edge.webp))}.ef-item-card[data-rarity="2"] .ef-item-card-edge{background-image:var(--ef-game-itemcard-edge-2,url(./assets/icon_card_rarity_2_bottom_edge.webp))}.ef-item-card[data-rarity="3"] .ef-item-card-edge{background-image:var(--ef-game-itemcard-edge-3,url(./assets/icon_card_rarity_3_bottom_edge.webp))}.ef-item-card[data-rarity="4"] .ef-item-card-edge{background-image:var(--ef-game-itemcard-edge-4,url(./assets/icon_card_rarity_4_bottom_edge.webp))}.ef-item-card[data-rarity="5"] .ef-item-card-edge{background-image:var(--ef-game-itemcard-edge-5,url(./assets/icon_card_rarity_5_bottom_edge.webp))}.ef-item-card[data-rarity="6"] .ef-item-card-edge{background-image:var(--ef-game-itemcard-edge-6,url(./assets/icon_card_rarity_6_bottom_edge.webp))}.ef-item-card-strip-content{justify-content:center;display:flex;position:relative}.ef-item-card-name,.ef-item-card-count{color:var(--ef-game-itemcard-ink,var(--ef-ink,#191919));text-align:center;font-size:14px;font-weight:700}.ef-item-card-name{text-overflow:ellipsis;white-space:nowrap;width:100%;line-height:17.5px;overflow:hidden}.ef-item-card-count{color:var(--ef-game-itemcard-count-color,var(--ef-game-itemcard-ink,var(--ef-ink,#191919)));font-size:var(--ef-game-itemcard-count-size,14px);font-variant-numeric:tabular-nums;line-height:1.25;transform:translateY(2px)}.ef-item-card-caption{-webkit-line-clamp:2;color:var(--ef-game-itemcard-ink,var(--ef-ink,#191919));text-align:center;-webkit-box-orient:vertical;font-size:12px;line-height:15px;display:-webkit-box;overflow:hidden}.ef-item-card-action{box-sizing:border-box;width:fit-content;max-width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0;display:block}.ef-item-card-action[data-selected]{outline:2px solid var(--ef-game-itemcard-accent,var(--ef-accent-ink,#d4bd00));outline-offset:2px}.ef-item-card-action:disabled{opacity:.45;cursor:not-allowed}.ef-item-card-disabled-reason{color:var(--ef-game-itemcard-muted,var(--ef-ink-secondary,#737373));margin-top:4px;font-size:12px;line-height:1.625;display:block}.ef-item-card-link{width:fit-content;max-width:100%;text-decoration:none;transition:filter .15s;display:block}.ef-item-card-action:focus-visible,.ef-item-card-link:focus-visible{outline:2px solid var(--ef-game-itemcard-accent,var(--ef-focus,#373537));outline-offset:2px;border-radius:6px}@media (hover:hover){.ef-item-card-link:hover,.ef-item-card-action:enabled:hover{filter:brightness(1.1)}}@media (prefers-reduced-motion:reduce){.ef-item-card-link{transition:none}}@media (forced-colors:active){.ef-item-card-tile{border:1px solid canvastext}.ef-item-card-background,.ef-item-card-edge{display:none}.ef-item-card-name,.ef-item-card-count{color:canvastext}.ef-item-card-action:disabled{color:graytext}.ef-item-card-action[data-selected]{outline-color:highlight}.ef-item-card-action:focus-visible,.ef-item-card-link:focus-visible{outline-color:buttontext}}.ef-item-card[data-kind] .ef-item-card-background:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:none}.ef-item-card[data-rarity="1"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #9b9b9b 0 3px, transparent 3px), linear-gradient(to top, var(--ef-surface,#fff), transparent)}@supports (color:color-mix(in lab, red, red)){.ef-item-card[data-rarity="1"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #9b9b9b 0 3px, transparent 3px), linear-gradient(to top, color-mix(in srgb, var(--ef-surface,#fff) 62%, transparent), transparent)}}.ef-item-card[data-rarity="2"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #abce42 0 3px, transparent 3px), linear-gradient(to top, var(--ef-surface,#fff), transparent)}@supports (color:color-mix(in lab, red, red)){.ef-item-card[data-rarity="2"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #abce42 0 3px, transparent 3px), linear-gradient(to top, color-mix(in srgb, var(--ef-surface,#fff) 62%, transparent), transparent)}}.ef-item-card[data-rarity="3"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #26bbfd 0 3px, transparent 3px), linear-gradient(to top, var(--ef-surface,#fff), transparent)}@supports (color:color-mix(in lab, red, red)){.ef-item-card[data-rarity="3"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #26bbfd 0 3px, transparent 3px), linear-gradient(to top, color-mix(in srgb, var(--ef-surface,#fff) 62%, transparent), transparent)}}.ef-item-card[data-rarity="4"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #9452fa 0 3px, transparent 3px), linear-gradient(to top, var(--ef-surface,#fff), transparent)}@supports (color:color-mix(in lab, red, red)){.ef-item-card[data-rarity="4"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #9452fa 0 3px, transparent 3px), linear-gradient(to top, color-mix(in srgb, var(--ef-surface,#fff) 62%, transparent), transparent)}}.ef-item-card[data-rarity="5"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #ffbb03 0 3px, transparent 3px), linear-gradient(to top, var(--ef-surface,#fff), transparent)}@supports (color:color-mix(in lab, red, red)){.ef-item-card[data-rarity="5"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #ffbb03 0 3px, transparent 3px), linear-gradient(to top, color-mix(in srgb, var(--ef-surface,#fff) 62%, transparent), transparent)}}.ef-item-card[data-rarity="6"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #ff7100 0 3px, transparent 3px), linear-gradient(to top, var(--ef-surface,#fff), transparent)}@supports (color:color-mix(in lab, red, red)){.ef-item-card[data-rarity="6"] .ef-item-card-edge:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:linear-gradient(to top, #ff7100 0 3px, transparent 3px), linear-gradient(to top, color-mix(in srgb, var(--ef-surface,#fff) 62%, transparent), transparent)}}.ef-item-tooltip-card{--ef-game-item-tooltip-rarity:#9b9b9b;isolation:isolate;color:#555651;font-synthesis:none;text-align:left;color-scheme:light;background:#cdcdcb;border-radius:2px;font-family:HarmonyOS Sans SC,HarmonyOS Sans,sans-serif;font-weight:500;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;container-type:inline-size}.ef-item-tooltip-card[data-rarity="2"]{--ef-game-item-tooltip-rarity:#abce42}.ef-item-tooltip-card[data-rarity="3"]{--ef-game-item-tooltip-rarity:#26bbfd}.ef-item-tooltip-card[data-rarity="4"]{--ef-game-item-tooltip-rarity:#9452fa}.ef-item-tooltip-card[data-rarity="5"]{--ef-game-item-tooltip-rarity:#ffbb03}.ef-item-tooltip-card[data-rarity="6"]{--ef-game-item-tooltip-rarity:#ff7100}.ef-item-tooltip-card *,.ef-item-tooltip-card :before,.ef-item-tooltip-card :after{box-sizing:border-box}.ef-item-tooltip-card p,.ef-item-tooltip-card h2,.ef-item-tooltip-card h3{overflow-wrap:anywhere;margin:0}.ef-item-tooltip-card a{color:inherit;text-decoration:none}.ef-item-tooltip-card__header{background:linear-gradient(90deg, var(--ef-game-item-tooltip-rarity) 0%, var(--ef-game-item-tooltip-rarity) 45%, var(--ef-game-item-tooltip-rarity) 100%);align-items:center;gap:12px;min-height:48px;padding:8px 20px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.ef-item-tooltip-card__header{background:linear-gradient(90deg, color-mix(in srgb, var(--ef-game-item-tooltip-rarity) 78%, #303234) 0%, color-mix(in srgb, var(--ef-game-item-tooltip-rarity) 78%, #4b415a) 45%, color-mix(in srgb, var(--ef-game-item-tooltip-rarity) 78%, #8e8b85) 100%)}}.ef-item-tooltip-card__header{color:#fff}.ef-item-tooltip-card__header h2{flex:1;min-width:0;font-size:20px;font-weight:500;line-height:1.25;position:relative}.ef-item-tooltip-card__header-texture{background:var(--ef-game-item-tooltip-header,url(./assets/header.webp)) center / 100% 100% no-repeat;opacity:.78;pointer-events:none;position:absolute;inset:0}.ef-item-tooltip-card__detail-link{border-radius:2px;flex-shrink:0;transition:opacity .15s;position:relative}.ef-item-tooltip-card__detail-link-icon{background:var(--ef-game-item-tooltip-link-icon,url(./assets/link.webp)) center / contain no-repeat;pointer-events:none;width:32px;height:32px;display:block}.ef-item-tooltip-card__detail-link:hover{opacity:.75}.ef-item-tooltip-card__detail-link:focus-visible{outline-offset:2px;outline:2px solid #fff}.ef-item-tooltip-card__body{background:#2e3234;flex-direction:column;min-height:256px;display:flex;position:relative}.ef-item-tooltip-card__detail-texture{border:5px solid #0000;border-width:126px 5px 0;border-image-source:var(--ef-game-item-tooltip-detail,url(./assets/detail.png));filter:brightness(1.1);pointer-events:none;border-image-slice:222 8 14 fill;border-image-repeat:stretch;position:absolute;inset:60px 0 0}.ef-item-tooltip-card__hero{min-height:160px;padding:8px 20px 0;position:relative}.ef-item-tooltip-card__category{z-index:1;color:#aeb1aa;max-width:58%;font-size:16px;font-weight:500;line-height:1.5;position:relative}.ef-item-tooltip-card__marker{opacity:.35;border-left:2px solid #72756e;width:80px;height:40px;margin-top:12px;display:block}.ef-item-tooltip-card__barcode{opacity:.35;background:repeating-linear-gradient(90deg,#aeb1aa 0 5px,#0000 5px 7px);width:96px;height:6px;margin-top:4px;display:block}.ef-item-tooltip-card .ef-item-tooltip-card__icon{filter:drop-shadow(0 4px 4px #00000026);pointer-events:none;width:176px;height:176px;position:absolute;top:-36px;right:8px}.ef-item-tooltip-card__icon img{pointer-events:none}.ef-item-tooltip-card__color-strip{pointer-events:none;background:linear-gradient(#00ffa2 0 33.333%,#ff00f0 33.333% 66.667%,#fffa00 66.667% 100%);width:4px;height:48px;position:absolute;top:8px;right:0}.ef-item-tooltip-card__text{white-space:pre-wrap;flex-direction:column;gap:6px;padding:8px 20px 12px;font-size:14px;line-height:1.375;display:flex;position:relative}.ef-item-tooltip-card__description{color:#70716d}.ef-item-tooltip-card__obtain-title{text-align:center;background:#bdbebb;border-top:2px solid #a4a5a1;padding:6px 20px;font-size:18px;font-weight:500;line-height:24px}.ef-item-tooltip-card__obtain-list{margin:0;padding:0;list-style:none}.ef-item-tooltip-card__obtain-row{background:#f6f5f3;border-top:1px solid #a4a5a1;align-items:center;gap:8px;min-height:36px;padding:8px 20px;font-size:16px;font-weight:500;line-height:20px;display:flex}a.ef-item-tooltip-card__obtain-row{transition:background-color .15s}a.ef-item-tooltip-card__obtain-row:hover{background:#e3e4df}a.ef-item-tooltip-card__obtain-row:focus-visible{outline-offset:-2px;outline:2px solid #525350}.ef-item-tooltip-card__obtain-icon{flex-shrink:0;width:20px;height:20px}.ef-item-tooltip-card__obtain-icon img{filter:brightness(0);opacity:.65}.ef-item-tooltip-card__obtain-icon svg{width:20px;height:20px;display:block}.ef-item-tooltip-card__obtain-name{overflow-wrap:anywhere;flex:1;min-width:0}.ef-item-tooltip-card__chevrons{color:#a1a39d;flex-shrink:0;width:20px;height:20px}.ef-item-tooltip-card__obtain-hint{border-top:1px solid #a4a5a1;padding:8px 20px;font-size:14px}@container (max-width:319px){.ef-item-tooltip-card .ef-item-tooltip-card__icon{width:min(176px,55cqw);height:min(176px,55cqw)}.ef-item-tooltip-card__category{max-width:max(48px,100cqw - min(176px,55cqw) - 28px)}}@media (prefers-reduced-motion:reduce){.ef-item-tooltip-card a{transition:none}}@media (forced-colors:active){.ef-item-tooltip-card{color:canvastext;box-shadow:none;background:canvas;border:1px solid canvastext}.ef-item-tooltip-card__header,.ef-item-tooltip-card__body,.ef-item-tooltip-card__obtain-title,.ef-item-tooltip-card__obtain-row{color:canvastext;background:canvas}.ef-item-tooltip-card__header-texture,.ef-item-tooltip-card__detail-texture,.ef-item-tooltip-card__marker,.ef-item-tooltip-card__barcode,.ef-item-tooltip-card__color-strip{display:none}.ef-item-tooltip-card__category,.ef-item-tooltip-card__description,.ef-item-tooltip-card__chevrons{color:canvastext}.ef-item-tooltip-card__detail-link-icon{-webkit-mask:var(--ef-game-item-tooltip-link-icon,url(./assets/link.webp)) center / contain no-repeat;-webkit-mask:var(--ef-game-item-tooltip-link-icon,url(./assets/link.webp)) center / contain no-repeat;mask:var(--ef-game-item-tooltip-link-icon,url(./assets/link.webp)) center / contain no-repeat;background:buttontext}}.ef-item-tooltip-card__header-texture:is([data-ef-game-images=off],[data-ef-game-images=off] *){background:0 0;display:none}.ef-item-tooltip-card__detail-texture:is([data-ef-game-images=off],[data-ef-game-images=off] *){border:0;border-image:;background:linear-gradient(#0000,#cdcdcb 126px);border-radius:0 0 4px 4px}.ef-item-tooltip-card__detail-link-icon:is([data-ef-game-images=off],[data-ef-game-images=off] *){background:0 0;border:2px solid;border-radius:2px}.ef-item-tooltip-card__detail-link-icon:is([data-ef-game-images=off],[data-ef-game-images=off] *):before{content:"";border:2px solid;border-width:2px 2px 0 0;width:10px;height:10px;margin:9px 0 0 6px;display:block;transform:rotate(45deg)}@media (forced-colors:active){.ef-item-tooltip-card__detail-link-icon:is([data-ef-game-images=off],[data-ef-game-images=off] *){background:0 0;-webkit-mask:none;mask:none}}.ef-item-hover-trigger{vertical-align:top;max-width:100%;display:inline-block}.ef-item-hover-positioner{z-index:var(--z-overlay,300);max-width:calc(100vw - 16px)}.ef-item-hover-panel{overscroll-behavior:contain;scrollbar-width:thin;text-align:left;background:0 0;border:0;width:100%;max-height:calc(100dvh - 16px);margin:0;padding:0;overflow-y:auto}.ef-item-hover-panel:focus-visible{outline:2px solid var(--ef-accent-ink,#fffa00);outline-offset:2px}.ef-splash{--ef-game-splash-bg-default:url(./assets/splash_bg.jpg);--ef-game-splash-bg-portrait-default:url(./assets/splash_bg_portrait.jpg);--ef-game-splash-logo-default:url(./assets/splash_logo.svg);--ef-game-splash-deco-default:url(./assets/splash_deco.svg);--ef-game-splash-mark-default:url(./assets/splash_triangles.svg)}.ef-splash-backdrop{background:var(--ef-game-splash-bg,var(--ef-game-splash-bg-default)) center / cover no-repeat;display:block}.ef-splash-logo{aspect-ratio:214/233;width:100%;-webkit-mask:var(--ef-game-splash-logo,var(--ef-game-splash-logo-default)) center / contain no-repeat;-webkit-mask:var(--ef-game-splash-logo,var(--ef-game-splash-logo-default)) center / contain no-repeat;mask:var(--ef-game-splash-logo,var(--ef-game-splash-logo-default)) center / contain no-repeat;background-color:currentColor;flex:none;display:block}.ef-splash-deco{width:calc(var(--ef-splash-unit) * 8.8125);height:calc(var(--ef-splash-unit) * 4);margin-left:calc(var(--ef-splash-unit) * -.5);display:block;position:relative}.ef-splash-deco__text{background:var(--ef-game-splash-deco,var(--ef-game-splash-deco-default)) center / 100% 100% no-repeat;position:absolute;inset:0}.ef-splash-deco__mark{top:calc(var(--ef-splash-unit) * 1.5);left:calc(var(--ef-splash-unit) * -2.875);width:calc(var(--ef-splash-unit) * 1.4375);height:calc(var(--ef-splash-unit) * 1.3125);background:var(--ef-game-splash-mark,var(--ef-game-splash-mark-default)) center / 100% 100% no-repeat;position:absolute}@container (orientation:portrait){.ef-splash-backdrop{background-image:var(--ef-game-splash-bg-portrait,var(--ef-game-splash-bg-portrait-default))}.ef-splash-deco__mark{display:none}}@media (forced-colors:active){.ef-splash-logo{forced-color-adjust:none;background-color:canvastext}}.ef-splash-backdrop:is([data-ef-game-images=off],[data-ef-game-images=off] *){background-image:none}.ef-splash-logo:is([data-ef-game-images=off],[data-ef-game-images=off] *){display:none;-webkit-mask:none;mask:none}.ef-splash-deco__text:is([data-ef-game-images=off],[data-ef-game-images=off] *){inset:auto auto 0 calc(var(--ef-splash-unit) * .5);width:calc(var(--ef-splash-unit) * 3.875);height:calc(var(--ef-splash-unit) * 1.125);background:linear-gradient(90deg,#626262 63.6%,#0000 0) 0 0/17.742% 38.9% repeat-x,linear-gradient(90deg,#626262 63.6%,#0000 0) 0 100%/17.742% 38.9% repeat-x}.ef-splash-deco__mark:is([data-ef-game-images=off],[data-ef-game-images=off] *){clip-path:polygon(0 0,48.3% 0,24.2% 47.6%,0 0,51.7% 0,100% 0,75.8% 47.6%,51.7% 0,25.8% 52.4%,74.2% 52.4%,50% 100%,25.8% 52.4%,0 0);background:#fffa00}}@layer utilities;

package/dist/game.d.ts

@@ -1,6 +1,7 @@
 
 import { Dialog } from "@base-ui/react/dialog";
 import { CSSProperties, ComponentProps, HTMLAttributes, ReactElement, ReactNode, Ref, RefObject } from "react";
+import { SplashScreenProps } from "./index.js";
 //#region src/game/animated-dialog/AnimatedDialog.d.ts
 type PopupProps$1 = ComponentProps<typeof Dialog.Popup>;
 type PortalProps$1 = ComponentProps<typeof Dialog.Portal>;
@@ -369,4 +370,15 @@ type RoundedToggleProps = Omit<ComponentProps<"div">, "defaultValue" | "onChange
 };
 export declare function RoundedToggle({ options, value, defaultValue, onValueChange, label, name, form, required: requiredProp, disabled: disabledProp, className, onKeyDown, "aria-label": ariaLabel, ...props }: RoundedToggleProps): import("react").JSX.Element;
 //#endregion
-export type { AnimatedDialogClassNames, AnimatedDialogProps, BannerAlertProps, FullWidthAlertProps, ItemCardKind, ItemCardLinkProps, ItemCardLinkRenderer, ItemCardProps, ItemCardSelectionAction, ItemCardVariant, ItemHoverCardLayerProps, ItemHoverCardProps, ItemIconImageProps, ItemIconImageRenderer, ItemIconLayers, ItemIconProps, ItemIconTrans, ItemIconTransformKey, ItemTooltipCardProps, ItemTooltipItem, ItemTooltipLinkProps, ItemTooltipLinkRenderer, ItemTooltipObtainWay, RoundedButtonProps, RoundedButtonVariant, RoundedIconButtonProps, RoundedSelectOption, RoundedSelectProps, RoundedSwitchProps, RoundedToggleOption, RoundedToggleProps };
+//#region src/game/splash-screen/EndfieldSplashScreen.d.ts
+type EndfieldSplashScreenProps = Omit<SplashScreenProps, "backdrop" | "caption" | "decor">;
+/**
+ * 官网的开屏页：主入口的 `SplashScreen` 填上官方的标志、底图和微标。
+ * 排法、动画、属性都是 `SplashScreen` 的，这里只管把图放进它的插槽。
+ *
+ * 标志、标语、状态字可以换（`logo`、`tagline`、`status`）；底图和微标经变量换，
+ * 或者用 `data-ef-game-images="off"` 整类关掉，见 docs/design/game/splash-screen.md
+ */
+export declare function EndfieldSplashScreen({ logo, tagline, status, className, ...props }: EndfieldSplashScreenProps): import("react").JSX.Element;
+//#endregion
+export type { AnimatedDialogClassNames, AnimatedDialogProps, BannerAlertProps, EndfieldSplashScreenProps, FullWidthAlertProps, ItemCardKind, ItemCardLinkProps, ItemCardLinkRenderer, ItemCardProps, ItemCardSelectionAction, ItemCardVariant, ItemHoverCardLayerProps, ItemHoverCardProps, ItemIconImageProps, ItemIconImageRenderer, ItemIconLayers, ItemIconProps, ItemIconTrans, ItemIconTransformKey, ItemTooltipCardProps, ItemTooltipItem, ItemTooltipLinkProps, ItemTooltipLinkRenderer, ItemTooltipObtainWay, RoundedButtonProps, RoundedButtonVariant, RoundedIconButtonProps, RoundedSelectOption, RoundedSelectProps, RoundedSwitchProps, RoundedToggleOption, RoundedToggleProps };

package/dist/game.js

@@ -1,7 +1,7 @@
 "use client";
 import { Dialog } from "@base-ui/react/dialog";
 import { Fragment, memo, useCallback, useEffect, useId, useLayoutEffect, useRef, useState } from "react";
-import { cn, useControllableState, useFieldContext, useFieldControl, usePortalScope, useReducedMotion } from "./index.js";
+import { SplashScreen, cn, useControllableState, useFieldContext, useFieldControl, usePortalScope, useReducedMotion } from "./index.js";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ScrollArea } from "@base-ui/react/scroll-area";
 import { Popover } from "@base-ui/react/popover";
@@ -2039,4 +2039,31 @@ function RoundedToggle({ options, value, defaultValue, onValueChange, label, nam
 	});
 }
 //#endregion
-export { AnimatedDialog, BannerAlert, EMPTY_ITEM_ICON_LAYERS, FullWidthAlert, ITEM_ICON_TRANSFORMS, ItemCard, ItemHoverCard, ItemHoverCardLayer, ItemIcon, ItemTooltipCard, RoundedButton, RoundedIconButton, RoundedSelect, RoundedSwitch, RoundedToggle, coerceItemIconTrans, itemIconTransformStyle, pickItemIconLayers };
+//#region src/game/splash-screen/EndfieldSplashScreen.tsx
+/**
+* 官网的开屏页：主入口的 `SplashScreen` 填上官方的标志、底图和微标。
+* 排法、动画、属性都是 `SplashScreen` 的，这里只管把图放进它的插槽。
+*
+* 标志、标语、状态字可以换（`logo`、`tagline`、`status`）；底图和微标经变量换，
+* 或者用 `data-ef-game-images="off"` 整类关掉，见 docs/design/game/splash-screen.md
+*/
+function EndfieldSplashScreen({ logo = /* @__PURE__ */ jsx("span", {
+	role: "img",
+	"aria-label": "明日方舟：终末地",
+	className: "ef-splash-logo"
+}), tagline = "OVER THE FRONTIER / INTO THE FRONT", status = "Updating...", className, ...props }) {
+	return /* @__PURE__ */ jsx(SplashScreen, {
+		...props,
+		logo,
+		tagline,
+		status,
+		backdrop: /* @__PURE__ */ jsx("span", { className: "ef-splash-backdrop" }),
+		decor: /* @__PURE__ */ jsxs("span", {
+			className: "ef-splash-deco",
+			children: [/* @__PURE__ */ jsx("span", { className: "ef-splash-deco__text" }), /* @__PURE__ */ jsx("span", { className: "ef-splash-deco__mark" })]
+		}),
+		className: cn("ef-splash", className)
+	});
+}
+//#endregion
+export { AnimatedDialog, BannerAlert, EMPTY_ITEM_ICON_LAYERS, EndfieldSplashScreen, FullWidthAlert, ITEM_ICON_TRANSFORMS, ItemCard, ItemHoverCard, ItemHoverCardLayer, ItemIcon, ItemTooltipCard, RoundedButton, RoundedIconButton, RoundedSelect, RoundedSwitch, RoundedToggle, coerceItemIconTrans, itemIconTransformStyle, pickItemIconLayers };

package/dist/index.d.ts

@@ -2563,6 +2563,47 @@ type SpinnerProps = Omit<ComponentProps<"span">, "children"> & {
  */
 export declare function Spinner({ size, label, className, ...props }: SpinnerProps): import("react").JSX.Element;
 //#endregion
+//#region src/components/splash-screen/SplashScreen.d.ts
+type SplashScreenProps = Omit<ComponentProps<"div">, "children"> & {
+  /** 真实进度，0 – 100。不知道就不传：显示不确定进度，不显示数字 */
+  value?: number;
+  /** 标志：自己的图或 SVG。放在画面偏右的一个盒子里，竖排时居中 */
+  logo?: ReactNode;
+  /** 标志下面的一行标语 */
+  tagline?: ReactNode;
+  /** 标语上方那组微标里的微文字。纯氛围，对读屏隐藏 */
+  caption?: ReactNode;
+  /**
+   * 换掉标语上方的整组微标。不传是代码画的一组（小方框、`caption`、方点阵，旁边一枚三角标），
+   * 传 `null` 是不要
+   */
+  decor?: ReactNode;
+  /** 读数下面的状态字。默认 `LOADING` */
+  status?: ReactNode;
+  /** 底图：铺满整块，随进度从模糊变清晰 */
+  backdrop?: ReactNode;
+  /** 置为 `false` 开始退场：走满、铺满、淡出，结束后卸载。默认 `true` */
+  open?: boolean;
+  /** 铺满视口并锁住页面（默认）；关掉则铺满所在的定位容器 */
+  fullscreen?: boolean;
+  /** 进度条的可访问名称 */
+  label?: string;
+  /** 开始淡出、页面露出来的那一刻触发：页面自己的入场从这里起 */
+  onReveal?: () => void;
+  /** 淡出结束、已经卸载之后触发 */
+  onExited?: () => void;
+};
+/**
+ * 开屏页：照官网首次载入的那一页排的。近黑底，一根贴边的黄色进度条，读数跟着条的末端走；
+ * 画面偏右是标志，下面一组微标、一条分隔线和一行标语。就绪后黄色铺满整屏，再整层淡出。
+ *
+ * 标志和底图是插槽，库里不带任何图。横竖看它所在的那一块自己的宽高比，不看视口；
+ * 尺寸跟着那一块的宽度等比缩放，插槽里的东西可以用 `--ef-splash-unit` 跟着缩。
+ *
+ * 只要一块盖住整页的等待、不要这些排场，用 `Loader`。
+ */
+export declare function SplashScreen({ value, logo, tagline, caption, decor, status, backdrop, open, fullscreen, label, onReveal, onExited, onKeyDown, className, style, ref, ...props }: SplashScreenProps): import("react").JSX.Element | null;
+//#endregion
 //#region src/components/stat/Stat.d.ts
 type StatSize = "md" | "lg";
 type StatTrend = "up" | "down";
@@ -3503,4 +3544,4 @@ export declare const Upload: {
 //#region src/lib/cn.d.ts
 export declare function cn(...inputs: ClassValue[]): string;
 //#endregion
-export type { AccordionItemProps, AccordionLevel, AccordionProps, AccordionSize, AlertProps, AlertTone, AvatarProps, AvatarSize, AvatarSwitcherItemProps, AvatarSwitcherOrientation, AvatarSwitcherProps, BackToTopProps, BackToTopSize, BadgeProps, BracketTitleProps, BreadcrumbItemProps, BreadcrumbProps, ButtonGroupAlign, ButtonGroupGap, ButtonGroupOrientation, ButtonGroupProps, ButtonProps, ButtonSize, ButtonVariant, CalendarProps, CalendarRangeProps, CalendarSingleProps, CarouselProps, CarouselRatio, CarouselSlideProps, CheckboxProps, ComboboxMultipleProps, ComboboxOption, ComboboxOptionGroup, ComboboxProps, ComboboxSingleProps, ComboboxSize, ComboboxVariant, CompletionBannerProps, ContextMenuProps, ContextMenuVariant, CornerBracketsProps, CornerBracketsSize, CountdownProps, CountdownSize, CountdownState, DashIndicatorProps, DataRowColumns, DataRowListProps, DataRowProps, DataRowTone, DatePickerProps, DatePickerSize, DatePickerVariant, DateRange, DateRangePickerProps, DialogCloseProps, DialogProps, DialogSize, DrawerProps, DrawerSide, DrawerSize, DropdownMenuAlign, DropdownMenuCheckboxItemProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuItemTone, DropdownMenuProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuSeparatorProps, DropdownMenuSide, DropdownMenuSubProps, DropdownMenuVariant, EmptyStateProps, FieldProps, FileItemProps, FileItemStatus, FileRejectReason, FileRejection, FileUploadLabels, FileUploadProps, FileUploadSize, FilterChipProps, FlyoutBarItemProps, FlyoutBarProps, FlyoutBarSide, GhostTextProps, GhostTextVariant, HatchDensity, HatchProps, HazardStripeProps, HazardStripeSize, HoverCardAlign, HoverCardProps, HoverCardSide, IconButtonProps, IconButtonSize, IconButtonVariant, IconProps, ImageViewerItemProps, ImageViewerProps, ImageViewerRatio, InputProps, InputSize, InputVariant, ItemGridProps, ItemSlotProps, ItemSlotRarity, ItemSlotRatio, KbdProps, KbdSize, ListProps, ListRowProps, ListRowSize, ListVariant, LoaderProps, MarqueeProps, MediaCardProps, MediaCardRatio, NavActionLayout, NavActionProps, NavMenuItemProps, NavMenuProps, NavigatorProps, NavigatorSize, OtpInputProps, OtpInputSize, OtpInputType, OtpInputVariant, PageHeaderBackProps, PageHeaderProps, PaginationProps, PaginationSize, PanelBodyProps, PanelHeaderProps, PanelHeaderVariant, PanelProps, PanelRowProps, PanelRowsProps, PlayButtonProps, PlayMarkProps, PlayMarkSize, PopoverAlign, PopoverCloseProps, PopoverProps, PopoverSide, ProgressProps, ProgressRingProps, ProgressSize, RadioGroupOrientation, RadioGroupProps, RadioProps, RecIndicatorProps, RegistrationStripOrientation, RegistrationStripProps, ResourceChipProps, ResourceChipSize, RollingNumberProps, ScheduleItemProps, ScheduleItemVariant, ScheduleProps, ScheduleTrackProps, ScrollAreaOrientation, ScrollAreaProps, ScrollHintProps, ScrollHintVariant, SectionTitleProps, SectionTitleVariant, SegmentProps, SegmentedControlProps, SegmentedControlSize, SegmentedControlVariant, SelectGroupProps, SelectItemProps, SelectMultipleProps, SelectOption, SelectProps, SelectSeparatorProps, SelectSingleProps, SelectSize, SelectVariant, SideRailGroupProps, SideRailItemProps, SideRailProps, SideRailSubItemProps, SideRailSubProps, SkeletonProps, SkeletonVariant, SliderMark, SliderProps, SliderRangeProps, SliderSingleProps, SliderSize, SparklineProps, SparklineTone, SparklineVariant, SpinnerProps, SpinnerSize, StatProps, StatSize, StatTrend, StepProps, StepStatus, StepStatusLabels, StepperProps, StepperSize, StepsOrientation, StepsProps, StepsSize, SwitchProps, TabListProps, TabPanelProps, TabProps, TableAlign, TableBodyProps, TableCellProps, TableExpanderProps, TableHeadProps, TableHeaderCellProps, TableHeaderVariant, TableProps, TableRowProps, TableSize, TableSortDirection, TabsProps, TabsSize, TabsVariant, TagInputLabels, TagInputProps, TagInputRejectReason, TagInputSize, TagInputVariant, TagPairProps, TagProps, TagSize, TagVariant, TermProps, TermTone, TextareaProps, TextureProps, TextureVariant, Theme, ThemePreference, TickRingProps, TimelineItemProps, TimelineProps, TimelineStatus, ToastAction, ToastApi, ToastOptions, ToastPlacement, ToastProviderProps, ToastTone, TocItemProps, TocLevel, TocProps, ToolbarButtonProps, ToolbarGroupProps, ToolbarOrientation, ToolbarProps, ToolbarSeparatorProps, ToolbarSize, ToolbarToggleGroupProps, ToolbarToggleProps, ToolbarVariant, TooltipAlign, TooltipProps, TooltipProviderProps, TooltipSide, TopBarProps, ViewfinderProps, ViewfinderReadouts, ViewfinderSize };
+export type { AccordionItemProps, AccordionLevel, AccordionProps, AccordionSize, AlertProps, AlertTone, AvatarProps, AvatarSize, AvatarSwitcherItemProps, AvatarSwitcherOrientation, AvatarSwitcherProps, BackToTopProps, BackToTopSize, BadgeProps, BracketTitleProps, BreadcrumbItemProps, BreadcrumbProps, ButtonGroupAlign, ButtonGroupGap, ButtonGroupOrientation, ButtonGroupProps, ButtonProps, ButtonSize, ButtonVariant, CalendarProps, CalendarRangeProps, CalendarSingleProps, CarouselProps, CarouselRatio, CarouselSlideProps, CheckboxProps, ComboboxMultipleProps, ComboboxOption, ComboboxOptionGroup, ComboboxProps, ComboboxSingleProps, ComboboxSize, ComboboxVariant, CompletionBannerProps, ContextMenuProps, ContextMenuVariant, CornerBracketsProps, CornerBracketsSize, CountdownProps, CountdownSize, CountdownState, DashIndicatorProps, DataRowColumns, DataRowListProps, DataRowProps, DataRowTone, DatePickerProps, DatePickerSize, DatePickerVariant, DateRange, DateRangePickerProps, DialogCloseProps, DialogProps, DialogSize, DrawerProps, DrawerSide, DrawerSize, DropdownMenuAlign, DropdownMenuCheckboxItemProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuItemTone, DropdownMenuProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuSeparatorProps, DropdownMenuSide, DropdownMenuSubProps, DropdownMenuVariant, EmptyStateProps, FieldProps, FileItemProps, FileItemStatus, FileRejectReason, FileRejection, FileUploadLabels, FileUploadProps, FileUploadSize, FilterChipProps, FlyoutBarItemProps, FlyoutBarProps, FlyoutBarSide, GhostTextProps, GhostTextVariant, HatchDensity, HatchProps, HazardStripeProps, HazardStripeSize, HoverCardAlign, HoverCardProps, HoverCardSide, IconButtonProps, IconButtonSize, IconButtonVariant, IconProps, ImageViewerItemProps, ImageViewerProps, ImageViewerRatio, InputProps, InputSize, InputVariant, ItemGridProps, ItemSlotProps, ItemSlotRarity, ItemSlotRatio, KbdProps, KbdSize, ListProps, ListRowProps, ListRowSize, ListVariant, LoaderProps, MarqueeProps, MediaCardProps, MediaCardRatio, NavActionLayout, NavActionProps, NavMenuItemProps, NavMenuProps, NavigatorProps, NavigatorSize, OtpInputProps, OtpInputSize, OtpInputType, OtpInputVariant, PageHeaderBackProps, PageHeaderProps, PaginationProps, PaginationSize, PanelBodyProps, PanelHeaderProps, PanelHeaderVariant, PanelProps, PanelRowProps, PanelRowsProps, PlayButtonProps, PlayMarkProps, PlayMarkSize, PopoverAlign, PopoverCloseProps, PopoverProps, PopoverSide, ProgressProps, ProgressRingProps, ProgressSize, RadioGroupOrientation, RadioGroupProps, RadioProps, RecIndicatorProps, RegistrationStripOrientation, RegistrationStripProps, ResourceChipProps, ResourceChipSize, RollingNumberProps, ScheduleItemProps, ScheduleItemVariant, ScheduleProps, ScheduleTrackProps, ScrollAreaOrientation, ScrollAreaProps, ScrollHintProps, ScrollHintVariant, SectionTitleProps, SectionTitleVariant, SegmentProps, SegmentedControlProps, SegmentedControlSize, SegmentedControlVariant, SelectGroupProps, SelectItemProps, SelectMultipleProps, SelectOption, SelectProps, SelectSeparatorProps, SelectSingleProps, SelectSize, SelectVariant, SideRailGroupProps, SideRailItemProps, SideRailProps, SideRailSubItemProps, SideRailSubProps, SkeletonProps, SkeletonVariant, SliderMark, SliderProps, SliderRangeProps, SliderSingleProps, SliderSize, SparklineProps, SparklineTone, SparklineVariant, SpinnerProps, SpinnerSize, SplashScreenProps, StatProps, StatSize, StatTrend, StepProps, StepStatus, StepStatusLabels, StepperProps, StepperSize, StepsOrientation, StepsProps, StepsSize, SwitchProps, TabListProps, TabPanelProps, TabProps, TableAlign, TableBodyProps, TableCellProps, TableExpanderProps, TableHeadProps, TableHeaderCellProps, TableHeaderVariant, TableProps, TableRowProps, TableSize, TableSortDirection, TabsProps, TabsSize, TabsVariant, TagInputLabels, TagInputProps, TagInputRejectReason, TagInputSize, TagInputVariant, TagPairProps, TagProps, TagSize, TagVariant, TermProps, TermTone, TextareaProps, TextureProps, TextureVariant, Theme, ThemePreference, TickRingProps, TimelineItemProps, TimelineProps, TimelineStatus, ToastAction, ToastApi, ToastOptions, ToastPlacement, ToastProviderProps, ToastTone, TocItemProps, TocLevel, TocProps, ToolbarButtonProps, ToolbarGroupProps, ToolbarOrientation, ToolbarProps, ToolbarSeparatorProps, ToolbarSize, ToolbarToggleGroupProps, ToolbarToggleProps, ToolbarVariant, TooltipAlign, TooltipProps, TooltipProviderProps, TooltipSide, TopBarProps, ViewfinderProps, ViewfinderReadouts, ViewfinderSize };