:root{--bg:#111417;--card:#1a1f23;--card-header:#1e2429;--input-bg:#272e35;--muted-bg:#2b333b;--border:#303841;--primary:#007acc;--primary-hover:#0090ee;--text:#f2f2f2;--text-muted:#8a96a8;--success:#00c758;--success-bg:#0e2a1a;--success-border:#1a4a2a;--danger:#d03232;--danger-bg:#2a1010;--danger-border:#4a1a1a;--warning-bg:#2a2210;--warning-border:#4a3a1a;--info-bg:#0e1e2a;--info-border:#1a3a55;--radius:0.75rem;}*,*::before,*::after{box-sizing:border-box;}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;margin:0;}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{background:var(--bg);}::-webkit-scrollbar-thumb{background:var(--muted-bg);border-radius:4px;}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);}.nav-bar{max-width:1000px;margin:2vh auto 0;padding:0 1rem;display:flex;gap:0.5rem;align-items:center;}.nav-bar a{display:inline-flex;align-items:center;gap:0.4rem;padding:0.5rem 1rem;border-radius:var(--radius);text-decoration:none;font-size:0.88rem;font-weight:600;transition:background .2s;}.nav-bar a.active{background:var(--primary);color:#fff;}.nav-bar a:not(.active){background:var(--card);color:var(--text-muted);border:1px solid var(--border);}.nav-bar a:not(.active):hover{background:var(--muted-bg);color:var(--text);}.footer{text-align:center;color:var(--text-muted);font-size:0.78rem;margin-top:1.5rem;padding-bottom:2rem;}.alert{border-radius:var(--radius);padding:0.9rem 1rem;font-size:0.92rem;border-width:1px;border-style:solid;color:var(--text);text-align:center;}.alert strong{color:#fff;}.alert-danger{background:var(--danger-bg);border-color:var(--danger-border);}.alert-danger strong{color:#ff6b6b;}.alert-success{background:var(--success-bg);border-color:var(--success-border);}.alert-success strong{color:var(--success);}.alert-warning{background:var(--warning-bg);border-color:var(--warning-border);}.alert-warning strong{color:#edb200;}.alert-info{background:var(--info-bg);border-color:var(--info-border);}.alert-info strong{color:var(--primary);}.category-section{margin-bottom:1.4rem;}.category-section:last-child{margin-bottom:0;}.category-header{cursor:pointer;user-select:none;padding:0.55rem 0;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;margin-bottom:0.85rem;transition:border-color .15s;}.category-header:hover{border-bottom-color:var(--primary);}.category-header-left{display:flex;align-items:center;gap:0.55rem;}.toggle-icon{color:var(--text-muted);font-size:0.78rem;transition:transform 0.25s ease;}.category-section.collapsed .toggle-icon{transform:rotate(-90deg);}.category-title{font-size:0.92rem;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:0.04em;}.count-text{color:var(--text-muted);font-size:0.78rem;font-variant-numeric:tabular-nums;}.game-count-total{font-size:0.78rem;color:var(--text);background:var(--muted-bg);padding:0.2rem 0.6rem;border-radius:6px;border:1px solid var(--border);font-weight:500;}.buttons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:0.5rem;transition:max-height 0.25s ease,opacity 0.2s ease;overflow:hidden;}.category-section.collapsed .buttons-grid{max-height:0 !important;opacity:0;margin-top:-0.5rem;}.game-btn{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:0.6rem 0.8rem;font-size:0.85rem;font-weight:500;text-decoration:none;text-align:left;transition:background .15s,border-color .15s,color .15s;display:flex;align-items:center;gap:0.45rem;overflow:hidden;cursor:pointer;}.game-btn::before{content:'';width:4px;height:1.1em;background:var(--primary);border-radius:2px;opacity:0.4;flex-shrink:0;transition:opacity .15s,background .15s;}.game-btn .game-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;}.game-btn:hover{background:var(--muted-bg);border-color:var(--primary);color:var(--text);}.game-btn:hover::before{opacity:1;}.chooser-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:1000;padding:1rem;}.chooser-backdrop.show{display:flex;animation:chooserFadeIn .15s ease;}@keyframes chooserFadeIn{from{opacity:0}to{opacity:1}}.chooser-modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 40px rgba(0,0,0,.6);width:100%;max-width:480px;max-height:85vh;display:flex;flex-direction:column;animation:chooserSlideUp .2s ease;}@keyframes chooserSlideUp{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.chooser-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;background:var(--card-header);border-bottom:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;}.chooser-title{font-weight:700;font-size:1rem;color:var(--text);display:flex;align-items:center;gap:0.5rem;}.chooser-title i{color:var(--primary);}.chooser-close{background:transparent;border:none;color:var(--text-muted);font-size:1.4rem;line-height:1;cursor:pointer;padding:0.2rem 0.5rem;border-radius:6px;}.chooser-close:hover{color:var(--text);background:var(--muted-bg);}.chooser-body{padding:1rem 1.2rem 1.2rem;overflow-y:auto;}.chooser-subtitle{font-size:0.82rem;color:var(--text-muted);margin-bottom:0.8rem;}.link-block{margin-bottom:0.9rem;}.link-block:last-child{margin-bottom:0;}.link-btn{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;background:var(--primary);color:#fff;text-decoration:none;padding:0.75rem 1rem;border-radius:var(--radius);font-weight:600;font-size:0.92rem;transition:background .15s,transform .1s;border:none;cursor:pointer;width:100%;}.link-btn:hover{background:var(--primary-hover);color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,122,204,.4);}.link-btn i{font-size:1rem;}.link-url-row{display:flex;align-items:center;gap:0.4rem;margin-top:0.4rem;padding:0.45rem 0.7rem;background:var(--input-bg);border:1px solid var(--border);border-radius:6px;font-size:0.78rem;}.link-url-row .raw-url{flex:1;color:var(--text-muted);text-decoration:none;font-family:ui-monospace,Menlo,Consolas,monospace;word-break:break-all;overflow-wrap:anywhere;transition:color .15s;}.link-url-row .raw-url:hover{color:var(--primary);}.link-url-row .copy-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:6px;padding:0.25rem 0.45rem;cursor:pointer;font-size:0.85rem;line-height:1;flex-shrink:0;transition:color .15s,background .15s,border-color .15s;}.link-url-row .copy-btn:hover{color:var(--primary);border-color:var(--primary);background:rgba(0,122,204,0.08);}.link-url-row .copy-btn.copied{color:var(--success);border-color:var(--success);background:rgba(0,199,88,0.08);}.copy-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--success);color:#fff;padding:0.6rem 1.1rem;border-radius:var(--radius);font-size:0.88rem;font-weight:600;box-shadow:0 6px 20px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:1100;}.copy-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}.tip{display:inline-flex;align-items:center;cursor:help;outline:none;}.tip-bubble{position:fixed;z-index:9999;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:0.4rem 0.7rem;font-size:0.78rem;font-weight:500;max-width:min(350px,80vw);box-shadow:0 4px 12px rgba(0,0,0,0.4);pointer-events:none;opacity:0;transition:opacity .08s ease;}.tip-bubble.show{opacity:1;}.tip-arrow{position:fixed;z-index:9999;width:0;height:0;border:6px solid transparent;border-top-color:var(--border);pointer-events:none;opacity:0;transition:opacity .08s ease;}.tip-arrow.show{opacity:1;}body{animation:fadeInPage 0.15s ease-out;transition:opacity 0.1s ease;}body.fading-out{opacity:0;}@keyframes fadeInPage{from{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){body,body.fading-out{animation:none !important;transition:none !important;opacity:1 !important;}}.me-1{margin-right:0.25rem !important;}.me-2{margin-right:0.5rem !important;}.ms-1{margin-left:0.25rem !important;}.w-100{width:100% !important;}.mt-2{margin-top:0.5rem !important;}.mb-3{margin-bottom:1rem !important;}.py-3{padding-top:1rem !important;padding-bottom:1rem !important;}.text-center{text-align:center !important;}.input-group{display:flex;gap:0.5rem;}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-0.125em;border:0.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite;color:var(--primary);}.spinner-border.text-success{color:var(--success) !important;}@keyframes spinner-border{to{transform:rotate(360deg);}}.category-section:nth-child(n+3){content-visibility:auto;contain-intrinsic-size:0 200px;}.chooser-modal{will-change:transform;}@media (prefers-reduced-motion:reduce){.chooser-backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;}}