:root{--gba-navy: #183048;--gba-dark-blue: #304860;--gba-blue: #4878a0;--gba-light-blue: #78a8c8;--gba-cyan: #a8d0f0;--gba-dark-green: #286040;--gba-green: #4a9060;--gba-light-green: #78c088;--gba-mint: #a8f0b8;--gba-red: #c03030;--gba-orange: #f07830;--gba-yellow: #f8d048;--gba-cream: #f8f0d0;--gba-gray-dark: #484848;--gba-gray: #787878;--gba-gray-light: #a8a8a8;--gba-white: #f8f8f8;--background: #e8f0f8;--surface: var(--gba-white);--surface-raised: var(--gba-cream);--border-dark: var(--gba-navy);--border-light: var(--gba-gray-light);--text-primary: var(--gba-navy);--text-secondary: var(--gba-gray-dark);--accent-primary: var(--gba-blue);--accent-secondary: var(--gba-green);--danger: var(--gba-red);--warning: var(--gba-orange);--success: var(--gba-light-green);--font-heading: "Press Start 2P", monospace;--font-body: "Pixelify Sans", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--border-width: 3px;--border-thin: 1px;--border-thick: 4px;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--shadow-inset: inset 2px 2px 0 rgba(255,255,255,.3), inset -2px -2px 0 rgba(0,0,0,.3);--shadow-raised: 2px 2px 0 rgba(0,0,0,.2), inset 1px 1px 0 rgba(255,255,255,.5);--shadow-pressed: inset 2px 2px 4px rgba(0,0,0,.3);--shadow-float: 0 4px 8px rgba(0,0,0,.15);--transition-fast: .1s ease-out;--transition-medium: .2s ease-out;--transition-slow: .4s ease-out;--max-width: 1200px;--content-width: 800px;--pokedex-width: 320px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--background);color:var(--text-primary);line-height:1.5;min-height:100vh;background-image:radial-gradient(circle at 25% 25%,rgba(72,120,160,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(74,144,96,.1) 0%,transparent 50%)}.container{max-width:var(--max-width);margin:0 auto;padding:var(--space-8) var(--space-4)}.entry-card{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-raised) 100%);border:var(--border-width) solid var(--border-dark);border-radius:var(--radius-lg);padding:var(--space-6);cursor:pointer;transition:all var(--transition-medium);text-decoration:none;color:inherit;display:block;position:relative;overflow:hidden;box-shadow:var(--shadow-raised)}.entry-card:before{content:"";position:absolute;top:var(--space-3);right:var(--space-3);width:12px;height:12px;background:var(--success);border:2px solid var(--border-dark);border-radius:50%;box-shadow:inset 1px 1px 2px #0000004d}.entry-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-float),var(--shadow-raised);border-color:var(--accent-primary)}.entry-card:active{transform:translateY(-2px)}.entry-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.entry-card h3{font-family:var(--font-heading);font-size:.875rem;font-weight:400;line-height:1.4;flex:1;color:var(--text-primary)}.entry-description{font-family:var(--font-body);color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--space-4);line-height:1.5}.entry-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.tag{display:inline-block;padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,var(--gba-mint) 0%,var(--gba-light-green) 100%);border:var(--border-thin) solid var(--gba-green);border-radius:var(--radius-sm);font-family:var(--font-heading);font-size:.625rem;font-weight:400;color:var(--gba-dark-green);text-transform:uppercase;letter-spacing:.05em;box-shadow:inset 1px 1px #ffffff80;cursor:pointer;transition:all var(--transition-fast);position:relative}.tag:hover{transform:translateY(-1px);box-shadow:inset 1px 1px #ffffff80,0 2px 4px #00000026}.tag:active{transform:translateY(0);box-shadow:inset 1px 1px 2px #0003}.tag.tag-frontend{background:linear-gradient(135deg,var(--gba-cyan) 0%,var(--gba-light-blue) 100%);border-color:var(--gba-blue);color:var(--gba-navy)}.tag.tag-backend{background:linear-gradient(135deg,var(--gba-cream) 0%,var(--gba-yellow) 100%);border-color:var(--gba-orange);color:var(--gba-gray-dark)}.tag.tag-framework{background:linear-gradient(135deg,var(--gba-mint) 0%,var(--gba-light-green) 100%);border-color:var(--gba-green);color:var(--gba-dark-green)}.tag.tag-tool{background:linear-gradient(135deg,#f8b5d0,#e584a8);border-color:var(--gba-red);color:var(--gba-navy)}.tag.tag-concept{background:linear-gradient(135deg,#d8c8f0,#b8a8d8);border-color:var(--gba-gray);color:var(--gba-navy)}.tag.tag-workflow{background:linear-gradient(135deg,#f0d8a8,#d8c088);border-color:var(--gba-gray-dark);color:var(--gba-navy)}.tag.tag-active{background:linear-gradient(135deg,var(--gba-orange) 0%,var(--gba-red) 100%);border-color:var(--gba-navy);color:var(--surface);text-shadow:1px 1px 0 rgba(0,0,0,.5);box-shadow:inset 2px 2px 4px #0000004d}.tag-overflow{background:linear-gradient(135deg,var(--gba-gray-light) 0%,var(--gba-gray) 100%);border-color:var(--gba-gray-dark);color:var(--gba-navy);cursor:default}.tag-overflow:hover{transform:none;box-shadow:inset 1px 1px #ffffff80}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateY(10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tooltipSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.8)}}.entry-card:focus-visible,.copy-button:focus-visible,.source-button:focus-visible,.search-input:focus-visible,.type-toggle button:focus-visible{outline:3px solid var(--warning);outline-offset:2px;box-shadow:0 0 0 6px #f8d0484d}@media (max-width: 768px){.container{padding:var(--space-6) var(--space-3)}.results-grid{grid-template-columns:1fr;gap:var(--space-6)}.logo h1{font-size:.875rem}.pokedex-frame{padding:var(--space-6);flex-direction:column;gap:var(--space-4);text-align:center}.header-main{min-width:auto}.header-nav{order:2;justify-content:center}.entry-header{flex-direction:column;gap:var(--space-3)}.entry-title{font-size:1rem}.panel-content{padding:var(--space-4)}.action-buttons{gap:var(--space-2)}}@media (max-width: 480px){.entry-card{padding:var(--space-4)}.copy-button,.source-button{padding:var(--space-3) var(--space-6);font-size:.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-contrast: high){:root{--border-width: 4px;--shadow-raised: 0 4px 8px rgba(0,0,0,.5)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body{background:#fff;color:#000}.copy-button,.search-container{display:none}}