@font-face{font-family:Pixel Operator;src:url(/fonts/PixelOperator.ttf) format("truetype");font-display:swap}@font-face{font-family:Pixel Operator Bold;src:url(/fonts/PixelOperator-Bold.ttf) format("truetype");font-weight:700;font-display:swap}body{margin:0;font-family:Pixel Operator,monospace;font-size:18px;line-height:1.5;transition:background .3s ease,color .3s ease;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 95%,white 5%),color-mix(in srgb,var(--bg) 85%,black 15%));background-image:url(/assets/pixel-vertical.png);background-repeat:repeat-x;background-size:auto 1000px;image-rendering:pixelated;color:var(--text-primary);filter:brightness(.95) contrast(1.05)}.badge-card:after{content:"";position:absolute;inset:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP4xw8AAc4B3E4DLz0AAAAASUVORK5CYII=);opacity:.1;pointer-events:none}html.opensuse{--bg: #0c322c;--tile-bg: #0b2e28;--text: #ccedea;--text-primary: #ccedea;--text-secondary: #bfe8e1;--text-muted: #a5c7c3;--divider: rgba(191, 232, 225, .2);--footer-bg: color-mix(in srgb, var(--bg) 95%, black 5%);--footer-divider: rgba(165, 199, 195, .25);--panel-bg: var(--tile-bg);--shadow-small: 0 2px 4px rgba(0, 0, 0, .25);--accent: #7dc1ae;--accent-bg: #0b2e28;--card-bg: color-mix(in srgb, var(--tile-bg) 85%, white 15%);--card-border: color-mix(in srgb, var(--accent) 50%, black 50%);--card-shadow: 0 2px 6px rgba(0, 0, 0, .35);--card-hover-bg: color-mix(in srgb, var(--tile-bg) 70%, white 30%);--pixel-top: #0b2e28;--pixel-bottom: #061a15;background:linear-gradient(to bottom,#0c322c,#0b2e28 60%,#09241f);color:var(--text-primary)}html.opensuse body{background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 95%,white 5%),color-mix(in srgb,var(--bg) 80%,black 20%));--input-bg: color-mix(in srgb, var(--tile-bg) 90%, black 10%);--input-border: color-mix(in srgb, var(--divider) 70%, var(--accent) 30%)}html.opensuse .section-box{background:repeating-linear-gradient(45deg,#ffffff0a 0 4px,#ffffff14 4px 8px),radial-gradient(circle at center,color-mix(in srgb,var(--bg) 80%,#000 20%),color-mix(in srgb,var(--bg) 60%,#000 40%));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 8px #ffffff0a,0 0 20px #7dc1ae14;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-primary)}html.opensuse a{color:var(--accent);text-decoration:none}html.opensuse a:hover{color:var(--text-primary);text-decoration:underline}html.opensuse .highlightBar{background:#0b2e28;color:#7dc1ae}@font-face{font-family:Pixel Operator;src:url(/fonts/PixelOperator.ttf) format("truetype");font-display:swap}@font-face{font-family:Pixel Operator Bold;src:url(/fonts/PixelOperator-Bold.ttf) format("truetype");font-weight:700;font-display:swap}body{margin:0;font-family:Pixel Operator,monospace;font-size:18px;line-height:1.5;transition:background .3s ease,color .3s ease;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 95%,white 5%),color-mix(in srgb,var(--bg) 85%,black 15%));background-image:url(/assets/pixel-vertical.png);background-repeat:repeat-x;background-size:auto 1000px;image-rendering:pixelated;color:var(--text-primary);filter:brightness(.95) contrast(1.05)}.badge-card:after{content:"";position:absolute;inset:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP4xw8AAc4B3E4DLz0AAAAASUVORK5CYII=);opacity:.1;pointer-events:none}html.dark{--bg: #2c254a;--tile-bg: #372d5a;--text: var(--geeko-green);--divider: #766b91;--footer-bg: #231c3d;--footer-divider: var(--plum-purple);--panel-bg: var(--tile-bg);--shadow-small: 0 2px 4px rgba(0, 0, 0, .25);--card-bg: color-mix(in srgb, var(--tile-bg) 90%, white 10%);--card-border: color-mix(in srgb, var(--plum-purple) 60%, black 40%);--card-shadow: 0 2px 6px rgba(0, 0, 0, .35);--card-hover-bg: color-mix(in srgb, var(--tile-bg) 80%, white 20%);--text-primary: #e8e8f0;--text-secondary: #c3bdd8;--text-muted: #a89fbd;--pixel-top: #2a2548;--pixel-bottom: #141021;background:linear-gradient(to top,#050509,#101020 40%,#1a1a2a);color:var(--text)}html.dark body{background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 96%,white 4%),color-mix(in srgb,var(--bg) 80%,black 20%));--input-bg: color-mix(in srgb, var(--tile-bg) 85%, black 15%);--input-border: color-mix(in srgb, var(--divider) 80%, var(--plum-purple) 20%)}html.dark .section-box,html.dark-red .section-box{background:radial-gradient(circle at center,color-mix(in srgb,var(--bg) 80%,#000 20%),color-mix(in srgb,var(--bg) 60%,#000 40%));background-image:repeating-linear-gradient(45deg,#ffffff0a 0 4px,#ffffff14 4px 8px);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 8px #ffffff0a,0 0 20px #00ff800f;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-primary)}:root{--geeko-green: #42cd42;--yarrow-yellow: #d4cb1b;--orange: #f68946;--radish-red: #ff5b45;--plum-purple: #a498ff;--butterfly-blue: #00c8ff;--turquoise-teal: #20caa3;--bagel-beige: #fff8ee;--gabbro-gray: #b8aeab;--maple-maroon: #301a14;--card-bg: #fff;--card-border: #e0e0e0;--card-shadow: 0 2px 5px rgba(0, 0, 0, .05);--card-hover-bg: #f9f9f9;--text-primary: #222;--text-secondary: #555;--text-muted: #777}*{box-sizing:border-box}@font-face{font-family:Pixel Operator;src:url(/fonts/PixelOperator.ttf) format("truetype");font-display:swap}@font-face{font-family:Pixel Operator Bold;src:url(/fonts/PixelOperator-Bold.ttf) format("truetype");font-weight:700;font-display:swap}body{margin:0;font-family:Pixel Operator,monospace;font-size:18px;line-height:1.5;transition:background .3s ease,color .3s ease;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 95%,white 5%),color-mix(in srgb,var(--bg) 85%,black 15%));background-image:url(/assets/pixel-vertical.png);background-repeat:repeat-x;background-size:auto 1000px;image-rendering:pixelated;color:var(--text-primary);filter:brightness(.95) contrast(1.05)}.section-box{background:radial-gradient(circle at center,#f0f4f8,#e0e3e8);background-image:repeating-linear-gradient(45deg,#00000005 0 4px,#0000000a 4px 8px);border-radius:12px;border:1px solid rgba(0,0,0,.05);box-shadow:inset 0 0 12px #0000000d;padding:1.5rem 2rem;margin-bottom:1.5rem}code{font-family:Pixel Operator,monospace;font-weight:700;color:#00c8ff}a{color:var(--butterfly-blue);text-decoration:none;position:relative;font-weight:500;transition:color .25s ease,transform .15s ease}a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--geeko-green);transform:scaleX(0);transform-origin:right;transition:transform .25s ease,opacity .25s ease;border-radius:2px;box-shadow:0 0 6px var(--geeko-green);opacity:.7}a:hover{color:var(--geeko-green);transform:translate(3px)}a:hover:after{transform:scaleX(1);transform-origin:left;opacity:1}a:visited{color:var(--butterfly-blue)}@media(prefers-color-scheme:dark){a{color:#8cc0ff}a:after{box-shadow:0 0 4px #73ba25b3;opacity:.6}a:hover{color:var(--geeko-green)}}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem;justify-items:center;padding:2rem;background:radial-gradient(circle at center,#0c0f16,#050509);background-image:repeating-linear-gradient(45deg,#ffffff04 0 4px,#ffffff08 4px 8px);border-radius:1rem;box-shadow:inset 0 0 30px #00ff640a}.badge-card{position:relative;aspect-ratio:1 / 1;width:140px;border:none;border-radius:10px;background:#ffffff0d;-webkit-backdrop-filter:blur(4px) brightness(1.05);backdrop-filter:blur(4px) brightness(1.05);box-shadow:inset 0 0 6px #ffffff14,0 2px 8px #0006;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.badge-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#ffffff2e,#ffffff0f 45%,#ffffff26);mix-blend-mode:screen;opacity:.18;pointer-events:none}.badge-card:after{content:"";position:absolute;inset:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP4xw8AAc4B3E4DLz0AAAAASUVORK5CYII=);opacity:.1;pointer-events:none}.badge-image{width:85%;height:85%;object-fit:contain;image-rendering:pixelated;z-index:1;filter:drop-shadow(0 0 4px rgba(0,255,128,.4));transition:transform .3s ease,filter .3s ease}.badge-card:hover{transform:scale(1.06);box-shadow:0 0 20px #42ff9659}.badge-card:hover .badge-image{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(66,255,150,.8))}.badge-info{position:absolute;bottom:0;width:100%;text-align:center;background:#0009;font-size:.75rem;color:var(--text-secondary);opacity:0;transform:translateY(100%);transition:opacity .3s ease,transform .3s ease;padding:.2rem .3rem;white-space:nowrap}.badge-card:hover .badge-info{opacity:1;transform:translateY(0)}.badge-card.rare:hover{box-shadow:0 0 20px #64b4ff80}.badge-card.epic:hover{box-shadow:0 0 25px #b45aff99}.badge-card.legendary:hover{box-shadow:0 0 30px #ffd764b3}.badge-card:focus-visible{outline:2px solid var(--geeko-green);outline-offset:4px;box-shadow:0 0 15px #42cd4299}.glow-accent{border-left:4px solid var(--geeko-green);box-shadow:0 0 8px color-mix(in srgb,var(--geeko-green) 60%,transparent)}pre{font-family:Pixel Operator,monospace}.app{display:flex;flex-direction:column;min-height:100vh;color:var(--text);transition:background .3s ease,color .3s ease}.main-container{flex:1;padding:24px;max-width:1400px;margin:0 auto;width:100%}.kudos-feed{display:flex;flex-direction:column;gap:.25rem;margin-top:1rem}.kudo-line{font-family:Pixel Operator,monospace;color:#b4ffb4;text-decoration:none;display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-bottom:1px solid rgba(0,255,0,.05);transition:color .2s ease}.kudo-line:hover{color:#9cff9c}.kudo-line .icon{margin-right:.4rem}.kudo-line .user{color:var(--geeko-green);font-weight:700;margin-right:.4rem}.kudo-line .message{flex:1;margin:0 .4rem;color:#caffca}.kudo-line .timestamp{opacity:.6;font-size:.9rem}.kudos-feed--compact .kudo-line{font-size:.9rem;padding:2px 6px}.flicker{position:relative;animation:flicker 2.5s infinite steps(2,start)}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.9}}.badge-title{font-size:.9rem;margin-top:.3rem;text-align:center;color:var(--text-secondary);font-family:Pixel Operator,monospace}.badge-wrapper.locked{filter:grayscale(100%) brightness(.6);opacity:.7}.lock-overlay{display:none}.lock-icon{font-size:1.6rem;color:var(--gabbro-gray);text-shadow:0 0 4px rgba(255,255,255,.2)}.controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.search{background:var(--card-bg);border:1px solid var(--card-border);padding:.4rem .6rem;border-radius:6px;font-family:Pixel Operator,monospace;font-size:.95rem;color:var(--text-primary)}.search:focus{outline:none;border-color:var(--geeko-green);box-shadow:0 0 6px #42cd424d}.toggle{display:flex;align-items:center;gap:.4rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:Pixel Operator,monospace}.toggle input{transform:scale(1.3);accent-color:var(--geeko-green)}.badge-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center}.badge-title{margin-top:.4rem;font-size:.9rem;color:var(--text-secondary);text-shadow:0 0 2px rgba(0,0,0,.4);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arrow-prompt{display:inline-block;font-size:1.2rem;letter-spacing:2px;animation:arrow-sweep 1.6s infinite steps(4,start)}@keyframes arrow-sweep{0%{opacity:.3;transform:translate(-5px)}20%{opacity:1;transform:translate(0)}60%{opacity:.7;transform:translate(5px)}to{opacity:.3;transform:translate(-5px)}}.tech-preview{color:var(--radish-red)}html.light{--bg: #ecfff8;--tile-bg: #dff5ee;--text: #0c322c;--text-primary: #0c322c;--text-secondary: #123f38;--text-muted: #0F4030;--divider: rgba(12, 50, 44, .15);--footer-bg: color-mix(in srgb, var(--bg) 92%, #C7E1DD 8%);--footer-divider: rgba(12, 50, 44, .2);--panel-bg: var(--tile-bg);--shadow-small: 0 2px 4px rgba(0, 0, 0, .1);--accent: #4D7D86;--accent-bg: #C7E1DD;--card-bg: color-mix(in srgb, var(--tile-bg) 85%, white 15%);--card-border: color-mix(in srgb, var(--accent) 40%, #C7E1DD 60%);--card-shadow: 0 2px 6px rgba(0, 0, 0, .08);--card-hover-bg: color-mix(in srgb, var(--tile-bg) 70%, white 30%);--pixel-top: #e0f5ee;--pixel-bottom: #c7e8de;--input-bg: color-mix(in srgb, var(--tile-bg) 90%, white 10%);--input-border: color-mix(in srgb, var(--divider) 70%, var(--accent) 30%);background:var(--bg);color:var(--text)}html.light .section-box{background:repeating-linear-gradient(45deg,#0c322c05 0 4px,#0c322c0a 4px 8px),radial-gradient(circle at center,#e8f8f2,#d9f0e8);border-radius:12px;border:1px solid rgba(12,50,44,.06);box-shadow:inset 0 0 10px #0c322c0a;padding:1.5rem 2rem;margin-bottom:1.5rem}html.light body{background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 98%,white 2%),color-mix(in srgb,var(--bg) 85%,#C7E1DD 15%))}html.light a{color:var(--accent);text-decoration:none}html.light a:hover{color:var(--text-primary);text-decoration:underline}html.light .highlightBar{background:#c7e1dd;color:#4d7d86}.hint{color:var(--text-secondary);opacity:.9}.kudo-line .message{color:var(--text-primary)}.theme-toggle[data-v-87a15225]{display:inline-flex;align-items:center;justify-content:center;height:36px;width:48px;border:1px solid var(--divider);background:transparent;color:var(--text);font-size:18px;cursor:pointer;transition:all .2s ease}.theme-toggle[data-v-87a15225]:hover{border-color:var(--geeko-green);color:var(--geeko-green)}.audio-toggle[data-v-3dd6e005]{display:flex;align-items:center;justify-content:center;height:36px;width:36px;border:1px solid var(--divider);background:transparent;color:var(--text);cursor:pointer;transition:all .25s ease}.audio-toggle[data-v-3dd6e005]:hover{border-color:var(--geeko-green);color:var(--geeko-green)}.bars[data-v-3dd6e005]{display:flex;align-items:flex-end;gap:3px;width:14px;height:14px}.bar[data-v-3dd6e005]{width:3px;background:var(--geeko-green);animation:bounce-3dd6e005 .8s infinite ease-in-out;border-radius:1px}.bar[data-v-3dd6e005]:nth-child(1){animation-delay:0s}.bar[data-v-3dd6e005]:nth-child(2){animation-delay:.2s}.bar[data-v-3dd6e005]:nth-child(3){animation-delay:.4s}@keyframes bounce-3dd6e005{0%,to{height:4px;opacity:.6}50%{height:14px;opacity:1}}.muted-icon[data-v-3dd6e005]{font-size:16px}.header[data-v-e4e3a35e]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:3px solid var(--divider);background:var(--tile-bg);box-shadow:var(--shadow-small)}.brand-link[data-v-e4e3a35e]{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text);font-weight:600;font-size:22px}.brand-link .logo[data-v-e4e3a35e]{width:32px;height:32px;object-fit:contain;display:block}nav[data-v-e4e3a35e]{display:flex;align-items:center;gap:8px}.user-chip[data-v-e4e3a35e]{display:inline-flex;align-items:center;justify-content:center;height:36px;min-width:110px;padding:0 12px;color:var(--text);font-size:16px;border:1px solid var(--divider);background:transparent;cursor:pointer;transition:all .2s ease;text-decoration:none}.user-chip[data-v-e4e3a35e]:hover{border-color:var(--geeko-green);color:var(--geeko-green)}.user-chip .avatar[data-v-e4e3a35e]{width:24px;height:24px;border-radius:50%;border:1px solid var(--divider);margin-right:8px;object-fit:cover;image-rendering:pixelated}.btn-logout[data-v-e4e3a35e]{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;min-width:unset;padding:0 10px;border:1px solid var(--divider);background:transparent;color:var(--text);font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s ease}.btn-logout[data-v-e4e3a35e]:hover{border-color:#e05252;color:#e05252}.btn-logout svg[data-v-e4e3a35e]{flex-shrink:0}.btn[data-v-e4e3a35e]{display:inline-flex;align-items:center;justify-content:center;height:36px;min-width:110px;padding:0 12px;border:1px solid var(--divider);background:transparent;color:var(--text);font-size:16px;font-family:inherit;cursor:pointer;transition:all .2s ease}.btn[data-v-e4e3a35e]:hover{border-color:var(--geeko-green);color:var(--geeko-green)}.btn-give-kudos[data-v-e4e3a35e]{position:relative;margin-left:1rem;background:linear-gradient(90deg,#00e0a8,#0fc);color:#000;border:none;font-weight:600;text-transform:uppercase;letter-spacing:.5px;overflow:hidden;transition:transform .25s ease,box-shadow .3s ease;box-shadow:0 0 8px #00ffc866}.btn-give-kudos[data-v-e4e3a35e]:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 0 12px #00ffc899}@media(max-width:720px){nav[data-v-e4e3a35e]{flex-wrap:wrap;gap:4px}.btn[data-v-e4e3a35e],.user-chip[data-v-e4e3a35e],.btn-logout[data-v-e4e3a35e]{min-width:unset;font-size:14px;padding:4px 8px}.logout-label[data-v-e4e3a35e]{display:none}.brand[data-v-e4e3a35e]{font-size:18px}}.footer-extension[data-v-e69fb443]{margin-top:24px;border-top:1px solid var(--footer-divider);background:var(--footer-bg);padding:16px 0;text-align:center;color:var(--text);font-size:16px;transition:background .3s ease,color .3s ease}.footer-message[data-v-e69fb443]{padding:10px 12px;color:var(--geeko-green);display:flex;align-items:center;justify-content:center;min-height:42px}.footer-links[data-v-e69fb443]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:4px}.footer-links a[data-v-e69fb443]{color:var(--text);text-decoration:none;border-bottom:1px dotted transparent;transition:color .2s ease,border-color .2s ease}.footer-links a[data-v-e69fb443]:hover{color:var(--geeko-green);border-color:var(--geeko-green)}.language-selector select[data-v-e69fb443]{padding:.5rem;background:var(--input-bg);border:1px solid var(--divider);border-radius:6px;color:var(--text);font-family:inherit;cursor:pointer}.notification-center[data-v-49a0fc89]{position:fixed;top:calc(var(--header-height, 4rem) + 1rem);right:1rem;display:flex;flex-direction:column;gap:.6rem;z-index:9999}.notification[data-v-49a0fc89]{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--divider);border-left:4px solid var(--geeko-green);border-radius:8px;padding:.7rem 1rem;min-width:240px;box-shadow:var(--card-shadow);cursor:pointer;transition:transform .25s ease,opacity .25s ease,border-color .3s ease;font-family:inherit;font-size:1rem;opacity:.96}.notification[data-v-49a0fc89]:hover{transform:translateY(-2px);opacity:1;border-color:var(--geeko-green);background:var(--card-hover-bg)}.notification.success[data-v-49a0fc89]{border-left-color:var(--geeko-green)}.notification.error[data-v-49a0fc89]{border-left-color:var(--radish-red)}.notification.info[data-v-49a0fc89]{border-left-color:var(--butterfly-blue)}.notification.warning[data-v-49a0fc89]{border-left-color:var(--yarrow-yellow)}.bgm-player[data-v-0c884dba]{position:absolute;width:0;height:0;opacity:0}.sparkle-container{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.sparkle{position:absolute;background:color-mix(in srgb,var(--text-primary) 25%,transparent);animation:twinkle ease-in-out infinite;will-change:opacity}@keyframes twinkle{0%,to{opacity:.05}50%{opacity:.25}}.app{position:relative;z-index:1}
