/* Find Your Keys Before the Ride Arrives — 本游戏自己的样式(前缀 bfg-fyk-)。找东西共用的顶栏 / 计时条 / 物件区 / 状态条样式由 bfg-room.js 的 BFG.hud 注入(前缀 bfg-ho-)。 */
/* 计时条下面一行:现在找什么 + 三样东西的清单(找到的打勾,正在找的加粗圈) */
.bfg-fyk-need{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px 8px;margin-top:-2px}
.bfg-fyk-need p{font:700 19px/1.1 var(--body);white-space:nowrap}
.bfg-fyk-need b{font-weight:900;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:3px}
.bfg-fyk-list{display:inline-flex;gap:8px;flex:none}
.bfg-fyk-list i{position:relative;width:38px;height:38px;border-radius:50%;border:2px dashed var(--ink);background:rgba(255,255,255,.55);display:grid;place-items:center;flex:none}
.bfg-fyk-list i canvas{display:block;opacity:.45}
.bfg-fyk-list i.on{border-style:solid;background:#fff;box-shadow:0 0 0 3px var(--ink)}
.bfg-fyk-list i.on canvas,.bfg-fyk-list i.got canvas{opacity:1}
.bfg-fyk-list i.got{border-style:solid;background:#fff}
.bfg-fyk-list i.got::after{content:"";position:absolute;right:-5px;bottom:-4px;width:17px;height:17px;border-radius:50%;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.4l2.6 2.6L12 5.4' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
/* 底部状态条:没有要挂的东西,只有一行旁白和「活过几天」 */
.bfg-fyk .bfg-ho-rope{display:none}
.bfg-fyk .bfg-ho-strip{grid-template-rows:1fr;height:calc(58px + var(--sab))}
.bfg-fyk .bfg-ho-strip>b{grid-row:1;text-align:center;font-size:34px}
.bfg-fyk .bfg-ho-strip>b::after{content:"DAYS";display:block;font:600 9.5px/1.2 var(--mono);font-variation-settings:normal;letter-spacing:.09em}
.bfg-fyk .bfg-ho-say{white-space:normal}
/* 两天之间 / 结果屏 */
.bfg-fyk-made .bfg-bigp span,.bfg-fyk-res .bfg-bigp span{font-size:min(8.6cqw,36px);line-height:.98;white-space:normal;max-width:5.6em;font-weight:800;padding-bottom:.2em}
.bfg-fyk-res .bfg-fyk-list{margin:8px 0 2px;align-self:flex-start}
@container bfgfs (max-height:480px){.bfg-fyk-need{padding-bottom:5px}.bfg-fyk-need p{font-size:16px}.bfg-fyk-list i{width:30px;height:30px}.bfg-fyk-list i canvas{transform:scale(.8)}}
@container bfgfs (max-height:520px) and (min-width:560px){.bfg-fs-in.bfg-fyk-mid .bfg-res{grid-column:1;grid-row:4/6}.bfg-fs-in.bfg-fyk-mid .bfg-acts{grid-column:2;grid-row:4/6}}