:root{--bg:#16161a;--bg-wash:radial-gradient(1100px 550px at 8% -10%, #8b5cf647, transparent 60%), radial-gradient(900px 480px at 105% 0%, #22d3ee29, transparent 55%), radial-gradient(700px 500px at 50% 120%, #ff5f8a1f, transparent 60%);--fg:#eaeaea;--card-bg:linear-gradient(165deg, #24242b 0%, #1c1c22 100%);--card-border:#38383f;--price-color:#d8d8de;--badge-bg:#33333a;--badge-fg:#ccc;--claimed-by-color:#aaa;--orange-border:#f0973a;--orange-bg:linear-gradient(165deg, #332215 0%, #241a10 100%);--orange-badge-bg:#f7c98f;--orange-badge-fg:#6b3d02;--orange-glow:#f0973a59;--green-border:#4cbf5c;--green-bg:linear-gradient(165deg, #17301c 0%, #102117 100%);--green-badge-bg:#a9e2af;--green-badge-fg:#0f4d18;--green-glow:#4cbf5c52;--input-bg:#1f1f24;--input-border:#444;--input-disabled-bg:#232328;--input-disabled-fg:#666;--button-bg:#26262d;--button-border:#4a4a53;--button-hover-bg:#313139;--table-bg:#1f1f24;--table-th-bg:#29292f;--table-th-fg:#bbb;--table-border:#33333a;--error-color:#ff6b81;--accent-a:#ff5f8a;--accent-b:#8b5cf6;--accent-c:#22d3ee;--accent-gradient:linear-gradient(135deg, var(--accent-a) 0%, var(--accent-b) 55%, var(--accent-c) 100%);--accent-glow:#8b5cf666;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}:root[data-theme=light]{--bg:#f4f4f8;--bg-wash:radial-gradient(1100px 550px at 8% -10%, #8b5cf624, transparent 60%), radial-gradient(900px 480px at 105% 0%, #22d3ee1f, transparent 55%), radial-gradient(700px 500px at 50% 120%, #ff5f8a14, transparent 60%);--fg:#1a1a1a;--card-bg:linear-gradient(165deg, #fff 0%, #f6f5fb 100%);--card-border:#dcdce4;--price-color:#222;--badge-bg:#ececef;--badge-fg:#444;--claimed-by-color:#555;--orange-border:#e08a2a;--orange-bg:linear-gradient(165deg, #fff8ee 0%, #fdefdb 100%);--orange-badge-bg:#f7c98f;--orange-badge-fg:#6b3d02;--orange-glow:#e08a2a47;--green-border:#3f9d4c;--green-bg:linear-gradient(165deg, #f2fbf3 0%, #e4f7e6 100%);--green-badge-bg:#a9e2af;--green-badge-fg:#0f4d18;--green-glow:#3f9d4c40;--input-bg:#fff;--input-border:#ccc;--input-disabled-bg:#f2f2f2;--input-disabled-fg:#999;--button-bg:#fff;--button-border:#ccc;--button-hover-bg:#f0f0f5;--table-bg:#fff;--table-th-bg:#f0f0f2;--table-th-fg:#555;--table-border:#eee;--error-color:#c02b3c;--accent-a:#e8477a;--accent-b:#7c3aed;--accent-c:#0ea5c4;--accent-gradient:linear-gradient(135deg, var(--accent-a) 0%, var(--accent-b) 55%, var(--accent-c) 100%);--accent-glow:#7c3aed40;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg-wash), var(--bg);color:var(--fg);background-attachment:fixed;margin:0;transition:background-color .25s,color .25s}.page{max-width:960px;margin:0 auto;padding:2rem 1.5rem 4rem}.section-heading{margin:2.5rem 0 1rem;font-size:1.3rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.page-header h1{letter-spacing:-.01em;background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:800}.header-actions{align-items:center;gap:.75rem;display:flex}.legend{gap:1rem;font-size:.85rem;display:flex}.legend-item{align-items:center;gap:.4rem;display:flex}.swatch{border-radius:50%;width:.8rem;height:.8rem;display:inline-block;box-shadow:0 0 0 1px #ffffff26,0 0 8px}.swatch.status-neutral{background:var(--accent-gradient);color:var(--accent-glow)}.swatch.status-orange{background:var(--orange-border);color:var(--orange-glow)}.swatch.status-green{background:var(--green-border);color:var(--green-glow)}.game-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;display:grid}.game-card{background:var(--card-bg);border:2px solid var(--card-border);border-radius:14px;padding:1.1rem 1.2rem;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;box-shadow:0 4px 16px -8px #00000059,0 0 0 1px #ffffff05}.game-card:hover{box-shadow:0 14px 32px -12px var(--accent-glow), 0 4px 16px -6px #0006;z-index:5;transform:translateY(-4px)}.game-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.game-card h3{margin:0 0 .35rem;font-size:1.05rem;font-weight:700}.game-price{color:var(--price-color);margin:.25rem 0 0;font-weight:600}.status-badge{background:var(--badge-bg);color:var(--badge-fg);white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.status-neutral{border-color:var(--card-border)}.claimed-by{color:var(--claimed-by-color);margin:.35rem 0 0;font-size:.85rem;font-style:italic}.price-paid{color:var(--green-border);margin:.2rem 0 0;font-size:.85rem;font-weight:700}.status-orange{border-color:var(--orange-border);background:var(--orange-bg)}.status-orange:hover{box-shadow:0 14px 32px -12px var(--orange-glow), 0 4px 16px -6px #0006}.status-orange .status-badge{background:var(--orange-badge-bg);color:var(--orange-badge-fg)}.status-green{border-color:var(--green-border);background:var(--green-bg)}.status-green:hover{box-shadow:0 14px 32px -12px var(--green-glow), 0 4px 16px -6px #0006}.status-green .status-badge{background:var(--green-badge-bg);color:var(--green-badge-fg)}.hover-card{z-index:10;color:#f4f4f4;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(165deg,#2a2a33,#1a1a20);border:1px solid #ffffff14;border-radius:10px;padding:.7rem .9rem;font-size:.85rem;line-height:1.35;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 8px);left:0;right:0;transform:translateY(-4px);box-shadow:0 12px 28px -10px #0000008c}.game-card:hover .hover-card{opacity:1;visibility:visible;transform:translateY(0)}.claim-section{margin-top:.6rem}.claim-toggle{padding:.4rem .8rem;font-size:.8rem}.claim-form{flex-direction:column;gap:.4rem;display:flex}.claim-form input{border:1px solid var(--input-border);background:var(--input-bg);color:var(--fg);border-radius:8px;padding:.4rem .55rem;font-size:.85rem}.claim-form input:disabled{background:var(--input-disabled-bg);color:var(--input-disabled-fg)}.claim-form-actions{gap:.4rem;display:flex}.claim-form-actions button{padding:.35rem .7rem;font-size:.8rem}.claim-success{color:var(--green-border);margin-top:.6rem;font-size:.85rem;font-weight:600}.error{color:var(--error-color)}.admin-login form{gap:.5rem;max-width:320px;display:flex}.admin-login input{border:1px solid var(--input-border);background:var(--input-bg);color:var(--fg);border-radius:8px;flex:1;padding:.5rem .6rem}input:focus-visible,button:focus-visible{box-shadow:0 0 0 3px var(--accent-glow);outline:none}button{border:1px solid var(--button-border);background:var(--button-bg);color:var(--fg);cursor:pointer;border-radius:999px;padding:.55rem 1rem;font-weight:600;transition:transform .12s,box-shadow .12s,background-color .12s,filter .12s}button:hover{background:var(--button-hover-bg);transform:translateY(-1px)}button:active{transform:translateY(0)}button[type=submit]{background:var(--accent-gradient);color:#fff;box-shadow:0 6px 18px -6px var(--accent-glow);border-color:#0000}button[type=submit]:hover{filter:brightness(1.08);box-shadow:0 10px 22px -6px var(--accent-glow)}button[type=submit]:disabled{filter:grayscale(.4);opacity:.7;cursor:not-allowed;transform:none}.delete-button{border-color:var(--error-color);color:var(--error-color);background:0 0;padding:.35rem .7rem;font-size:.8rem}.delete-button:hover{background:var(--error-color);color:#fff}.theme-toggle{padding:.45rem .8rem;font-size:.85rem}.admin-table{border-collapse:collapse;background:var(--table-bg);border-radius:10px;width:100%;overflow:hidden;box-shadow:0 4px 16px -10px #0006}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--table-border);padding:.6rem .8rem}.admin-table th{background:var(--table-th-bg);text-transform:uppercase;letter-spacing:.04em;color:var(--table-th-fg);font-size:.8rem}.claimed-by-input{border:1px solid var(--input-border);background:var(--input-bg);width:100%;min-width:120px;color:var(--fg);border-radius:8px;padding:.35rem .5rem}.claimed-by-input:disabled{background:var(--input-disabled-bg);color:var(--input-disabled-fg)}.faq-section{margin-top:3rem}.faq-list{flex-direction:column;gap:.7rem;display:flex}.faq-item{background:var(--card-bg);border:2px solid var(--card-border);border-radius:12px;padding:.9rem 1.1rem;box-shadow:0 4px 16px -8px #00000059}.faq-item summary{cursor:pointer;font-weight:700;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";width:1.1em;color:var(--accent-b);font-weight:800;display:inline-block}.faq-item[open] summary:before{content:"–"}.faq-item p{color:var(--claimed-by-color);margin:.6rem 0 0 1.1em;line-height:1.4}.faq-admin-list{flex-direction:column;gap:.8rem;margin-bottom:1.25rem;display:flex}.faq-admin-item{background:var(--table-bg);border:1px solid var(--table-border);border-radius:10px;flex-direction:column;gap:.4rem;padding:.9rem 1.1rem;display:flex}.faq-admin-item input,.faq-admin-item textarea,.faq-admin-form input,.faq-admin-form textarea{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--fg);resize:vertical;border-radius:8px;padding:.45rem .6rem;font-family:inherit;font-size:.9rem}.faq-admin-item-actions{justify-content:flex-end;display:flex}.faq-admin-form{flex-direction:column;gap:.5rem;max-width:480px;display:flex}.game-admin-form{flex-wrap:wrap;align-items:flex-start;gap:.5rem;max-width:640px;margin-top:1rem;display:flex}.game-admin-form input{border:1px solid var(--input-border);background:var(--input-bg);color:var(--fg);border-radius:8px;padding:.45rem .6rem;font-family:inherit;font-size:.9rem}.game-admin-form input[type=text]{flex:160px}.game-admin-form input[type=number]{width:90px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.game-card:hover,button:hover{transform:none}}