*{box-sizing:border-box;margin:0;padding:0}:root{--header: #171a21;--bg: #1b2838;--bg-deep: #0e1419;--bg-panel: #16202d;--row-hover: #2a475e;--line: #000;--edge: #3d4450;--text: #c7d5e0;--text-dim: #8f98a0;--text-bright: #ffffff;--blue: #66c0f2;--blue-deep: #417a9b;--green-top: #a4d007;--green-bot: #70950a;--green-text: #d2e885;--danger: #a94847;--font: Arial, Helvetica, Tahoma, sans-serif;--library-width: 940px}html,body,#root{min-width:1100px;height:100%;background:var(--bg-deep);color:var(--text);font-family:var(--font);font-size:13px}body{overflow-x:auto}button,input{font-family:inherit}button{cursor:pointer}a{color:var(--blue);text-decoration:none}a:hover{color:#fff}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#171a21}::-webkit-scrollbar-thumb{background:#3d4450;border:2px solid #171a21}.app{display:flex;flex-direction:column;height:100%;min-width:1100px;background:var(--bg-deep)}.topbar{flex:0 0 48px;display:flex;justify-content:center;background:var(--header);border-bottom:1px solid #000}.topbar-inner{width:var(--library-width);display:flex;align-items:stretch;gap:8px}.wordmark{display:flex;align-items:center;color:#b8b6b4;font-size:20px;font-weight:700;letter-spacing:3px;padding-right:18px;-webkit-user-select:none;user-select:none}.wordmark span{color:#fff}.topnav{display:flex;align-items:stretch;gap:2px}.topnav button{background:none;border:0;color:#b8b6b4;font-size:14px;font-weight:700;letter-spacing:1px;padding:0 14px;text-transform:uppercase}.topnav button.is-active{color:#fff;box-shadow:inset 0 -3px 0 var(--blue)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.topbar-status{color:var(--text-dim);margin-right:10px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{border:0;border-radius:2px;padding:5px 12px;font-size:12px;line-height:18px;color:var(--blue);background:#212c3d;border:1px solid #2f435d}.btn:hover{background:linear-gradient(to bottom,#67c1f5 5%,#417a9b 95%);border-color:#67c1f5;color:#fff}.btn:disabled{opacity:.45;cursor:default;background:#212c3d;border-color:#2f435d;color:var(--blue)}.btn-green{color:var(--green-text);background:linear-gradient(to bottom,var(--green-top) 5%,var(--green-bot) 95%);border:1px solid #6a8a12;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.btn-green:hover{color:#fff;background:linear-gradient(to bottom,#b6d908 5%,#80ab10 95%);border-color:#c4e834}.btn-danger{color:#ffd5d5;background:#6b2b2b;border:1px solid #8b3a3a}.btn-danger:hover{background:#a94847;border-color:#c45c5c;color:#fff}.workspace{flex:1;display:flex;justify-content:center;min-height:0;background:radial-gradient(ellipse at top,#1b2838 0%,var(--bg-deep) 58%),var(--bg-deep)}.list-col{display:flex;flex-direction:column;flex:0 0 var(--library-width);width:var(--library-width);min-height:0;background:#1b2838;border-left:1px solid #000;border-right:1px solid #000;box-shadow:0 0 24px #0000008c}.list-toolbar{flex:0 0 44px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:#16202d;border-bottom:1px solid #000}.search{flex:1;height:28px;background:#2a3f5a;border:1px solid #000;color:var(--text);padding:0 8px;border-radius:0;outline:none}.search:focus{border-color:var(--blue)}.search::placeholder{color:#6b8aaa}.count{color:var(--text-dim);white-space:nowrap}.list-head{display:grid;grid-template-columns:22px 36px 120px minmax(0,1fr) 28px;gap:8px;align-items:center;padding:4px 8px;color:var(--text-dim);font-size:11px;letter-spacing:.6px;text-transform:uppercase;background:#121a24;border-bottom:1px solid #000}.game-list{flex:1;overflow:auto;background:#1b2838}.game-row{display:grid;grid-template-columns:22px 36px 120px minmax(0,1fr) 28px;gap:8px;align-items:center;height:45px;padding:0 8px;border-bottom:1px solid rgba(0,0,0,.45);color:var(--text);background:transparent;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.capsule,.capsule-fallback{pointer-events:none;-webkit-user-drag:none}.game-row:hover{background:var(--row-hover)}.game-row.is-selected{background:linear-gradient(to right,#67c1f5,#417a9b);color:#fff}.game-row.is-selected .rank{color:#e7f3fb}.game-row.is-dragging{opacity:.55;background:#2a475e}.handle{display:flex;align-items:center;justify-content:center;height:100%;color:#4f5b66;cursor:grab;font-size:11px;letter-spacing:-1px;-webkit-user-select:none;user-select:none}.game-row.is-selected .handle{color:#d5eefb}.handle:active{cursor:grabbing}.rank{font-variant-numeric:tabular-nums;color:var(--text-dim);text-align:right}.capsule{width:120px;height:45px;object-fit:cover;background:#0e1419;display:block;border:1px solid #000}.capsule-fallback{width:120px;height:45px;background:#0e1419;border:1px solid #000;color:#4f5b66;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:1px;text-transform:uppercase}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.row-x{background:none;border:0;color:transparent;font-size:16px;line-height:1;pointer-events:auto;cursor:pointer}.game-row:hover .row-x,.game-row.is-selected .row-x{color:#1a1a1a}.game-row:hover .row-x{color:#c9c9c9}.game-row.is-selected .row-x{color:#fff}.row-x:hover{color:#fff!important}.empty{padding:28px 16px;color:var(--text-dim);line-height:1.5}.modal-back{position:fixed;inset:0;background:#000000b8;display:flex;align-items:flex-start;justify-content:center;padding-top:8vh;z-index:50}.modal{width:720px;max-height:80vh;background:#1b2838;border:1px solid #4d4d4d;box-shadow:0 0 12px #000;display:flex;flex-direction:column}.modal.wide{width:920px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#171a21;border-bottom:1px solid #000;color:#fff;font-weight:700}.modal-x{background:none;border:0;color:#8f98a0;font-size:18px}.modal-x:hover{color:#fff}.modal-body{padding:14px 12px;overflow:auto;min-height:0}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:10px 12px;background:#16202d;border-top:1px solid #000}.field-label{display:block;color:var(--text-dim);margin-bottom:6px}.field{width:100%;height:32px;background:#2a3f5a;border:1px solid #000;color:var(--text);padding:0 8px;outline:none}.field:focus{border-color:var(--blue)}.help{margin-top:8px;color:var(--text-dim);line-height:1.45}.help code{font-family:Consolas,Courier New,monospace;font-size:11px;color:var(--text)}.err{margin-top:10px;color:#ff7b7b}.hit-list,.pick-list{margin-top:12px;border-top:1px solid #000}.hit,.pick{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.4)}.pick{grid-template-columns:18px 120px minmax(0,1fr) 90px}.hit:hover,.pick:hover{background:#16202d}.check{width:14px;height:14px;accent-color:#67c1f5}.already{color:var(--text-dim);font-size:11px}.row-tools{display:flex;gap:8px;align-items:center;margin-top:12px}.check-label{display:flex;align-items:center;gap:6px;color:var(--text)}.hidden-file{display:none}