:root{--ink:#ecdfc6;--ink-dim:#b7a88e;--ink-faint:#9a8e78;--gold:#d9b26a;--gold-hi:#f3d99e;--jade:#8fbe63;--clay:#c4614a;--sky-ink:#8ab4ff;--plate-hi:rgba(38,30,21,.94);--plate:rgba(26,20,13,.94);--plate-lo:rgba(15,11,7,.96);--well-hi:#1c1610;--well-lo:#0f0b06;--rim:#4a3a26;--rim-hi:#6d5735;--brass:rgba(255,226,175,.09);--brass-lit:rgba(217,178,106,.55);--lift:0 10px 26px rgba(0,0,0,.48),0 2px 6px rgba(0,0,0,.40);--lift-modal:0 30px 80px rgba(0,0,0,.68),0 4px 14px rgba(0,0,0,.5);--sunk:inset 0 2px 4px rgba(0,0,0,.70),inset 0 0 0 1px rgba(0,0,0,.5);--r-sm:6px;--r-md:9px;--r-lg:12px;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E");--face-display:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,ui-serif,"Times New Roman",serif;--z-vignette:15;--z-hud:20;--z-modal:40;--z-settings:45;--z-system:60}*{box-sizing:border-box}body,html{margin:0;padding:0;background:#14110d;color:#eee;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}.screen{min-height:100vh;display:grid;place-items:center;padding:16px}.chatbox,.creation,.dialogue,.drawer,.economy,.ghost-gear,.map-bar,.onboard-plate,.panel,.rail,.rail-menu,.target-card{background-image:var(--grain),linear-gradient(180deg,rgba(255,226,175,.05),rgba(255,226,175,0) 26%),radial-gradient(150% 110px at 50% 0,rgba(158,112,55,.13),rgba(0,0,0,0) 100%),linear-gradient(180deg,var(--plate-hi),var(--plate) 46%,var(--plate-lo));border:1px solid var(--rim);box-shadow:inset 0 0 0 1px var(--brass),inset 0 1px 0 rgba(255,238,208,.1),inset 0 -18px 30px rgba(0,0,0,.34),var(--lift);position:relative}.creation-wrap{position:relative;z-index:1}.creation-bg-video{width:100%;height:100%;object-fit:cover;background:#0b0a08}.creation-bg-overlay,.creation-bg-video{position:fixed;inset:0;z-index:0;pointer-events:none}.creation-bg-overlay{background:linear-gradient(rgba(15,12,9,.28),rgba(15,12,9,.78))}.creation-bg-static{position:fixed;inset:0;z-index:0;pointer-events:none;background-size:cover;background-position:50%;background-color:#120d09;background-image:var(--keyart,none),radial-gradient(120% 85% at 50% 108%,rgba(201,162,90,.3) 0,rgba(201,162,90,.1) 38%,rgba(0,0,0,0) 68%),radial-gradient(70% 45% at 78% 12%,rgba(120,150,190,.16) 0,rgba(0,0,0,0) 60%),linear-gradient(#0d1420 0,#241a17 46%,#3a2617 74%,#120d09 100%)}.creation-bg-static:after{content:"";position:absolute;inset:0;background:radial-gradient(140% 60% at 50% 100%,rgba(58,38,23,.85) 0,rgba(58,38,23,0) 55%)}.account-bar{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#b9ad99;margin:-6px 0 10px}.account-bar b{color:#e9dcc6;font-weight:600}.creation .link{background:none;border:none;color:#c9a25a;padding:0;cursor:pointer;text-decoration:underline;font:inherit}.creation .ghost{width:100%;margin-top:10px;padding:11px;background:transparent;color:#cdbfa8;border:1px solid #4a3c2b}.creation .ghost:hover{border-color:#c9a25a}.creation{position:relative;z-index:1;width:min(440px,92vw);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(3px) saturate(1.05);backdrop-filter:blur(3px) saturate(1.05);box-shadow:inset 0 0 0 1px var(--brass),inset 0 1px 0 rgba(255,238,208,.1),inset 0 -22px 36px rgba(0,0,0,.34),var(--lift-modal)}.creation .portrait{display:grid;place-items:center;margin:4px 0 6px}.creation .portrait img{height:190px;max-width:100%;object-fit:contain;border-radius:10px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.creation .portrait .style-name{margin-top:6px;font-size:13px;color:#c9a25a;letter-spacing:.02em;text-transform:capitalize}.creation h1{margin:0 0 4px;font-family:var(--face-display);font-size:36px;font-weight:600;letter-spacing:.01em;color:#f7ecd6;text-shadow:0 2px 10px rgba(0,0,0,.6)}.creation .ar{color:var(--gold);font-weight:400;font-size:23px}.creation .tagline{color:var(--ink-dim);margin:0 0 18px;font-size:13.5px}.creation label{display:block;margin:12px 0;font-size:13px;color:var(--ink-dim);letter-spacing:.03em}.creation input{display:block;width:100%;margin-top:6px;padding:10px 11px;border-radius:var(--r-md);border:1px solid var(--rim);color:#fff;font-size:14px;background-image:linear-gradient(180deg,#100c07,#181209);box-shadow:var(--sunk);transition:border-color .12s,box-shadow .12s}.creation input:focus{outline:none;border-color:var(--gold);box-shadow:var(--sunk),0 0 0 2px rgba(217,178,106,.18)}.presets,.row{display:flex;gap:8px;align-items:center;margin:12px 0;flex-wrap:wrap}.creation button{padding:9px 14px;border-radius:8px;border:1px solid #4a3c2b;background:#251d14;color:#e9dcc6;cursor:pointer}.creation button.on{background:#c9a25a;color:#1b1409;border-color:#c9a25a}.creation .start{width:100%;margin-top:16px;padding:13px;font-weight:600;background:#5a7d3b;color:#fff;border-color:#5a7d3b}.creation .start:disabled{opacity:.5;cursor:not-allowed}.creation .note{color:var(--ink-faint);font-size:12px;margin-top:14px}.creation .note.error{color:#f3b0a0}.creation .retire-confirm{margin-top:14px;padding:10px 12px;border:1px solid #a0503c;border-radius:8px;background:rgba(60,24,16,.35);color:#e9dcc6;font-size:13px;line-height:1.45}.creation .retire-confirm p{margin:0 0 8px}.creation .retire-check{display:flex;gap:8px;align-items:flex-start;cursor:pointer}.creation .retire-cancel{margin-top:10px;width:100%;padding:8px;background:transparent;color:#e9dcc6;border:1px solid #c9a25a;border-radius:8px;cursor:pointer}.creation code{color:#c9a25a}.game{position:relative;line-height:1.4}.game.boxed{width:min(96vw,1280px);height:min(86vh,760px)}.game.fill{position:fixed;inset:0;width:100vw;height:100vh;z-index:50}.game .stage{width:100%;height:100%}.game.fill .stage canvas{border-radius:0!important;border:none!important}.game canvas{border-radius:0;border:1px solid #3a2f22}.frame-vignette{position:absolute;inset:0;pointer-events:none;z-index:var(--z-vignette);background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.22) 100%)}.ghost-gear{position:absolute;top:10px;inset-inline-end:10px;z-index:var(--z-hud);width:32px;height:32px;display:grid;place-items:center;padding:0;border-radius:var(--r-md);color:var(--ink);cursor:pointer;opacity:.35;pointer-events:auto;transition:opacity .15s}.ghost-gear:focus-visible,.ghost-gear:hover,.ghost-gear[aria-expanded=true]{opacity:1}.save-chip{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:var(--z-system);max-width:min(560px,80%);padding:5px 10px;border-radius:8px;font-size:12px;line-height:1.4;background:rgba(20,16,11,.88);color:#e9dcc6;border:1px solid #3a2f22;text-align:center;pointer-events:auto}.save-chip button{-webkit-margin-start:6px;margin-inline-start:6px;background:transparent;color:#e9dcc6;border:1px solid #c9a25a;border-radius:6px;padding:2px 8px;font-size:12px;cursor:pointer}.save-chip.ok{color:#b9d99a;border-color:rgba(143,209,79,.35);pointer-events:none;animation:save-chip-fade 2.6s ease-in forwards}.save-chip.warn{color:#f0c987;border-color:#b8862f}.save-chip.stop{color:#f3b0a0;border-color:#a0503c}.save-chip.guest{top:44px;color:#d9cbb1}@keyframes save-chip-fade{0%,60%{opacity:.95}to{opacity:0}}@media (prefers-reduced-motion:reduce){.save-chip.ok{animation-duration:.01s;animation-delay:1.8s}}.perf-hud{position:absolute;top:56px;inset-inline-start:10px;z-index:var(--z-hud);width:196px;padding:7px 9px 8px;border-radius:var(--r-lg);color:var(--ink);pointer-events:none;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:rgba(20,16,11,.86);border:1px solid var(--rim);-webkit-backdrop-filter:blur(3px) saturate(1.05);backdrop-filter:blur(3px) saturate(1.05);box-shadow:inset 0 1px 0 rgba(255,238,208,.06),0 2px 10px rgba(0,0,0,.35)}.perf-hud .perf-head{display:flex;align-items:center;gap:6px;margin-bottom:4px;padding-bottom:3px;font-family:var(--face-display);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);background-image:linear-gradient(90deg,var(--brass-lit),rgba(217,178,106,.02));background-size:100% 1px;background-repeat:no-repeat;background-position:0 100%}.perf-hud .perf-worst{text-transform:none}.perf-hud .perf-t,.perf-hud .perf-worst{font-family:ui-monospace,monospace;letter-spacing:0;color:var(--ink-dim)}.perf-hud .perf-t{-webkit-margin-start:auto;margin-inline-start:auto}.perf-hud .perf-row{display:flex;align-items:center;gap:6px;padding:0}.perf-hud .perf-k{color:var(--ink-dim);white-space:nowrap}.perf-hud .perf-v{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--gold-hi);white-space:nowrap}.perf-hud .perf-row.info .perf-v{color:var(--ink)}.perf-hud .perf-dot{flex:none;width:7px;height:7px;border-radius:50%;background:#6d6353;box-shadow:inset 0 0 0 1px rgba(0,0,0,.4)}.perf-hud .perf-dot.good{background:#8fd14f;box-shadow:0 0 5px rgba(143,209,79,.45)}.perf-hud .perf-dot.warn{background:#e0b04a;box-shadow:0 0 5px rgba(224,176,74,.45)}.perf-hud .perf-dot.over{background:#d9473a;box-shadow:0 0 6px rgba(217,71,58,.55)}.perf-hud .perf-dot.none{background:transparent;box-shadow:none}.perf-hud.over{border-color:rgba(217,71,58,.55)}.perf-hud.warn{border-color:rgba(224,176,74,.45)}.perf-hud.loading{opacity:.55;border-color:var(--hud-edge,rgba(201,162,90,.3));z-index:calc(var(--z-system) + 1)}.game:has(.strip-panel) .perf-hud{top:calc(var(--strip-bottom, 90px) + 8px)}.kv{display:flex;justify-content:space-between;gap:8px}.panel h3 .fold{float:right;background:linear-gradient(180deg,#2e2418,#1b150e);border:1px solid var(--rim);color:var(--ink-dim);border-radius:var(--r-sm);width:20px;height:18px;line-height:1;font-size:13px;cursor:pointer;pointer-events:auto;margin-top:-2px;box-shadow:inset 0 1px 0 rgba(255,238,208,.09);transition:border-color .12s,color .12s}.panel h3 .fold:hover{border-color:var(--gold);color:#fff}.panel.collapsed{min-width:0}.hud{top:10px;inset-inline-start:10px;inset-inline-end:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;z-index:var(--z-hud);line-height:1.35}.hud,.hud-root{position:absolute;pointer-events:none}.hud-root{inset:0;line-height:1.4}.drawer,.hud .panel,.legend-hint,.map-bar,.onboard-plate,.rail,.status-chip,.target-card,.xp-pill{pointer-events:auto}.hud>.panel:first-child{-webkit-margin-end:auto;margin-inline-end:auto}.panel{border-radius:var(--r-lg);padding:11px 13px 12px;font-size:12px;color:var(--ink);min-width:178px;max-width:252px;-webkit-backdrop-filter:blur(3px) saturate(1.05);backdrop-filter:blur(3px) saturate(1.05)}.panel.wide{max-width:300px}.panel h3{margin:0 0 7px;padding-bottom:5px;font-family:var(--face-display);font-size:11.5px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.09em;text-shadow:0 1px 2px rgba(0,0,0,.6);background-image:linear-gradient(90deg,var(--brass-lit),rgba(217,178,106,.02));background-size:100% 1px;background-repeat:no-repeat;background-position:0 100%}.panel .kv{padding:1px 0}.panel .kv>span:last-child{color:var(--gold-hi);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.panel .kv>span:first-child{color:var(--ink-dim)}.bar{height:9px;border-radius:5px;margin:3px 0 8px;overflow:hidden;background-image:linear-gradient(180deg,var(--well-lo),var(--well-hi));box-shadow:var(--sunk),inset 0 0 0 1px rgba(255,226,175,.05)}.bar>span{position:relative;display:block;height:100%;transition:width .22s ease-out}.bar>span:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,.05) 46%,rgba(0,0,0,.3))}@media (prefers-reduced-motion:reduce){.bar>span{transition:none}}.skills{display:grid;grid-template-columns:1fr 1fr;grid-gap:2px 10px;gap:2px 10px;max-height:260px;overflow:auto}.skill-row{display:flex;align-items:center;gap:5px;padding:1px 0;min-width:0}.skill-row .skill-ico{flex:none;width:13px;text-align:center;font-size:11px;opacity:.85}.skill-row .skill-name{flex:1 1;min-width:0;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skills .lv{flex:none;min-width:20px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;font-size:11px;border-radius:4px;padding:0 3px;background:linear-gradient(180deg,rgba(217,178,106,.16),rgba(217,178,106,.05));box-shadow:inset 0 0 0 1px rgba(217,178,106,.2)}.skill-row.mastered .skill-name,.skills .lv{color:var(--gold-hi)}.skill-row.mastered .lv{color:#1b1409;background:linear-gradient(180deg,var(--gold-hi),var(--gold));box-shadow:inset 0 0 0 1px rgba(255,244,220,.5),0 0 7px rgba(217,178,106,.35)}.inv-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px;pointer-events:auto}.inv-slot{position:relative;aspect-ratio:1/1;border-radius:7px;display:grid;place-items:center;border:1px solid #3d3122;background-image:linear-gradient(180deg,#241c14,#150f09);box-shadow:inset 0 1px 0 rgba(255,238,208,.07),inset 0 -5px 9px rgba(0,0,0,.38)}.inv-slot.filled{border-color:#55432a;cursor:help;transition:border-color .12s,transform .12s,box-shadow .12s}.inv-slot.filled:hover{border-color:var(--gold);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,238,208,.1),0 3px 9px rgba(0,0,0,.5),0 0 0 1px rgba(217,178,106,.28)}.inv-slot .item-icon{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.inv-n{position:absolute;top:1px;left:3px;font-size:10px;line-height:1.1;font-weight:700;color:#ffe14d;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-shadow:0 1px 0 #000,1px 0 0 #000,-1px 0 0 #000,0 -1px 0 #000}.inv-empty{color:var(--ink-faint);font-size:11.5px;font-style:italic;grid-column:1/-1}@media (prefers-reduced-motion:reduce){.inv-slot.filled:hover{transform:none}}.pack-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;pointer-events:auto}.pack-line button{background:var(--well-hi);color:var(--ink);border:1px solid #55432a;border-radius:6px;padding:3px 9px;font-size:11.5px;cursor:pointer}.pack-line button:hover{border-color:var(--gold)}.pack-line.full span{color:var(--clay)}.economy.pack{width:min(372px,94%);position:relative}.economy.pack .economy-head .coins{margin-left:auto;white-space:nowrap;font-size:13px}.economy.pack:has(.economy-cols){width:min(620px,94%)}.pack-meter{display:flex;align-items:baseline;gap:10px;font-size:12px;color:var(--ink-dim);margin-bottom:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pack-meter.full>span:first-child{color:var(--clay);font-weight:600}.pack-full{color:var(--clay);font-style:italic}.pack-water{margin-left:auto;color:#7fcfe0}.pack-grid{display:grid;grid-template-columns:repeat(4,52px);grid-gap:5px;gap:5px;justify-content:center}.pack-slot{padding:0;font:inherit;color:inherit}button.inv-slot.filled{cursor:pointer}.pack-slot.dragging{opacity:.45}.pack-slot:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.pack-charge{position:absolute;left:5px;right:5px;bottom:3px;height:3px;border-radius:2px;background:rgba(0,0,0,.55);overflow:hidden}.pack-charge>span{display:block;height:100%;background:#7fcfe0}.pack-ground{margin-top:8px;padding:7px;border:1px dashed #4a3a26;border-radius:8px;text-align:center;font-size:11.5px;color:var(--ink-faint)}.pack-ground.live{border-color:var(--gold);color:var(--gold-hi);background:rgba(217,178,106,.07)}.pack-menu,.pack-tip{position:absolute;z-index:3;max-width:230px;border-radius:9px;padding:8px 10px;background:#1d1610;box-shadow:inset 0 0 0 1px var(--brass),0 8px 22px rgba(0,0,0,.6);pointer-events:none}.pack-tip{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--ink-dim)}.pack-tip b{color:var(--gold-hi);font-weight:600}.pack-tip em{color:var(--ink-faint);font-size:11px}.pack-menu{pointer-events:auto;padding:4px;min-width:150px;display:flex;flex-direction:column}.pack-menu-h{color:var(--gold);font-size:12px;font-weight:600;padding:4px 8px 5px;border-bottom:1px solid #3a2f22;margin-bottom:3px}.pack-menu button{background:none;border:none;color:var(--ink);text-align:start;padding:5px 8px;font-size:12.5px;border-radius:6px;cursor:pointer}.pack-menu button:focus-visible,.pack-menu button:hover{background:#2c2217;color:var(--gold-hi)}.pack-menu button.cancel{color:var(--ink-faint)}:root{--chat-h:168px;--left-col:min(320px,46%)}.controls{bottom:7px;left:10px;line-height:1.25;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 5px;pointer-events:none}.controls,.legend-hint{position:absolute;right:10px}.legend-hint{bottom:8px;pointer-events:auto;z-index:var(--z-hud);min-height:24px;cursor:pointer;opacity:.85;font:inherit;font-size:12px;transition:opacity .12s}.legend-hint:hover,.legend-hint[aria-expanded=true]{opacity:1}.ctrl-chip{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:11px;color:var(--ink-dim);letter-spacing:.01em;background-image:linear-gradient(180deg,rgba(36,28,19,.92),rgba(15,11,7,.94));border:1px solid rgba(88,69,45,.9);border-radius:999px;padding:2px 9px 2px 3px;box-shadow:0 2px 6px rgba(0,0,0,.45)}.ctrl-chip kbd,.kbd-group kbd,.rail-key{font:inherit;font-weight:700;color:#1b1409;min-width:16px;text-align:center;padding:1px 5px;border-radius:4px;background-image:linear-gradient(180deg,var(--gold-hi),#bf9a54);box-shadow:inset 0 1px 0 rgba(255,250,235,.6),0 1px 0 rgba(0,0,0,.5)}.ctrl-chip.acting{color:var(--gold-hi);border-color:var(--brass-lit)}.lane{position:absolute;bottom:14px;z-index:var(--z-hud);left:max(calc(var(--left-col) + 20px),calc(50% - 280px));width:min(560px,calc(100% - var(--left-col) - 110px));display:flex;flex-direction:column;align-items:center;gap:6px}.lane,.msg{pointer-events:none;line-height:1.4}.msg{width:100%;text-align:center;unicode-bidi:plaintext;color:var(--gold-hi);font-family:var(--face-display);font-size:15px;letter-spacing:.01em;padding:7px 16px;border-radius:var(--r-lg);background-image:radial-gradient(120% 140% at 50% 50%,rgba(14,10,6,.86),rgba(14,10,6,.3) 72%,rgba(14,10,6,0) 100%);text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 18px rgba(0,0,0,.7)}.iman-note{color:var(--ink-dim);font-size:11px;line-height:1.3;margin:1px 0 3px;font-style:italic}.target-card{position:absolute;top:46px;left:50%;transform:translateX(-50%);z-index:var(--z-hud);width:min(300px,70vw);line-height:1.3;border-radius:var(--r-lg);padding:9px 13px;animation:target-in .15s ease-out}@keyframes target-in{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.target-card.dying{animation:target-out .3s ease-in forwards}@keyframes target-out{0%{opacity:1}to{opacity:0}}.target-card .target-tag{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--gold-hi);font-weight:600;margin-bottom:1px}.target-card .target-name{font-size:13px;color:var(--gold-hi);font-weight:600}.target-card .target-lv{color:var(--ink);font-weight:400}.target-card .target-hpnum{margin:3px 0 1px;font-size:11px;color:var(--ink);justify-content:flex-start;gap:6px;align-items:center}.target-card .target-hpnum .glyph{color:#b9925a}.target-card .target-hpbar{margin:0}.target-card.dying.no-motion,.target-card.no-motion{animation:none}.xp-drops{position:absolute;right:12px;top:50%;transform:translateY(-60%);z-index:var(--z-hud);display:flex;flex-direction:column;gap:4px;align-items:flex-end;pointer-events:none}.xp-pill .xp-ico{display:inline-flex;color:var(--ink-dim)}.xp-pill{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;background:rgba(20,16,11,.7);border:1px solid #3a2f22;border-radius:999px;padding:2px 8px;font-size:12.5px;font-weight:600;transition:transform .16s linear,opacity .16s linear,scale .12s ease-out}.xp-pill,.xp-pill .xp-amt{text-shadow:0 1px 2px rgba(0,0,0,.6)}.xp-pill .xp-amt{color:var(--gold-hi)}.xp-pill.note{font-size:12px;max-width:320px}.xp-pill.note .xp-amt{color:var(--ink);overflow:hidden;text-overflow:ellipsis}.xp-drops.no-motion .xp-pill{transition:none}.status-bar{position:absolute;left:10px;bottom:10px;z-index:var(--z-hud);display:flex;flex-wrap:wrap;gap:6px;max-width:var(--left-col);pointer-events:none}.game:has(>.chatbox) .status-bar{bottom:calc(var(--chat-h) + 18px)}.status-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:500;line-height:1.2;background:rgba(20,16,11,.82);border:1px solid #3a2f22;animation:chip-in .15s ease-out}@keyframes chip-in{0%{opacity:0}to{opacity:1}}.status-chip .status-label{color:var(--ink)}.status-chip .status-ico{display:inline-flex;color:var(--ink-dim)}.status-chip.faith .status-ico{color:var(--gold)}.status-chip.warn .status-ico{color:#e0b88a}.status-chip.collapsed{width:22px;height:22px;padding:0;justify-content:center}.status-chip .status-detail{color:#b9ad99;font-size:11px}.status-chip.buff{border-color:#4a5f33;background:rgba(36,42,22,.55)}.status-chip.buff .status-label{color:var(--ink)}.status-chip.warn{border-color:#6a4a33;background:rgba(42,30,18,.6)}.status-chip.warn .status-label{color:var(--gold-hi)}.status-chip.faith{border-color:#c9a25a;animation:none}.status-bar.no-motion .status-chip{animation:none}.chatbox{position:absolute;left:10px;bottom:10px;width:320px;max-width:46%;z-index:var(--z-hud);height:var(--chat-h);display:flex;flex-direction:column;border-radius:var(--r-lg);pointer-events:auto;overflow:hidden;-webkit-backdrop-filter:blur(3px) saturate(1.05);backdrop-filter:blur(3px) saturate(1.05)}.chatbox.focused{border-color:var(--gold);box-shadow:inset 0 0 0 1px rgba(217,178,106,.22),inset 0 1px 0 rgba(255,238,208,.12),0 0 0 1px rgba(217,178,106,.18),var(--lift)}.chat-log{flex:1 1;min-height:0;overflow-y:auto;padding:8px 10px;font-size:12px;line-height:1.45;color:var(--ink);display:flex;flex-direction:column;gap:1px}.chat-log>:first-child{margin-top:auto}.chat-hint{color:var(--ink-faint);font-style:italic}.chat-line{word-wrap:break-word}.chat-line.game{color:#cdbfa8;border-left:2px solid #4a3c2b;padding-left:6px;margin:1px 0}.chat-rep{color:var(--ink-faint);font-size:11px}.chat-name{color:#c9a25a;font-weight:600}.chat-name.me{color:#8fd14f}.chat-input-row{display:flex;align-items:center;gap:6px;border-top:1px solid #3a2f22;padding:5px 8px}.chat-input-row input{flex:1 1;background:transparent;border:none;outline:none;color:#fff;font-size:12px}.chat-status{width:8px;height:8px;border-radius:50%;flex:none;background:#8c8474}.chat-status.connected{background:#6fcf57}.chat-status.connecting{background:#d6b24a}.chat-status.idle,.chat-status.offline{background:#b06a5a}.dialogue-overlay,.economy-overlay{line-height:1.45}.economy-overlay{position:absolute;inset:0;z-index:var(--z-modal);display:grid;place-items:center;background:rgba(9,7,5,.8);-webkit-backdrop-filter:blur(7px) saturate(.8);backdrop-filter:blur(7px) saturate(.8);pointer-events:auto}.creation,.dialogue,.economy{background-color:#16100a}.economy{width:min(560px,92%);max-height:86%;overflow:auto;border-radius:16px;padding:16px 18px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--brass),inset 0 1px 0 rgba(255,238,208,.1),inset 0 -18px 30px rgba(0,0,0,.34),var(--lift-modal);scrollbar-width:thin;scrollbar-color:var(--rim-hi) transparent}.economy-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:9px;background-image:linear-gradient(90deg,var(--brass-lit),rgba(217,178,106,.02));background-size:100% 1px;background-repeat:no-repeat;background-position:0 100%}.economy-head h2{margin:0;font-family:var(--face-display);font-size:21px;font-weight:600;color:var(--gold-hi);letter-spacing:.015em;text-shadow:0 1px 3px rgba(0,0,0,.6)}.economy-head .coins{color:var(--gold-hi);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.econ-qty{display:flex;gap:4px}.econ-qty,.economy-head .x{-webkit-margin-start:auto;margin-inline-start:auto}.econ-qty+.x{-webkit-margin-start:4px;margin-inline-start:4px}.economy-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.economy-cols>div{min-width:0}.economy h3{margin:0 0 6px;font-size:13px;color:#c9a25a;text-transform:uppercase;letter-spacing:.04em}.economy .muted{color:var(--ink-faint);font-weight:400;text-transform:none;letter-spacing:0}.econ-list{display:flex;flex-direction:column;gap:5px}.econ-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;background:#251d14;border:1px solid #3a2f22;border-radius:8px;padding:6px 9px}.econ-row>span{min-width:0;overflow-wrap:anywhere}.econ-row button{background:#5a7d3b;color:#fff;border:none;border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer;white-space:nowrap;flex-shrink:0}.econ-row button:disabled{opacity:.4;cursor:not-allowed}.econ-note{color:var(--ink-faint);font-size:11px;margin:12px 0 0;text-align:center}.econ-note.flash{color:#c9a25a;font-size:12px;margin-top:8px}.econ-row.tempt{border-color:#5a2f2a;background:#21130f}.econ-row button.refuse{background:#6a3a33}.econ-row button.refuse:hover{background:#864a40}.econ-tabs{display:flex;gap:4px}.econ-tabs button{background:#251d14;color:#cdbfa8;border:1px solid #3a2f22;border-radius:6px;padding:3px 12px;font-size:12px;cursor:pointer}.econ-tabs button.on{background:#5a7d3b;color:#fff;border-color:#5a7d3b}.exchange{display:flex;flex-direction:column;gap:10px}.exchange-pick{justify-content:flex-start;gap:10px}.exchange-pick select{background:#251d14;color:#efe3c7;border:1px solid #3a2f22;border-radius:6px;padding:4px 8px;font-size:13px}.exchange-book .econ-row.book{padding:4px 9px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.econ-row.book.bid{-webkit-border-start:3px solid #5a7d3b;border-inline-start:3px solid #5a7d3b}.econ-row.book.ask{-webkit-border-start:3px solid #a6553f;border-inline-start:3px solid #a6553f}.exchange-trade{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.exchange-trade label{display:flex;align-items:center;gap:6px;font-size:12px}.exchange-trade input[type=number]{background:#251d14;color:#efe3c7;border:1px solid #3a2f22;border-radius:6px;padding:4px 6px;font-size:13px}.exchange-do{background:#5a7d3b;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:13px;cursor:pointer;-webkit-margin-start:auto;margin-inline-start:auto}.exchange-do:hover{background:#6c9247}.dialogue-overlay{position:absolute;inset:0;z-index:var(--z-modal);display:grid;place-items:end center;background:linear-gradient(rgba(10,8,6,0),rgba(10,8,6,.5));pointer-events:auto}.dialogue{width:min(680px,94%);margin-bottom:6vh;border-radius:16px;padding:16px 20px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--brass),inset 0 1px 0 rgba(255,238,208,.1),inset 0 -18px 30px rgba(0,0,0,.34),var(--lift-modal);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialogue-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px;padding-bottom:8px;background-image:linear-gradient(90deg,var(--brass-lit),rgba(217,178,106,.02));background-size:100% 1px;background-repeat:no-repeat;background-position:0 100%}.dialogue-head h2{margin:0;font-family:var(--face-display);font-size:20px;font-weight:600;color:var(--gold-hi);letter-spacing:.015em;text-shadow:0 1px 3px rgba(0,0,0,.6)}.dialogue-title{font-size:12px;color:#b9925a;letter-spacing:.04em;text-transform:uppercase}.dialogue-say{font-family:var(--face-display);font-size:16.5px;line-height:1.55;color:#f3ead6;font-style:italic;margin:2px 0 15px;-webkit-border-start:2px solid var(--gold);border-inline-start:2px solid var(--gold);-webkit-padding-start:13px;padding-inline-start:13px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.dialogue-choices{display:flex;flex-direction:column;gap:6px}.dialogue-choice{text-align:start;border-radius:var(--r-md);padding:9px 13px;font-size:13.5px;cursor:pointer}.dialogue-note{color:var(--ink-faint);font-size:11px;margin:12px 0 0;text-align:end}.economy.crafting,.economy.sheet{width:min(620px,94%)}.craft-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#251d14;border:1px solid #3a2f22;border-radius:8px;padding:7px 10px}.craft-row.locked{opacity:.55}.craft-info{display:flex;flex-direction:column;gap:3px}.craft-name{font-size:13px;color:#e9dcc6;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.craft-xp{font-size:11px;color:#8fb56a}.craft-inputs{display:flex;gap:10px;flex-wrap:wrap;font-size:11px}.craft-inputs .ok{color:#9bbf7a}.craft-inputs .missing{color:#cf8a6a}.craft-row button{background:#5a7d3b;color:#fff;border:none;border-radius:6px;padding:5px 12px;font-size:12px;cursor:pointer;white-space:nowrap}.craft-row button:disabled{opacity:.4;cursor:not-allowed}.econ-row.slot-row{background:#1f1810}.slot-name{color:#b9925a;font-size:11px;text-transform:uppercase;letter-spacing:.04em;min-width:64px}.slot-empty,.slot-item{flex:1 1;text-align:start}.econ-row.locked .missing{color:#cf8a6a;font-size:11px}.stat-grid{display:grid;grid-template-columns:1fr auto;grid-gap:2px 12px;gap:2px 12px;font-size:12.5px;background:#1f1810;border:1px solid #3a2f22;border-radius:8px;padding:8px 11px}.stat-grid dd,.stat-grid span:nth-child(2n){color:#c9a25a;text-align:end}.style-row{display:flex;gap:6px}.style-btn{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:1px;background:#251d14;color:#cdbfa8;border:1px solid #3a2f22;border-radius:8px;padding:6px 4px;font-size:12px;cursor:pointer}.style-btn.on{background:#5a7d3b;color:#fff;border-color:#5a7d3b}.style-btn .style-trains{font-size:10px;opacity:.8}.style-note{font-size:12px;color:#b9ad99;background:#1f1810;border:1px solid #3a2f22;border-radius:8px;padding:7px 10px}.style-note b{color:#c9a25a}.economy.journal{width:min(640px,94%)}.journal-tabs{display:flex;gap:6px;-webkit-margin-start:4px;margin-inline-start:4px}.journal-tabs button{background:#251d14;color:#cdbfa8;border:1px solid #3a2f22;border-radius:8px;padding:5px 11px;font-size:12px;cursor:pointer}.journal-tabs button.on{background:#c9a25a;color:#1b1409;border-color:#c9a25a}.journal-body{display:flex;flex-direction:column;gap:10px;max-height:64vh;overflow:auto;-webkit-padding-end:4px;padding-inline-end:4px}.quest-entry{background:#1f1810;border:1px solid #3a2f22;border-radius:10px;padding:10px 12px}.quest-entry-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.quest-entry-name{color:#f0d79a;font-weight:600;font-size:14px;min-width:0;overflow-wrap:anywhere}.quest-badge{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:999px;border:1px solid #3a2f22;flex-shrink:0;white-space:nowrap}.quest-badge.muted{color:var(--ink-faint)}.quest-badge.active{color:#e7c662;border-color:#6a5320;background:#2a2114}.quest-badge.done{color:#8fd14f;border-color:#3f5a2a;background:#1e2a14}.quest-entry.locked{opacity:.62;border-style:dashed}.quest-summary{color:#b9ad99;font-size:12.5px;font-style:italic;margin:5px 0 6px}.quest-locked{color:#b9925a;font-size:12px;margin:2px 0 0}.quest-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.quest-steps li{font-size:12.5px;color:#cdbfa8}.quest-steps li.ok{color:#8fd14f}.codex-group h3{margin:4px 0 6px;font-size:12px;color:#c9a25a;text-transform:uppercase;letter-spacing:.05em}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:6px;gap:6px}.codex-cell{background:#1f1810;border:1px solid #3a2f22;border-radius:8px;padding:7px 9px;min-height:46px}.codex-cell.sealed{opacity:.5;border-style:dashed}.codex-name{font-size:13px;color:#e9dcc6}.codex-cell.sealed .codex-name{color:var(--ink-faint);letter-spacing:.1em}.codex-stats{display:flex;flex-wrap:wrap;gap:5px;font-size:11px;color:#b9925a;margin-top:3px}.codex-note{font-size:11px;line-height:1.35;color:#a89a84;margin:5px 0 0;font-style:italic}.codex-note.done{color:#8fd14f;font-style:normal}.legacy-summary{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-bottom:4px}.legacy-stat{background:#1f1810;border:1px solid #3a2f22;border-radius:10px;padding:9px 6px;text-align:center;display:flex;flex-direction:column;gap:2px}.legacy-stat b{font-size:19px;color:#f0d79a}.legacy-stat span{font-size:10.5px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.03em}.legacy-capes{display:flex;flex-wrap:wrap;gap:6px}.legacy-cape{font-size:12px;color:#1b1409;background:#c9a25a;border-radius:999px;padding:3px 10px;font-weight:600}.legacy-skills{display:flex;flex-direction:column;gap:2px}.legacy-skill{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:2px 0}.legacy-skill-name{flex:1 1;color:#cdbfa8}.legacy-pips{display:flex;gap:2px}.legacy-pip{color:#3a2f22;font-size:12px}.legacy-pip.on{color:#e7c662}.legacy-skill-lv{color:#c9a25a;min-width:22px;text-align:end}.economy.farm{width:min(460px,92%)}.farm-growing{display:flex;flex-direction:column;gap:8px;align-items:stretch;padding:6px 0}.farm-crop{font-size:15px;color:#f0d79a;text-align:center}.farm-growing .bar{height:12px}.farm-growing .muted{text-align:center;font-size:12.5px}.farm-growing button.harvest{background:#5a7d3b;color:#fff;border:none;border-radius:8px;padding:9px;font-size:14px;cursor:pointer}.farm-growing button.harvest:hover{background:#6c9447}.economy.homestead{width:min(560px,94%)}.home-current{background:#1f1810;border:1px solid #3a2f22;border-radius:10px;padding:10px 12px;margin-bottom:12px}.home-tier-name{font-size:15px;color:#f0d79a;font-weight:600}.home-summary{color:#b9ad99;font-size:12.5px;font-style:italic;margin-top:3px}.home-rest{margin-top:10px}.home-rest .rest-btn{width:100%;background:#3a5a78;color:#fff;border:none;border-radius:8px;padding:9px;font-size:13px;cursor:pointer}.home-rest .rest-btn:hover{background:#46688a}.home-rest .rest-btn:disabled{opacity:.45;cursor:not-allowed}.craft-row.home-next{align-items:flex-start}.chat-input-row,.codex-cell,.craft-row,.econ-row,.home-current,.legacy-stat,.quest-entry,.stat-grid,.style-note{background-image:linear-gradient(180deg,var(--well-hi),var(--well-lo));border:1px solid #33291c;box-shadow:inset 0 1px 0 rgba(255,238,208,.05),inset 0 -6px 12px rgba(0,0,0,.32)}.craft-row,.econ-row{transition:border-color .12s,box-shadow .12s}.craft-row:hover:not(.locked),.econ-row:hover{border-color:var(--rim-hi);box-shadow:inset 0 1px 0 rgba(255,238,208,.09),0 2px 8px rgba(0,0,0,.35)}.econ-row.slot-row{background-image:linear-gradient(180deg,#17120c,#0d0906)}.chat-input-row{border:none;border-top:1px solid var(--rim);box-shadow:none;background-image:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.42))}.craft-row .item-icon,.econ-row .item-icon,.slot-row .item-icon{flex:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.craft-info,.econ-row>span:first-of-type{min-width:0;flex:1 1}.econ-row.tempt{border-color:#5e332c;background-image:linear-gradient(180deg,#241310,#150a08)}.creation .ghost,.creation button,.dialogue-choice,.dialogue-head .x,.drawer-x,.econ-qty button,.economy-head .x,.journal-tabs button,.map-close,.onboard-skip,.set-buttons button,.strip-fold,.style-btn{background-image:linear-gradient(180deg,#33291c,#1d1610);border:1px solid var(--rim);color:var(--ink-dim);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,238,208,.09),0 2px 5px rgba(0,0,0,.35);transition:border-color .12s,color .12s,background-image .12s,transform .06s,box-shadow .12s}.creation .ghost:hover,.creation button:hover,.dialogue-choice:hover,.dialogue-head .x:hover,.drawer-x:hover,.econ-qty button:hover,.economy-head .x:hover,.journal-tabs button:hover,.map-close:hover,.onboard-skip:hover,.set-buttons button:hover,.strip-fold:hover,.style-btn:hover{border-color:var(--rim-hi);color:var(--ink);background-image:linear-gradient(180deg,#40331f,#261d13);box-shadow:inset 0 1px 0 rgba(255,238,208,.14),0 3px 9px rgba(0,0,0,.42)}.creation button:active,.dialogue-choice:active,.econ-qty button:active,.journal-tabs button:active,.set-buttons button:active,.style-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(0,0,0,.55)}.dialogue-choice:hover{border-color:var(--gold);color:#fff}.dialogue-choice:before{content:"›";color:var(--gold);opacity:0;-webkit-margin-end:0;margin-inline-end:0;display:inline-block;width:0;transition:opacity .12s,width .12s,-webkit-margin-end .12s;transition:opacity .12s,width .12s,margin-inline-end .12s;transition:opacity .12s,width .12s,margin-inline-end .12s,-webkit-margin-end .12s}.dialogue-choice:focus-visible:before,.dialogue-choice:hover:before{opacity:1;width:9px;-webkit-margin-end:5px;margin-inline-end:5px}.creation button.on,.econ-qty button.on,.journal-tabs button.on,.set-buttons button.on,.style-btn.on{background-image:linear-gradient(180deg,var(--gold-hi),var(--gold));color:#1b1409;border-color:#b8934f;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,250,235,.55),0 2px 9px rgba(217,178,106,.26)}.craft-row button,.creation .start,.econ-row button,.farm-growing button.harvest{background-image:linear-gradient(180deg,#7ba851,#4c6a31);border:1px solid #3d5628;color:#f6ffec;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 2px 6px rgba(0,0,0,.4);transition:background-image .12s,transform .06s,box-shadow .12s}.craft-row button:hover:not(:disabled),.creation .start:hover:not(:disabled),.econ-row button:hover:not(:disabled),.farm-growing button.harvest:hover{background-image:linear-gradient(180deg,#8cbc5e,#567a37)}.craft-row button:active:not(:disabled),.creation .start:active:not(:disabled),.econ-row button:active:not(:disabled),.farm-growing button.harvest:active{transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(0,0,0,.4)}.craft-row button:disabled,.creation .start:disabled,.econ-row button:disabled{background-image:linear-gradient(180deg,#3a4030,#24291d);border-color:#333a29;color:#8b937e;text-shadow:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.econ-row button.refuse{background-image:linear-gradient(180deg,#8e4a3e,#5c2e26);border-color:#4d2620}.econ-row button.refuse:hover{background-image:linear-gradient(180deg,#a4574a,#6d372d)}.home-rest .rest-btn{background-image:linear-gradient(180deg,#4a7ba3,#2f5170);border:1px solid #2a4560;color:#eef6ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 2px 6px rgba(0,0,0,.4)}.home-rest .rest-btn:hover:not(:disabled){background-image:linear-gradient(180deg,#578cb6,#375f83)}.set-row select{background-image:linear-gradient(180deg,#33291c,#1d1610);border:1px solid var(--rim);color:var(--ink);border-radius:8px;padding:4px 8px;font-size:12px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,238,208,.09),0 2px 5px rgba(0,0,0,.35)}.set-row select:hover{border-color:var(--gold)}.set-row select option{background:#14110d;color:var(--ink)}.chat-log,.drawer,.economy,.inv-grid,.journal-body,.skills,.strip-details{scrollbar-width:thin;scrollbar-color:#5a4830 transparent}.chat-log::-webkit-scrollbar,.economy::-webkit-scrollbar,.inv-grid::-webkit-scrollbar,.journal-body::-webkit-scrollbar,.skills::-webkit-scrollbar{width:9px;height:9px}.chat-log::-webkit-scrollbar-track,.economy::-webkit-scrollbar-track,.inv-grid::-webkit-scrollbar-track,.journal-body::-webkit-scrollbar-track,.skills::-webkit-scrollbar-track{background:rgba(0,0,0,.28);border-radius:999px}.chat-log::-webkit-scrollbar-thumb,.economy::-webkit-scrollbar-thumb,.inv-grid::-webkit-scrollbar-thumb,.journal-body::-webkit-scrollbar-thumb,.skills::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6a5433,#3f321f);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.chat-log::-webkit-scrollbar-thumb:hover,.economy::-webkit-scrollbar-thumb:hover,.inv-grid::-webkit-scrollbar-thumb:hover,.journal-body::-webkit-scrollbar-thumb:hover,.skills::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8a6d41,#55432a)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}[dir=rtl] .panel h3 .fold{float:left}[dir=rtl] .target-card .target-hpbar{transform:scaleX(-1)}[dir=rtl] .xp-drops{right:auto;left:12px;align-items:flex-start}[dir=rtl] .status-bar,[dir=rtl] .status-chip{flex-direction:row-reverse}@media (max-width:560px){.economy-cols{grid-template-columns:1fr}.legacy-summary{grid-template-columns:repeat(2,1fr)}}.vitals-vignette{position:absolute;inset:0;z-index:var(--z-vignette);pointer-events:none;animation:vitals-pulse 2.4s ease-in-out infinite}@keyframes vitals-pulse{0%,to{opacity:.72}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.vitals-vignette{animation:none;opacity:.9}}.panel.strip-panel{width:clamp(240px,calc(50% - 170px),340px);min-width:0;max-width:none;padding:7px 10px 6px;display:flex;flex-direction:column;gap:4px}.strip-objective{display:flex;align-items:baseline;gap:6px;width:100%;min-width:0;min-height:18px;padding:0;border:0;background:none;color:var(--ink);cursor:pointer;text-align:start;font:600 calc(13px * var(--ui-scale, 1))/18px var(--face-display);letter-spacing:.01em}.strip-caret,.strip-objective:hover .strip-obj-text{color:var(--gold-hi)}.strip-caret{flex:none}.strip-obj-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strip-count{flex:none;color:var(--gold-hi);font:600 12px ui-sans-serif,system-ui,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.strip-bars{gap:9px;height:12px}.strip-bar-cell,.strip-bars{display:flex;align-items:center}.strip-bar-cell{gap:4px;min-width:0;color:var(--ink-dim)}.strip-bar-cell.hp{flex:3 1}.strip-bar-cell.hunger,.strip-bar-cell.stamina,.strip-bar-cell.thirst{flex:2 1}.strip-bar-cell.iman{flex:2.5 1}.strip-bar-cell .glyph{flex:none}.strip-bar{flex:1 1;min-width:10px;height:4px;border-radius:2px;overflow:hidden;background:var(--well-lo);box-shadow:inset 0 0 0 1px rgba(255,226,175,.1)}.strip-bar>span{display:block;height:100%;transition:width .16s linear}.strip-num{flex:none;font-size:11px;font-weight:600;color:var(--gold-hi);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.strip-meta{display:flex;align-items:center;gap:6px;height:28px;font-size:12px;color:var(--ink)}.strip-clock{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.strip-sep{color:var(--ink-dim)}.strip-coins{display:inline-flex;align-items:center;gap:4px;color:var(--gold-hi);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.strip-coins .glyph{color:var(--gold)}.strip-fold{flex:none;-webkit-margin-start:auto;margin-inline-start:auto;width:28px;height:28px;padding:0;display:grid;place-items:center;border-radius:var(--r-sm)}.glyph.flip{transform:rotate(180deg)}.strip-details{margin-top:2px;padding-top:6px;max-height:min(50vh,380px);overflow:auto;background-image:linear-gradient(90deg,var(--brass-lit),rgba(217,178,106,.02));background-size:100% 1px;background-repeat:no-repeat;background-position:0 0}.strip-name{font:600 13px var(--face-display);color:var(--gold-hi);margin-bottom:3px}.strip-details .kv>span:first-child{color:var(--ink)}@media (prefers-reduced-motion:reduce){.strip-bar>span{transition:none}}:lang(ar) .onboard-text,:lang(ar) .strip-objective{font-size:calc(14px * var(--ui-scale, 1))}.rail{display:flex;align-items:center;padding:4px;border-radius:var(--r-lg)}.rail-items{display:flex;gap:4px}.rail-btn,.rail-menu{width:32px;height:32px;padding:0;display:grid;place-items:center;cursor:pointer;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-dim);transition:color .12s,border-color .12s,background-color .12s}.rail-btn:hover,.rail-menu:hover{color:var(--ink);border-color:var(--rim-hi);background-color:rgba(255,226,175,.05)}.rail-btn.on{color:var(--gold-hi);border-color:var(--brass-lit);background-color:rgba(217,178,106,.12)}.rail-key,.rail-label,.rail-menu{display:none}.drawer{position:absolute;top:56px;inset-inline-end:10px;z-index:var(--z-hud);width:min(360px,calc(100% - 20px));max-height:calc(100% - 56px - 130px);overflow:auto;padding:8px 12px 10px;border-radius:var(--r-lg);color:var(--ink);font-size:12px;line-height:1.4}.settings-drawer{z-index:var(--z-settings);width:min(300px,calc(100% - 20px))}.drawer-head{display:flex;align-items:center;gap:8px;margin-bottom:7px;padding-bottom:5px;background-image:linear-gradient(90deg,var(--brass-lit),rgba(217,178,106,.02));background-size:100% 1px;background-repeat:no-repeat;background-position:0 100%}.drawer-head h3{margin:0;font:600 11.5px var(--face-display);color:var(--gold);text-transform:uppercase;letter-spacing:.09em;text-shadow:0 1px 2px rgba(0,0,0,.6)}.drawer-x{-webkit-margin-start:auto;margin-inline-start:auto;width:28px;height:28px;padding:0;display:grid;place-items:center;border-radius:var(--r-sm)}.drawer .skills{max-height:none;overflow:visible}.drawer .skill-name,.set-row{color:var(--ink)}.set-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 0}.set-row.range{flex-wrap:wrap;gap:2px 10px}.set-row.range input{width:100%;accent-color:#c9a25a;cursor:pointer}.set-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.set-buttons button{border-radius:8px;padding:5px 10px;font-size:12px}.set-buttons kbd{font:700 11px ui-sans-serif,system-ui,sans-serif;opacity:.8}.set-fps{font:11px ui-monospace,monospace}.legend-groups{columns:150px 2;column-gap:18px}.legend-group{page-break-inside:avoid;break-inside:avoid;margin-bottom:8px}.legend-group h4{margin:0 0 3px;font:600 11px var(--face-display);color:var(--gold);text-transform:uppercase;letter-spacing:.08em}.legend-row{display:grid;grid-template-columns:auto minmax(0,1fr);grid-column-gap:7px;column-gap:7px;align-items:baseline;padding:1.5px 0}.legend-row.wide{display:flex;flex-wrap:wrap;gap:2px 7px}.legend-row .kbd-group{flex:none}.legend-label{min-width:0;color:var(--ink);overflow-wrap:anywhere}.legend-or{color:var(--ink-dim);padding:0 2px}.onboard-line{width:100%;display:flex;justify-content:center}.onboard-plate{display:flex;align-items:center;gap:10px;width:100%;padding:6px 7px 6px 12px;border-radius:var(--r-lg);color:var(--ink);line-height:1.4;font-size:calc(14px * var(--ui-scale, 1))}.onboard-plate.done{justify-content:center;font-family:var(--face-display)}.onboard-pips{flex:none;display:inline-flex;align-items:center;gap:4px}.pip{width:7px;height:7px;border-radius:50%}.pip.done{background:var(--gold-hi)}.pip.now{box-shadow:inset 0 0 0 1.5px var(--gold-hi)}.pip.next{width:3px;height:3px;margin:0 2px;background:var(--ink-dim)}.onboard-text{flex:1 1;min-width:0}.kbd-group{display:inline-flex;gap:3px;unicode-bidi:-webkit-isolate;unicode-bidi:isolate;vertical-align:1px}.legend-row kbd,.onboard-skip,.onboard-text kbd{font-size:12px}.onboard-skip{flex:none;min-height:28px;padding:3px 10px;border-radius:7px}.map-bar{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:var(--z-hud);display:flex;align-items:center;gap:12px;max-width:calc(100% - 20px);padding:5px 5px 5px 14px;border-radius:var(--r-lg);color:var(--ink)}.map-title{flex:none;font:600 14px var(--face-display);color:var(--gold-hi);white-space:nowrap}.map-hint{min-width:0;font-size:12px;color:var(--ink)}.map-close{flex:none;width:32px;height:32px;padding:0;display:grid;place-items:center;border-radius:var(--r-md)}[dir=rtl] .map-bar{padding:5px 14px 5px 5px}@media (max-height:479px),(max-width:719px){.rail{flex-direction:column;align-items:flex-end;padding:0;position:relative;background-image:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.rail-menu{display:grid;border-color:var(--rim);color:var(--ink)}.rail-items{display:none}.rail.open .rail-items{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:1;display:flex;flex-direction:column;gap:2px;min-width:200px;padding:5px;border-radius:var(--r-lg);background-image:var(--grain),linear-gradient(180deg,var(--plate-hi),var(--plate) 46%,var(--plate-lo));border:1px solid var(--rim);box-shadow:inset 0 0 0 1px var(--brass),var(--lift)}.rail.open .rail-btn{width:100%;height:40px;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 10px;color:var(--ink)}.rail.open .rail-label{display:inline;font-size:13px}.rail.open .rail-key{display:inline-block;-webkit-margin-start:auto;margin-inline-start:auto;font-size:11px;padding:1px 5px;border-radius:4px;background-image:linear-gradient(180deg,var(--gold-hi),#bf9a54)}.xp-drops{top:64px;transform:none;right:8px}[dir=rtl] .xp-drops{right:auto;left:8px}.drawer{top:64px;max-height:calc(100% - 64px - 120px)}}@media (max-width:719px){.hud{top:8px;inset-inline:8px;gap:8px}.panel.strip-panel{width:auto;flex:1 1}.lane{left:10px;width:calc(100% - 20px);bottom:calc(max(var(--chips-h, 0px), var(--keys-h)) + 16px)}.status-bar{left:8px;bottom:8px;max-width:calc(100% - 100px)}.drawer,.target-card{top:calc(var(--strip-bottom, 90px) + 40px)}.drawer{inset-inline:8px;width:auto;max-height:max(160px,calc(45% - var(--strip-bottom, 90px)))}.economy-overlay .economy{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.dialogue-overlay .dialogue{width:100%;margin-bottom:0;max-height:100%;overflow:auto;border-radius:16px 16px 0 0}.dialogue-head .x,.economy-head .x{min-width:44px;min-height:44px}.map-hint{display:none}}:root{--keys-h:24px}@media (pointer:coarse){:root{--keys-h:44px}.drawer-x,.ghost-gear,.map-close,.rail-btn,.rail-menu{min-width:44px;min-height:44px}.rail.open .rail-btn{height:44px}.legend-hint,.onboard-skip{min-height:44px}.panel.strip-panel{display:grid;grid-template-columns:auto auto 1fr 44px;grid-column-gap:6px;column-gap:6px;grid-row-gap:3px;row-gap:3px;align-items:center}.strip-objective{grid-column:1/4;grid-row:1;min-height:44px;align-items:center}.strip-fold{grid-column:4;grid-row:1;width:44px;height:44px;margin:0}.strip-bars{grid-column:1/-1;grid-row:2}.strip-meta{display:contents}.strip-clock{grid-column:1;grid-row:3}.strip-sep{grid-column:2;grid-row:3}.strip-coins{grid-column:3;grid-row:3}.strip-details{grid-column:1/-1}}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.modal-panel:focus,.modal-panel:focus-visible{outline:none}.dialogue-head .x{-webkit-margin-start:auto;margin-inline-start:auto}.dialogue-choice:focus-visible{border-color:var(--gold);color:#fff}.craft-row:focus-within:not(.locked),.econ-row:focus-within{border-color:var(--rim-hi)}.craft-row button:focus-visible,.creation .start:focus-visible,.econ-row button:focus-visible,.exchange-do:focus-visible,.farm-growing button.harvest:focus-visible,.home-rest .rest-btn:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}.econ-list{padding:2px}.journal-body{padding:2px;-webkit-padding-end:6px;padding-inline-end:6px}.creation .link:focus-visible,.lang-pick:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.dialogue-choices{list-style:none;margin:0;padding:0}.dialogue-choices>li{display:flex}.dialogue-choices>li>.dialogue-choice{flex:1 1}.choice-key{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;-webkit-margin-end:8px;margin-inline-end:8px;border:1px solid var(--rim-hi);border-radius:4px;font:600 11px/1 ui-monospace,monospace;color:var(--gold);background:rgba(0,0,0,.25);vertical-align:1px}.stat-grid dd,.stat-grid dt,dl.stat-grid{margin:0}.craft-row.locked{opacity:1}.craft-row.locked .craft-name,.craft-row.locked .item-icon,.econ-row.locked .item-icon{opacity:.6}.quest-entry.locked{opacity:.8}.codex-cell.sealed{opacity:.75}.craft-row button,.creation .start,.econ-row button,.farm-growing button.harvest{background-image:linear-gradient(180deg,#5a7f3a,#3d5628)}.craft-row button:hover:not(:disabled),.creation .start:hover:not(:disabled),.econ-row button:hover:not(:disabled),.farm-growing button.harvest:hover{background-image:linear-gradient(180deg,#6a9444,#4c6a31)}.craft-inputs .ok:before{content:"✓\00a0"}.craft-inputs .missing:before{content:"✗\00a0"}.creation .portrait .style-name{text-transform:none}.account-bar{gap:10px}.lang-bar{justify-content:flex-end}.lang-pick{-webkit-margin-start:auto;margin-inline-start:auto;font:inherit;font-size:12px;padding:3px 6px;border-radius:6px;background-image:linear-gradient(180deg,#33291c,#1d1610);color:var(--ink-dim);border:1px solid var(--rim);cursor:pointer}.lang-pick:hover{border-color:var(--gold);color:var(--ink)}[dir=rtl] .dir-arrow{display:inline-block;transform:scaleX(-1)}[dir=rtl] .craft-inputs span,[dir=rtl] .econ-row .muted{unicode-bidi:plaintext}[dir=rtl] .stat-grid dd{direction:ltr;text-align:left;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important;scroll-behavior:auto!important}}@media (forced-colors:active){.codex-cell,.craft-row,.creation,.dialogue,.econ-row,.economy,.quest-entry{border:1px solid CanvasText}:focus-visible{outline:2px solid Highlight!important}.creation button.on,.econ-qty button.on,.econ-tabs button.on,.journal-tabs button.on,.style-btn.on,.toolbar button.on{outline:2px solid Highlight}}