.inv-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;pointer-events:auto;background:radial-gradient(ellipse at 50% 45%,#300e0e8c,#060408e6);-webkit-backdrop-filter:blur(7px) saturate(.75);backdrop-filter:blur(7px) saturate(.75);padding:22px 26px;font-family:var(--hud-font);display:flex;flex-direction:column}.inv-back{position:absolute;left:22px;top:14px;display:flex;align-items:center;gap:7px;background:none;border:none;color:#e8e2ee;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;z-index:2}.inv-back .key{background:#d8b43c;color:#2a1e06;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:900}.inv-grid{flex:1;display:grid;grid-template-columns:1fr 1.75fr 1.1fr;gap:16px;margin-top:22px;min-height:0}.inv-col{background:linear-gradient(180deg,#1a1218b8,#0e0a10c7);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:46px 18px 18px;position:relative;overflow-y:auto;scrollbar-width:thin}.inv-col>header{position:absolute;right:18px;top:14px;background:#f2eef6;color:#1d1622;font-size:13px;font-weight:900;letter-spacing:1.4px;padding:5px 15px;border-radius:7px}.inv-col>header.right{position:static;display:inline-block}.inv-col>header.sub{position:static;display:block;margin:16px 0 8px;background:none;color:#b3a9bf;font-size:10px;letter-spacing:1.6px;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.09)}.slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.slot-grid.big{grid-template-columns:repeat(8,1fr)}.slot{position:relative;aspect-ratio:1;display:grid;place-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);border-radius:9px;cursor:pointer;padding:0;font-family:inherit;transition:background .12s,transform .08s;clip-path:polygon(16% 0,84% 0,100% 22%,100% 78%,84% 100%,16% 100%,0 78%,0 22%)}.slot:hover{background:#ffffff21;transform:translateY(-1px)}.slot.empty,.slot.locked{cursor:default;background:#ffffff06}.slot.locked{border-style:dashed}.slot-count{position:absolute;right:4px;bottom:2px;font-size:9.5px;font-weight:900;color:#fff;text-shadow:0 1px 2px #000}.slot-rail{position:absolute;left:4px;top:18%;bottom:18%;width:3px;border-radius:2px;opacity:.85}.inv-btn{margin-top:12px;background:linear-gradient(180deg,#ffd451,#f2b418);color:#2a1e06;border:none;border-radius:7px;padding:9px 16px;font-family:inherit;font-size:12px;font-weight:900;letter-spacing:1px;cursor:pointer}.inv-btn.wide{width:100%}.inv-btn:disabled{opacity:.4;cursor:default}.inv-note{font-size:10.5px;color:#9a91a6;line-height:1.5;margin:10px 0 0}.inv-note.tall{margin-top:30px;text-align:center}.inv-note b{color:#ffd451}.pouch-row{margin-top:18px;border-top:1px solid rgba(255,255,255,.1);padding-top:14px;display:grid;grid-template-columns:auto auto 1fr;gap:14px;align-items:center}.pouch-slots{display:flex;gap:8px}.pouch-slots .slot{width:46px;aspect-ratio:1}.pouch-copy b{display:block;font-size:11.5px;color:#f0eaf6}.pouch-copy span{font-size:10px;color:#9a91a6}.gear-row{width:100%;display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:9px 12px;margin-bottom:9px;cursor:pointer;font-family:inherit;text-align:left}.gear-row.on{border-color:#ffd451bf;background:#ffd4511a}.gear-icon{width:52px;height:52px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.25);clip-path:polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%)}.gear-info{flex:1}.gear-info small{display:block;font-size:9px;letter-spacing:1.2px;color:#b7adc2;font-weight:800}.gear-ammo{display:flex;align-items:baseline;gap:8px}.gear-ammo span{font-size:17px;font-weight:900}.gear-ammo em{font-style:normal;font-size:9.5px;color:#8f869c;font-weight:700}.gear-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 4px}.gear-cell{aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:3px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:#ffffff0a;clip-path:polygon(16% 0,84% 0,100% 22%,100% 78%,84% 100%,16% 100%,0 78%,0 22%)}.gear-cell.on{border-color:#7ee07a99;background:#5adc7817}.gear-cell small{font-size:9px;color:#b7adc2;font-weight:800}.gear-cell .muted{font-size:8.5px;color:#6f6779;letter-spacing:.8px;font-weight:800;text-align:center}.gear-face{font-size:11px;font-weight:900;color:#d9c6f5;letter-spacing:1px}.mate-list{display:flex;flex-direction:column;gap:7px}.mate-row{display:grid;grid-template-columns:32px 1fr 54px;align-items:center;gap:10px;background:#ffffff0b;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:7px 10px;cursor:pointer;font-family:inherit;text-align:left}.mate-row.on{border-color:#ffd451b3;background:#ffd45117}.mate-row b{display:block;font-size:11.5px;color:#fff}.mate-row small{font-size:9px;font-weight:800;letter-spacing:.5px}.mate-hp{height:5px;border-radius:3px;background:#00000080;overflow:hidden}.mate-hp>i{display:block;height:100%;background:linear-gradient(90deg,#7dff9a,#2fd06a)}.gear-foot{display:flex;justify-content:space-between;margin-top:14px;padding-top:11px;border-top:1px solid rgba(255,255,255,.09);font-size:9px;letter-spacing:1.1px;color:#8f869c;font-weight:800}.gear-foot b{display:block;font-size:15px;color:#ffd451}@media (max-width: 1100px){.inv-grid{grid-template-columns:1fr 1.4fr}.inv-col:last-child{grid-column:1 / -1}.slot-grid.big{grid-template-columns:repeat(6,1fr)}}:root{--panel: linear-gradient(180deg, rgba(30, 22, 32, .88) 0%, rgba(16, 11, 18, .86) 100%);--panel-edge: rgba(255, 255, 255, .09);--chip: linear-gradient(180deg, rgba(58, 46, 62, .95), rgba(34, 26, 38, .95));--gold: #f2b418;--gold-lt: #ffd76a;--rot: #b45cff;--danger: #ff4d5e;--ink: #0d0910;--txt: #f2eef6;--txt-dim: #a79fb0;--hud-font: "Trebuchet MS", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:#0b0a10;font-family:var(--hud-font);color:var(--txt);-webkit-font-smoothing:antialiased}canvas{display:block;touch-action:none}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;-webkit-user-select:none;user-select:none;font-family:var(--hud-font)}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:11px;box-shadow:0 6px 22px #00000073,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.chip{display:inline-block;background:var(--chip);border:1px solid rgba(255,255,255,.11);border-radius:7px;padding:4px 11px;font-size:12.5px;font-weight:700;letter-spacing:.2px;color:#fff;box-shadow:0 2px 6px #0006}.tl{position:absolute;left:16px;top:30px;width:258px;display:flex;flex-direction:column;gap:9px}.wave-panel{padding:9px 11px 10px}.pips{display:flex;gap:6px;margin:9px 0 8px}.pip{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:800;background:#514a58;color:#ded6e6;box-shadow:inset 0 -1px 2px #00000059}.pip.active{background:linear-gradient(180deg,#ffd451,var(--gold));color:#2a1e06;box-shadow:0 0 9px #f2b418a6}.pip.done{background:linear-gradient(180deg,#6fe05a,#34a82a);color:#06280a}.wave-meta{display:grid;grid-template-columns:82px 1fr;gap:4px 10px;font-size:10.5px}.wave-meta .lbl{color:var(--txt-dim);font-weight:600;letter-spacing:.2px}.wave-meta .val{font-size:14px;font-weight:800;color:#fff;letter-spacing:.4px}.rot-row{display:flex;align-items:center;gap:7px}.rot-val{color:var(--rot);font-weight:800;font-size:12.5px;min-width:34px}.bar-thin{flex:1;height:4px;border-radius:3px;background:#ffffff1c;overflow:hidden}.bar-thin>i{display:block;height:100%;background:linear-gradient(90deg,#7b3fd6,#e05cff);box-shadow:0 0 7px #c85cffcc}.rarity-panel{padding:9px 11px 6px}.rarity-sub{font-size:9.5px;color:#9a92a4;margin:6px 0;letter-spacing:.1px;line-height:1.25}.rarity-row{display:flex;align-items:center;gap:8px;padding:5px 2px;border-top:1px solid rgba(255,255,255,.06)}.rarity-row:first-of-type{border-top:none}.rarity-name{width:62px;font-size:10px;font-weight:700;letter-spacing:.3px}.rarity-mates{display:flex;gap:3px;flex:1}.obj-panel{padding:9px 11px 10px}.obj-item{display:flex;gap:8px;margin-top:8px}.obj-item:first-of-type{margin-top:9px}.obj-title{font-size:10.5px;font-weight:800;letter-spacing:.2px}.obj-body{font-size:8.6px;color:#a49cae;line-height:1.3;margin-top:1px}.compass{position:absolute;top:12px;left:50%;transform:translate(-50%);width:46%;height:16px;overflow:hidden;opacity:.6;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.compass i{position:absolute;top:6px;width:1px;height:5px;background:#ffffff8c;transform:translate(-50%)}.compass b{position:absolute;top:0;font-size:9px;font-weight:700;color:#fff;transform:translate(-50%);letter-spacing:.6px}.compass .needle{position:absolute;left:50%;top:0;width:2px;height:14px;background:var(--gold);transform:translate(-50%)}.banner{position:absolute;top:30px;left:50%;transform:translate(-50%);text-align:center;animation:bannerIn .5s cubic-bezier(.2,1.4,.4,1) both}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%) translateY(-14px) scale(.92)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.banner-plate{position:relative;width:340px;padding:9px 0 11px;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);background:radial-gradient(ellipse at 50% 120%,rgba(255,190,255,.4),transparent 60%),linear-gradient(180deg,#8a2ed4,#5a17a0 55%,#3d0d78);box-shadow:0 0 26px #a03cff8c,inset 0 1px #ffffff4d}.banner-plate:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);border:1px solid rgba(255,255,255,.22);pointer-events:none}.banner-wave{font-size:15px;font-weight:800;letter-spacing:3px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);line-height:1}.banner-name{font-size:15px;font-weight:800;letter-spacing:3px;color:#f4e2ff;line-height:1.25}.banner-big{margin-top:8px;font-size:44px;font-weight:900;font-style:italic;letter-spacing:1px;color:var(--gold-lt);-webkit-text-stroke:2.5px #3a2405;paint-order:stroke fill;text-shadow:0 5px 0 rgba(0,0,0,.35);animation:pop .55s cubic-bezier(.2,1.6,.4,1) both}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.toasts{position:absolute;right:14px;top:24px;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.toast{display:flex;align-items:center;gap:9px;background:linear-gradient(90deg,#140f168c,#1c151ee6);border:1px solid rgba(255,255,255,.09);border-radius:7px 3px 3px 7px;padding:4px 6px 4px 12px;font-size:11.5px;font-weight:700;letter-spacing:.2px;animation:toastIn .28s ease both;white-space:nowrap}@keyframes toastIn{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:translate(0)}}.toast.gain{color:var(--gold-lt)}.toast.use{color:#9de07a}.toast.warn{color:#ff8c8c}.toast.capture{color:#7ee0ff}.toast.wave{color:#e5a6ff}.toast.info{color:#dcd4e4}.toast .slot{width:26px;height:26px;display:grid;place-items:center;background:#ffffff12;border:1px solid rgba(255,255,255,.11);border-radius:4px}.portal-alert{position:absolute;right:14px;top:24px;width:264px;padding:10px 12px 12px;border-color:#ff4d5e59;animation:alertIn .3s ease both}@keyframes alertIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.portal-alert h3{margin:0;font-size:15.5px;font-weight:900;color:var(--danger);letter-spacing:.4px;text-shadow:0 0 12px rgba(255,60,80,.5);animation:throb 1.1s ease-in-out infinite}@keyframes throb{50%{opacity:.6}}.portal-alert .sub{font-size:9px;color:#c9c0d0;margin:3px 0 9px}.pa-label{font-size:9.5px;color:#d38a92;font-weight:700;letter-spacing:.3px}.pa-int{font-size:17px;font-weight:900;color:#fff;margin:1px 0 5px}.bar-red{height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}.bar-red>i{display:block;height:100%;background:linear-gradient(90deg,#ff2d45,#ff7a6a);box-shadow:0 0 8px #ff3c3cb3;transition:width .25s}.pa-div{border-top:1px solid rgba(255,255,255,.08);margin:9px 0 7px}.pa-row{display:flex;align-items:center;gap:6px;margin-top:5px}.pa-badge{position:absolute;right:10px;top:8px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:2px dashed rgba(255,77,94,.55);background:#3c0a128c;animation:spin 9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.minimap{position:absolute;left:16px;bottom:16px;width:168px;height:168px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.55))}.minimap canvas{display:block;border-radius:50%}.mm-n{position:absolute;left:50%;top:-2px;transform:translate(-50%);font-size:9.5px;font-weight:800;letter-spacing:1px;color:#fffc;text-shadow:0 1px 3px #000}.mm-clock{position:absolute;left:50%;bottom:-3px;transform:translate(-50%);font-size:10.5px;font-weight:800;letter-spacing:1px;color:#ffffffd1;text-shadow:0 1px 3px #000;font-variant-numeric:tabular-nums}.fps{position:absolute;right:13px;bottom:3px;font-size:10.5px;font-weight:700;letter-spacing:.6px;color:#ffffff80;text-shadow:0 1px 3px rgba(0,0,0,.85);font-variant-numeric:tabular-nums;text-align:right;line-height:1.35}.fps b{color:#ffffffc7;font-weight:800}.fps span{color:#ffffff52}.bl{position:absolute;left:198px;bottom:18px;display:flex;align-items:flex-end;gap:0}.portrait{position:relative;width:54px;height:54px;border-radius:50%;border:2.5px solid var(--gold);background:radial-gradient(circle at 50% 30%,#7a4fc0,#2c1a45);overflow:hidden;z-index:2;box-shadow:0 3px 10px #0009}.portrait svg{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%) scale(1.55)}.mate-badge{position:absolute;left:40px;bottom:-4px;width:26px;height:26px;border-radius:50%;border:2px solid #2a2233;background:#12101a;display:grid;place-items:center;z-index:3}.hp-wrap{margin-left:-8px;padding-bottom:6px}.hp-bar{position:relative;width:216px;height:19px;transform:skew(-20deg);background:#0a080ecc;border:1.5px solid rgba(255,255,255,.16);overflow:hidden}.hp-bar>i{display:block;height:100%;background:linear-gradient(180deg,#7dff9a,#2fd06a 55%,#17a44f);box-shadow:inset 0 -4px 8px #00000040;transition:width .18s}.hp-bar.low>i{background:linear-gradient(180deg,#ffb36b,#e04c2f)}.hp-txt{position:absolute;left:12px;top:50%;transform:translateY(-50%) skew(20deg);font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9)}.hp-under{width:200px;height:3px;margin-top:3px;margin-left:6px;transform:skew(-20deg);background:linear-gradient(90deg,var(--gold),rgba(242,180,24,.1))}.bc{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:7px}.ability-cluster{position:relative;width:108px;height:84px}.ab{position:absolute;width:30px;height:30px;transform:rotate(45deg);background:linear-gradient(160deg,#42384aeb,#1c1622eb);border:1.5px solid rgba(255,255,255,.22);border-radius:5px;display:grid;place-items:center;box-shadow:0 2px 6px #00000080}.ab>span{transform:rotate(-45deg);font-size:10px;font-weight:800;color:#efe8f4}.ab.ready{border-color:#ffd878b3}.ab.empty>span{color:#6d6577}.ab.top{left:39px;top:0}.ab.left{left:8px;top:26px}.ab.right{left:70px;top:26px}.ab.bottom{left:39px;top:52px}.ab-core{position:absolute;left:34px;top:22px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#ffffff29,#140f18e6);border:1.5px solid rgba(255,255,255,.2)}.stamina{display:flex;gap:5px}.seg{width:62px;height:5px;border-radius:2px;background:#ffffff21;overflow:hidden}.seg>i{display:block;height:100%;background:linear-gradient(90deg,#ffd451,#f2b418);box-shadow:0 0 6px #f2b418bf}.br{position:absolute;right:12px;bottom:22px;display:flex;align-items:flex-end;gap:4px}.ammo-block{text-align:right;padding-bottom:16px;position:relative}.ammo-line{position:absolute;right:0;top:-6px;width:250px;height:1.5px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85))}.ammo-line.under{top:auto;bottom:6px;background:linear-gradient(90deg,transparent,currentColor);opacity:.9}.ammo-row{display:flex;align-items:center;gap:8px;justify-content:flex-end}.ammo-count{font-size:30px;font-weight:800;color:#fff;letter-spacing:1.5px;text-shadow:0 2px 6px rgba(0,0,0,.75);font-variant-numeric:tabular-nums}.ammo-count.out{color:#ff6a6a}.ammo-reserve{font-size:11px;font-weight:700;color:#ffffff80;text-align:right}.bow-frame{width:108px;height:108px;display:grid;place-items:center;position:relative}.bow-frame:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:2px solid rgba(242,180,24,.55);clip-path:polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%)}.rail{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.hex-slot{width:48px;height:52px;display:grid;place-items:center;background:#120d16b8;border:1.5px solid rgba(255,255,255,.22);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.hex-count{min-width:22px;text-align:center;font-size:11px;font-weight:800;background:#0e0a12d9;border:1px solid rgba(255,255,255,.16);border-radius:3px;padding:1px 4px}.crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;background:#ffffffbf;box-shadow:0 0 4px #000c}.crosshair.hot{background:#ffd451;box-shadow:0 0 9px #ffbe3ce6}.center-toast{position:absolute;left:50%;top:54%;transform:translate(-50%);background:#d2d2d7d1;color:#1c1c22;font-size:12px;font-weight:800;letter-spacing:.7px;padding:4px 14px;border-radius:4px}.interact{position:absolute;left:50%;top:73%;transform:translate(-50%);display:flex;align-items:center;gap:7px;background:#dcd8e0e6;color:#201b26;font-size:11px;font-weight:800;letter-spacing:.6px;padding:3px 12px 3px 4px;border-radius:4px}.interact .key{background:#c0393f;color:#fff;border-radius:3px;padding:2px 7px;font-size:10px}.extract-wrap{position:absolute;left:50%;top:62%;transform:translate(-50%);width:260px;text-align:center}.extract-wrap .lbl{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--gold-lt);text-shadow:0 2px 6px #000}.extract-bar{margin-top:5px;height:8px;border-radius:4px;background:#0000008c;border:1px solid rgba(255,255,255,.25);overflow:hidden}.extract-bar>i{display:block;height:100%;background:linear-gradient(90deg,#ffd451,#fff3c0)}.markers{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.marker{position:absolute;transform:translate(-50%,-50%);will-change:transform}.nameplate{width:168px;transform:translateY(-100%)}.np-top{display:flex;align-items:center;gap:5px}.np-lvl{font-size:9.5px;font-weight:800;color:#fff;background:#140e18d9;padding:1px 5px;border-radius:3px}.np-name{font-size:12px;font-weight:800;letter-spacing:.6px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.9)}.np-bars{display:flex;gap:4px;margin-top:2px}.np-bar{height:7px;flex:1;border-radius:4px;background:#0009;border:1px solid rgba(255,255,255,.2);overflow:hidden;position:relative}.np-bar>i{display:block;height:100%}.np-bar .hp{background:linear-gradient(90deg,#ff5b8a,#b52a6a)}.np-bar .rot{background:linear-gradient(90deg,#a24cff,#e07bff)}.np-bar span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:8px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000}.capture-ui{width:150px;text-align:center}.capture-tri{filter:drop-shadow(0 0 8px rgba(255,236,120,.8))}.capture-pct{margin-top:4px;display:inline-block;background:#f4f4f8f0;color:#191922;border-radius:6px;padding:4px 14px 5px;box-shadow:0 3px 10px #00000080}.capture-pct b{display:block;font-size:21px;font-weight:900;line-height:1}.capture-pct i{display:block;font-size:8px;font-style:normal;font-weight:800;letter-spacing:1.1px;color:#4b4b57;margin-top:1px}.dmg{font-size:15px;font-weight:900;color:#ffd451;text-shadow:0 2px 4px rgba(0,0,0,.9);font-variant-numeric:tabular-nums}.dmg.crit{font-size:19px;color:#fff08a}.dmg.rot{color:#e07bff}.ping-marker{opacity:.85}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#261434db,#06050af5);pointer-events:auto}.screen-card{width:min(760px,92vw);padding:34px 40px 30px;text-align:center}.screen h1{margin:0 0 6px;font-size:52px;font-weight:900;font-style:italic;letter-spacing:1px;color:var(--gold-lt);-webkit-text-stroke:3px #37220a;paint-order:stroke fill}.screen h2{margin:0 0 18px;font-size:15px;letter-spacing:3px;color:#cfc4da;font-weight:700}.screen p{color:#b6acc0;font-size:13px;line-height:1.55;margin:0 auto 20px;max-width:560px}.btn{pointer-events:auto;cursor:pointer;border:none;border-radius:8px;padding:12px 30px;font-family:inherit;font-size:15px;font-weight:900;letter-spacing:1.4px;color:#2a1e06;background:linear-gradient(180deg,#ffd451,var(--gold));box-shadow:0 5px #9c7208,0 10px 20px #00000073;transition:transform .09s,box-shadow .09s}.btn:active{transform:translateY(4px);box-shadow:0 1px #9c7208}.btn.ghost{background:#ffffff17;color:#efe8f4;box-shadow:0 4px #0006}.keymap{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 26px;margin:20px auto 24px;max-width:560px;text-align:left;font-size:12px;color:#b9b0c4}.keymap span{color:#fff;font-weight:800;display:inline-block;min-width:74px}.result-row{display:flex;justify-content:center;gap:28px;margin:6px 0 22px}.result-row div{text-align:center}.result-row b{display:block;font-size:26px;color:#fff;font-weight:900}.result-row i{font-style:normal;font-size:10px;letter-spacing:1.4px;color:#9a91a6}.mate-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.mate-card{width:74px;padding:7px 4px 6px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);text-align:center}.mate-card small{display:block;font-size:9px;color:#cfc6d8;font-weight:700;margin-top:3px}.mate-card em{display:block;font-style:normal;font-size:8px;letter-spacing:.6px}.hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0c0910d1;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:14px 26px;font-size:13px;font-weight:700;letter-spacing:.6px;color:#efe8f4;text-align:center;pointer-events:none}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 130px #12041c57;transition:box-shadow .4s}.vignette.hurt{box-shadow:inset 0 0 140px #b414288c}.vignette.rot{box-shadow:inset 0 0 130px #961edc4d}.lp{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;padding:22px clamp(20px,5vw,64px) 20px;pointer-events:auto;font-family:var(--hud-font);animation:lpIn .7s ease both}@keyframes lpIn{0%{opacity:0}to{opacity:1}}.lp-vig{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#0a070edb,#0a070e6b 42%,#0a070e0f 70%),linear-gradient(0deg,rgba(10,7,14,.7) 0%,transparent 34%)}.lp-top{position:relative;display:flex;align-items:center;justify-content:space-between}.lp-brand{display:flex;align-items:center;gap:9px}.lp-brand span{font-size:17px;font-weight:800;letter-spacing:.3px;color:#f6f1fa}.lp-brand em{font-style:normal;color:var(--gold)}.lp-x{display:flex;align-items:center;gap:7px;color:#f6f1fa99;text-decoration:none;font-size:13px;transition:color .15s}.lp-x:hover{color:#f6f1fa}.lp-mid{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;max-width:640px}.lp-word{margin:0;font-size:clamp(46px,8.6vw,104px);font-weight:900;font-style:italic;letter-spacing:-1px;line-height:.94;color:var(--gold-lt);-webkit-text-stroke:3px #34210a;paint-order:stroke fill;text-shadow:0 8px 0 rgba(0,0,0,.32)}.lp-tag{margin:12px 0 0;font-size:clamp(15px,2vw,19px);color:#ded5e6;letter-spacing:.3px}.lp-feats{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 28px}.lp-feat{flex:1 1 170px;padding:11px 13px 12px;border-radius:11px;background:#1a131e9e;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lp-feat b{display:block;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:3px}.lp-feat span{font-size:12.5px;color:#b9b0c4;line-height:1.4}.lp-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.lp-play{display:flex;align-items:center;gap:12px;font-family:inherit;font-size:18px;font-weight:900;font-style:italic;letter-spacing:1.4px;padding:15px 26px;border:none;border-radius:11px;cursor:pointer;color:#2a1e06;background:linear-gradient(180deg,#ffd451,var(--gold));box-shadow:0 6px #9c7208,0 14px 28px #00000073;transition:transform .09s,box-shadow .09s}.lp-play:hover{transform:translateY(-1px);box-shadow:0 7px #9c7208,0 16px 30px #00000080}.lp-play:active{transform:translateY(5px);box-shadow:0 1px #9c7208}.lp-play i{font-style:normal;font-size:11px;letter-spacing:.6px;padding:3px 8px;border-radius:5px;background:#2a1e0633}.lp-how{font-family:inherit;font-size:14px;padding:13px 18px;border-radius:10px;cursor:pointer;color:#ded5e6;background:#ffffff12;border:1px solid rgba(255,255,255,.16)}.lp-how:hover{background:#ffffff21}.lp-keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:5px 22px;margin-top:22px;padding:15px 17px;border-radius:12px;background:#120d16b8;border:1px solid rgba(255,255,255,.1);font-size:12.5px;color:#b9b0c4}.lp-keys span{display:inline-block;min-width:78px;color:#fff;font-weight:800}.lp-foot{position:relative;display:flex;align-items:center;gap:18px;font-size:11.5px;color:#f6f1fa6b;letter-spacing:.8px}.lp-foot a{color:#f6f1fa9e;text-decoration:none}.lp-foot a:hover{color:var(--gold-lt)}@media (max-width: 700px){.lp-vig{background:linear-gradient(0deg,#0a070ee6,#0a070e80 60%,#0a070e33)}.lp-feats{display:none}}