:root{font-family:ui-rounded,Arial Rounded MT Bold,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,sans-serif;color:#fff8df;background:#101522;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #171b2b;--panel: #242b42;--gold: #ffd36a;--mint: #73f1c2;--coral: #ff776e}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{color:inherit}.shell{position:relative;width:100vw;height:100dvh;min-height:540px;overflow:hidden;isolation:isolate;background:#111727}canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;width:100%;height:100%;display:block}.grain{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.27;background:radial-gradient(ellipse at 50% 44%,transparent 24%,#070c18a8 100%),linear-gradient(135deg,#151c2b18 25%,transparent 25%,transparent 50%,#151c2b18 50%,#151c2b18 75%,transparent 75%);background-size:auto,6px 6px}.brand{position:absolute;z-index:2;top:18px;left:25px;color:#fff3cc;font-size:18px;font-weight:1000;letter-spacing:.06em;text-shadow:0 3px 0 #553b38,0 0 22px #ffc45a75;pointer-events:none}.brand span{margin-left:7px;color:var(--gold)}.eyebrow{color:#b7c5da;font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.panel{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1080px,calc(100vw - 40px));max-height:calc(100dvh - 36px);overflow:auto;padding:22px 28px 17px;border:3px solid #f6c766;border-radius:20px;background:linear-gradient(145deg,#303b5aef,#1d263bf5 70%);box-shadow:0 0 0 5px #121a2ad9,0 18px #121a2a,0 30px 90px #000b,inset 0 2px #fff9c75c,inset 0 -5px #111729;scrollbar-color:#eebd54 #1e2638;scrollbar-width:thin}.title{text-align:center}.title>.eyebrow{color:#8ff1c1}.title h1{margin:4px 0 2px;color:#fff5d8;font-size:clamp(28px,4vw,43px);line-height:1.05;font-weight:1000;letter-spacing:.035em;text-shadow:0 4px 0 #73533f,0 8px 0 #151b2b,0 0 30px #f6c55755}.title h1 em{color:var(--gold);font-style:normal}.sub{margin:5px 0 14px;color:#c1cde0;font-size:12px;font-weight:650}.diffs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.diff,.charrow button{position:relative;overflow:hidden;border:2px solid #586781;border-radius:12px;background:linear-gradient(150deg,#394762,#28334b 65%,#222c42);box-shadow:0 4px #151d2d,inset 0 1px #ffffff24;color:#f6f0de;cursor:pointer;transition:transform .15s ease,border-color .15s,filter .15s,box-shadow .15s}.diff{min-height:82px;padding:8px 9px;text-align:left}.diff:before,.charrow button:before{position:absolute;content:"";top:0;left:0;right:0;height:3px;background:#92e9c4;opacity:.7}.diff:nth-child(2):before{background:#f7cc6b}.diff:nth-child(3):before{background:#ff9e64}.diff:nth-child(4):before,.diff:nth-child(5):before{background:#ff747c}.diff b{display:block;margin-bottom:5px;color:#fff4cd;font-size:15px;font-weight:1000}.diff small{display:block;color:#bdc9dc;font-size:9px;line-height:1.5;white-space:nowrap}.diff i{display:inline-block;margin-top:4px;color:#ffb5a4;font-size:9px;font-style:normal}.diff:hover,.charrow button:hover{transform:translateY(-2px);filter:brightness(1.13)}.diff.selected{transform:translateY(-2px);border-color:var(--gold);background:linear-gradient(145deg,#5c513d,#374158);box-shadow:0 5px #a26e3d,0 0 18px #ffd36a4a,inset 0 1px #fff9d280}.diff.selected b{color:var(--gold)}.charrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:13px 0 12px}.charrow button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 11px;text-align:left}.charrow button:before{background:#ad9cff}.charrow button.chosen{border-color:#b4a4ff;box-shadow:0 4px #65509e,0 0 20px #a996ff38,inset 0 1px #fff9;background:linear-gradient(145deg,#514d78,#303852)}.charrow button b{font-size:12px;color:#fff2cc}.charrow button small{color:#c1c9d7;font-size:9px}.primary{min-height:43px;padding:10px 24px;border:2px solid #fff0ab;border-radius:12px;background:linear-gradient(#ffe487,#f4a83d);box-shadow:0 5px #9a532a,0 9px 20px #f8a73638,inset 0 2px #fff9d5;color:#392a2b;font-size:15px;font-weight:1000;cursor:pointer;transition:transform .14s,filter .14s}.primary:hover{transform:translateY(-2px);filter:brightness(1.08)}.primary:active{transform:translateY(3px);box-shadow:0 2px #9a532a,inset 0 2px #fff9d5}.primary span{padding-left:12px}.meta{display:flex;justify-content:center;gap:18px;margin-top:10px;color:#bdc9dc;font-size:10px}.meta strong{color:var(--gold)}.settings{display:flex;justify-content:center;gap:18px;margin-top:8px;color:#c0c9d9;font-size:10px}.settings label{display:flex;align-items:center;gap:5px}.settings input[type=checkbox]{accent-color:#7ee1b6}.settings input[type=range]{width:84px;accent-color:#ffd36a}.title footer{margin-top:11px;padding-top:9px;border-top:1px solid #ffffff20;color:#9daac0;font-size:10px}.hud{position:absolute;z-index:2;top:18px;left:50%;transform:translate(-50%);display:flex;gap:7px;padding:7px;border:2px solid #f0c45c;border-radius:14px;background:#202940d9;box-shadow:0 4px #111827,0 10px 30px #0007,inset 0 1px #ffffff3b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.hud div{min-width:62px;padding:3px 7px;border-right:1px solid #ffffff1a;text-align:center}.hud div:last-child{border:0}.hud strong,.hud span{display:block}.hud strong{color:#ffe28b;font:900 14px ui-monospace,monospace;text-shadow:0 2px 0 #533f33}.hud span{margin-top:2px;color:#b5c0d3;font-size:9px}.health,.xpbar{position:absolute;z-index:2;left:50%;transform:translate(-50%);width:min(470px,64vw);height:9px;overflow:hidden;border:2px solid #121a2b;border-radius:8px;background:#20263a;box-shadow:0 2px #ffffff35;pointer-events:none}.health{top:77px}.healthfill{height:100%;border-radius:5px;background:linear-gradient(90deg,#fa5d68,#ff9b69);box-shadow:0 0 12px #ff637a;transition:width .12s}.xpbar{top:89px;height:7px;border-color:#192237}.xpbar div{height:100%;background:linear-gradient(90deg,#57d9d0,#9bf78a,#f9df77);box-shadow:0 0 12px #70f1cf;transition:width .12s}.weapons{position:absolute;left:16px;bottom:16px;display:flex;flex-wrap:wrap;gap:6px;max-width:min(600px,63vw);pointer-events:none}.weapons span{padding:6px 9px;border:1px solid #ffd36a70;border-radius:9px;background:#202a40dc;box-shadow:0 3px #111827;color:#f4dc9f;font-size:11px;font-weight:800}.weapons span b{margin-left:3px;color:#fff}.weapons .passive-pill{border-color:#7ae2c270;color:#a7f0d0}.bossbar{position:absolute;z-index:3;top:111px;left:50%;transform:translate(-50%);width:min(500px,72vw);color:#ffe59b;text-align:center;font-size:12px;text-shadow:0 2px #1a1927;pointer-events:none}.bossbar span{display:block;height:9px;margin-top:5px;overflow:hidden;border:2px solid #1d1d2d;border-radius:8px;background:#271e2e}.bossbar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#ff5269,#ffb250);box-shadow:0 0 12px #ff506d}.bossmsg{position:absolute;top:21%;left:50%;transform:translate(-50%);padding:12px 24px;border:2px solid #ffda78;border-radius:12px;background:linear-gradient(120deg,#762f47ee,#38234bee);box-shadow:0 6px #1a1830,0 0 34px #ff80576b;color:#ffe5a2;font-size:17px;font-weight:1000;letter-spacing:.08em;white-space:nowrap;pointer-events:none}.low-health{position:absolute;top:135px;left:50%;transform:translate(-50%);color:#ff9b94;font-size:12px;font-weight:900;text-shadow:0 2px #250e20;pointer-events:none}.modal{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;overflow:auto;background:#0a1020bf;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:auto}.modalbox{width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 36px);overflow:auto;padding:26px;border:3px solid #f4c65e;border-radius:20px;background:linear-gradient(145deg,#35415ff7,#20283df7);box-shadow:0 0 0 5px #121a2a,0 14px #141c2b,0 30px 90px #000c,inset 0 2px #ffffff3b;text-align:center}.modalbox h2{margin:7px 0 19px;color:#fff3ce;font-size:28px;font-weight:1000;text-shadow:0 3px 0 #75553f}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.upgrade{position:relative;display:flex;min-height:166px;flex-direction:column;align-items:flex-start;padding:16px;overflow:hidden;border:2px solid color-mix(in srgb,var(--rarity),transparent 22%);border-radius:14px;background:linear-gradient(150deg,#3b4a67,#28334c 72%);box-shadow:0 5px #161e30,inset 0 1px #ffffff38;color:#f8f2de;text-align:left;cursor:pointer;transition:transform .15s ease,filter .15s}.upgrade:after{position:absolute;right:-20px;bottom:-36px;width:100px;height:100px;border:8px solid color-mix(in srgb,var(--rarity),transparent 82%);border-radius:50%;content:""}.upgrade:hover{transform:translateY(-4px) scale(1.015);filter:brightness(1.17)}.number{position:absolute;top:10px;right:12px;color:#d2d9e3;font:900 11px ui-monospace,monospace}.rarity{color:var(--rarity);font-size:10px;font-weight:1000;letter-spacing:.1em}.upgrade b{margin:16px 0 7px;color:#fff2c7;font-size:21px;font-weight:1000}.upgrade small{color:#cad4e0;font-size:12px;line-height:1.6}.quiet{display:block;margin:14px auto 0;padding:9px 17px;border:1px solid #ffffff3a;border-radius:10px;background:#26334b;box-shadow:0 3px #131b2b;color:#d8e0ea;font-size:12px;font-weight:850;cursor:pointer}.quiet:hover:not(:disabled){filter:brightness(1.2)}.quiet:disabled{opacity:.4;cursor:default}.compact{width:min(470px,calc(100vw - 32px))}.compact .primary{margin-top:10px}.compact p{color:#d0d6df;font-size:13px}.settlement{margin:18px;color:#ffdd80;font:900 15px ui-monospace,monospace}.settings,.title button{pointer-events:auto}button:focus-visible,input:focus-visible{outline:3px solid #8df0c4;outline-offset:3px}@media(max-width:820px){.brand{top:10px;left:14px;font-size:14px}.panel{top:53%;width:min(660px,calc(100vw - 24px));max-height:calc(100dvh - 70px);padding:17px 15px 13px}.title h1{font-size:32px}.diffs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.diff{min-height:75px;padding:7px}.diff b{font-size:13px}.diff small{font-size:8px}.diff:last-child{grid-column:auto}.charrow{gap:7px;margin:10px 0}.charrow button{padding:7px}.charrow button small{font-size:8px}.hud{top:45px;gap:2px;padding:5px}.hud div{min-width:47px;padding:3px 4px}.hud strong{font-size:11px}.hud span{font-size:8px}.health{top:91px}.xpbar{top:102px}.cards{grid-template-columns:1fr;max-height:58dvh;overflow:auto;padding:2px 5px 7px}.upgrade{min-height:105px;padding:12px}.upgrade b{margin:8px 0 4px}.modalbox{padding:18px}.bossmsg{top:17%;max-width:90vw;white-space:normal;text-align:center}.weapons{left:8px;bottom:8px;max-width:88vw;gap:4px}.weapons span{padding:4px 6px;font-size:9px}.bossbar{top:117px}}@media(max-width:520px){.diffs,.charrow{grid-template-columns:repeat(2,minmax(0,1fr))}.meta{flex-direction:column;align-items:center;gap:4px}.settings{flex-wrap:wrap}.hud div:nth-child(4),.hud div:nth-child(5){display:none}.health{width:74vw}.weapons{max-width:95vw}}@media(max-height:720px)and (min-width:821px){.panel{padding-top:15px;padding-bottom:12px}.title h1{font-size:32px}.sub{margin:3px 0 9px}.diff{min-height:72px}.charrow{margin:9px 0}.title footer{margin-top:7px;padding-top:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}