:root{--main-button-bg: #2980B9;--main-button-color: #fff;--main-button-border: #265dd8;--dropdown-bg: #fff;--dropdown-border: #ccc;--dropdown-hover-bg: #e6f0ff;--dropdown-hover-color: #111;--link-message-bg: #fffbe6;--link-message-color: #222;--link-message-border: #e6d200;--list-selected-bg: #eef;--list-selected-bg-alt: #e0e0ff;--input-border: #bbb;--input-bg: #fff;--input-color: #222;--input-focus-border: #f7dc6f;--search-prefix-color: #888;--deck-errors-bg: #fff8f0;--deck-errors-color: #b01515;--swap-btn-bg: rgba(255,255,255,.85);--swap-btn-border: #aaa}body{font-family:Arial,sans-serif;background:#f8f9fa;color:#222;margin:0}.main-button{width:120px;height:2.2em;font-size:1em;margin:0;padding:0;box-sizing:border-box;cursor:pointer;background:var(--main-button-bg);color:var(--main-button-color);border:1px solid var(--main-button-border);border-radius:4px;font-family:inherit;font-weight:500;transition:background .15s,border-color .15s}.main-button:hover{filter:brightness(1.12)}.deck-name-input{width:100%;grid-column:1/-1;margin-bottom:.25em;height:2.2em;font-size:1em;padding:0;box-sizing:border-box;cursor:pointer;background:var(--main-button-bg);border:1px solid var(--main-button-border);border-radius:4px;font-family:inherit;font-weight:500;color:var(--main-button-color);transition:background .15s,border-color .15s}.deck-name-input:focus{outline:none;border-color:var(--dropdown-hover-bg)}.dropdown-button{width:100%;height:2.2em;border:none;background:none;color:#222;text-align:left;padding-left:1em;cursor:pointer;font-family:inherit;font-weight:500;transition:background .15s,color .15s}.dropdown-button-hover,.dropdown-button:hover{background:var(--dropdown-hover-bg);color:var(--dropdown-hover-color)}.dropdown-menu{position:absolute;top:100%;left:0;z-index:10;background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:4px;min-width:120px;width:120px;box-shadow:0 2px 8px #00000026}.dropdown-menu button{width:100%;background:none;border:none;color:#222;text-align:left;padding:.5em 1em;cursor:pointer;font:inherit}.dropdown-menu button:hover{background:var(--dropdown-hover-bg);color:var(--dropdown-hover-color)}.link-message{position:absolute;left:0;top:100%;margin-top:2.8em;background:var(--link-message-bg);color:var(--link-message-color);padding:.3em 1em;border-radius:5px;border:1px solid var(--link-message-border);box-shadow:0 2px 8px #00000017;z-index:12;font-size:1em}.deck-controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.7em;margin-bottom:1.5em;width:100%;max-width:500px;justify-items:center}.flex-col-center{display:flex;flex-direction:column;align-items:center}.deck-controls h3{margin:.5em 0 .25em;font-size:1em}.deck-controls ul,.card-list-panel ul{list-style:none;padding:0;margin:0}.selected-list-item,.deck-controls li.selected,.card-list-panel li.selected{background:var(--list-selected-bg)}.card-list-panel li.selected{background:var(--list-selected-bg-alt)}.card-preview-wrapper,.card-preview{width:100%;max-width:100%;display:block;box-sizing:border-box}.card-preview{height:auto;object-fit:contain}input[type=text],.deck-name-input{font-family:inherit;color:var(--input-color);background:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;padding:.5em;transition:border-color .15s}input[type=text]:focus,.deck-name-input:focus{border-color:var(--input-focus-border);outline:none}input[type=text]::placeholder,input[type=text]::-webkit-input-placeholder,input[type=text]::-moz-placeholder,input[type=text]:-ms-input-placeholder,input[type=text]:-moz-placeholder{color:orange;opacity:1}.search-prefix-property{color:var(--search-prefix-color)}.card-list-panel li,.card-list-panel span,.deck-panel li,.deck-panel span{color:var(--input-color)!important}.deck-group{border:1px solid #888;padding:.5em;margin-bottom:.75em;border-radius:4px;background:var(--input-bg)}.deck-group-header{font-weight:700;margin-bottom:.25em;font-size:1.1em}.deck-group-count{color:#888;font-weight:400;margin-left:.4em}.deck-group-list{list-style:none;padding:0;margin:0}.deck-group-list-item{padding:.2em;cursor:pointer;transition:background .15s}.deck-group-list-item.selected{background:var(--list-selected-bg-alt, #e0e0ff);border-radius:3px}.deck-group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:2px;margin-top:.1em}.deck-card-grid-cell{background:var(--main-button-color);min-width:0;padding:0;margin:0;display:flex;align-items:center;justify-content:center}.deck-card-grid-preview{position:relative;width:86px;height:120px}.deck-swap-btn{background:var(--swap-btn-bg);border:1px solid var(--swap-btn-border);border-radius:50%;font-size:1em;padding:0 4px;cursor:pointer;z-index:5;transition:background .15s,border-color .15s}.deck-swap-btn:hover{filter:brightness(1.1);border-color:var(--main-button-bg)}.deck-modify-btn{margin-left:.25em;background:var(--main-button-bg);color:var(--main-button-color);border:1px solid var(--main-button-border);border-radius:3px;font-size:.95em;cursor:pointer;padding:0 .7em;transition:background .15s,border-color .15s}.deck-modify-btn:hover{filter:brightness(1.12)}.deck-panel .card-grid-cell{background:var(--main-button-color);min-width:0;padding:0;margin:0;display:flex;align-items:center;justify-content:center}.deck-errors{margin-top:.5em;padding:.5em 1em;background:var(--deck-errors-bg);color:var(--deck-errors-color);border-radius:4px;font-weight:700}.card-qty-badge{position:absolute;top:2px;right:2px;background:var(--main-button-bg);color:var(--main-button-color);border-radius:50%;min-width:1.3em;height:1.3em;line-height:1.3em;text-align:center;font-weight:700;font-size:.9em;box-shadow:0 1px 3px #00000040;padding:0 4px;z-index:2}.card-qty-btns{position:absolute;bottom:2px;left:50%;transform:translate(-50%);display:flex;gap:4px;z-index:3}.card-modify-btn{padding:2px 5px;font-size:.9em;border-radius:3px;border:1px solid var(--input-border);background:var(--dropdown-bg);color:var(--input-color);cursor:pointer;transition:background .12s,border-color .12s}.card-modify-btn:hover{background:var(--dropdown-hover-bg);border-color:var(--main-button-bg)}.card-modal-close-btn{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:20px;cursor:pointer;z-index:1001;transition:background .15s}.card-modal-close-btn:hover{background:#222}::-webkit-scrollbar{width:8px;background:#e5e5e5}::-webkit-scrollbar-thumb{background:#b2d7cb;border-radius:4px}@media (prefers-color-scheme: dark){:root{--main-button-bg: #b7950b;--main-button-color: #181a1b;--main-button-border: #9a7d0a;--dropdown-bg: #23272a;--dropdown-border: #8e8e8e;--dropdown-hover-bg: #333c44;--dropdown-hover-color: #fff;--link-message-bg: #23272a;--link-message-color: #ffd700;--link-message-border: #9a7d0a;--list-selected-bg: #21216a;--list-selected-bg-alt: #21216a;--input-border: #8e8e8e;--input-bg: #23272a;--input-color: #ffd700;--input-focus-border: #ffd700;--search-prefix-color: #ffd700;--deck-errors-bg: #2b1a1a;--deck-errors-color: #ffbebe;--swap-btn-bg: #23272a;--swap-btn-border: #ffd700}body{background:#181a1b;color:#ebebeb}::-webkit-scrollbar{background:var(--input-bg)}::-webkit-scrollbar-thumb{background:#b7950b}}input[type=text]{color:var(--input-color)!important;background:var(--input-bg)}*::placeholder{color:orange!important;opacity:1!important}.game-grid{display:grid;grid-auto-flow:row;grid-template-columns:repeat(auto-fit,325px);gap:20px;justify-content:center;margin-top:2rem}.game-card{cursor:pointer;border:2px solid var(--main-button-border);border-radius:8px;overflow:hidden;transition:transform .2s,border-color .2s}.game-card:hover{transform:scale(1.03);border-color:var(--main-button-bg)}.game-logo{width:325px;height:250px;object-fit:cover;display:block}.back-button{background-color:var(--main-button-bg);color:var(--main-button-color);border:1px solid var(--main-button-border);padding:.6em 1.2em;font-size:1rem;border-radius:6px;cursor:pointer;transition:background-color .15s,border-color .15s;margin-top:1rem}.back-button:hover{filter:brightness(1.12)}.loading-container{display:flex;justify-content:center;align-items:center;height:60vh;font-size:1.5rem;color:var(--input-color)}body.mobile-scroll-lock{overflow:hidden}:root{--mobile-preview-h: 25dvh;--mobile-nav-h: 56px}.mobile-shell{min-height:100vh}.mobile-sticky-preview{position:fixed;left:0;right:0;top:var(--app-header-height, 0px);height:var(--mobile-preview-h);z-index:200;background:var(--dropdown-bg);border-bottom:1px solid var(--dropdown-border);overflow:hidden}.mobile-sticky-preview-inner{height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}.mobile-preview-image-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:fit-content;height:fit-content;max-width:100%;max-height:100%}.mobile-preview-image-button{padding:0;margin:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.mobile-preview-image{display:block;max-height:23dvh;max-width:100%;width:auto;height:auto;object-fit:contain;border-radius:8px}.mobile-preview-flip-overlay{position:absolute;bottom:4px;left:50%;transform:translate(-50%);padding:4px 12px;font-size:.9rem;font-weight:500;border-radius:999px;background:var(--main-button-bg);color:var(--main-button-color);border:1px solid var(--main-button-border);cursor:pointer;box-shadow:0 1px 3px #0000004d;transition:filter .15s}.mobile-preview-flip-overlay:hover{filter:brightness(1.12)}.mobile-preview-fullscreen-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:16px;border:none;margin:0}.mobile-preview-fullscreen-image{max-width:100%;max-height:100%;object-fit:contain}.mobile-preview-empty{width:100%;height:100%;display:grid;place-items:center;color:#999;background:var(--dropdown-bg)}.mobile-content{position:fixed;left:0;right:0;top:calc(var(--app-header-height, 0px) + var(--mobile-preview-h));bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px;box-sizing:border-box}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:var(--mobile-nav-h);z-index:250;display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--dropdown-bg);border-top:1px solid var(--dropdown-border);padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:content-box}.mobile-nav-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;color:inherit;border:none;padding:12px 6px;font-size:.95rem;cursor:pointer}.mobile-nav-btn.active{background:var(--dropdown-hover-bg);color:var(--dropdown-hover-color);font-weight:700}@media (max-width: 900px){.deck-controls-grid{gap:.5em}}:root{--input-color: #ffe98a;--input-bg: #333;--input-border: #ffd700;--main-button-color: #1f1f1f;--main-button-bg: #b7950b;--main-button-border: #9a7d0a;--dropdown-bg: #2a2a2a;--list-selected-bg: #444;--list-selected-bg-alt: #555;--panel-bg: #2a2a2a;--stat-banner-text: #ffd;--stat-banner-bg: #2a2a2a;--body-bg: #1f1f1f;--header-bg: #111;--header-color: #ffd700}body{font-family:sans-serif;margin:0;padding:0;background:var(--body-bg);color:var(--input-color)}header{background:var(--header-bg);color:var(--header-color);padding:1rem;text-align:center}.deck-builder-layout{display:flex;flex-direction:row;justify-content:stretch;min-height:80vh;max-width:1200px;margin:2rem auto;background:var(--panel-bg);border-radius:8px;box-shadow:0 4px 24px #0008;overflow:hidden}.card-list-panel,.deck-panel,.deck-controls{padding:1rem;border-right:1px solid #444;background:var(--panel-bg);min-width:0;overflow:auto}.card-list-panel{width:30%}.deck-panel{width:40%;border-right:1px solid #444}.deck-controls{width:30%;border:none}ul{list-style:none;padding:0}li{padding:.25rem .5rem;margin:.25rem 0;border-radius:4px;cursor:pointer;color:var(--input-color)}.selected{background:var(--list-selected-bg)!important}li.selected{outline:2px solid #ffd700}button,.deck-modify-btn,.deck-swap-btn{margin-left:.5em;margin-right:.2em;padding:.3em .8em;border-radius:4px;border:1px solid var(--main-button-border);background:var(--main-button-bg);color:var(--main-button-color);cursor:pointer;font-size:.95em;transition:background .2s}button:hover,.deck-modify-btn:hover,.deck-swap-btn:hover{background:#e8c14a}.deck-errors{margin-top:1rem;color:#f99}input[type=text]{width:100%;padding:.4em;margin-bottom:.7em;border:1px solid var(--input-border);border-radius:4px;background:var(--input-bg);color:var(--input-color)}section.deck-controls h3{margin-top:1.5rem;font-size:1.1em;color:var(--input-color)}.deck-controls ul{padding-left:.5em}img.card-preview{display:block;margin:1em auto;max-width:90%;max-height:220px;border-radius:6px;box-shadow:0 2px 8px #0006}.deck-stats-banner{display:flex;flex-wrap:wrap;align-items:center;gap:1.2em;font-size:.95em;color:var(--stat-banner-text);background:var(--stat-banner-bg);border-radius:6px;padding:2px 10px;margin:8px 0 10px;min-height:26px}@media (max-width: 900px){.deck-builder-layout{flex-direction:column}.card-list-panel,.deck-panel,.deck-controls{width:100%;border-right:none;border-bottom:1px solid #444}.deck-controls{border-bottom:none}}.dropdown-menu{background-color:var(--dropdown-bg);color:var(--input-color);border:1px solid #444;padding:5px;position:absolute;z-index:100}.dropdown-menu button{background:transparent;color:var(--input-color);border:none;box-shadow:none;display:block;width:100%;text-align:left;padding:6px 10px;cursor:pointer}.dropdown-menu button:hover{background-color:#555;color:gold}body.light-mode{--input-color: #222222;--input-bg: #eee;--input-border: #ccc;--main-button-color: #ffffff;--main-button-bg: #007bff;--main-button-border: #0056b3;--dropdown-bg: #ffffff;--list-selected-bg: #ddd;--list-selected-bg-alt: #ccc;--panel-bg: #f5f5f5;--stat-banner-text: #333333;--stat-banner-bg: #eeeeee;--body-bg: #ffffff;--header-bg: #f0f0f0;--header-color: #0056b3}body.light-mode{background:var(--body-bg);color:var(--input-color)}body.light-mode header{background:var(--header-bg);color:var(--header-color)}body.light-mode button,body.light-mode .deck-modify-btn,body.light-mode .deck-swap-btn{border:1px solid var(--main-button-border);background:var(--main-button-bg);color:var(--main-button-color)}body.light-mode button:hover,body.light-mode .deck-modify-btn:hover,body.light-mode .deck-swap-btn:hover{background:#0056b3;color:#fff}body.light-mode input[type=text]{background:var(--input-bg);color:var(--input-color);border:1px solid var(--input-border)}body.light-mode .dropdown-menu{background-color:var(--dropdown-bg);color:var(--input-color);border:1px solid #ccc}body.light-mode .dropdown-menu button{color:var(--input-color)}body.light-mode .dropdown-menu button{background:transparent!important;border:none!important;box-shadow:none!important;color:var(--input-color)}body.light-mode .dropdown-menu button:hover{background-color:#b0d4ff;color:#036}.back-button{padding:.3rem .6rem;font-size:.9rem;cursor:pointer;border-radius:4px;border:1px solid currentColor;background-color:transparent;color:inherit}.back-button:hover{background-color:#e8c14a}.deck-errors{margin-top:1rem;color:#d4453b;background-color:#3003;padding:.5em 1em;border-radius:6px;font-weight:700;box-shadow:0 0 8px #f55a;-webkit-user-select:none;user-select:none}.deck-stats-banner{background:none!important;box-shadow:none!important;border:none!important;color:var(--input-color);padding:4px 10px;margin:8px 0 10px;min-height:26px;display:flex;flex-wrap:wrap;align-items:center;gap:1.2em}.deck-stat{font-weight:600;color:var(--input-color);-webkit-user-select:none;user-select:none}.mode-toggle-btn{background:transparent;border:none;cursor:pointer;font-size:1.5rem;margin-left:1rem;color:inherit;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:color .3s ease}.mode-toggle-btn:hover{color:gold}