*{box-sizing:border-box}:root{--ui-bg:#090c0bc7;--ui-border:#d69a4240;--ui-text:#efe2c5;--ui-muted:#efe2c5ad;--ui-accent:#d69a42}html,body,#app{color:#efe2c5;background:#0d1110;width:100%;min-width:320px;height:100%;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#app{position:relative}#game{position:absolute;inset:0}#hud{pointer-events:none;position:absolute;inset:0}.hud-panel,.item-widget,.kindle-panel{border:1px solid var(--ui-border);background:var(--ui-bg);color:var(--ui-text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:absolute}.hud-panel{border-radius:10px;width:min(320px,100vw - 36px);padding:14px;top:18px;left:18px}.hud-brand,.upgrade-kicker,.item-widget-title{color:var(--ui-accent);letter-spacing:.14em;text-transform:uppercase;font-size:11px}.item-widget-title{cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:0;font-family:inherit;display:flex}.item-widget-title strong{color:var(--ui-text);font-size:12px}.item-widget-title:focus-visible{outline-offset:4px;outline:1px solid #d69a42bf}.hud-bars{gap:9px;margin-top:12px;display:grid}.stat-bar{gap:5px;display:grid}.bar-label,.hud-minors,.item-stack{color:var(--ui-muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.bar-label strong,.hud-minors strong,.item-stack strong{color:var(--ui-text);font-weight:700}.bar-track{background:#efe2c512;border:1px solid #efe2c526;border-radius:999px;height:7px;overflow:hidden}.bar-track i{border-radius:inherit;height:100%;display:block}.hp-bar .bar-track i{background:#b85b4c}.shield-bar .bar-track i{background:#c9b889}.hud-minors{border-top:1px solid #efe2c51a;margin-top:12px;padding-top:10px}.item-widget{pointer-events:auto;border-radius:10px;width:min(250px,100vw - 36px);padding:12px;top:18px;right:18px}.item-stack-list{gap:7px;margin-top:10px;display:grid}.item-stack{background:#efe2c509;border:1px solid #efe2c51a;border-radius:8px;min-height:26px;padding:5px 8px}.item-stack-empty{color:var(--ui-muted);margin-top:10px;font-size:12px}.studio-tag{z-index:8;width:22px;height:50px;color:var(--ui-accent);cursor:pointer;pointer-events:auto;background:#d69a42d6;border:1px solid #f5dba975;border-left:0;border-radius:0 7px 7px 0;justify-content:center;align-items:center;transition:width .18s,background .18s,border-color .18s;display:flex;position:absolute;bottom:62px;left:0;overflow:hidden;box-shadow:inset 1px 0 #f5dba985,0 8px 22px #00000038}.studio-tag-diamond{background:#090c0bb8;border:1px solid #090c0b70;width:9px;height:9px;transition:transform .16s;transform:rotate(45deg)}.studio-tag:hover,.studio-tag:focus-visible,.studio-tag:active,.studio-tag.is-open{background:#e5bb73f0;border-color:#f5dba9b3;outline:none;width:34px}.studio-tag:hover .studio-tag-diamond,.studio-tag:focus-visible .studio-tag-diamond,.studio-tag:active .studio-tag-diamond,.studio-tag.is-open .studio-tag-diamond{transform:rotate(45deg)scale(1.16)}.xp-bottom-bar{border-top:1px solid var(--ui-border);height:28px;color:var(--ui-text);pointer-events:none;background:#090c0bdb;position:absolute;bottom:0;left:0;right:0}.xp-bottom-track{background:#efe2c50f;position:absolute;inset:0}.xp-bottom-track i{background:linear-gradient(90deg,#d69a429e,#ead2a5eb);width:0;height:100%;display:block}.xp-bottom-label{z-index:1;height:100%;color:var(--ui-muted);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;font-size:12px;font-weight:650;display:grid;position:relative}.xp-bottom-label strong{color:var(--ui-text);grid-column:2;justify-self:center}.xp-bottom-label span{grid-column:3;justify-self:end}.kindle-panel{min-width:160px;color:var(--ui-muted);border-radius:10px;justify-content:space-between;align-items:center;gap:18px;padding:12px 14px;font-size:13px;display:flex;bottom:98px;left:50%;transform:translate(-50%)}.kindle-panel strong{color:var(--ui-accent)}.upgrade-backdrop,.death-backdrop,.studio-backdrop{pointer-events:auto;background:#04060694;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.studio-backdrop{z-index:40;background:#040606ad}.upgrade-modal{background:#090c0bf0;border:1px solid #d69a4252;border-radius:14px;width:min(820px,100%);padding:22px;box-shadow:0 22px 70px #00000073}.upgrade-modal h1{margin:6px 0 18px;font-size:clamp(28px,4vw,44px);line-height:1}.upgrade-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.upgrade-card{color:#efe2c5;cursor:pointer;text-align:left;background:#111514;border:1px solid #efe2c52e;border-radius:10px;min-height:132px;padding:16px;transition:transform .16s,border-color .16s,background .16s}.upgrade-card:hover,.upgrade-card:focus-visible{background:#171b18;border-color:#d69a42bf;outline:none;transform:translateY(-2px)}.upgrade-card:active{transform:translateY(0)}.upgrade-card span{margin-bottom:10px;font-size:18px;font-weight:750;display:block}.upgrade-card small{color:#efe2c5ad;font-size:13px;line-height:1.45;display:block}.death-modal{text-align:center;background:#090c0bf2;border:1px solid #d69a4257;border-radius:14px;width:min(420px,100%);padding:26px;box-shadow:0 22px 70px #00000073}.death-logo-mark{object-fit:contain;width:78px;height:78px;margin:0 auto 10px;display:block}.death-modal h1{color:var(--ui-text);margin:6px 0 14px;font-size:clamp(30px,6vw,48px);line-height:1}.death-level{color:var(--ui-text);margin:0 auto 14px;font-size:28px;font-weight:800;line-height:1}.death-stats{gap:10px;margin:0;display:grid}.death-stat{background:#efe2c50a;border:1px solid #efe2c51f;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:14px;min-width:0;padding:10px 14px;display:grid}.death-stats dt{color:var(--ui-muted);text-align:left;font-size:12px;line-height:1.2}.death-stats dd{color:var(--ui-text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-align:right;margin:0;font-size:clamp(20px,6vw,28px);font-weight:750;line-height:1.05}.death-present{color:var(--ui-accent);letter-spacing:.16em;text-transform:uppercase;margin-top:18px;font-size:11px}.death-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.death-actions button{min-height:42px;color:var(--ui-text);cursor:pointer;background:#111514;border:1px solid #efe2c52e;border-radius:10px;font-weight:700;transition:transform .16s,border-color .16s,background .16s}.death-actions button:hover,.death-actions button:focus-visible{background:#171b18;border-color:#d69a42bf;outline:none;transform:translateY(-1px)}.studio-modal{text-align:left;background:#090c0bf5;border:1px solid #d69a4257;border-radius:14px;width:min(540px,100%);padding:46px 30px 30px;position:relative;box-shadow:0 24px 80px #0000007a}.studio-close{min-height:32px;color:var(--ui-muted);cursor:pointer;background:#111514eb;border:1px solid #efe2c529;border-radius:8px;padding:0 12px;font-size:12px;font-weight:720;position:absolute;top:14px;right:14px}.studio-close:hover,.studio-close:focus-visible{color:var(--ui-text);border-color:#d69a42bf;outline:none}.studio-logo{object-fit:contain;opacity:.96;filter:brightness(0)saturate()invert(88%)sepia(23%)saturate(444%)hue-rotate(353deg)brightness(102%)contrast(92%);width:min(330px,82%);max-height:150px;margin:0 auto 18px;display:block}.studio-joke{max-width:390px;color:var(--ui-text);text-align:center;margin:0 auto 18px;font-size:clamp(22px,4vw,31px);font-weight:820;line-height:1.08}.studio-copy{color:#efe2c5c7;gap:12px;font-size:14px;line-height:1.55;display:grid}.studio-copy p{margin:0}.studio-copy a{color:#e5bb73;font-weight:760;text-decoration:none}.studio-copy a:hover,.studio-copy a:focus-visible{color:#f0d9a5;outline:none}@media (width<=720px){.hud-panel{padding:12px;top:10px;left:10px}.item-widget{width:auto;min-width:86px;padding:8px 10px;top:auto;bottom:42px;right:10px}.item-widget .item-stack-list,.item-widget .item-stack-empty{display:none}.item-widget.is-expanded{width:min(230px,100vw - 20px);max-height:min(48vh,360px);overflow-y:auto}.item-widget.is-expanded .item-stack-list{display:grid}.item-widget.is-expanded .item-stack-empty{display:block}.studio-tag{width:22px;height:46px;bottom:48px}.studio-tag:hover,.studio-tag:focus-visible,.studio-tag:active,.studio-tag.is-open{width:32px}.studio-modal{max-height:calc(100vh - 40px);padding:44px 20px 24px;overflow-y:auto}.studio-logo{width:min(290px,90%);margin-bottom:14px}.upgrade-options,.death-actions{grid-template-columns:1fr}}