:root{--capsule-width: 231px;--capsule-height: 87px;--steam-blue: #66c0f4;--panel: #171a21;--surface: #1b2838;--border: #2a475e;--text: #c7d5e0;--muted: #8f98a0}*,*:before,*:after{box-sizing:border-box}html,body{width:960px;height:540px;margin:0;overflow:hidden;background:var(--panel);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}#app{position:relative;width:960px;height:540px;display:grid;grid-template-columns:220px 1fr;background:var(--surface)}#side-menu{min-height:0;padding:12px 9px 6px;display:flex;flex-direction:column;gap:6px;background:var(--panel);border-right:1px solid var(--border)}#main-area{position:relative;overflow:hidden;background:radial-gradient(circle at top,#2a475e 0%,var(--surface) 45%,var(--panel) 100%)}.menu-section{display:flex;flex-direction:column;gap:5px}.menu-title{color:var(--steam-blue);font-size:13px;line-height:14px;font-weight:700;letter-spacing:.4px}.menu-separator{height:1px;flex:0 0 auto;margin:1px 0;background:var(--border);opacity:.75}.menu-button{width:100%;height:26px;padding:0 5px;overflow:hidden;border:1px solid var(--border);background:linear-gradient(#22384d,var(--surface));color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.menu-button:hover,.menu-button.active{background:linear-gradient(var(--steam-blue),var(--border));color:#fff}.menu-button:disabled{opacity:.35;cursor:default}.menu-button:disabled:hover{background:linear-gradient(#22384d,var(--surface));color:var(--text)}.capsule-type-row,.mode-row,.support-dock{display:grid;grid-template-columns:1fr 1fr;gap:5px}.capsule-type-button{height:38px;line-height:13px}.capsule-type-button span{color:var(--muted);font-size:12px;font-weight:700}.capsule-type-button.active span,.capsule-type-button:hover span{color:#fff}.size-row,.other-row{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}#art-slots{display:flex;flex-direction:column;gap:5px}.art-slot-row{display:grid;grid-template-columns:18px minmax(0,1fr) 52px;gap:4px;align-items:center}.art-slot-row.empty{display:block}.art-slot-row.empty .art-option-button{width:100%;text-align:center;font-style:italic;color:var(--muted)}.art-enable-toggle{width:14px;height:14px;margin:0;accent-color:var(--steam-blue)}.art-option-button{text-align:left}.art-action-button{font-size:12px}.position-controls{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:5px}.position-toggle-column{display:flex;min-width:0;flex-direction:column;gap:5px}.identify-art-button{height:45px;font-size:12px;line-height:15px}.toggle-row{height:20px;display:flex;align-items:center;gap:6px;color:var(--text);font-size:12px;cursor:pointer;user-select:none}.toggle-row input{width:12px;height:12px;margin:0;accent-color:var(--steam-blue)}.side-menu-spacer{flex:1}.support-tile{height:37px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--border);background:#66c0f414;color:var(--steam-blue);font-size:11px;font-weight:700;text-decoration:none}.support-tile:hover{background:#66c0f42e;color:#fff}.support-tile-icon{width:17px;height:17px;object-fit:contain}#grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(auto-fill,var(--capsule-width));grid-auto-rows:var(--capsule-height);gap:8px;padding:8px;justify-content:center;align-content:center}.capsule-cell{position:relative;width:var(--capsule-width);height:var(--capsule-height);margin:0;background:#0e151d}.capsule-image-frame,.capsule-cell img,.steam-list-item img,.art-placeholder,.image-unavailable{width:var(--capsule-width);height:var(--capsule-height);display:block;object-fit:contain;object-position:center;background:#0e151d}.capsule-image-frame{position:relative;overflow:hidden}.capsule-image-frame img{position:absolute;inset:0}.image-loading{position:absolute;inset:0;display:grid;place-items:center;z-index:1;background:#0e151d;color:var(--muted);font-size:clamp(16px,calc(var(--capsule-height) / 5),28px);font-weight:700;text-align:center;pointer-events:none}.art-placeholder{display:flex;align-items:center;justify-content:center;padding:8px;border:3px dashed #ff4b4b;background:repeating-linear-gradient(135deg,#281416 0 12px,#401b1e 12px 24px);color:#ff6464;font-size:clamp(11px,calc(var(--capsule-width) / 14),24px);font-weight:900;letter-spacing:1px;text-align:center}.image-unavailable{display:flex;align-items:center;justify-content:center;padding:8px;background:#111820;color:#71808d;font-size:11px;font-weight:700;letter-spacing:.6px;text-align:center}.identify-art-pulse .custom-art{position:relative;animation:identify-art-brightness .85s ease-in-out}.identify-art-pulse .custom-art:after{content:"";position:absolute;z-index:5;inset:0;pointer-events:none;animation:identify-art-frame .85s ease-in-out}@keyframes identify-art-brightness{0%,to{filter:brightness(1)}35%,65%{filter:brightness(1.18)}}@keyframes identify-art-frame{0%,to{box-shadow:inset 0 0 0 3px transparent}35%,65%{box-shadow:inset 0 0 0 3px #ffb000}}#list-page{width:100%;height:100%;padding:13px 0;overflow:hidden}#steam-list{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:5px;overflow:hidden}.steam-list-item{height:var(--capsule-height);display:grid;grid-template-columns:var(--capsule-width) minmax(0,1fr) 90px;background:#16202d}.steam-list-item:hover{background:#22384d}.small-list .steam-list-item:hover{background:#16202d}.steam-list-info{min-width:0;padding:8px 12px;overflow:hidden}.steam-list-title{overflow:hidden;color:var(--text);font-size:16px;line-height:19px;text-overflow:ellipsis;white-space:nowrap}.steam-list-tags{margin-top:7px;overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.compact-small-list .steam-list-info{padding:4px 10px}.compact-small-list .steam-list-title{font-size:14px;line-height:17px}.compact-small-list .steam-list-tags{margin-top:2px;font-size:11px;line-height:14px}.steam-list-price{align-self:center;justify-self:end;padding-right:12px;color:#beee11;font-size:15px;font-weight:700}.header-list .steam-list-item{grid-template-columns:var(--capsule-width) minmax(0,1fr) 118px;background:linear-gradient(90deg,#16202d,#22384d)}.header-list .steam-list-info{display:flex;flex-direction:column;justify-content:center;padding:14px 18px}.header-list .steam-list-title{font-size:19px}.header-list .steam-list-tags{margin-top:12px;font-size:14px}.header-list .steam-list-price{display:flex;align-items:center;gap:5px;font-size:12px}#steam-list.tile-list{display:grid;grid-template-columns:repeat(auto-fill,var(--capsule-width));grid-auto-rows:calc(var(--capsule-height) + 28px);justify-content:center;align-content:center;gap:8px}.tile-list .steam-list-item{width:var(--capsule-width);height:calc(var(--capsule-height) + 28px);display:flex;flex-direction:column;overflow:hidden;background:#0b1016}.tile-list .steam-list-info{display:none}.tile-list .steam-list-price.tile-price{width:100%;height:28px;padding:0 5px;display:flex;align-items:center;justify-content:flex-end;gap:5px;background:#0b1016;font-size:12px}.discount-percent{align-self:stretch;display:flex;align-items:center;padding:0 5px;background:#4c6b22;color:#beee11;font-size:14px}.price-values{display:flex;align-items:baseline;gap:4px}.price-values s{color:#738895;font-size:10px}.price-values strong{color:#beee11;font-weight:400}.view-error{height:100%;display:grid;place-items:center;padding:30px;color:#ffb000;text-align:center}.quick-start-overlay,.popup-overlay,.notice-overlay{position:absolute;inset:0;background:#0000009e}.notice-overlay{z-index:1100;display:grid;place-items:center}.notice-panel{position:relative;width:430px;white-space:pre-line;padding:25px 34px 20px;border:1px solid #ffb000;background:var(--panel);box-shadow:0 0 24px #000000a6;color:var(--text);text-align:center}.notice-panel p{margin:0;line-height:20px}.notice-close{position:absolute;top:4px;right:7px;padding:0;border:0;background:transparent;color:var(--muted);font-size:22px;cursor:pointer}.notice-close:hover{color:#fff}.quick-start-overlay{z-index:1000}.quick-start-tooltip{position:absolute;width:600px;padding:9px 11px;border:1px solid var(--steam-blue);background:#22384d;box-shadow:0 0 18px #000000a6;color:#fff;font-size:15px;line-height:19px;white-space:pre-line}.quick-start-tooltip:before{content:"";position:absolute;top:var(--tooltip-arrow-top, 50%);right:100%;width:27px;height:2px;background:var(--steam-blue)}.popup-overlay{z-index:20;display:grid;place-items:center}.popup-panel{padding:16px;border:1px solid var(--steam-blue);background:var(--panel);box-shadow:0 0 24px #000000a6}.popup-panel-wide{width:460px}.popup-panel-full{width:calc(100% - 16px)}.popup-title{margin:0 0 12px;color:var(--steam-blue);font-size:18px}.popup-actions{display:flex;gap:8px;margin-top:14px}.app-ids-editor{width:100%;height:300px;padding:8px;resize:none;outline:none;border:1px solid var(--border);background:#0e151d;color:var(--text);font-family:Consolas,monospace;font-size:14px;line-height:18px}.app-ids-editor:focus{border-color:var(--steam-blue)}.popup-warning{min-height:18px;margin-top:6px;color:#ffb000;font-size:13px}.about-content{color:var(--text);font-size:14px;line-height:17px}.about-content h3{margin:7px 0 2px;color:var(--steam-blue);font-size:15px}.about-content p{margin:2px 0}.about-content strong{color:#fff}