.steam-app-wrapper{--bg-0:#07090d;--bg-1:#0d1117;--bg-2:#131a24;--glass:#ffffff0b;--glass-brd:#ffffff17;--glass-brd-hi:#ffffff29;--txt-0:#f3f6fa;--txt-1:#b6c1cf;--txt-2:#7c8a9b;--accent:#0a84ff;--accent-2:#5ac8fa;--accent-glow:#0a84ff73;--liquid:#3ea8ff;--twophase:#ff9f0a;--superheat:#ff453a;--supercrit:#bf5af2;--good:#30d158;--warn:#ffd60a;--danger:#ff453a;--radius-lg:22px;--radius-md:16px;--radius-sm:10px;--mono:"SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-family:var(--sans);color:var(--txt-0);position:relative}.steam-app-wrapper #steam-app{max-width:100%;margin:0 auto;padding:10px 0 30px}.steam-app-wrapper .glass{background:var(--glass);border:1px solid var(--glass-brd);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(24px)saturate(140%);box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff0d}.steam-app-wrapper .glass-tight{border-radius:var(--radius-md)}.steam-app-wrapper header.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:14px 20px;display:flex}.steam-app-wrapper .brand{align-items:center;gap:12px;display:flex}.steam-app-wrapper .brand .logo{background:linear-gradient(135deg, var(--accent), var(--supercrit));width:38px;height:38px;box-shadow:0 4px 18px var(--accent-glow);color:#fff;border-radius:11px;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.steam-app-wrapper .brand h2{letter-spacing:-.02em;color:var(--txt-0);margin:0;font-size:17px;font-weight:700}.steam-app-wrapper .brand .sub{color:var(--txt-2);letter-spacing:.02em;margin-top:1px;font-size:11px}.steam-app-wrapper nav.tabs{scrollbar-width:none;border-radius:16px;gap:4px;padding:5px;display:flex;overflow-x:auto}.steam-app-wrapper nav.tabs::-webkit-scrollbar{display:none}.steam-app-wrapper nav.tabs button{appearance:none;color:var(--txt-1);cursor:pointer;white-space:nowrap;letter-spacing:-.01em;background:0 0;border:none;border-radius:12px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.steam-app-wrapper nav.tabs button:hover{color:var(--txt-0);background:#ffffff0d}.steam-app-wrapper nav.tabs button.active{color:#fff;background:linear-gradient(135deg, var(--accent), #06c);box-shadow:0 4px 14px var(--accent-glow)}.steam-app-wrapper .unitbar{align-items:center;gap:8px;display:flex}.steam-app-wrapper .unitbar .seg{border:1px solid var(--glass-brd);background:#ffffff0a;border-radius:11px;padding:3px;display:flex}.steam-app-wrapper .unitbar .seg button{appearance:none;color:var(--txt-2);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s}.steam-app-wrapper .unitbar .seg button.active{background:var(--accent);color:#fff}.steam-app-wrapper .view{animation:.35s fadein;display:none}.steam-app-wrapper .view.active{display:block}.steam-app-wrapper .grid-cols{grid-template-columns:380px 1fr;align-items:start;gap:18px;display:grid}@media (width<=1050px){.steam-app-wrapper .grid-cols{grid-template-columns:1fr}}.steam-app-wrapper .panel{padding:20px}.steam-app-wrapper .panel h2{letter-spacing:.02em;text-transform:uppercase;color:var(--txt-2);margin:0 0 14px;font-size:14px;font-weight:700}.steam-app-wrapper .panel h3{color:var(--txt-1);margin:18px 0 8px;font-size:13px;font-weight:700}.steam-app-wrapper .field{margin-bottom:14px}.steam-app-wrapper .field label{color:var(--txt-2);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.steam-app-wrapper .input-row{gap:8px;display:flex}.steam-app-wrapper input[type=number],.steam-app-wrapper input[type=text],.steam-app-wrapper select{border:1px solid var(--glass-brd);width:100%;color:var(--txt-0);font-size:15px;font-family:var(--mono);background:#ffffff0b;border-radius:12px;outline:none;padding:11px 13px;transition:all .2s}.steam-app-wrapper select{font-family:var(--sans);appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0l5 6 5-6z' fill='%237c8a9b'/></svg>");background-position:right 14px center;background-repeat:no-repeat;padding-right:32px;font-size:13.5px}.steam-app-wrapper input:focus,.steam-app-wrapper select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.steam-app-wrapper .btn{appearance:none;cursor:pointer;letter-spacing:-.01em;border:none;border-radius:13px;padding:12px 18px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.steam-app-wrapper .btn-primary{background:linear-gradient(135deg,var(--accent),#06c);color:#fff;box-shadow:0 6px 20px var(--accent-glow)}.steam-app-wrapper .btn-primary:hover{box-shadow:0 8px 26px var(--accent-glow);transform:translateY(-1px)}.steam-app-wrapper .btn-primary:active{transform:translateY(0)scale(.98)}.steam-app-wrapper .btn-ghost{color:var(--txt-0);border:1px solid var(--glass-brd);background:#ffffff0d}.steam-app-wrapper .btn-ghost:hover{background:#ffffff17}.steam-app-wrapper .btn-sm{border-radius:10px;padding:8px 13px;font-size:12.5px}.steam-app-wrapper .btn-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.steam-app-wrapper .phase-badge{letter-spacing:.01em;border:1px solid var(--glass-brd);border-radius:14px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:800;display:inline-flex}.steam-app-wrapper .phase-dot{border-radius:50%;width:9px;height:9px}.steam-app-wrapper .phase-liquid{color:var(--liquid);background:#3ea8ff1a;border-color:#3ea8ff4d}.steam-app-wrapper .phase-liquid .phase-dot{background:var(--liquid);box-shadow:0 0 10px var(--liquid)}.steam-app-wrapper .phase-twophase{color:var(--twophase);background:#ff9f0a1a;border-color:#ff9f0a4d}.steam-app-wrapper .phase-twophase .phase-dot{background:var(--twophase);box-shadow:0 0 10px var(--twophase)}.steam-app-wrapper .phase-superheat{color:var(--superheat);background:#ff453a1a;border-color:#ff453a4d}.steam-app-wrapper .phase-superheat .phase-dot{background:var(--superheat);box-shadow:0 0 10px var(--superheat)}.steam-app-wrapper .phase-supercrit{color:var(--supercrit);background:#bf5af21a;border-color:#bf5af24d}.steam-app-wrapper .phase-supercrit .phase-dot{background:var(--supercrit);box-shadow:0 0 10px var(--supercrit)}.steam-app-wrapper .prop-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.steam-app-wrapper .prop-card{border:1px solid var(--glass-brd);cursor:pointer;background:#ffffff09;border-radius:14px;padding:13px 15px;transition:all .2s;position:relative;overflow:hidden}.steam-app-wrapper .prop-card:hover{border-color:var(--glass-brd-hi);background:#ffffff0f;transform:translateY(-1px)}.steam-app-wrapper .prop-card .lbl{color:var(--txt-2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:10.5px;font-weight:700}.steam-app-wrapper .prop-card .val{font-family:var(--mono);color:var(--txt-0);letter-spacing:-.02em;font-size:19px;font-weight:600}.steam-app-wrapper .prop-card .unit{color:var(--txt-2);margin-left:4px;font-size:11px;font-weight:600}.steam-app-wrapper .prop-card .sym{color:var(--txt-2);font-size:11px;font-family:var(--mono);opacity:.6;position:absolute;top:10px;right:12px}.steam-app-wrapper .warn-banner{color:#ffd60a;background:#ffd60a14;border:1px solid #ffd60a47;border-radius:14px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 14px;font-size:12.5px;line-height:1.5;display:flex}.steam-app-wrapper .err-banner{color:#ff6961;background:#ff453a14;border:1px solid #ff453a47;border-radius:14px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 14px;font-size:12.5px;line-height:1.5;display:flex}.steam-app-wrapper .pillrow{flex-wrap:wrap;gap:6px;display:flex}.steam-app-wrapper .pill{cursor:pointer;border:1px solid var(--glass-brd);color:var(--txt-1);background:#ffffff0a;border-radius:11px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .2s}.steam-app-wrapper .pill.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 14px var(--accent-glow)}.steam-app-wrapper .pill:hover:not(.active){background:#ffffff14}.steam-app-wrapper .diagram-wrap{border-radius:var(--radius-md);border:1px solid var(--glass-brd);background:radial-gradient(#0f1620 0%,#070a0f 100%);position:relative;overflow:hidden}.steam-app-wrapper canvas{touch-action:none;width:100%;display:block}.steam-app-wrapper .diagram-controls{z-index:5;gap:6px;display:flex;position:absolute;top:12px;right:12px}.steam-app-wrapper .icon-btn{backdrop-filter:blur(10px);border:1px solid var(--glass-brd);width:34px;height:34px;color:var(--txt-1);cursor:pointer;background:#141920bf;border-radius:10px;justify-content:center;align-items:center;font-size:15px;transition:all .2s;display:flex}.steam-app-wrapper .icon-btn:hover{color:#fff;background:#1e242ee6}.steam-app-wrapper .hover-tip{pointer-events:none;border:1px solid var(--glass-brd-hi);font-size:11.5px;font-family:var(--mono);color:var(--txt-0);z-index:6;white-space:nowrap;background:#0f141cf2;border-radius:10px;padding:8px 11px;display:none;position:absolute;box-shadow:0 8px 24px #00000080}.steam-app-wrapper .table-scroll{border:1px solid var(--glass-brd);border-radius:14px;max-height:560px;overflow:auto}.steam-app-wrapper table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:12.5px}.steam-app-wrapper thead th{color:var(--txt-1);text-align:right;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--glass-brd-hi);white-space:nowrap;background:#161d27;padding:10px 12px;font-size:11px;font-weight:700;position:sticky;top:0}.steam-app-wrapper tbody td{text-align:right;color:var(--txt-0);white-space:nowrap;border-bottom:1px solid #ffffff0a;padding:8px 12px}.steam-app-wrapper tbody tr:hover{background:#ffffff09}.steam-app-wrapper tbody td:first-child,.steam-app-wrapper thead th:first-child{text-align:left;color:var(--accent-2);font-weight:700}.steam-app-wrapper .formula-card{margin-bottom:14px;padding:18px 20px}.steam-app-wrapper .formula-card .eq{font-family:var(--mono);color:var(--accent-2);background:#0a84ff14;border:1px solid #0a84ff33;border-radius:12px;margin:10px 0 14px;padding:12px 16px;font-size:20px;display:inline-block}.steam-app-wrapper .formula-card .meta-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:10px;display:grid}.steam-app-wrapper .formula-card .meta-grid .blk h4{text-transform:uppercase;color:var(--txt-2);letter-spacing:.04em;margin:0 0 4px;font-size:11px}.steam-app-wrapper .formula-card .meta-grid .blk p{color:var(--txt-1);margin:0;font-size:13px;line-height:1.55}.steam-app-wrapper .formula-card .varlist{color:var(--txt-1);font-size:12.5px;line-height:1.9}.steam-app-wrapper .formula-card .varlist b{color:var(--txt-0);font-family:var(--mono)}.steam-app-wrapper .hist-item{border:1px solid var(--glass-brd);cursor:pointer;background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 14px;transition:all .2s;display:flex}.steam-app-wrapper .hist-item:hover{background:#ffffff0f}.steam-app-wrapper .hist-item .meta{color:var(--txt-2);font-size:11px}.steam-app-wrapper .hist-item .main{font-family:var(--mono);color:var(--txt-0);font-size:13px}.steam-app-wrapper .star-btn{cursor:pointer;color:var(--txt-2);background:0 0;border:none;font-size:16px}.steam-app-wrapper .star-btn.fav{color:var(--warn)}.steam-app-wrapper .flexrow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.steam-app-wrapper .chip{color:var(--txt-2);letter-spacing:.03em;background:#ffffff12;border-radius:8px;padding:3px 9px;font-size:10.5px;font-weight:700}.steam-app-wrapper .chip.approx{color:var(--twophase);background:#ff9f0a21}.steam-app-wrapper .divider{background:var(--glass-brd);height:1px;margin:16px 0}.steam-app-wrapper .small{color:var(--txt-2);font-size:11.5px;line-height:1.6}.steam-app-wrapper .counter{font-family:var(--mono);font-variant-numeric:tabular-nums}.steam-app-wrapper .footer-note{text-align:center;color:var(--txt-2);padding:30px 0 10px;font-size:11px}@media (width<=700px){.steam-app-wrapper header.topbar{flex-direction:column;align-items:stretch}.steam-app-wrapper .prop-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}
