@font-face{font-family:Wilds Brush;src:url(/food-chain-wilds/assets/wilds-brush-CeMUKejX.woff2)format("woff2");font-display:swap}:root{--bg:#0a1214;--bg-2:#0d171a;--surface:#111c1f;--surface-2:#162427;--surface-3:#1c2d31;--glass:#0c1518c2;--glass-strong:#091012eb;--line:#cde4dc14;--line-2:#cde4dc24;--line-3:#cde4dc3d;--text:#f2ebdc;--text-2:#c5c5b8;--text-3:#959c92;--text-4:#6c756d;--amber:#f3b65e;--amber-hi:#ffd28e;--amber-lo:#f3b65e24;--amber-line:#f3b65e73;--amber-ink:#2a1804;--teal:#82d4c7;--teal-lo:#82d4c721;--red:#f47862;--red-lo:#f4786224;--green:#a3d67f;--green-lo:#a3d67f24;--violet:#bda9f7;--violet-lo:#bda9f724;--r-xl:22px;--r-lg:16px;--r-md:12px;--r-sm:9px;--shadow-1:0 1px 0 #ffffff09 inset, 0 12px 32px #00000052;--shadow-2:0 28px 70px #0000008c;--font:"PingFang SC", "HarmonyOS Sans SC", "MiSans", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;--brush:"Wilds Brush", "Kaiti SC", "STKaiti", "KaiTi", "BiauKai", serif;--bar-h:60px;--dock-h:0px;font-family:var(--font);color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 12% -10%, #4078702e, transparent 60%), radial-gradient(900px 500px at 100% 110%, #f3b65e12, transparent 60%), var(--bg);background-attachment:fixed;min-height:100dvh;margin:0}h1,h2,h3,h4,p{margin:0}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;text-align:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}a{color:var(--amber-hi)}ul,ol{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}::selection{background:#f3b65e52}*{scrollbar-width:thin;scrollbar-color:#cde4dc29 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#cde4dc24;border-radius:8px}.icon{flex:none;display:block}.brush{font-family:var(--brush);letter-spacing:.04em;font-weight:400}.eyebrow{letter-spacing:.12em;color:var(--amber);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";opacity:.7;background:currentColor;width:18px;height:1px}.muted{color:var(--text-3)}.small{font-size:13px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{border-radius:var(--r-md);white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:15px;font-weight:600;line-height:1.2;transition:transform .12s,background-color .18s,border-color .18s,box-shadow .18s,opacity .18s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)scale(.99)}.btn:disabled{opacity:.42}.btn.primary{color:var(--amber-ink);background:linear-gradient(#ffcf86,#eda24a);box-shadow:inset 0 1px #ffffff73,0 10px 26px #f3a54642}@media (hover:hover){.btn.primary:hover:not(:disabled){background:linear-gradient(#ffd99c,#f4ae58);box-shadow:inset 0 1px #ffffff80,0 12px 32px #f3a5465c}}.btn.primary:disabled{box-shadow:none;filter:saturate(.4)}.btn.ghost{color:var(--text);background:var(--surface-2);border:1px solid var(--line-2)}@media (hover:hover){.btn.ghost:hover:not(:disabled){background:var(--surface-3);border-color:var(--line-3)}}.btn.quiet{color:var(--text-2);padding:0 12px}@media (hover:hover){.btn.quiet:hover:not(:disabled){color:var(--text);background:#ffffff0d}}.btn.large{border-radius:14px;min-height:54px;padding:0 24px;font-size:16.5px}.btn.block{width:100%}.icon-btn{border-radius:var(--r-md);width:40px;height:40px;color:var(--text-2);place-items:center;transition:background-color .18s,color .18s;display:inline-grid}@media (hover:hover){.icon-btn:hover{color:var(--text);background:#ffffff0f}}.icon-btn[aria-pressed=true]{color:var(--amber)}.link-btn{color:var(--amber-hi);text-underline-offset:3px;font-size:13px;-webkit-text-decoration:underline #ffd28e66;text-decoration:underline #ffd28e66}.badge{min-width:18px;height:18px;color:var(--amber-ink);background:var(--amber);border-radius:9px;place-items:center;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-grid}.chip{min-height:26px;color:var(--text-2);border:1px solid var(--line);white-space:nowrap;background:#ffffff0d;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12.5px;line-height:1.2;display:inline-flex}.chip.amber{color:var(--amber-hi);background:var(--amber-lo);border-color:#f3b65e47}.chip.green{color:var(--green);background:var(--green-lo);border-color:#a3d67f3d}.chip.red{color:var(--red);background:var(--red-lo);border-color:#f4786242}.chip.teal{color:var(--teal);background:var(--teal-lo);border-color:#82d4c73d}.chip.violet{color:var(--violet);background:var(--violet-lo);border-color:#bda9f742}.seat{color:#1a1206;background:#e9dcc0;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:inline-grid;box-shadow:0 0 0 2px #0a1214d9}.card{background:linear-gradient(180deg, #ffffff06, transparent 40%), var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);position:relative}.glass{background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);border:1px solid var(--line-2)}.section-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-head h3{font-size:21px;line-height:1.2}.field{gap:8px;display:grid}.field>span,.label{color:var(--text-2);font-size:13px;font-weight:600}.input,select,textarea{border-radius:var(--r-md);border:1px solid var(--line-2);width:100%;min-height:46px;color:var(--text);background:#0000003d;padding:0 14px;font-size:15px;transition:border-color .18s,box-shadow .18s}select{appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23c5c5b8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 14px center/12px 8px no-repeat,#0000003d;padding-right:36px}select option{color:var(--text);background:#142023}textarea{resize:none;padding:11px 14px;line-height:1.55}.input::placeholder,textarea::placeholder{color:var(--text-4)}.input:focus,select:focus,textarea:focus{border-color:var(--amber-line);box-shadow:0 0 0 3px var(--amber-lo);outline:none}.input:disabled,select:disabled,textarea:disabled{opacity:.5}.segmented{border:1px solid var(--line);background:#00000042;border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented button{color:var(--text-3);border-radius:10px;justify-items:center;gap:1px;padding:8px 6px;font-weight:600;transition:background-color .18s,color .18s;display:grid}@media (hover:hover){.segmented button:hover{color:var(--text)}}.segmented button.on{color:var(--amber-hi);background:var(--amber-lo);box-shadow:inset 0 0 0 1px #f3b65e4d}.portrait{background:#13200f;display:block;position:relative;overflow:hidden}.portrait>i{width:calc(var(--zoom,1) * 100%);aspect-ratio:3/4;transform:translate(calc(var(--fx) * -100%), calc(var(--fy) * -100%));background:url(/food-chain-wilds/art/animals.webp) calc(var(--col) * 100% / 3) calc(var(--row) * 100%) / 400% 200% no-repeat;position:absolute;top:50%;left:50%}.face{background:var(--surface-3);width:38px;height:38px;box-shadow:0 0 0 1px var(--line-2);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative}.face .portrait{--zoom:1.35;border-radius:50%;position:absolute;inset:0}.face>b{font-variant-numeric:tabular-nums;color:var(--text-2);font-size:14px;font-weight:700}.face>em{color:#1a1206;min-width:17px;height:17px;box-shadow:0 0 0 2px var(--surface);background:#e9dcc0;border-radius:9px;place-items:center;padding:0 3px;font-size:10px;font-style:normal;font-weight:700;display:grid;position:absolute;bottom:-3px;right:-3px}.face.guess{box-shadow:0 0 0 1.5px var(--amber-line)}.face.guess .portrait{opacity:.55;filter:saturate(.6)}.face.guess:after{content:"?";width:16px;height:16px;color:var(--amber-ink);background:var(--amber);box-shadow:0 0 0 2px var(--surface);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;top:-4px;right:-4px}.face.dead .portrait{filter:grayscale()brightness(.6)}.face.dead>b{color:var(--text-4)}.pips{gap:4px;display:flex}.pips i{background:#ffffff14;border-radius:4px;flex:1;min-width:10px;height:8px;transition:background-color .3s}.pips.hp i.on{background:linear-gradient(180deg, #ff9a84, var(--red));box-shadow:0 0 10px #f4786259}.pips.sp i.on{background:linear-gradient(180deg, #a8eadf, var(--teal));box-shadow:0 0 10px #82d4c74d}.topbar{z-index:40;height:var(--bar-h);padding:0 max(20px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border-bottom:1px solid var(--line);background:#0a1214b8;align-items:center;gap:18px;display:flex;position:sticky;top:0}.topbar.over-hero{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#080e10bf,#0000);border-bottom-color:#0000;position:absolute;inset:0 0 auto}.brand{white-space:nowrap;color:var(--text);flex:none;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand img{width:34px;height:34px}.brand b{font-family:var(--brush);letter-spacing:.06em;font-size:27px;font-weight:400;line-height:1}.brand small{letter-spacing:.16em;color:var(--text-3);margin-top:3px;font-size:11px;display:block}.topbar nav{gap:2px;display:flex}.topbar .spacer{flex:1}.top-actions{align-items:center;gap:6px;display:flex}#toast{left:50%;bottom:calc(24px + var(--dock-h) + env(safe-area-inset-bottom));z-index:80;max-width:min(92vw,480px);color:var(--text);background:var(--glass-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line-2);box-shadow:var(--shadow-2);opacity:0;pointer-events:none;border-radius:14px;align-items:center;gap:10px;padding:12px 18px;transition:opacity .25s,transform .25s;display:flex;position:fixed;transform:translate(-50%,16px)}#toast.visible{opacity:1;transform:translate(-50%)}#toast .icon{color:var(--amber)}@media (width<=979px),(height<=559px){#toast{top:calc(var(--bar-h) + 64px + env(safe-area-inset-top));bottom:auto;transform:translate(-50%,-16px)}}.phase-banner{z-index:70;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.phase-banner>div{text-align:center;background:linear-gradient(90deg,#0000,#080e10e6 22% 78%,#0000);justify-items:center;gap:6px;width:100%;padding:28px 24px 30px;animation:1.3s both banner;display:grid}.phase-banner .icon{color:var(--amber)}.phase-banner strong{font-family:var(--brush);letter-spacing:.08em;color:var(--amber-hi);text-shadow:0 0 30px #f3b65e59;font-size:clamp(40px,7vw,64px);font-weight:400;line-height:1.1}.phase-banner span{max-width:560px;color:var(--text-2)}@keyframes banner{0%{opacity:0;transform:scale(.96)}14%{opacity:1;transform:scale(1)}78%{opacity:1}to{opacity:0}}.phase-pill{left:50%;top:calc(var(--bar-h) + 14px);z-index:70;white-space:nowrap;pointer-events:none;background:var(--glass-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--amber-line);box-shadow:var(--shadow-2), 0 0 30px #f3b65e29;border-radius:999px;align-items:center;gap:10px;padding:8px 20px 9px 16px;animation:1.05s both pill;display:inline-flex;position:fixed}.phase-pill .icon{color:var(--amber)}.phase-pill strong{font-family:var(--brush);letter-spacing:.08em;color:var(--amber-hi);font-size:24px;font-weight:400;line-height:1.1}@keyframes pill{0%{opacity:0;transform:translate(-50%,-12px)}15%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}.screen-flash{z-index:65;pointer-events:none;animation:.9s ease-out both flash;position:fixed;inset:0}.screen-flash.hurt{background:radial-gradient(#0000 50%,#f4786238);box-shadow:inset 0 0 120px 24px #f478626b}.screen-flash.fed{box-shadow:inset 0 0 100px 10px #a3d67f42}@keyframes flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}dialog{border:1px solid var(--line-2);border-radius:var(--r-xl);width:min(560px,100vw - 32px);max-height:min(86dvh,860px);color:var(--text);box-shadow:var(--shadow-2);background:linear-gradient(#ffffff08,#0000 120px),#0f1a1d;padding:0;overflow:hidden}dialog[open]{flex-direction:column;animation:.22s both dialog-in;display:flex}dialog.wide{width:min(940px,100vw - 32px)}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#040809a8}.dialog-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 14px 24px;display:flex}.dialog-top h2{font-family:var(--brush);letter-spacing:.05em;font-size:27px;font-weight:400;line-height:1.2}.dialog-content{overscroll-behavior:contain;padding:20px 24px 26px;overflow:auto}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes sheet-in{0%{opacity:.4;transform:translateY(40px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45}}.spinner{border:3px solid #ffffff1a;border-top-color:var(--amber);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@media (width<=759px){:root{--bar-h:56px}.topbar{gap:8px;padding:0 12px}.topbar .label-text,.topbar .room-code,.brand small{display:none}.topbar nav{gap:0}.topbar .btn.quiet{padding:0 10px}.brand b{font-size:24px}.input,select,textarea{font-size:16px}dialog,dialog.wide{border-radius:var(--r-xl) var(--r-xl) 0 0;border-bottom:0;width:100%;max-width:100%;max-height:90dvh;margin:auto 0 0}dialog[open]{animation:.26s both sheet-in}.dialog-top{padding:14px 12px 12px 20px}.dialog-content{padding:16px 20px calc(24px + env(safe-area-inset-bottom))}}@media (pointer:coarse){.input,select,textarea{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.map-stage{border-radius:var(--r-xl);border:1px solid var(--line);isolation:isolate;background:#08100f;min-height:0;position:relative;overflow:hidden;container-type:size}.map-stage:before{content:"";z-index:-1;filter:blur(34px)saturate(1.1)brightness(.32);background:url(/food-chain-wilds/art/island.webp) 50%/cover no-repeat;position:absolute;inset:-60px}.map-layer{aspect-ratio:1672/941;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports (width:1cqw){.map-layer{width:min(100cqw,177.68cqh)}.map-stage.cover .map-layer{width:177.68cqh}}.map-art{background:url(/food-chain-wilds/art/island.webp) 50%/100% 100% no-repeat;border-radius:14px;position:absolute;inset:0}.map-layer:after{content:"";pointer-events:none;background:radial-gradient(#0000 55%,#050a0b8c 100%),linear-gradient(#050a0b40,#0000 22% 78%,#050a0b4d);border-radius:14px;position:absolute;inset:0}.map-stage.cover .map-art,.map-stage.cover .map-layer:after{border-radius:0}.map-paths{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.map-paths line{stroke:#ffefcd6b;stroke-width:1.6px;stroke-dasharray:3 6;stroke-linecap:round;vector-effect:non-scaling-stroke}.map-paths line.live{stroke:var(--amber-hi);stroke-width:2.4px;stroke-dasharray:6 6;filter:drop-shadow(0 0 4px #f3b65ecc);animation:1.2s linear infinite march}@keyframes march{to{stroke-dashoffset:-24px}}.region{z-index:2;width:max-content;color:var(--text);flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;transform:translate(-50%,-24px)}.region:focus-visible{outline:none}.region:focus-visible .region-dot{outline:2px solid var(--amber);outline-offset:5px}.region-dot{color:#f7e8c8;background:radial-gradient(circle at 35% 30%,#304646f2,#0d1618f2);border-radius:50%;place-items:center;width:48px;height:48px;transition:box-shadow .2s,transform .2s;display:grid;position:relative;box-shadow:0 0 0 1.5px #ffecc880,0 6px 18px #0000008c}.region-dot .portrait{--zoom:1.35;border-radius:50%;position:absolute;inset:3px}.region-name{font-family:var(--brush);letter-spacing:.06em;white-space:nowrap;color:#fbf1dc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080e10b8;border-radius:999px;padding:3px 11px 4px;font-size:17px;line-height:1.15;box-shadow:0 0 0 1px #ffecc824}.region-tag{white-space:nowrap;color:var(--amber-ink);background:var(--amber);border-radius:999px;padding:1px 8px 2px;font-size:11px;font-weight:700;position:absolute;top:-22px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.region-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 3px;max-width:132px;margin-top:-1px;display:flex}.region-meta .seat{width:19px;height:19px;font-size:10.5px}.mark{white-space:nowrap;background:#080e10d1;border-radius:999px;align-items:center;gap:3px;height:21px;padding:0 7px;font-size:11.5px;font-weight:700;display:inline-flex}.mark.food{color:var(--green);box-shadow:0 0 0 1px #a3d67f66}.mark.trace{color:var(--violet);box-shadow:0 0 0 1px #bda9f766}.mark.body{color:var(--red);box-shadow:0 0 0 1px #f4786266}.mark.none{color:var(--text-3);font-weight:500}.region.is-low{grid-template-columns:repeat(2,auto);place-items:center;gap:5px 4px;display:grid}.region.is-low .region-dot{grid-column:1/-1}.region.is-low .region-meta{flex-wrap:nowrap;max-width:none}.region:hover .region-dot,.region:focus-within .region-dot{transform:scale(1.06)}.region.is-selected .region-dot{color:var(--amber-ink);background:radial-gradient(circle at 35% 30%,#ffd796,#e99d43);box-shadow:0 0 0 2px #ffe2ae,0 0 0 7px #f3b65e38,0 0 26px #f3b65e8c}.region.is-selected .region-name{color:var(--amber-hi);box-shadow:0 0 0 1px var(--amber-line)}.region.is-here .region-dot,.region.is-chosen .region-dot{box-shadow:0 0 0 2px var(--teal), 0 0 0 7px #82d4c72e, 0 6px 18px #0000008c;background:#13200f}.region.is-here.is-selected .region-dot,.region.is-chosen.is-selected .region-dot{box-shadow:0 0 0 2px #ffe2ae,0 0 0 7px #f3b65e3d,0 0 26px #f3b65e80}.region.is-here .region-tag,.region.is-chosen .region-tag{color:#062621;background:var(--teal)}.region.is-reachable .region-dot:after{content:"";border:2px dashed #ffd28ed9;border-radius:50%;animation:9s linear infinite spin;position:absolute;inset:-7px}.region.is-pickable .region-dot{animation:1.8s ease-in-out infinite pickable}@keyframes pickable{50%{box-shadow:0 0 0 2px #a3d67fe6,0 0 0 9px #a3d67f29,0 6px 18px #0000008c}}.region.is-reachable .region-name{color:var(--amber-hi);box-shadow:0 0 0 1.5px var(--amber-line)}.region.is-unseen .region-dot,.region.is-unseen .region-name{opacity:.55;filter:grayscale(.7)}.map-caption{z-index:3;max-width:calc(100% - 24px);color:var(--text-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-2);background:#080e10b8;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;display:inline-flex;position:absolute;top:12px;left:12px}.map-caption .icon{color:var(--amber)}.map-legend{z-index:3;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-2);background:#080e10b8;border-radius:999px;align-items:center;gap:12px;height:32px;padding:0 14px;display:flex;position:absolute;top:12px;right:12px}.map-legend>span{color:var(--text-2);align-items:center;gap:5px;font-size:12px;display:inline-flex}.map-legend .line-key{border-top:2px dashed #ffefcd8c;width:18px}.map-legend .seat{width:16px;height:16px;box-shadow:none;font-size:9.5px}.map-legend .food{color:var(--green)}.map-legend .trace{color:var(--violet)}.map-stage.cover{border-width:0 0 1px;border-radius:0}.map-stage.cover .region-dot{width:40px;height:40px}.map-stage.cover .region-dot .icon{width:19px;height:19px}.map-stage.cover .region-name{padding:2px 8px 3px;font-size:15px}.map-stage.cover .region{gap:3px;transform:translate(-50%,-20px)}.map-stage.cover .mark{height:19px;padding:0 6px;font-size:11px}.map-stage.cover .region-meta{max-width:112px}.map-stage.cover .region-meta .seat{width:17px;height:17px;font-size:10px}.map-stage.cover .map-caption{padding:4px 10px;font-size:12px;top:8px;left:8px}@container (width<=680px){.map-legend{display:none}}@container (height<=380px){.region{gap:4px;transform:translate(-50%,-18px)}.region-dot{width:36px;height:36px}.region-dot .icon{width:18px;height:18px}.region-name{padding:2px 8px 3px;font-size:14.5px}.mark{height:19px;padding:0 6px;font-size:11px}.map-legend{display:none}}.gamebar{height:var(--bar-h);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border-bottom:1px solid var(--line);background:#0a1214c7;grid-area:bar;align-items:center;gap:14px;padding:0 14px;display:flex}.gb-brand{border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.gb-brand img{width:32px;height:32px}.gb-round{white-space:nowrap;align-items:baseline;gap:8px;line-height:1;display:flex}.gb-round b{font-family:var(--brush);letter-spacing:.06em;color:var(--amber-hi);text-shadow:0 0 18px #f3b65e59;font-size:27px;font-weight:400}.gb-round small{font-variant-numeric:tabular-nums;color:var(--text-4);font-size:12.5px}.gb-phase-name{border-left:1px solid var(--line-3);font-family:var(--brush);letter-spacing:.04em;padding-left:10px;font-size:21px}.gb-phases{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.gb-phases li{color:var(--text-4);white-space:nowrap;align-items:center;font-size:13.5px;display:flex}.gb-phases li+li:before{content:"";background:var(--line-3);width:18px;height:1px;margin:0 4px}.gb-phases li>span{border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 10px;display:inline-flex}.gb-phases li.done{color:var(--text-3)}.gb-phases li.done+li:before{background:var(--amber-line)}.gb-phases li.current>span{color:var(--amber-ink);background:linear-gradient(#ffcf86,#eda24a);font-weight:700;box-shadow:0 6px 18px #f3a54640}.gb-tools{align-items:center;gap:4px;display:flex}.gb-tools .chip{margin-right:6px}.room-code{letter-spacing:.12em;height:32px;color:var(--amber-hi);background:var(--amber-lo);border:1px solid #f3b65e4d;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-weight:700;display:inline-flex}.conn{color:var(--red);align-items:center;gap:6px;margin-right:4px;font-size:12.5px;display:inline-flex}.conn.on{color:var(--green)}.timer{font-variant-numeric:tabular-nums;white-space:nowrap;height:34px;color:var(--text);border:1px solid var(--line-2);background:#ffffff0d;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:15px;font-weight:700;display:inline-flex}.timer .icon{color:var(--teal)}.timer.urgent{color:var(--red);background:var(--red-lo);border-color:#f4786266;animation:1s ease-in-out infinite pulse}.timer.urgent .icon{color:var(--red)}.timer.free{color:var(--text-3);font-size:13px;font-weight:500}.timer.free .icon{color:var(--text-4)}.gb-progress{gap:3px;padding:0 12px;display:flex;position:absolute;bottom:-1px;left:0;right:0}.gb-progress i{background:#ffffff14;border-radius:2px;flex:1;height:3px}.gb-progress i.done{background:var(--amber-line)}.gb-progress i.current{background:var(--amber);box-shadow:0 0 8px #f3b65e99}@media (width<=1480px){.gb-phases li:not(.current)>span>span{display:none}.gb-phases li+li:before{width:12px}}.play-wide,.play-medium{grid-template-rows:var(--bar-h) minmax(0, 1fr);gap:12px;height:100dvh;padding:0 12px 12px;display:grid}.play-wide{grid-template-columns:clamp(250px,20vw,310px) minmax(0,1fr) clamp(300px,24vw,380px);grid-template-areas:"bar bar bar""left stage right"}.play-medium{grid-template-columns:minmax(0,1fr) clamp(290px,37vw,350px);grid-template-areas:"bar bar""stage side"}.play-wide>.gamebar,.play-medium>.gamebar{margin:0 -12px}.play-left{flex-direction:column;grid-area:left;gap:12px;min-height:0;display:flex}.play-left .roster{flex:1;min-height:0}.play-stage{flex-direction:column;grid-area:stage;gap:12px;min-height:0;display:flex}.play-stage .map-stage{flex:auto;min-height:max(220px,45%)}.play-stage .action-panel{flex:0 auto;min-height:0;max-height:calc(55% - 12px)}.play-right,.play-side{flex-direction:column;gap:12px;min-height:0;display:flex}.play-right{grid-area:right}.play-side{grid-area:side}.play-right>.card,.play-side>.side-panel{flex:1;min-height:0}.me-card{flex:none;overflow:hidden}.me-portrait{height:clamp(100px,12.5vh,160px);position:relative}.me-portrait .portrait{position:absolute;inset:0}.me-portrait:after{content:"";background:linear-gradient(180deg, #111c1f00 30%, #111c1fd9 82%, var(--surface));position:absolute;inset:0}.me-secret{z-index:1;position:absolute;top:10px;left:10px;background:#080e10b3!important}.me-id{z-index:1;position:absolute;bottom:4px;left:16px;right:16px}.me-id small{letter-spacing:.12em;color:var(--amber);font-size:12.5px}.me-id h2{font-family:var(--brush);letter-spacing:.06em;text-shadow:0 2px 12px #0009;font-size:36px;font-weight:400;line-height:1.05}.me-body{gap:10px;padding:8px 16px 16px;display:grid}.vital{grid-template-columns:58px 1fr auto;align-items:center;gap:10px;display:grid}.vital-label{color:var(--text-2);align-items:center;gap:6px;font-size:13px;display:inline-flex}.vital.hp .icon{color:var(--red)}.vital.sp .icon{color:var(--teal)}.vital b{text-align:right;font-variant-numeric:tabular-nums;min-width:34px;font-size:15px}.vital b small{color:var(--text-3);font-size:12px;font-weight:400}.hunger{color:var(--text-2);background:#ffffff0a;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.hunger .icon{color:var(--text-3)}.hunger.fed{color:var(--green);background:var(--green-lo)}.hunger.fed .icon{color:var(--green)}.hunger.warn{color:var(--red);background:var(--red-lo)}.hunger.warn .icon{color:var(--red)}.me-skill{background:var(--amber-lo);border:1px solid #f3b65e33;border-radius:12px;padding:10px 12px}.me-skill header{color:var(--amber-hi);align-items:center;gap:6px;font-weight:700;display:flex}.me-skill header small{color:var(--text-3);margin-left:auto;font-size:12px;font-weight:500}.me-skill p{color:var(--text-2);margin-top:3px;font-size:13px;line-height:1.55}.me-diet{color:var(--text-3);font-size:12.5px;line-height:1.55}.me-card.fallen .portrait,.me-strip.fallen .portrait{filter:grayscale()brightness(.6)}.me-strip{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.me-thumb{--zoom:1.2;width:64px;height:64px;box-shadow:0 0 0 1px var(--line-2);border-radius:16px}.me-strip-main{gap:6px;min-width:0;display:grid}.me-strip-title{align-items:baseline;gap:8px;min-width:0;display:flex}.me-strip-title h2{font-family:var(--brush);letter-spacing:.05em;font-size:26px;font-weight:400;line-height:1}.me-strip-title small{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--amber);flex:1;font-size:12px;overflow:hidden}.me-strip-foot{align-items:center;gap:8px;min-width:0;display:flex}.me-strip-foot .hunger{flex:1;min-width:0}.me-strip-foot .chip{cursor:pointer;flex:none;min-height:30px}.me-fold{transition:transform .2s}.me-fold.open{transform:rotate(180deg)}.me-strip .vital-text{display:none}.me-strip-vitals{grid-template-columns:1fr 1fr;gap:12px;display:grid}.me-strip-vitals .vital{grid-template-columns:auto 1fr auto;gap:6px}.me-strip-vitals .vital b{min-width:0;font-size:13px}.me-strip .hunger{padding:0;font-size:12.5px;background:0 0!important}.me-extra{grid-column:1/-1;gap:8px;display:grid}.roster{flex-direction:column;min-height:0;padding:14px 6px 6px 14px;display:flex}.roster .section-head{padding:0 10px 8px 2px}.roster-list{align-content:start;gap:2px;min-height:0;padding-right:6px;display:grid;overflow:auto}.player-row{border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:6px 8px;transition:background-color .15s;display:grid}.play-left .me-body{gap:8px;padding:6px 16px 14px}.play-left .roster{padding-top:12px}.play-left .roster .section-head{padding-bottom:6px}.play-left .player-row{padding:4px 8px}.play-left .player-row .face{width:34px;height:34px}.play-left .pr-main b{line-height:1.3}.play-left .pr-main small{line-height:1.45}@media (hover:hover){.player-row:hover{background:#ffffff0d}}.player-row.self{background:var(--amber-lo);box-shadow:inset 0 0 0 1px #f3b65e29}.pr-main{min-width:0}.pr-main b{align-items:center;gap:6px;font-size:14.5px;font-weight:600;line-height:1.35;display:flex}.pr-main b em{color:var(--amber-ink);background:var(--amber);border-radius:6px;padding:0 6px;font-size:11px;font-style:normal;line-height:17px}.pr-main b .icon{color:var(--teal)}.pr-main small{text-overflow:ellipsis;white-space:nowrap;color:var(--text-3);font-size:12.5px;display:block;overflow:hidden}.pr-main small.guess{color:var(--amber)}.pr-main small.known{color:var(--text-2)}.player-row.dead .pr-main{opacity:.6}.pr-status{width:24px;color:var(--text-4);place-items:center;display:grid}.pr-status.ready{color:var(--green)}.pr-status.dead{color:var(--red);opacity:.8}.thinking{gap:3px;display:inline-flex}.thinking i{background:currentColor;border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite pulse}.thinking i:nth-child(2){animation-delay:.2s}.thinking i:nth-child(3){animation-delay:.4s}.action-panel{flex-direction:column;display:flex;overflow:hidden}.ap-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 18px 12px;display:grid}.ap-icon{width:46px;height:46px;color:var(--amber-hi);background:var(--amber-lo);border:1px solid #f3b65e42;border-radius:15px;place-items:center;display:grid}.ap-head h2{font-family:var(--brush);letter-spacing:.06em;font-size:29px;font-weight:400;line-height:1.1}.ap-head p{color:var(--text-3);margin-top:3px;font-size:13.5px;line-height:1.5}.ap-body{flex:1;align-content:start;gap:12px;min-height:0;padding:0 18px 16px;display:grid;overflow:auto}.ap-cta{gap:8px;display:flex}.ap-cta .btn.primary{min-width:176px}.ap-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ap-row .grow{flex:1}.ap-note{color:var(--text-3);font-size:13px;line-height:1.6}.ap-note b{color:var(--text-2);font-weight:600}.ap-label{letter-spacing:.06em;color:var(--text-3);font-size:12.5px;font-weight:600}.pips-inline{gap:4px;display:inline-flex}.pips-inline i{background:#ffffff1f;border-radius:50%;width:10px;height:10px}.pips-inline i.on{background:var(--amber);box-shadow:0 0 8px #f3b65e99}.region-picker{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.region-tile{border:1px solid var(--line);background:#ffffff09;border-radius:13px;justify-items:center;gap:1px;padding:10px 4px 8px;transition:background-color .15s,border-color .15s,opacity .15s;display:grid;position:relative}.region-tile .icon{color:var(--text-2);margin-bottom:3px}.region-tile b{white-space:nowrap;font-size:13.5px;font-weight:600}.region-tile small{color:var(--text-3);white-space:nowrap;font-size:11.5px}.region-tile small.food{color:var(--green)}@media (hover:hover){.region-tile:hover:not(:disabled){border-color:var(--line-2);background:#ffffff12}}.region-tile.on,.region-tile.on:hover:not(:disabled){background:var(--amber-lo);border-color:var(--amber-line)}.region-tile.on .icon,.region-tile.on b{color:var(--amber-hi)}.region-tile.here{box-shadow:inset 0 0 0 1px #82d4c766}.play-wide .region-tile,.play-medium .region-tile{grid-template-columns:auto minmax(0,1fr);justify-items:start;column-gap:8px;padding:8px 10px 7px}.play-wide .region-tile .icon,.play-medium .region-tile .icon{grid-row:span 2;margin:0}.play-wide .region-tile b,.play-medium .region-tile b{line-height:1.25}.region-tile.far{opacity:.5}.region-tile .tile-tag{white-space:nowrap;color:#062621;background:var(--teal);border-radius:999px;padding:0 6px;font-size:10.5px;font-weight:700;line-height:16px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.region-tile .tile-tag.go{color:var(--amber-ink);background:var(--amber)}.region-tile:disabled{cursor:default}.tile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.tile-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.tile-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{text-align:left;background:var(--surface-2);border:1px solid var(--line-2);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;min-height:62px;padding:10px 12px;transition:background-color .15s,border-color .15s,box-shadow .15s,opacity .15s;display:grid}.tile>.icon{color:var(--amber);grid-row:span 2}.tile b{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;line-height:1.35;overflow:hidden}.tile small{color:var(--text-3);font-size:12px;line-height:1.4}.tile small.ok{color:var(--green)}.tile small.no{color:var(--red)}@media (hover:hover){.tile:hover:not(:disabled){background:var(--surface-3);border-color:var(--amber-line)}}.tile:disabled{opacity:.42}@media (hover:hover) and (pointer:fine){.action-panel .tile-grid{counter-reset:tile}.action-panel .tile{counter-increment:tile;position:relative}.action-panel .tile:after{content:counter(tile);text-align:center;min-width:16px;color:var(--text-4);border:1px solid var(--line-2);border-radius:5px;padding:0 4px;font-size:10.5px;font-weight:700;line-height:16px;position:absolute;bottom:6px;right:8px}}.tile.suggested{border-style:dashed;border-color:var(--amber-line);position:relative}.tile .tile-tag{white-space:nowrap;color:var(--amber-ink);background:var(--amber);border-radius:999px;padding:0 6px;font-size:10.5px;font-weight:700;line-height:16px;position:absolute;top:-8px;right:10px}.tile.chosen,.tile.chosen:hover:not(:disabled){background:var(--amber-lo);border-color:var(--amber);box-shadow:0 0 0 3px #f3b65e24}.tile.chosen b{color:var(--amber-hi)}.tile.chosen:disabled{opacity:1}.targets{flex-wrap:wrap;gap:6px;display:flex}.target{border:1px solid var(--line-2);background:#ffffff0a;border-radius:999px;align-items:center;gap:7px;height:36px;padding:0 12px 0 4px;font-size:13px;transition:background-color .15s,border-color .15s;display:inline-flex}.target.solo{padding-left:12px}.target .face{width:28px;height:28px}.target .face>b{font-size:14px}.target .face>em{min-width:15px;height:15px;font-size:9.5px;bottom:-5px;right:-5px}.target .icon{color:var(--violet)}@media (hover:hover){.target:hover:not(:disabled){border-color:var(--amber-line)}}.target.on,.target.on:hover:not(:disabled){color:var(--amber-hi);background:var(--amber-lo);border-color:var(--amber)}.clues{gap:10px;display:grid}.clues-head{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.clues-head .icon{color:var(--amber);align-self:center}.clues-head b{font-size:14.5px}.clues-head small{color:var(--text-3);font-size:12.5px}.clue-grid{grid-template-columns:repeat(auto-fill,minmax(max(150px,25% - 6px),1fr));gap:8px;display:grid}.clue-card{border:1px solid var(--line);background:#ffffff08;border-radius:13px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-height:56px;padding:7px 9px;display:grid;position:relative}.clue-face{--zoom:1.3;border-radius:11px;width:38px;height:38px}.clue-body{gap:3px;min-width:0;display:grid}.clue-body b{font-size:13.5px;font-weight:600;line-height:1.2}.clue-who{flex-wrap:wrap;align-items:center;gap:4px;min-height:20px;display:flex}.clue-who small{color:var(--text-4);font-size:11.5px}.seat.guessed{color:var(--amber-hi);box-shadow:inset 0 0 0 1.5px var(--amber-line), 0 0 0 2px #0a1214d9;background:#080e1099}.clue-tag{white-space:nowrap;border-radius:999px;padding:0 7px;font-size:11px;font-weight:700;line-height:18px}.clue-tag.self{color:var(--amber-ink);background:var(--amber)}.clue-tag.dead{color:var(--text-3);background:#ffffff14}.clue-card.mine{background:var(--amber-lo);border-color:#f3b65e47}.clue-card.clash{border-color:#f3b65e99}.clue-card.liar{background:var(--red-lo);border-color:#f478628c}.clue-flag{color:var(--amber-ink);background:var(--amber);border-radius:999px;align-items:center;gap:3px;padding:0 7px;font-size:10.5px;font-style:normal;font-weight:700;line-height:17px;display:inline-flex;position:absolute;top:-8px;right:8px}.clue-card.liar .clue-flag{color:#2a0b05;background:var(--red)}.clues-key{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.clues-key .seat{width:18px;height:18px;font-size:10px}.clues-key .seat+.seat,.clues-key .seat.guessed{margin-left:6px}.round-log{gap:6px;display:grid}.round-log li{border:1px solid var(--line);background:#ffffff09;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;padding:9px 12px;font-size:13.5px;line-height:1.55;display:grid}.round-log li:first-child{animation:.3s both rise}.round-log li .icon{color:var(--text-3);margin-top:2px}.round-log li.clue{background:var(--violet-lo);border-color:#bda9f742}.round-log li.clue .icon{color:var(--violet)}.round-log li.bad{background:var(--red-lo);border-color:#f4786242}.round-log li.bad .icon{color:var(--red)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.coach{background:linear-gradient(135deg,#f3b65e24,#f3b65e0a);border:1px solid #f3b65e42;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:4px 10px;padding:10px 6px 10px 14px;display:grid}.coach>.icon{color:var(--amber);margin-top:3px}.coach .icon-btn{width:30px;height:30px;margin-top:-3px}.coach p{font-size:13.5px;line-height:1.6}.coach p b{color:var(--amber-hi)}.camp{gap:12px;display:grid}.camp-intro{color:var(--text-3);align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;display:flex}.camp-intro>.icon{color:var(--amber);margin-top:1px}.camp-intro b{color:var(--text)}.quotes{gap:8px;display:grid}.quotes li{background:#ffffff09;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:10px 12px;display:grid}.quotes .face{width:30px;height:30px}.quotes .face>b{font-size:15px}.quotes small{color:var(--text-3);font-size:12px;display:block}.quotes p{font-size:14px;line-height:1.55}.list-rows{gap:6px;display:grid}.list-rows li{background:#ffffff09;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;display:grid}.list-rows li>.icon{color:var(--text-2)}.list-rows li.dim{opacity:.55}.play-wide .list-rows,.play-medium .list-rows{grid-template-columns:repeat(2,minmax(0,1fr))}.seats{flex-wrap:wrap;gap:4px;display:flex}.voice-card,.call-card{border:1px solid var(--line);background:#ffffff09;border-radius:14px;gap:12px;padding:14px;display:grid}.voice-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.voice-orb{width:44px;height:44px;color:var(--teal);background:var(--teal-lo);border-radius:50%;place-items:center;display:grid}.voice-card strong,.call-card strong{font-size:15px;display:block}.voice-card small,.call-card p{color:var(--text-3);font-size:13px}.call-card .row{gap:8px;display:flex}.call-card select{flex:1}.night-report{gap:12px;display:grid}.nr-head{align-items:center;gap:14px;display:flex}.nr-icon{width:52px;height:52px;color:var(--green);background:var(--green-lo);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 0 0 1px #a3d67f4d}.night-report.hungry .nr-icon{color:var(--amber);background:var(--amber-lo);box-shadow:0 0 0 1px #f3b65e4d}.night-report.grim .nr-icon{color:var(--red);background:var(--red-lo);box-shadow:0 0 0 1px #f478624d}.nr-head strong{font-family:var(--brush);letter-spacing:.04em;font-size:25px;font-weight:400;line-height:1.2;display:block}.nr-head small{color:var(--text-3);font-size:13px}.nr-list{display:grid}.nr-list li{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:9px 2px;font-size:14px;line-height:1.55;display:grid}.nr-list li .icon{color:var(--text-3);margin-top:3px}.nr-list li.good .icon{color:var(--green)}.nr-list li.bad .icon{color:var(--red)}.nr-wild{gap:6px;display:grid}.nr-wild h4{letter-spacing:.1em;color:var(--text-3);font-size:12.5px;font-weight:700}.nr-wild ul{gap:6px;display:grid}.nr-wild li{background:#ffffff09;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:7px 12px 7px 8px;font-size:13.5px;line-height:1.5;display:grid}.nr-wild li.bad{background:var(--red-lo)}.nr-wild li.clue .icon{color:var(--violet)}.nr-wild .face{width:30px;height:30px}.nr-wild .face>b{font-size:13px}.nr-next{color:var(--text-2);background:#82d4c712;border:1px solid #82d4c72e;border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;line-height:1.55;display:flex}.nr-next .icon{color:var(--teal);margin-top:2px}.side-panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.tabs{background:#0000003d;border-radius:14px;gap:4px;margin:10px 10px 0;padding:4px;display:flex}.tab{height:36px;color:var(--text-3);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex;position:relative}@media (hover:hover){.tab:hover{color:var(--text)}}.tab[aria-selected=true]{color:var(--text);background:var(--surface-3);box-shadow:inset 0 1px #ffffff0a,0 4px 12px #00000040}.tab-body{flex-direction:column;flex:1;min-height:0;display:flex}.feed{overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px 14px 14px;display:flex;overflow:auto}.round-divider{align-items:center;gap:10px;margin:4px 0 0;display:flex}.round-divider:before,.round-divider:after{content:"";background:var(--line-2);flex:1;height:1px}.round-divider span{font-family:var(--brush);letter-spacing:.08em;color:var(--text-3);font-size:15px}.bubble{align-items:flex-end;gap:8px;max-width:94%;display:flex}.bubble .face{width:30px;height:30px;margin-bottom:2px}.bubble .face>b{font-size:15px}.bubble .face>em{display:none}.bubble-body{min-width:0}.bubble header{color:var(--text-3);align-items:center;gap:5px;margin:0 0 3px 4px;font-size:11.5px;display:flex}.bubble header .icon{color:var(--violet)}.bubble p{overflow-wrap:anywhere;background:var(--surface-3);border-radius:5px 16px 16px;padding:9px 13px;font-size:14px;line-height:1.55}.bubble.private p{background:#bda9f71a;box-shadow:inset 0 0 0 1px #bda9f738}.bubble.mine{flex-direction:row-reverse;align-self:flex-end}.bubble.mine header{justify-content:flex-end;margin:0 4px 3px 0}.bubble.mine p{background:linear-gradient(#f3b65e42,#f3b65e2b);border-radius:16px 5px 16px 16px;box-shadow:inset 0 0 0 1px #f3b65e33}.jentry{color:var(--text-2);grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;font-size:13.5px;line-height:1.6;display:grid}.jentry .jicon{width:28px;height:28px;color:var(--text-3);background:#ffffff0d;border-radius:9px;place-items:center;display:grid}.jentry p{overflow-wrap:anywhere;padding-top:3px}.jentry.good .jicon{color:var(--green);background:var(--green-lo)}.jentry.bad .jicon{color:var(--red);background:var(--red-lo)}.jentry.bad p{color:var(--text)}.jentry.clue .jicon{color:var(--violet);background:var(--violet-lo)}.jentry.quiet{color:var(--text-3)}.empty-feed{text-align:center;color:var(--text-3);justify-items:center;gap:10px;margin:auto;padding:30px 12px;font-size:13.5px;line-height:1.7;display:grid}.empty-feed .icon{color:var(--text-4)}.composer{border-top:1px solid var(--line);background:#00000029;gap:8px;padding:10px 12px 12px;display:grid}.composer-top{align-items:center;gap:8px;display:flex}.composer-top select{flex:1;min-height:38px;font-size:13.5px}.quota{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-3);font-size:12px}.quota.spent{color:var(--red)}.quick{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000);mask-image:linear-gradient(90deg,#000 88%,#0000)}.quick::-webkit-scrollbar{display:none}.quick button{height:30px;color:var(--text-2);border:1px solid var(--line);background:#ffffff0d;border-radius:999px;flex:none;padding:0 11px;font-size:12.5px;transition:color .15s,border-color .15s}@media (hover:hover){.quick button:hover:not(:disabled){color:var(--amber-hi);border-color:var(--amber-line)}}.quick button:disabled{opacity:.4}.composer-input{align-items:flex-end;gap:8px;display:flex}.composer-input textarea{field-sizing:content;min-height:44px;max-height:120px}.send-btn{width:44px;height:44px;color:var(--amber-ink);background:linear-gradient(#ffcf86,#eda24a);border-radius:12px;flex:none;place-items:center;transition:opacity .15s;display:grid}.send-btn:disabled{opacity:.32;filter:saturate(.3)}.composer-foot{color:var(--text-4);justify-content:space-between;gap:8px;font-size:11.5px;display:flex}@media (pointer:coarse){.composer-top select{min-height:42px;font-size:16px}.quick button{height:36px;padding:0 13px;font-size:13px}.clue-who{gap:14px 8px}.clue-card .seat{width:26px;height:26px;font-size:12px;position:relative}.clue-card .seat:after{content:"";position:absolute;inset:-7px -4px}.coach .icon-btn{width:40px;height:40px;margin:-8px -2px -8px 0}.tab{height:42px}}.play-narrow{--dock-h:70px;min-height:100dvh;padding:0 env(safe-area-inset-right) calc(var(--dock-h) + env(safe-area-inset-bottom)) env(safe-area-inset-left);overflow-x:clip}:root:has(.play-narrow){--dock-h:70px}:root:has(main.play){overscroll-behavior-y:none}.play-narrow>.gamebar{z-index:30;gap:10px;padding:0 6px 0 12px;position:sticky;top:0}.play-narrow .gb-round{flex:1;min-width:0}.play-narrow .gb-round b{font-size:26px}.play-narrow .map-stage{width:100%;height:min(72vw,44svh);min-height:0}.play-narrow .tab-view{align-content:start;gap:8px;padding:12px 12px 16px;display:grid}.play-narrow .tab-view.map-view{padding-top:0}.play-narrow .tab-view.map-view>.map-stage{width:auto;margin:0 -12px}.play-narrow .tab-view>:not(.map-stage){width:100%;max-width:760px;margin-inline:auto}.play-narrow .chat-view,.play-narrow .log-view{height:calc(100dvh - var(--bar-h) - var(--dock-h) - env(safe-area-inset-bottom));flex-direction:column;padding:0;display:flex}.play-narrow .chat-view>.card,.play-narrow .log-view>.card{min-height:0;box-shadow:none;background:0 0;border-width:0;border-radius:0;flex-direction:column;flex:1;display:flex}.typing .play-narrow{--dock-h:0px}.typing .play-narrow .dock,.typing .play-narrow .quick,.typing .play-narrow .composer-foot>span:first-child{display:none}.typing .play-narrow .composer-foot{justify-content:flex-end}.play-narrow .roster{padding:14px 6px 8px 12px}.play-narrow .me-strip{grid-template-columns:46px minmax(0,1fr);gap:12px;padding:8px 12px 8px 10px}.play-narrow .me-thumb{border-radius:13px;width:46px;height:46px}.play-narrow .me-strip-main{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 14px}.play-narrow .me-strip-title h2{font-size:22px}.play-narrow .me-strip-foot .chip{min-height:26px;position:relative}.play-narrow .me-strip-foot .chip:after{content:"";position:absolute;inset:-9px -8px}.play-narrow .me-strip-title small{display:none}.play-narrow .me-strip-vitals{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.play-narrow .me-strip .pips{gap:3px}.play-narrow .me-strip .pips i{min-width:4px}.play-narrow .me-strip-foot{grid-column:1/-1}.play-narrow .action-panel{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.play-narrow .ap-body{gap:10px;padding:2px 0 6px;overflow:visible}.play-narrow .round-log{scroll-margin:calc(var(--bar-h) + 12px) 0 calc(var(--dock-h) + 12px)}.ap-brief{color:var(--text-3);align-items:flex-start;gap:8px;font-size:13px;line-height:1.55;display:flex}.ap-brief .icon{color:var(--amber);flex:none;margin-top:2px}.drop-pick{border:1px dashed var(--line-2);background:#ffffff08;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;display:grid}.drop-pick.chosen{background:#82d4c712;border:1px solid #82d4c75c}.dp-icon{width:40px;height:40px;color:var(--amber);background:var(--amber-lo);border-radius:12px;place-items:center;display:grid}.drop-pick.chosen .dp-icon{color:var(--teal);background:#82d4c724}.drop-pick b{font-size:15px;display:block}.drop-pick small{color:var(--text-3);margin-top:2px;font-size:12.5px;line-height:1.5;display:block}.play-narrow .coach{padding:8px 4px 8px 12px}.play-narrow .coach p{font-size:13px;line-height:1.55}.play-narrow .tile-grid{gap:6px}.play-narrow .tile{text-align:center;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:center;row-gap:1px;min-height:0;padding:9px 6px 10px}.play-narrow .tile>.icon{grid-row:auto;margin-bottom:3px}.play-narrow .tile b{max-width:100%;font-size:14px}.play-narrow .tile small{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.dock{z-index:40;padding:8px max(10px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line-2);background:#091012f0;align-items:center;gap:6px;display:flex;position:fixed;inset:auto 0 0}.dock-tabs{gap:2px;display:flex}.dock-tab{width:48px;color:var(--text-3);border-radius:11px;justify-items:center;gap:1px;padding:6px 0 4px;font-size:11px;font-weight:600;display:grid;position:relative}.dock-tab[aria-selected=true]{color:var(--amber-hi);background:var(--amber-lo)}.dock-tab .badge{min-width:16px;height:16px;font-size:10px;position:absolute;top:0;right:3px}.dock .btn.primary{flex:1;min-width:0;max-width:420px;min-height:50px;margin-left:auto;padding:0 12px}.dock .btn.primary span{text-overflow:ellipsis;overflow:hidden}@media (width<=380px){.dock-tab{width:42px}.play-narrow .me-strip .pips{display:none}.play-narrow .tile b{font-size:13px}}@media (height<=620px) and (orientation:portrait){.play-narrow .phase-action .tile small{display:none}}@media (orientation:landscape) and (height<=559px){:is(:root:has(.play-narrow),.play-narrow){--dock-h:58px}.play-narrow .tab-view.map-view{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:10px 14px;padding:10px 12px 14px 0}.play-narrow .tab-view.map-view>.map-stage{top:calc(var(--bar-h) + 10px);height:calc(100vh - var(--bar-h) - var(--dock-h) - 20px);height:calc(100svh - var(--bar-h) - var(--dock-h) - env(safe-area-inset-bottom) - 20px);border-radius:0 var(--r-xl) var(--r-xl) 0;border-width:1px 1px 1px 0;grid-row:1/span 2;margin:0;position:sticky}.play-narrow .tab-view.map-view>:not(.map-stage){grid-column:2;max-width:none}.dock{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.dock .btn.primary{min-height:44px}.dock-tab{padding:3px 0 2px}}.home{position:relative}.hero{min-height:min(100dvh,940px);padding:calc(var(--bar-h) + 32px) max(24px, 4vw) 64px;isolation:isolate;align-items:center;display:flex;position:relative;overflow:clip}.hero-bg{z-index:-1;background:url(/food-chain-wilds/art/island.webp) 64%/cover no-repeat;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.hero-bg:after{content:"";background:linear-gradient(90deg,#080e10f0 0%,#080e10c7 34%,#080e104d 62%,#080e108c 100%),linear-gradient(#080e1073 0%,#0000 26%);position:absolute;inset:0}.hero-inner{grid-template-columns:minmax(0,1fr) minmax(360px,432px);align-items:center;gap:56px;width:100%;max-width:1240px;margin:0 auto;display:grid}.hero-title{font-family:var(--brush);letter-spacing:.06em;color:#fbeed2;background:linear-gradient(#fff8e8 10%,#f6cf8a 95%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 8px 30px #0000008c);-webkit-background-clip:text;background-clip:text;margin:16px 0 6px;font-size:clamp(78px,10vw,150px);font-weight:400;line-height:.95}.hero-sub{font-family:var(--brush);letter-spacing:.06em;color:var(--amber-hi);font-size:clamp(25px,2.6vw,35px)}.hero-text{max-width:30em;color:var(--text-2);margin-top:14px;font-size:16.5px;line-height:1.85}.hero-facts{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.hero-facts li{height:34px;color:var(--text-2);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080e108c;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:13.5px;display:inline-flex}.hero-facts .icon{color:var(--amber)}.entry-card{box-shadow:var(--shadow-2);border-radius:26px;padding:8px}.entry-card .tabs{margin:0}.entry-body{gap:18px;padding:18px 16px 16px;display:grid}.hint{color:var(--text-3);font-size:12.5px;line-height:1.5}.hint b{color:var(--text-2)}.role-picker{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;display:grid}.role{aspect-ratio:1;color:var(--text-2);background:var(--surface-3);box-shadow:0 0 0 1px var(--line-2);border-radius:50%;place-items:center;transition:box-shadow .15s,transform .15s;display:grid;position:relative;overflow:hidden}.role .portrait{--zoom:1.35;position:absolute;inset:0}@media (hover:hover){.role:hover{transform:translateY(-2px)}}.role.on{color:var(--amber-hi);box-shadow:0 0 0 2px var(--amber), 0 0 16px #f3b65e73}@media (width<=759px){.solo-start{bottom:calc(12px + env(safe-area-inset-bottom));z-index:2;position:sticky;box-shadow:0 0 0 6px #0a1113e6,0 12px 30px #0009}}.under{text-align:center;color:var(--text-3);margin-top:-8px;font-size:12.5px}.resume{background:var(--teal-lo);border:1px solid #82d4c742;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px 10px 10px;display:grid}.resume-face{--zoom:1.3;border-radius:12px;width:44px;height:44px}.resume b{font-size:14.5px;display:block}.resume small{color:var(--text-3);font-size:12.5px}.resume>.icon{color:var(--teal)}.tutorial-entry{background:linear-gradient(135deg,#82d4c72b,#82d4c70d);border:1px solid #82d4c757;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:10px 14px 10px 10px;transition:border-color .18s,background-color .18s;display:grid}@media (hover:hover){.tutorial-entry:hover{border-color:var(--teal)}}.te-icon{color:#062621;background:var(--teal);border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.tutorial-entry b{font-size:14.5px;display:block}.tutorial-entry small{color:var(--text-3);font-size:12.5px}.tutorial-entry>.icon{color:var(--teal)}.tutorial-entry.done{border-color:var(--line);background:#ffffff06}.tutorial-entry.done .te-icon{color:var(--teal);background:var(--teal-lo)}.server-status{color:var(--text-2);align-items:center;gap:8px;font-size:13px;line-height:1.5;display:flex}.server-status i{background:var(--amber);border-radius:50%;flex:none;width:8px;height:8px}.server-status.ok i{background:var(--green);box-shadow:0 0 8px var(--green)}.server-status.offline i,.server-status.outdated i{background:var(--red)}.server-status.checking i{animation:1s ease-in-out infinite pulse}.join-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.code-input{letter-spacing:.3em;text-transform:uppercase;font-weight:700}.code-input::placeholder{letter-spacing:.05em;font-weight:400}.or{color:var(--text-4);align-items:center;gap:12px;font-size:12px;display:flex}.or:before,.or:after{content:"";background:var(--line-2);flex:1;height:1px}.home-section{max-width:1240px;margin:0 auto;padding:48px max(24px,4vw) 16px}.home-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:22px;display:flex}.home-head h2{font-family:var(--brush);letter-spacing:.06em;font-size:38px;font-weight:400}.home-head p{max-width:36em;color:var(--text-3)}.species-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.species-card{aspect-ratio:4/5;background:var(--surface);border:1px solid var(--line);border-radius:20px;transition:transform .25s,border-color .25s,box-shadow .25s;display:block;position:relative;overflow:hidden}.species-card .portrait{transition:transform .4s;position:absolute;inset:0}.species-card:after{content:"";background:linear-gradient(#0000 48%,#080e10f0);position:absolute;inset:0}@media (hover:hover){.species-card:hover{border-color:var(--amber-line);transform:translateY(-4px);box-shadow:0 18px 44px #00000073}.species-card:hover .portrait{transform:scale(1.04)}}.species-info{z-index:1;display:grid;position:absolute;bottom:14px;left:16px;right:16px}.species-info b{font-family:var(--brush);letter-spacing:.05em;font-size:30px;font-weight:400;line-height:1.1}.species-info small{color:var(--text-2);font-size:13px}.species-card .diet{z-index:1;position:absolute;top:12px;right:12px}.species-card.collected{border-color:#f3b65e66}.collected-mark{z-index:1;height:24px;color:var(--amber-ink);background:var(--amber);border-radius:999px;align-items:center;gap:4px;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 14px #00000059}.records-line{color:var(--text-2);background:var(--amber-lo);border:1px solid #f3b65e42;border-radius:999px;align-items:center;gap:8px;margin-top:12px;padding:7px 14px;font-size:13px;line-height:1.4;display:inline-flex}.records-line .icon{color:var(--amber)}.records-line b{color:var(--amber-hi)}.diet{background:#080e10b8;border-radius:999px;align-items:center;height:24px;padding:0 10px;font-size:12px;font-style:normal;font-weight:600;display:inline-flex}.diet.hunt{color:#ff9c88;box-shadow:inset 0 0 0 1px #f478626b}.diet.plant{color:var(--green);box-shadow:inset 0 0 0 1px #a3d67f6b}.diet.scavenge{color:var(--violet);box-shadow:inset 0 0 0 1px #bda9f76b}.step-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.step-list li{background:var(--surface);border:1px solid var(--line);border-radius:20px;align-content:start;gap:6px;padding:20px;display:grid}.step-icon{width:46px;height:46px;color:var(--amber-hi);background:var(--amber-lo);border-radius:15px;place-items:center;margin-bottom:6px;display:grid}.step-list small{letter-spacing:.12em;color:var(--text-4);font-weight:700}.step-list b{font-family:var(--brush);letter-spacing:.05em;font-size:25px;font-weight:400}.step-list p{color:var(--text-3);font-size:14px;line-height:1.75}.home-more{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.home-more a{text-decoration:none}.page-footer{max-width:1240px;padding:24px max(24px, 4vw) calc(36px + env(safe-area-inset-bottom));color:var(--text-4);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:48px auto 0;font-size:13px;display:flex}@media (width<=959px){.hero{min-height:auto;padding:calc(var(--bar-h) + 20px) 16px 24px;align-items:flex-start}.hero-bg{background-position:42% 30%;height:560px;bottom:auto}.hero-bg:after{background:linear-gradient(#080e108c 0%,#080e1066 30%,#080e10e0 72%)}.hero-inner{grid-template-columns:minmax(0,1fr);gap:28px}.hero-text{font-size:15.5px}.hero-facts{margin-top:18px}.species-grid,.step-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-section{padding:36px 16px 8px}}@media (width<=520px){.hero{padding-top:calc(var(--bar-h) + 12px)}.hero-inner{gap:20px}.hero-title{margin:10px 0 4px;font-size:64px}.hero-sub{font-size:22px}.hero-text{margin-top:10px;font-size:14.5px;line-height:1.75}.hero-facts{flex-wrap:nowrap;gap:6px;margin-top:14px}.hero-facts li{flex:none;gap:5px;height:30px;padding:0 10px;font-size:12.5px}.entry-body{gap:16px;padding:16px 12px 14px}.role-picker{gap:4px}.species-info b{font-size:26px}.step-list{grid-template-columns:minmax(0,1fr)}.step-list li{grid-template-columns:auto minmax(0,1fr);column-gap:14px;padding:16px}.step-list .step-icon{grid-row:span 3;margin:0}}@media (width<=359px){.hero-facts{flex-wrap:wrap}}.lobby{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:20px;max-width:1360px;margin:0 auto;padding:24px;display:grid}.lobby-map .map-stage{aspect-ratio:1672/941}.lobby-card{gap:14px;padding:24px;display:grid}.lobby-card h1{font-size:40px;font-weight:400;line-height:1.15}.invite-code{background:var(--amber-lo);border:1px dashed var(--amber-line);border-radius:16px;justify-items:center;gap:4px;padding:16px;transition:background-color .15s;display:grid}@media (hover:hover){.invite-code:hover{background:#f3b65e33}}.invite-code>span{letter-spacing:.3em;color:var(--amber-hi);margin-right:-.3em;font-size:40px;font-weight:800}.invite-code small{color:var(--text-2);align-items:center;gap:6px;font-size:13px;display:inline-flex}.lobby-seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.lobby-seats li{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.lobby-seats li.empty{opacity:.5;border-style:dashed}.lobby-seats li.self{background:var(--amber-lo);border-color:var(--amber-line)}.lobby-seats .face{width:32px;height:32px}.lobby-seats .face>b{font-size:16px}.lobby-seats strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.lobby-seats small{color:var(--text-3);font-size:12px}.lobby-seats .icon{color:var(--amber)}.wait{min-height:54px;color:var(--text-2);justify-content:center;align-items:center;gap:10px;display:flex}.wait .spinner{border-width:2px;width:18px;height:18px}@media (width<=959px){.lobby{grid-template-columns:minmax(0,1fr);padding:12px}.lobby-card{order:-1;padding:18px}.lobby-map .map-stage.cover{aspect-ratio:4/3;border-radius:var(--r-xl);border-width:1px}}.connecting{min-height:calc(100dvh - var(--bar-h));place-items:center;padding:24px;display:grid}.connecting-card{text-align:center;justify-items:center;gap:14px;width:min(440px,100%);padding:32px;display:grid}.connecting-card h2{font-size:30px;font-weight:400}.finish{gap:28px;max-width:1100px;margin:0 auto;padding:44px 24px 64px;display:grid}.finish-hero{grid-template-columns:250px minmax(0,1fr);align-items:center;gap:44px;display:grid}.finish-portrait{aspect-ratio:3/4;box-shadow:var(--shadow-2), 0 0 0 1px var(--line-2);border-radius:28px;position:relative;overflow:hidden}.finish-portrait .portrait{position:absolute;inset:0}.finish-portrait.won{box-shadow:var(--shadow-2), 0 0 0 2px var(--amber), 0 0 70px #f3b65e4d}.finish-portrait.lost .portrait{filter:grayscale(.85)brightness(.72)}.finish-portrait .chip{color:var(--text);background:#080e10cc;position:absolute;bottom:12px;left:12px}.finish-portrait.won .chip .icon{color:var(--amber)}.finish-copy h1{letter-spacing:.04em;margin:12px 0;font-size:clamp(36px,5vw,58px);font-weight:400;line-height:1.18}.finish-copy .lead{max-width:34em;color:var(--text-2);font-size:16px;line-height:1.85}.finish-stats{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.finish-stats>div{background:var(--surface);border:1px solid var(--line);border-radius:16px;min-width:104px;padding:12px 18px}.finish-stats dt{color:var(--text-3);font-size:12.5px}.finish-stats dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:26px;font-weight:700}.finish-stats .main{background:var(--amber-lo);border-color:var(--amber-line)}.finish-stats .main dd{color:var(--amber-hi)}.finish-actions{flex-wrap:wrap;gap:10px;display:flex}.finish-record{width:fit-content;max-width:100%;color:var(--text-3);align-items:center;gap:8px;margin:-6px 0 22px;font-size:13.5px;line-height:1.5;display:flex}.finish-record .icon{color:var(--amber);flex:none}.finish-record.new{color:var(--text);background:var(--amber-lo);border:1px solid #f3b65e52;border-radius:12px;padding:9px 14px}.finish-record b{color:var(--amber-hi)}.replay{gap:16px;padding:22px;display:grid}.replay .section-head h2{font-size:28px;font-weight:400}.replay-nights{flex-wrap:wrap;gap:6px;display:flex}.replay-nights button{min-width:44px;height:38px;font-family:var(--brush);color:var(--text-3);border:1px solid var(--line);background:#ffffff0a;border-radius:11px;padding:0 12px;font-size:19px;transition:color .15s,background-color .15s}@media (hover:hover){.replay-nights button:hover{color:var(--text)}}.replay-nights button.on{color:var(--amber-ink);background:linear-gradient(#ffcf86,#eda24a);border-color:#0000}.replay-body{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.replay-map{aspect-ratio:1672/941;border:1px solid var(--line-2);border-radius:14px;position:relative;overflow:hidden}.replay-map .map-art{filter:brightness(.62)saturate(.85);border-radius:0}.rp-spot{justify-items:center;gap:4px;display:grid;position:absolute;transform:translate(-50%,-50%)}.rp-faces{flex-wrap:wrap;justify-content:center;gap:5px 4px;max-width:150px;display:flex}.rp-face{background:var(--surface-3);border-radius:50%;flex:none;width:34px;height:34px;display:inline-block;position:relative;box-shadow:0 0 0 2px #080e10e6}.rp-face .portrait{--zoom:1.35;border-radius:50%;position:absolute;inset:0}.rp-face em{color:#1a1206;background:#e9dcc0;border-radius:8px;place-items:center;min-width:15px;height:15px;padding:0 3px;font-size:9.5px;font-style:normal;font-weight:700;display:grid;position:absolute;bottom:-4px;right:-4px}.rp-face.fed{box-shadow:0 0 0 2px var(--green), 0 0 10px #a3d67f80}.rp-face.bitten{box-shadow:0 0 0 2px var(--red), 0 0 12px #f4786299}.rp-face.dead .portrait{filter:grayscale()brightness(.5)}.rp-face.me{outline:2px solid var(--amber-hi);outline-offset:2px}.rp-name{white-space:nowrap;color:#fbf1dc;background:#080e10cc;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.replay-events{gap:6px;display:grid}.replay-events li{background:#ffffff09;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:9px 12px;font-size:13.5px;line-height:1.55;display:grid}.replay-events li .icon{color:var(--text-3);margin-top:2px}.replay-events li.mine{background:var(--amber-lo)}.replay-events li.mine .icon{color:var(--amber)}.replay-events li.bad{background:var(--red-lo)}.replay-events li.bad .icon{color:var(--red)}.replay-events li.good .icon{color:var(--green)}.replay-events li.quiet{color:var(--text-3)}.replay-key{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.replay-key .rp-face{background:0 0;width:12px;height:12px;margin-left:8px}.replay-key .rp-face.dead{box-shadow:none;background:#555}.ranking{padding:22px 22px 16px}.ranking .section-head h2{font-size:28px;font-weight:400}.ranking ol{gap:4px;margin-top:14px;display:grid}.rank-row{border-radius:14px;grid-template-columns:30px 46px minmax(0,1fr) auto 56px;grid-template-areas:"no face who fate score";align-items:center;gap:14px;padding:8px 12px;display:grid}.rank-row:nth-child(odd){background:#ffffff06}.rank-row.self{background:var(--amber-lo);box-shadow:inset 0 0 0 1px #f3b65e42}.rank-no{font-variant-numeric:tabular-nums;text-align:center;color:var(--text-3);grid-area:no;font-size:16px;font-weight:700}.rank-row.alive .rank-no{color:var(--amber-hi)}.rank-face{--zoom:1.35;border-radius:50%;grid-area:face;width:46px;height:46px}.rank-row.fallen .rank-face{filter:grayscale()brightness(.7)}.rank-who{grid-area:who;min-width:0}.rank-who b{align-items:center;gap:6px;font-size:15px;display:flex}.rank-who b em{color:var(--amber-ink);background:var(--amber);border-radius:6px;padding:0 6px;font-size:11px;font-style:normal;line-height:17px}.rank-who small{color:var(--text-3);font-size:12.5px}.rank-who i{font-style:normal}.rank-who i.right{color:var(--green)}.rank-who i.wrong{color:var(--red)}.rank-fate{white-space:nowrap;color:var(--text-3);grid-area:fate;align-items:center;gap:5px;font-size:13px;display:inline-flex}.rank-row.alive .rank-fate{color:var(--green)}.rank-score{text-align:right;font-variant-numeric:tabular-nums;color:var(--amber-hi);grid-area:score;font-size:21px}.score-rule{text-align:center;color:var(--text-4);margin-top:14px;font-size:12.5px}@media (width<=759px){.finish{gap:22px;padding:24px 14px 48px}.finish-hero{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:18px}.finish-portrait{border-radius:22px;width:124px}.finish-copy h1{margin:8px 0;font-size:32px}.finish-copy .lead{margin:0 auto;font-size:14.5px;line-height:1.75}.finish-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:16px 0 18px;display:grid}.finish-stats>div{border-radius:12px;min-width:0;padding:8px 4px}.finish-stats dt{font-size:11.5px}.finish-stats dd{font-size:21px}.finish-actions{justify-content:center}.ranking{padding:16px 10px 12px}.ranking .section-head{padding:0 6px}.rank-row{grid-template-columns:22px 40px minmax(0,1fr) 40px;grid-template-areas:"no face who score""no face fate score";gap:0 10px;padding:8px}.rank-face{width:40px;height:40px}.rank-fate{font-size:12px}.finish-record{text-align:left;margin:-4px auto 18px}.replay{gap:12px;padding:16px 12px}.replay .section-head{padding:0 4px}.replay-nights button{flex:1;min-width:0;padding:0}.replay-body{grid-template-columns:minmax(0,1fr)}.rp-faces{gap:3px;max-width:84px}.rp-face{width:24px;height:24px}.rp-face em{min-width:13px;height:13px;font-size:8.5px}.rp-name{font-size:10px}.welcome .dialog-actions .btn{flex:auto}}.welcome{gap:16px;display:grid}.welcome-cast{justify-content:center;align-items:center;padding-top:4px;display:flex}.welcome-cast .portrait{--zoom:1.3;width:78px;height:78px;box-shadow:0 0 0 3px #0f1a1d, 0 0 0 4px var(--line-3);border-radius:50%;margin:0 -8px}.welcome-cast .portrait:nth-child(2){z-index:1;width:104px;height:104px;box-shadow:0 0 0 3px #0f1a1d, 0 0 0 5px var(--amber-line), 0 12px 30px #00000080}.welcome .lead-text{text-align:center}.welcome-list{gap:8px;display:grid}.welcome-list li{color:var(--text-2);background:#ffffff09;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 14px;font-size:14px;display:grid}.welcome-list .icon{color:var(--amber)}.welcome-list b{color:var(--text);margin-right:10px}.welcome .dialog-actions{flex-wrap:wrap;margin-top:2px}.welcome-foot{text-align:center;color:var(--text-4);font-size:12.5px}.lead-text{color:var(--text-2);font-size:15px;line-height:1.75}.quickstart{background:linear-gradient(135deg,#f3b65e1f,#f3b65e08);border:1px solid #f3b65e38;border-radius:18px;margin-bottom:18px;padding:18px 20px}.quickstart h3{color:var(--amber-hi);margin-bottom:12px;font-size:25px}.quickstart ol{counter-reset:quick;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.quickstart li{counter-increment:quick;color:var(--text-2);align-content:start;gap:4px;font-size:13.5px;line-height:1.65;display:grid}.quickstart li b{color:var(--text);font-size:15px}.quickstart li b:before{content:counter(quick) " · ";color:var(--amber)}.rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.rule{border:1px solid var(--line);background:#ffffff08;border-radius:16px;padding:16px 18px}.rule h3{align-items:center;gap:10px;margin-bottom:8px;font-size:16px;display:flex}.rule h3 span{width:30px;height:30px;color:var(--amber-hi);background:var(--amber-lo);border-radius:10px;place-items:center;display:grid}.rule p{color:var(--text-2);font-size:13.5px;line-height:1.8}.beasts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.beast{border:1px solid var(--line);background:#ffffff08;border-radius:18px;grid-template-columns:116px minmax(0,1fr);gap:16px;padding:12px;display:grid}.beast-art{border-radius:14px;width:116px;height:148px}.beasts.single{grid-template-columns:minmax(0,1fr)}.beasts.single .beast{background:0 0;border:0;grid-template-columns:170px minmax(0,1fr);padding:0}.beasts.single .beast-art{border-radius:18px;width:170px;height:226px}.beast-body header{align-items:center;gap:10px;display:flex}.beast-body h3{font-size:30px;line-height:1.1}.beast-title{letter-spacing:.08em;color:var(--amber);font-size:12.5px}.beast-stats{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.beast-stats>div{background:#ffffff0d;border-radius:999px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:12.5px;display:inline-flex}.beast-stats dt{color:var(--text-3);align-items:center;gap:4px;display:inline-flex}.beast-stats dd{margin:0;font-weight:700}.beast-skill{color:var(--text-2);gap:8px;font-size:13.5px;line-height:1.65;display:flex}.beast-skill .icon{color:var(--amber);margin-top:4px}.beast-skill b{color:var(--amber-hi)}.beast-diet{color:var(--text-3);margin-top:6px;font-size:12.5px}.beast-danger{color:#ff9c88;margin-top:3px;font-size:12.5px}.player-detail{gap:20px;display:grid}.who{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.who-face{--zoom:1.3;width:72px;height:72px;box-shadow:0 0 0 2px var(--line-2);border-radius:50%}.who-face.unknown{color:var(--text-3);background:var(--surface-3);place-items:center;display:grid}.who p+p{margin-top:4px;font-size:13.5px}.guess-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.guess-opt{border:1px solid var(--line);background:#ffffff08;border-radius:14px;justify-items:center;gap:6px;padding:10px 4px 8px;font-size:13px;transition:background-color .15s,border-color .15s;display:grid}@media (hover:hover){.guess-opt:hover{border-color:var(--line-3)}}.guess-face{width:44px;height:44px;color:var(--text-3);background:var(--surface-3);--zoom:1.35;border-radius:50%;place-items:center;display:grid}.guess-opt.on{color:var(--amber-hi);background:var(--amber-lo);border-color:var(--amber)}.related h3{margin-bottom:10px;font-size:21px}.related ul,.review{flex-direction:column;gap:10px;display:flex}.related small,.review small{color:var(--text-4);font-size:11.5px;display:block}.menu-list{gap:8px;display:grid}.menu-item{border:1px solid var(--line);background:#ffffff09;border-radius:14px;align-items:center;gap:14px;width:100%;padding:14px 16px;font-size:15.5px;font-weight:600;display:flex}.menu-item .icon{color:var(--amber)}.menu-item small{color:var(--text-3);font-size:12.5px;font-weight:400;display:block}.menu-item.danger,.menu-item.danger .icon{color:var(--red)}@media (width<=759px){.quickstart ol,.rule-grid,.beasts{grid-template-columns:minmax(0,1fr)}.beast{grid-template-columns:92px minmax(0,1fr);gap:12px}.beast-art{width:92px;height:120px}.beasts.single .beast{grid-template-columns:120px minmax(0,1fr)}.beasts.single .beast-art{width:120px;height:160px}.beast-body h3{font-size:26px}}.tut-layer{z-index:60;pointer-events:none;position:fixed;inset:0}.tut-layer.is-hidden{visibility:hidden}.tut-dim{width:100%;height:100%;position:absolute;inset:0}.tut-shade{fill:#030809ad}.tut-ring{box-shadow:0 0 0 2px var(--amber), 0 0 0 7px #f3b65e33, 0 0 34px #f3b65e59;border-radius:14px;animation:1.8s ease-in-out infinite tut-ring;position:fixed}@keyframes tut-ring{50%{box-shadow:0 0 0 2px var(--amber-hi), 0 0 0 10px #f3b65e1a, 0 0 46px #f3b65e73}}.tut-bubble{pointer-events:auto;width:min(372px,100vw - 24px);color:var(--text);border:1px solid var(--amber-line);background:linear-gradient(#f3b65e1a,#0000 70px),#101b1e;border-radius:18px;gap:8px;padding:16px 18px 14px;animation:.28s both tut-in;display:grid;position:fixed;box-shadow:0 24px 60px #0009,0 0 0 1px #0006}.tut-bubble.finale{text-align:center;width:min(440px,100vw - 24px);padding:22px 22px 18px}.tut-meta{letter-spacing:.1em;color:var(--amber);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.tut-meta span{letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--text-3);margin-left:auto;font-weight:600}.tut-bubble.finale .tut-meta{justify-content:center}.tut-bubble.finale .tut-meta span{display:none}.tut-bubble h3{font-family:var(--brush);letter-spacing:.05em;color:var(--amber-hi);font-size:25px;font-weight:400;line-height:1.2}.tut-bubble.finale h3{font-size:34px}.tut-bubble p{color:var(--text-2);font-size:14.5px;line-height:1.7}.tut-bubble p b{color:var(--text);font-weight:700}.tut-bubble p b.hp{color:#ff9a84}.tut-bubble p b.sp{color:var(--teal)}.tut-bubble .tut-do{color:var(--amber);align-items:center;gap:6px;font-size:12.5px;line-height:1.4;display:flex}.tut-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.tut-actions .btn{min-height:40px}.tut-skip{color:var(--text-3);text-decoration-color:#cde4dc40}.tut-bubble.finale .tut-actions{flex-direction:column;align-items:stretch;margin-top:8px}.tut-bubble.finale .tut-actions .btn{min-height:46px}.tut-bubble.nudged[data-nudge="0"]{animation:.42s tut-nudge-a}.tut-bubble.nudged[data-nudge="1"]{animation:.42s tut-nudge-b}@keyframes tut-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes tut-nudge-a{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes tut-nudge-b{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.tutorial-callout{background:linear-gradient(135deg,#82d4c729,#82d4c70a);border:1px solid #82d4c752;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;display:grid}.tutorial-callout>.icon{color:var(--teal)}.tutorial-callout p,.tutorial-callout span{font-size:14px;line-height:1.55}.tutorial-callout b{color:var(--teal)}.tutorial-callout.compact{grid-template-columns:auto minmax(0,1fr);margin:0 0 4px;padding:10px 12px}.guess-opt.tut-pick{box-shadow:0 0 0 2px var(--amber), 0 0 18px #f3b65e66;animation:1.8s ease-in-out infinite tut-ring;position:relative}.guess-opt.tut-pick:after{content:"点这里";white-space:nowrap;color:var(--amber-ink);background:var(--amber);border-radius:999px;padding:0 8px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.coach.guide{background:linear-gradient(135deg,#82d4c726,#82d4c70a);border-color:#82d4c752;grid-template-columns:auto minmax(0,1fr);padding-right:14px}.coach.guide>.icon,.coach.guide p b{color:var(--teal)}@media (height<=560px){.tut-bubble{gap:4px;padding:10px 14px}.tut-bubble h3{font-size:20px}.tut-bubble p{font-size:13px;line-height:1.55}.tut-bubble .tut-do{display:none}.tut-actions .btn{min-height:34px}.tut-bubble.finale{padding:14px 16px}.tut-bubble.finale h3{font-size:26px}.tut-bubble.finale .tut-actions{flex-flow:wrap}.tut-bubble.finale .tut-actions .btn{flex:auto;min-height:38px}}@media (width<=759px) and (height>=561px){.tut-bubble{padding:14px 16px 12px}.tut-bubble h3{font-size:23px}.tut-bubble p{font-size:14px}}