html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.main-layout{max-width:1280px;margin:0 auto;padding:clamp(20px,3vw,32px) clamp(16px,2vw,24px);display:grid;grid-template-columns:1fr 340px;gap:clamp(20px,2vw,24px);align-items:start}.card{background:var(--bg-800);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(18px,2vw,24px);animation:.25s cardIn;box-shadow:var(--shadow-sm);transition:box-shadow .2s,border-color .2s,transform .2s}@keyframes cardIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card-title{font-size:clamp(14px, 1.2vw, 16px);font-weight:700;color:var(--text-100);margin-bottom:4px}.card-desc{font-size:clamp(12px, 1vw, 13px);color:var(--text-400);margin-bottom:20px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;color:#8b98a8;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}#step1 .form-group{position:relative}.lookup-search-wrapper{display:flex;background:var(--bg-800);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow-sm);margin-bottom:8px}.lookup-search-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow),0 0 20px var(--accent-glow),var(--shadow-md)}#step1 .form-group #lookupInput{flex:1;border:none;border-radius:0;box-shadow:none;background:0 0}#step1 .form-group #lookupInput:focus{box-shadow:none;border:none}#step1 #btnFetch{margin:0;padding:14px 28px;border-radius:0;background:var(--accent);color:var(--bg-900);font-weight:700;border:none}#step1 #btnFetch:hover{background:var(--accent-hover);box-shadow:inset 0 0 24px rgba(255,255,255,.08);transform:none}#step1 .btn-row{margin-top:0;margin-bottom:20px}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]),select,textarea{width:100%;padding:12px 14px;background:var(--bg-900);border:1px solid var(--border);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:8px;color:var(--text-100);font-family:inherit;font-size:14px;outline:0;transition:border-color .2s,box-shadow .2s,background .2s}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]):focus,select:focus,textarea:focus{border-color:var(--accent-hover);border-color:color-mix(in srgb,var(--accent) 50%,#fff);box-shadow:0 0 0 3px var(--accent-glow),0 0 12px var(--accent-glow);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent),0 0 12px var(--accent-glow);background:color-mix(in srgb,var(--bg-900) 92%,var(--accent) 8%)}input::placeholder{color:var(--text-500)}select{cursor:pointer}select option{background:var(--bg-800)}textarea{resize:vertical;min-height:80px;font-family:inherit}#lookupInput{width:100%;display:block;padding:14px 18px;background:var(--bg-900);border:1px solid var(--border);border-radius:10px;color:var(--text-100);font-size:15px;font-family:inherit;outline:0;box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s,background .2s}#lookupInput:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow),0 0 20px var(--accent-glow),var(--shadow-md);background:color-mix(in srgb,var(--bg-900) 92%,var(--accent) 8%)}#lookupInput::placeholder{color:var(--text-600)}.form-hint{font-size:11px;color:var(--text-500);margin-top:4px}.form-error{font-size:12px;color:var(--red);margin-top:4px;display:none}.form-error.show{display:block}.detected-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600;background:rgba(63,185,80,.08);color:var(--green);border:1px solid rgba(63,185,80,.15);margin-top:6px}.btn{display:inline-flex;align-items:center;gap:6px;padding:clamp(8px,1vw,10px) clamp(18px,2vw,22px);min-height:40px;border:none;border-radius:6px;font-family:inherit;font-size:clamp(12px, 1vw, 13px);font-weight:600;cursor:pointer;transition:.18s;position:relative;touch-action:manipulation}.btn-accent{background:var(--accent);background:color-mix(in srgb,var(--accent) 80%,var(--bg-800));color:var(--bg-900);font-weight:700;box-shadow:0 2px 8px var(--accent-glow);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 35%,transparent)}.btn-accent:hover{background:var(--accent-hover);background:color-mix(in srgb,var(--accent-hover) 80%,var(--bg-800));box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn-accent:active{transform:translateY(0);box-shadow:0 1px 4px var(--accent-glow);box-shadow:0 1px 4px color-mix(in srgb,var(--accent) 30%,transparent)}.btn-danger{background:var(--accent);background:color-mix(in srgb,var(--accent) 85%,var(--bg-800));color:var(--bg-900);box-shadow:0 2px 8px var(--accent-glow);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 30%,transparent)}.btn-danger:hover{background:var(--accent-hover);background:color-mix(in srgb,var(--accent-hover) 85%,var(--bg-800));box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn-danger:active{transform:translateY(0)}.btn-ghost{background:var(--bg-700);background:color-mix(in srgb,var(--bg-700) 85%,var(--accent) 15%);color:var(--text-200);border:1px solid var(--border);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))}.btn-ghost:hover{background:var(--bg-600);background:color-mix(in srgb,var(--bg-700) 70%,var(--accent) 30%);color:var(--text-100);border-color:var(--border-light);border-color:color-mix(in srgb,var(--accent) 45%,var(--border-light));transform:translateY(-1px)}.btn-ghost:active{transform:translateY(0)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-row{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top-color:currentColor;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.steam-maintenance-warning{position:fixed;top:80px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,rgba(255,153,0,.12),rgba(255,193,7,.08));backdrop-filter:blur(10px);border:1px solid rgba(255,193,7,.3);border-left:3px solid #ffc107;padding:8px 12px;max-width:700px;width:calc(100% - 48px);display:flex;align-items:center;gap:8px;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.15),0 2px 8px rgba(255,193,7,.1);animation:.4s slideDown;z-index:9999}.steam-maintenance-warning.hidden{display:none}@keyframes slideDown{from{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideUp{from{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}.steam-maintenance-warning .warning-icon{flex-shrink:0;width:16px;height:16px;color:#ffc107}.steam-maintenance-warning .warning-content{flex:1}.steam-maintenance-warning .warning-title{font-size:12px;font-weight:700;color:var(--text-100);margin:0 0 3px;display:flex;align-items:center;gap:5px}.steam-maintenance-warning .warning-close{flex-shrink:0;width:18px;height:18px;margin-left:auto;padding:2px;background:0 0;border:none;color:var(--text-400);cursor:pointer;border-radius:4px;transition:.2s;display:flex;align-items:center;justify-content:center}.steam-maintenance-warning .warning-close:hover{background:rgba(255,193,7,.15);color:#ffc107}.steam-maintenance-warning .warning-close svg{width:14px;height:14px}.steam-maintenance-warning .warning-text{font-size:11px;color:var(--text-300);line-height:1.4;margin:0}.steam-maintenance-warning .warning-time{color:#ffc107;font-weight:600}@media (max-width:768px){.steam-maintenance-warning{top:70px;padding:7px 10px;gap:7px;width:calc(100% - 32px)}.steam-maintenance-warning .warning-icon{width:14px;height:14px}.steam-maintenance-warning .warning-title{font-size:11px}.steam-maintenance-warning .warning-text{font-size:10px}}