:root{--color-bg:#eae8e3;--color-fg:#111;--color-accent:#f30;--color-border:#111;--font-display:"Syne", sans-serif;--font-title:"Barlow Condensed", sans-serif;--font-data:"JetBrains Mono", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--border-thin:1px solid var(--color-border);--border-thick:4px solid var(--color-border);--border-uber:8px solid var(--color-border)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-data);background-color:var(--color-bg);color:var(--color-fg);-webkit-font-smoothing:antialiased;line-height:1.5;transition:background-color .3s ease-in-out,color .3s ease-in-out}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;font-weight:800;line-height:1.1}.editorial-border{border:var(--border-thick)}.brutal-shadow{box-shadow:6px 6px 0 var(--color-fg);transition:transform .15s,box-shadow .15s}.brutal-shadow:hover{box-shadow:4px 4px 0 var(--color-fg);transform:translate(2px,2px)}input,select,button{color:inherit;border:var(--border-thin);background:#fff;font-family:inherit}button{cursor:pointer;background-color:var(--color-fg);color:var(--color-bg);text-transform:uppercase;font-weight:700}button:hover{background-color:var(--color-accent);color:var(--color-fg)}.app-container{width:100%;min-height:100vh;display:flex}.sidebar{border-right:var(--border-thick);width:320px;padding:var(--space-md);background-color:var(--color-bg);gap:var(--space-md);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.main-content{flex-direction:column;flex-grow:1;display:flex}.header{border-bottom:var(--border-thick);padding:var(--space-md);justify-content:space-between;align-items:flex-end;min-height:68px;display:flex}.sidebar-header-desktop h1{font-family:var(--font-title);margin-bottom:var(--space-xs);min-height:2.75rem;font-size:2.5rem;line-height:1.1}.search-group{align-items:center;gap:var(--space-sm);display:flex}.sidebar-overlay,.mobile-header,.mobile-close-btn,.mobile-only{display:none}.header-controls{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.lang-toggle{border:var(--border-thin);flex-shrink:0;display:flex;overflow:hidden}.lang-btn{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg);cursor:pointer;background:0 0;border:none;min-height:40px;font-size:1rem;font-weight:700;line-height:1.2;transition:background .12s,color .12s}.lang-btn+.lang-btn{border-left:var(--border-thin)}.lang-btn.active{background:var(--color-fg);color:var(--color-bg)}.view-toggle{border:var(--border-thin);flex-shrink:0;display:flex;overflow:hidden}.tab-btn{padding:var(--space-sm) var(--space-md);color:var(--color-fg);cursor:pointer;background:0 0;border:none;border-radius:0;min-height:40px;font-size:1rem;font-weight:700;line-height:1.2;transition:background .12s,color .12s}.tab-btn+.tab-btn{border-left:var(--border-thin)}.tab-btn.active{background:var(--color-fg);color:var(--color-bg)}.grid-container{padding:var(--space-md);gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.card{border:var(--border-thick);padding:var(--space-md);background-color:var(--card-bg,white);border-radius:var(--radius-card,0);gap:var(--space-sm);flex-direction:column;transition:transform .1s,box-shadow .1s;display:flex}.card:hover{box-shadow:8px 8px 0 var(--color-fg);transform:translate(-4px,-4px)}.card-header{border-bottom:var(--border-thin);padding-bottom:var(--space-xs);margin-bottom:var(--space-xs)}.card-title{font-family:var(--font-title);letter-spacing:.01em;text-transform:uppercase;overflow-wrap:break-word;word-break:break-word;min-height:1.75rem;font-size:1.5rem;font-weight:700;line-height:1.15}.card-subtitle{font-family:var(--font-data);color:#555;text-transform:uppercase;font-size:.85rem;line-height:1.3}.card-body{gap:var(--space-xs);flex-direction:column;flex-grow:1;display:flex}.data-row{flex-direction:column;display:flex}.data-label{text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.data-value{font-size:.85rem;line-height:1.2}.pill-group{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.pill{border:1px solid var(--color-fg);background:var(--color-bg);border-radius:var(--radius-pill,0);padding:2px 6px;font-size:.85rem}.card-footer{padding-top:var(--space-sm);margin-top:auto}.link-btn{text-transform:uppercase;border:2px solid var(--color-fg);color:var(--color-fg);box-shadow:2px 2px 0 var(--color-fg);background:#fff;padding:4px 8px;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-block}.link-btn:hover{background:var(--color-accent);box-shadow:1px 1px 0 var(--color-fg);transform:translate(1px,1px)}.search-box{padding:var(--space-sm);border:var(--border-thick);background:#fff;flex-grow:1;min-height:42px;font-size:1rem;line-height:1.5}.filter-group{gap:var(--space-xs);flex-direction:column;display:flex}.filter-title{font-family:var(--font-title);border-bottom:2px solid var(--color-fg);min-height:2.2rem;margin-bottom:4px;font-size:1.8rem;line-height:1.2}.filter-label{cursor:pointer;align-items:center;gap:8px;min-height:28px;font-size:1rem;line-height:1.4;display:flex}.filter-checkbox{appearance:none;border:2px solid var(--color-fg);cursor:pointer;background:#fff;width:16px;height:16px;position:relative}.filter-checkbox:checked{background:var(--color-accent)}.filter-checkbox:checked:after{content:"";background:var(--color-fg);width:8px;height:8px;position:absolute;top:2px;left:2px}@media (width<=768px){.app-container{flex-direction:column}.mobile-header{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-bottom:var(--border-thick);background:var(--color-bg);min-height:68px;display:flex}.mobile-header-left{align-items:center;gap:var(--space-sm);display:flex}.desktop-only{display:none!important}.mobile-only{display:block!important}.sidebar-mobile-controls{padding-top:var(--space-md);border-top:var(--border-thick);margin-top:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.mobile-header h1{font-family:var(--font-title);margin:0;font-size:1.8rem;line-height:1.1}.mobile-menu-btn{color:var(--color-fg);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.sidebar{z-index:100;background:var(--color-bg);border-right:none;border-left:var(--border-thick);gap:var(--space-sm);width:85%;max-width:320px;height:100vh;transition:transform .3s ease-in-out;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #00000026}.sidebar.open{transform:translate(0)}.sidebar-header-desktop{display:none}.mobile-close-btn{color:var(--color-fg);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;display:flex}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);z-index:99;opacity:0;pointer-events:none;background:#0006;transition:opacity .3s;display:block;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;pointer-events:auto}.header{align-items:flex-start;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-bottom-width:2px;flex-direction:column;min-height:auto}.header-controls{justify-content:space-between;width:100%}.tab-group{max-width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.tab-btn{flex-shrink:0}.grid-container{padding:var(--space-xs) var(--space-sm);grid-template-columns:1fr}.filter-title{min-height:auto;margin-bottom:2px;font-size:1.3rem}.filter-group{gap:2px}}[data-theme=adventure]{--color-bg:#fff8f0;--color-bg-end:#f0ede6;--color-fg:#2d3436;--color-accent:#3ba55d;--color-accent-secondary:#5b9bd5;--color-accent-tertiary:#e5a100;--color-border:#2d34361f;--font-display:"Fraunces", Georgia, serif;--font-title:"Fraunces", Georgia, serif;--font-data:"DM Sans", system-ui, sans-serif;--border-thin:1px solid #2d34361a;--border-thick:4px solid #2d34360a;--radius-card:24px;--radius-btn:16px;--radius-pill:12px;--radius-sidebar:0 24px 24px 0;--card-bg:#ffffff8c;--sidebar-bg:#ffffff73}[data-theme=adventure].app-container{background:linear-gradient(168deg,#fff8f0 0%,#f0ede6 50%,#e8f0e4 100%);position:relative}[data-theme=adventure].app-container:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#2d343608 1px,#0000 1px);background-size:24px 24px;position:fixed;inset:0}[data-theme=adventure] .sidebar,[data-theme=adventure] .main-content,[data-theme=adventure] .header,[data-theme=adventure] .grid-container{z-index:1;position:relative}[data-theme=adventure] .sidebar{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-sidebar);border-right-color:#fff6;box-shadow:4px 0 24px #0000000a}[data-theme=adventure] .title-group h1{font-family:var(--font-display);text-transform:none;letter-spacing:-.01em;color:var(--color-fg);font-variation-settings:"opsz" 40;font-weight:800}[data-theme=adventure] .search-box{border-radius:var(--radius-btn);-webkit-backdrop-filter:blur(8px);font-family:var(--font-data);background:#ffffffb3;border-color:#2d34361f;transition:border-color .3s,box-shadow .3s;box-shadow:0 2px 8px #0000000a,inset 0 1px #fffc}[data-theme=adventure] .search-box:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #3ba55d26,0 2px 8px #0000000f}[data-theme=adventure] .search-box.brutal-shadow{box-shadow:0 2px 8px #0000000a,inset 0 1px #fffc}[data-theme=adventure] .search-box.brutal-shadow:hover{transform:none;box-shadow:0 4px 12px #0000000f}[data-theme=adventure] .filter-title{font-family:var(--font-title);text-transform:none;letter-spacing:.01em;border-bottom:2px solid var(--color-accent);color:var(--color-fg);font-variation-settings:"opsz" 24;font-weight:700}[data-theme=adventure] .filter-label{font-family:var(--font-data);border-radius:8px;transition:background .2s}[data-theme=adventure] .filter-label:hover{background:#3ba55d0f}[data-theme=adventure] .filter-checkbox{border:2px solid #2d343640;border-radius:6px;transition:all .2s}[data-theme=adventure] .filter-checkbox:checked{background:var(--color-accent);border-color:var(--color-accent)}[data-theme=adventure] .filter-checkbox:checked:after{content:"✓";color:#fff;background:0 0;width:auto;height:auto;font-size:12px;font-weight:700;position:absolute;top:-1px;left:2px}[data-theme=adventure] .header{-webkit-backdrop-filter:blur(12px);background:#ffffff4d;border-bottom-color:#2d343614}[data-theme=adventure] .view-toggle{border-radius:var(--radius-btn);-webkit-backdrop-filter:blur(8px);background:#ffffff80;border:1px solid #2d34361f;overflow:hidden;box-shadow:0 2px 8px #0000000a}[data-theme=adventure] .tab-btn{font-family:var(--font-data);text-transform:none;letter-spacing:.02em;color:var(--color-fg);box-shadow:none;background:0 0;border:none;border-radius:0;font-weight:600;transition:all .25s}[data-theme=adventure] .tab-btn+.tab-btn{border-left:1px solid #2d34361a}[data-theme=adventure] .tab-btn:hover:not(.active){color:var(--color-fg);background:#3ba55d14}[data-theme=adventure] .tab-btn.active{background:linear-gradient(135deg, var(--color-accent) 0%, #2e8b4e 100%);color:#fff;box-shadow:none}[data-theme=adventure] .lang-toggle{border-radius:var(--radius-btn);-webkit-backdrop-filter:blur(8px);background:#ffffff80;border:1px solid #2d34361f;overflow:hidden}[data-theme=adventure] .lang-btn{font-family:var(--font-data);text-transform:none;color:var(--color-fg);background:0 0;font-weight:600;transition:all .2s}[data-theme=adventure] .lang-btn+.lang-btn{border-left:1px solid #2d34361a}[data-theme=adventure] .lang-btn.active{background:linear-gradient(135deg, var(--color-accent-secondary) 0%, #4a8ac4 100%);color:#fff}[data-theme=adventure] .lang-btn:hover:not(.active){color:var(--color-fg);background:#5b9bd514}[data-theme=adventure] .card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-card);border-color:#ffffff80;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000000a,0 1px 4px #00000005,inset 0 1px #fff9}[data-theme=adventure] .card:before{content:"";border-radius:0 var(--radius-card) 0 24px;pointer-events:none;opacity:.6;background:linear-gradient(225deg,#3ba55d1f 0%,#0000 70%);width:48px;height:48px;transition:opacity .3s;position:absolute;top:-1px;right:-1px}[data-theme=adventure] .card:after{content:"";border-radius:0 20px 0 var(--radius-card);pointer-events:none;opacity:.4;background:linear-gradient(45deg,#5b9bd51a 0%,#0000 70%);width:40px;height:40px;transition:opacity .3s;position:absolute;bottom:-1px;left:-1px}[data-theme=adventure] .card:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 12px 40px #3ba55d1f,0 4px 12px #0000000a,inset 0 1px #fffc}[data-theme=adventure] .card:hover:before{opacity:1}[data-theme=adventure] .card:hover:after{opacity:.8}[data-theme=adventure] .card-header{border-bottom:1px solid #2d343614;margin-bottom:.6rem;padding-bottom:.6rem}[data-theme=adventure] .card-title{font-family:var(--font-title);text-transform:none;letter-spacing:0;color:var(--color-fg);font-variation-settings:"opsz" 28;font-weight:700}[data-theme=adventure] .card-subtitle{font-family:var(--font-data);color:#2d34368c;text-transform:none;letter-spacing:.01em}[data-theme=adventure] .data-label{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.08em;color:#2d343673;font-weight:600}[data-theme=adventure] .pill-group{gap:6px}[data-theme=adventure] .pill{font-family:var(--font-data);border-radius:var(--radius-pill);color:#2a7d45;background:#3ba55d0f;border:1px solid #3ba55d33;font-weight:500;transition:all .2s}[data-theme=adventure] .pill:nth-child(2n){color:#3d7ab8;background:#5b9bd50f;border-color:#5b9bd533}[data-theme=adventure] .pill:nth-child(3n){color:#b58600;background:#e5a1000f;border-color:#e5a10033}[data-theme=adventure] .pill:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000000f}[data-theme=adventure] .card-footer{padding-top:.75rem}[data-theme=adventure] .link-btn{font-family:var(--font-data);text-transform:none;letter-spacing:.02em;border-radius:var(--radius-btn);color:var(--color-fg);background:linear-gradient(#ffffffe6 0%,#f0ede6cc 100%);border:1px solid #2d34361f;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 6px #0000000d,inset 0 1px #ffffffe6}[data-theme=adventure] .link-btn:hover{background:linear-gradient(135deg, var(--color-accent) 0%, #2e8b4e 100%);color:#fff;border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 16px #3ba55d40}[data-theme=adventure] .link-btn:active{transform:translateY(0)scale(.96);box-shadow:0 1px 4px #0000001a}.theme-toggle-btn{border:var(--border-thin);background:var(--color-bg);width:44px;height:44px;color:var(--color-fg);cursor:pointer;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .3s;display:flex}.theme-toggle-btn:hover{background:var(--color-accent,#f30);color:#fff}.theme-toggle-btn svg{width:24px;height:24px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.theme-toggle-btn:hover svg{transform:rotate(15deg)scale(1.1)}[data-theme=adventure] .theme-toggle-btn{-webkit-backdrop-filter:blur(8px);background:#ffffff80;border:1px solid #2d34361f;border-radius:14px;box-shadow:0 2px 8px #0000000a}[data-theme=adventure] .theme-toggle-btn:hover{background:linear-gradient(135deg, var(--color-accent-tertiary) 0%, #c98e00 100%);color:#fff;border-color:#0000;box-shadow:0 4px 16px #e5a1004d}@keyframes sparkle-pulse{0%,to{box-shadow:0 4px 24px #0000000a,0 1px 4px #00000005,inset 0 1px #fff9}50%{box-shadow:0 4px 24px #e5a10014,0 1px 4px #3ba55d0f,0 0 20px #e5a1000f,inset 0 1px #fffc}}[data-theme=adventure] .card:nth-child(5n+1){animation:4s ease-in-out infinite sparkle-pulse}[data-theme=adventure] .card:nth-child(5n+3){animation:4s ease-in-out 1.5s infinite sparkle-pulse}.app-container,.app-container .sidebar,.app-container .header,.app-container .card,.app-container .tab-btn,.app-container .lang-btn,.app-container .lang-toggle,.app-container .search-box,.app-container .pill,.app-container .link-btn,.app-container .filter-checkbox,.app-container .filter-title,.app-container .filter-label,.app-container .card-title,.app-container .card-subtitle,.app-container .data-label,.app-container .theme-toggle-btn{transition:background .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out,border-radius .3s ease-in-out,box-shadow .3s ease-in-out,-webkit-backdrop-filter .3s ease-in-out,backdrop-filter .3s ease-in-out}[data-theme=adventure] h1,[data-theme=adventure] h2,[data-theme=adventure] h3,[data-theme=adventure] h4,[data-theme=adventure] h5,[data-theme=adventure] h6{font-family:var(--font-display);text-transform:none;letter-spacing:-.01em;font-weight:700}[data-theme=adventure] button{color:var(--color-fg);border-radius:var(--radius-btn);text-transform:none;background-color:#ffffff80;transition:all .25s}[data-theme=adventure] button:hover{color:var(--color-fg);background-color:#3ba55d14}[data-theme=adventure] button:active{transform:scale(.96)}[data-theme=adventure] input,[data-theme=adventure] select{font-family:var(--font-data);border-radius:var(--radius-btn);background:#ffffffb3;border:1px solid #2d34361f}[data-theme=adventure] .sidebar::-webkit-scrollbar{width:6px}[data-theme=adventure] .sidebar::-webkit-scrollbar-track{background:0 0}[data-theme=adventure] .sidebar::-webkit-scrollbar-thumb{background:#3ba55d33;border-radius:3px}[data-theme=adventure] .sidebar::-webkit-scrollbar-thumb:hover{background:#3ba55d59}@media (width<=768px){[data-theme=adventure] .mobile-header{-webkit-backdrop-filter:blur(12px);background:#fff6;border-bottom:1px solid #2d343614}[data-theme=adventure] .mobile-header h1{font-family:var(--font-display);font-weight:800}[data-theme=adventure] .sidebar{z-index:100;border-radius:24px 0 0 24px;position:fixed}[data-theme=adventure] .header{padding-top:var(--space-xs);background:0 0;border-bottom:none}}