@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Balsamiq+Sans:wght@400;700&display=swap');:root{--color-primary:#16a34a;--color-secondary:#ef4444;--color-accent:#facc15;--color-text-dark:#333;--color-text-light:white;--color-border-light:#d1d5db;--color-bg-light:#f8f8f8;--color-bg-paper:#fff;--color-footer:#e6e9e5;--color-alphabet-chart-description:#f8e4e4;--color-alphabet-chart-grid:#fcd5d5;--color-alphabet-chart-special-grid:#d0fae0;--color-alphabet-sorting-description:#e6e9e5;--color-alphabet-sorting-grid:#fbedd3;--color-alphabet-sorting-controls:#fbedd3;--color-alphabet-sorting-all-description:#d4eeee;--color-alphabet-sorting-all-grid:#d4eeee;--color-alphabet-sorting-all-controls:#d4eeee;--color-alphabet-learn-description:#f3f1f1;--color-alphabet-learn-grid:#f3f1f1;--color-alphabet-learng-controls:#f3f1f1;--color-alphabet-sound-matching-description:#d1efdd;--color-alphabet-sound-matching-grid:#d1efdd;--color-alphabet-sound-matching-controls:#d1efdd;--color-numbers-chart-description:#e6e9e5;--color-numbers-chart-grid:white;--color-numbers-sorting-description:#fbe7e7;--color-numbers-sorting-grid:#f3f1f1;--color-numbers-sorting-controls:#fbe7e7}body{font-family:'Balsamiq Sans'!important;background-color:#fce4ec}.hkb-big-buttons{min-height:7rem}.hidden{display:none!important}.no-underline{text-decoration:none}button,input[type="button"],input[type="submit"]{display:inline-flex;align-items:center;justify-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:'Balsamiq Sans'!important}.desc-div-with-image{position:relative;overflow:hidden;width:100%;max-height:10rem}.desc-div-with-image::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:url('https://habeshakb.com/habesha-kb-bg.jpg') center/cover no-repeat;opacity:.5;z-index:0}.desc-div-with-image>*{position:relative;z-index:1}.hkb-gradient-background-1{background:linear-gradient(to right,#8a2be2,#4b0082)}.hkb-gradient-background-2{background:linear-gradient(to right,#ff69b4,#ffb6c1)}.hkb-gradient-background-3{background:linear-gradient(to right,#32cd32,#7cfc00)}.hkb-gradient-background-4{background:linear-gradient(to right,#00ced1,#20b2aa)}.hkb-gradient-background-5{background:linear-gradient(to right,#ffd700,#ffa500)}.hkb-gradient-background-6{background:linear-gradient(to right,#00bfff,#87cefa)}.hkb-gradient-background-7{background:linear-gradient(to right,#da70d6,#ee82ee)}.hkb-gradient-background-8{background:linear-gradient(to right,#ff6347,#ff7f50)}.shuffle-text{font-size:1.5rem;text-align:center;font-weight:bold;letter-spacing:.5rem;color:#9400d3}.learn-grid{padding:2rem 1rem}.hkb-center{text-align:center}#app-container{width:100%;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem .5rem;box-sizing:border-box}.outer-border-frame{border:.75rem solid var(--color-secondary);background-color:transparent;border-radius:1rem;max-width:1050px;width:98%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;align-items:center;margin-top:55px;overflow:hidden}.hkb-container{position:relative;max-width:1050px;width:100%;background-color:var(--color-bg-paper);border-radius:1rem;padding:1rem;box-sizing:border;border:.75rem solid var(--color-accent);overflow:hidden}.hkb-content-container{display:flex;flex-direction:column;min-height:100svh;min-height:100vh}.hkb-content-title{background-color:var(--color-primary);color:var(--color-text-light);padding:2rem;text-align:center;font-size:2.2rem;font-weight:bold;letter-spacing:.05em;text-transform:uppercase;margin:-1rem -2rem 2rem -2rem;width:calc(100% + 4rem);box-shadow:0 2px 4px rgba(0,0,0,.1)}.hkb-content-body{display:flex;flex-direction:column;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:.5rem;padding:1rem;margin:1rem;text-align:center}.hkb-content-full-width-container{padding:1rem;margin:-2rem;width:calc(100% + 4rem)}.hkb-content-body-text{padding:1rem;color:#006400;justify-content:center}.hkb-content-body-block{border:1px solid var(--color-primary);border-radius:.5rem;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;margin-top:1rem}.landing-interactive-item{display:flex;align-items:center;background-color:#fae48f;border-radius:.75rem;padding:.5rem;margin-bottom:.75rem;transition:background-color .2s ease-in-out;max-width:10rem}.landing-interactive-item:hover{background-color:#f8e080}.landing-play-button{background-color:#fff;color:#000;border-radius:9999px;padding:.25rem;display:flex;align-items:center;justify-content:center;max-width:4rem;flex-shrink:0;margin-right:1rem;transition:background-color .2s ease-in-out}.landing-play-button:hover{background-color:#b1b3b5}.landing-play-icon{width:1rem;height:1rem;fill:currentColor}.alphabet-series-row{display:grid;grid-template-columns:repeat(7,auto);gap:.1rem}.special-chars-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(55px,8rem));gap:.25rem}.numbers-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(4rem,8rem));gap:.25rem;padding:.8rem}.dynamic-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.5rem;padding:.8rem}.fidel-first-ordering-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(4rem,1fr));gap:.3rem;padding:.2rem}.numbers-puzzle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(2rem,5rem));gap:.3rem;padding:.2rem}.char-button{background-color:#fff;border:1px solid var(--color-border-light);color:var(--color-text-dark);font-size:3rem;font-weight:600;padding:.5rem;border-radius:.3rem;cursor:pointer;transition:all .1s ease-in-out;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(0,0,0,.05);-webkit-user-select:none;-ms-user-select:none;user-select:none;line-height:1}.char-button:hover{background-color:var(--color-grid-alphabet);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.char-button:active{background-color:var(--color-primary);color:var(--color-text-light);border-color:var(--color-primary);transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.05)}.char-button.teaching-active{outline:3px solid var(--color-primary);background-color:var(--color-accent);transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}.floating-nav{max-width:1040px;position:fixed;top:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:row;gap:.5rem;background-color:rgba(var(--color-accent-rgb,252,211,77),.8);border-radius:.75rem;padding:.25rem;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:1001;width:calc(100% - 40px);justify-content:center;font-size:1.1rem}.floating-nav #hamburger-menu{display:none;background:none;border:0;color:var(--color-primary);cursor:pointer;padding:.5rem}.floating-nav #nav-items-container{display:flex;flex-direction:row;gap:.25rem;align-items:center}.floating-nav .nav-group{position:relative}.floating-nav .nav-group-toggle{background-color:var(--color-primary);color:var(--color-text-light);padding:.5rem;border-radius:.5rem;font-weight:200;border:1px solid var(--color-primary);cursor:pointer;transition:all .2s ease-in-out;line-height:1.2;text-align:center}.floating-nav .nav-group-toggle:hover{background-color:color-mix(in srgb,var(--color-primary) 80%,#000);transform:scale(1.05)}.floating-nav .nav-dropdown{display:none;position:absolute;top:100%;left:0;background-color:rgba(var(--color-accent-rgb,252,211,77),.95);border-radius:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:.25rem;flex-direction:column;gap:.1rem;min-width:180px;z-index:1002}.floating-nav .nav-dropdown.active{display:flex}.floating-nav .nav-button{background-color:var(--color-primary);color:var(--color-text-light);padding:.25rem;border-radius:.5rem;border:1px solid var(--color-primary);cursor:pointer;transition:all .2s ease-in-out;line-height:1.2;text-align:center}.floating-nav .nav-button:hover{background-color:color-mix(in srgb,var(--color-primary) 80%,#000);transform:scale(1.05)}.floating-nav .nav-button.active-nav{background-color:var(--color-secondary);border-color:color-mix(in srgb,var(--color-secondary) 80%,#000);transform:scale(1.05);box-shadow:0 2px 4px rgba(0,0,0,.2)}.floating-nav .sub-nav-button{background-color:var(--color-primary);border-color:var(--color-primary);font-size:1rem;padding:.15rem}.floating-nav .sub-nav-button:hover{background-color:color-mix(in srgb,var(--color-primary) 80%,#000);transform:scale(1.02)}.floating-nav .sub-nav-button.active-nav{background-color:var(--color-secondary);border-color:color-mix(in srgb,var(--color-secondary) 80%,#000)}.puzzle-item{background-color:#fff;border:2px solid var(--color-primary);color:var(--color-text-dark);font-size:3rem;font-weight:600;padding:1rem;border-radius:.5rem;cursor:grab;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .2s ease-in-out}.puzzle-item:hover{background-color:var(--color-grid-alphabet);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.puzzle-item.dragging{opacity:.5;border-style:dashed}.puzzle-item.correct-order{background-color:color-mix(in srgb,var(--color-primary) 10%,#fff);border-color:var(--color-primary);color:var(--color-text-dark)}.puzzle-item.incorrect-order{background-color:color-mix(in srgb,var(--color-secondary) 10%,#fff);border-color:var(--color-secondary);color:var(--color-text-dark)}.puzzle-controls{margin:1rem;text-align:center;display:grid;grid-template-columns:repeat(auto-fit,minmax(20px,1fr))}.puzzle-controls button{background-color:var(--color-primary);color:var(--color-text-light);padding:.75rem 1.5rem;border-radius:.75rem;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 4px 6px rgba(0,0,0,.1);border:0;margin:1rem;line-height:1.2}.puzzle-controls button:hover{background-color:color-mix(in srgb,var(--color-primary) 80%,#000);transform:translateY(-2px)}.footer{margin-top:3rem;text-align:center;color:#6b7280;font-size:1.5rem}.nav-button,.sub-nav-button,.nav-button:link,.nav-button:visited,.sub-nav-button:link,.sub-nav-button:visited{text-decoration:none}.padding-1{padding:1rem}.padding-2{padding:2rem}.margin-1{margin:1rem}.margin-2{margin:2rem}.margin-top-1{margin-top:1rem}.margin-top-2{margin-top:2rem}.padding-p-5{padding:.5rem}.padding-ver-2{padding-top:2rem;padding-bottom:2rem}@media(max-width:768px){.hkb-content-title{font-size:1.8rem;margin:-1rem -1rem 2rem -1rem;width:calc(100% + 2rem)}.hkb-content-full-width-container{padding:.5rem;margin:-1rem -1rem 2rem -1rem;width:calc(100% + 2rem)}.outer-border-frame{margin-top:60px;border:.5rem solid var(--color-secondary)}.hkb-container{border:.5rem solid var(--color-accent);padding:1rem}.char-button{font-size:2.5rem;padding:.25rem}.alphabet-series-row,.numbers-row{gap:.15rem}.special-chars-row{grid-template-columns:repeat(auto-fit,minmax(40px,2fr))}.numbers-row{grid-template-columns:repeat(auto-fit,minmax(50px,1fr))}.puzzle-item{font-size:3rem;padding:1rem}.floating-nav{position:fixed;top:20px;left:0;right:0;margin-left:auto;margin-right:auto;max-width:1040px;width:95%;transform:none;display:flex;justify-content:center;align-items:stretch;gap:5px;justify-content:flex-start;flex-direction:column;margin-bottom:0}.floating-nav #hamburger-menu{display:block;align-self:flex-end}.floating-nav #nav-items-container{flex-direction:column;width:100%;gap:5px;display:none}.floating-nav #nav-items-container.active{display:flex}.floating-nav .nav-group{width:100%}.floating-nav .nav-group-toggle{width:100%}.floating-nav .nav-dropdown{position:static;width:100%;box-shadow:none;background-color:rgba(var(--color-accent-rgb,252,211,77),.5);border-radius:.5rem;padding:5px}.puzzle-controls button{font-size:.9rem;padding:.6rem 1.2rem}.modal-content{padding:1.5rem;font-size:.9rem}.modal-content h3{font-size:1.5rem}}@media(max-width:480px){.hkb-big-buttons{min-height:3rem}.hkb-content-title{font-size:1.4rem;margin:-.5rem;width:calc(100% + 1rem)}.hkb-content-full-width-container{padding:.05rem;margin:-.5rem;width:calc(100% + 1rem)}.outer-border-frame{margin-top:40px;border:.25rem solid var(--color-secondary)}.hkb-container{border:.25rem solid var(--color-accent);padding:.5rem}.char-button{font-size:1.5rem;padding:.05rem}.numbers-row{grid-template-columns:repeat(auto-fit,minmax(40px,1fr))}.hkb-content-body{grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:.3rem;padding:.5rem}.puzzle-item{font-size:2.5rem;padding:.4rem}.floating-nav{top:5px;width:98%}.floating-nav .sub-nav-button{width:90%}.puzzle-controls button{font-size:.8rem}}.landing-card{background-color:#fff;border-radius:1.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding:1.5rem;margin-bottom:1.5rem;border-width:4px;border-style:solid;border-color:#16a34a}.green-border{border-width:4px;border-style:solid;border-color:#16a34a}.hkb-learn-fidel-body-layout{background:linear-gradient(to bottom right,#e0f7fa,#ede7f6);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.hkb-learn-fidel-nav-section{display:flex;flex-direction:row;justify-content:center;gap:1rem;margin-bottom:2rem}.hkb-learn-fidel-nav-btn{padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;border-radius:.5rem;border:0;cursor:pointer;font-size:1.5rem;font-weight:bold;transition:background-color .3s ease;align-items:center;justify-content:center}.hkb-learn-fidel-nav-btn:hover{background-color:#35db72}.hkb-learn-fidel-nav-btn:focus{outline:0;box-shadow:0 0 0 .25rem #058032}.hkb-learn-fidel-nav-btn[disabled]{opacity:.65;cursor:not-allowed;pointer-events:none}.hkb-learn-fidel-dropdown-select{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1.5rem;background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);cursor:pointer;width:auto;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;padding-right:2.25rem}.hkb-learn-fidel-dropdown-select:focus{outline:0;border-color:#030;box-shadow:0 0 0 .25rem #034403}.hkb-learn-fidel-family-buttons-grid{justify-content:center;display:grid;grid-template-columns:repeat(7,.5fr);gap:.5rem}.hkb-learn-fidel-family-btn{padding:.25rem;background-color:#f7db6b;color:#006400;border-radius:.5rem;border:0;cursor:pointer;font-size:2rem;font-weight:bold;transition:background-color .3s ease;align-items:center;justify-content:center}.hkb-learn-fidel-family-btn:hover{background-color:#f6b10c}.hkb-learn-fidel-family-btn:focus{outline:0;box-shadow:0 0 0 .25rem #f89952}.hkb-fidel-family-ordering-puzzle-box{position:relative;background-color:transparent;width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:.5rem}.hkb-fidel-family-ordering-letter-tile{flex-shrink:0;display:flex;padding:1.5rem;justify-content:center;align-items:center;font-size:3rem;font-weight:bold;border-radius:10px;cursor:grab;transition:background-color .3s ease,transform .2s ease,border .2s ease;user-select:none;border:2px solid transparent;box-shadow:0 2px 4px rgba(0,0,0,.1)}.hkb-fidel-family-ordering-letter-tile:hover{transform:translateY(-3px)}.hkb-fidel-family-ordering-letter-incorrect{background-color:#fcc;color:#a00}.hkb-fidel-family-ordering-letter-correct{background-color:#cfc;color:#0a0}.hkb-fidel-family-ordering-letter-dragging{opacity:.5;border:2px dashed #007bff}.hkb-fidel-family-ordering-controls{margin:1rem 3rem;display:flex;flex-wrap:nowrap;justify-content:center;gap:10px}.puzzle-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,255,0,.5);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:4rem;z-index:9999!important;position:fixed!important;pointer-events:none;animation:hkb-fidel-family-ordering-fade-in .5s forwards;pointer-events:auto}.hkb-feedback-checkmark{font-size:6rem;animation:hkb-fidel-family-ordering-pop-in .5s forwards}@media(max-width:768px){.hkb-fidel-family-ordering-letter-tile{font-size:2.8rem;padding:.75rem}.hkb-fidel-family-ordering-puzzle-box{max-width:650px}}@media(max-width:576px){.hkb-learn-fidel-family-buttons-grid{gap:.5rem;grid-template-columns:repeat(7,minmax(.5rem,3rem))}.hkb-fidel-family-ordering-letter-tile{font-size:3rem;padding:.05rem;min-width:6rem}.hkb-fidel-family-ordering-puzzle-box{max-width:350px;flex-direction:column}.hkb-feedback-checkmark{font-size:4rem}.numbers-row{display:grid;grid-template-columns:repeat(5,minmax(1rem,5rem))}.numbers-puzzle-grid{display:grid;grid-template-columns:repeat(4,minmax(1rem,5rem))}.hkb-learn-fidel-family-btn{font-size:2rem}}.hkb-fidel-soundMatch-container{background-color:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);text-align:center;max-width:90%;width:800px;box-sizing:border-box;position:relative;overflow:hidden}.hkb-fidel-soundMatch-header h1{color:#2c3e50;margin-bottom:25px;font-size:2.5em;font-weight:700}.hkb-fidel-soundMatch-puzzle-area{display:flex;justify-content:space-around;gap:20px;margin-bottom:30px;flex-wrap:nowrap}.hkb-fidel-soundMatch-amharic-column,.hkb-fidel-soundMatch-english-column{flex:1;display:flex;flex-direction:column;gap:15px}.hkb-fidel-soundMatch-button{background-color:#e6e9e5;border:0;padding:15px 25px;border-radius:10px;font-size:1.8em;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px rgba(0,0,0,.1);font-weight:600;color:#333;display:flex;justify-content:center;align-items:center;min-height:60px}.hkb-fidel-soundMatch-button:hover:not(:disabled){background-color:#90ee90;transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.hkb-fidel-soundMatch-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.hkb-fidel-soundMatch-button.hkb-fidel-soundMatch-selected{border:3px solid #28a745;box-shadow:0 0 15px rgba(40,167,69,.5);background-color:#d4edda;color:#1a5e2e}.hkb-fidel-soundMatch-button:disabled{cursor:not-allowed;box-shadow:none}.hkb-fidel-soundMatch-controls{display:flex;justify-content:center;gap:15px;margin-top:20px;flex-wrap:wrap;padding:1rem .5rem}.hkb-fidel-soundMatch-control-button{background-color:var(--color-primary);color:#fff;border:0;padding:12px 25px;border-radius:8px;font-size:1.1em;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 8px rgba(0,0,0,.1);font-weight:2rem}.hkb-fidel-soundMatch-control-button:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.hkb-fidel-soundMatch-control-button:disabled{background-color:#ccc;cursor:not-allowed;box-shadow:none}.hkb-fidel-soundMatch-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;pointer-events:none;opacity:0;transition:opacity .3s ease}.hkb-fidel-soundMatch-overlay.hkb-fidel-soundMatch-visible{opacity:1;pointer-events:auto}.hkb-fidel-soundMatch-feedback-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(144,238,144,.5);display:flex;justify-content:center;align-items:center;z-index:500;opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:15px}.hkb-fidel-soundMatch-feedback-overlay.hkb-fidel-soundMatch-visible{opacity:1;pointer-events:auto}.hkb-fidel-soundMatch-feedback-icon{font-size:6em;color:#28a745;text-shadow:0 0 15px rgba(40,167,69,.7)}.hkb-fidel-soundMatch-error-overlay{background-color:rgba(255,0,0,.5)}.hkb-fidel-soundMatch-error-icon{font-size:6em;color:#dc3545;text-shadow:0 0 15px rgba(220,53,69,.7)}.hkb-fidel-soundMatch-game-complete-overlay{background-color:rgba(0,128,0,.7)}.hkb-fidel-soundMatch-game-complete-text{font-size:4em;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.8);font-weight:bold;animation:hkb-fidel-soundMatch-scale-up 1s ease-out forwards}@keyframes hkb-fidel-soundMatch-shake{0%{transform:translateX(0)}25%{transform:translateX(-10px)}50%{transform:translateX(10px)}75%{transform:translateX(-10px)}100%{transform:translateX(0)}}.hkb-fidel-soundMatch-shake-active{animation:hkb-fidel-soundMatch-shake .3s ease-in-out;animation-iteration-count:3}.hkb-fidel-soundMatch-firework{position:absolute;width:10px;height:10px;background-color:#ff0;border-radius:50%;opacity:0;animation:hkb-fidel-soundMatch-firework-burst 1s forwards;filter:blur(1px)}@keyframes hkb-fidel-soundMatch-firework-burst{0%{transform:scale(0) translateY(0);opacity:1}50%{transform:scale(1) translateY(-20px);opacity:.8}100%{transform:scale(.5) translateY(-50px);opacity:0}}.hkb-fidel-soundMatch-confetti{position:absolute;width:8px;height:8px;background-color:var(--confetti-color);border-radius:50%;opacity:0;animation:hkb-fidel-soundMatch-confetti-fall 3s forwards;filter:blur(.5px)}@keyframes hkb-fidel-soundMatch-confetti-fall{0%{transform:translateY(0) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}@media(max-width:768px){.hkb-fidel-soundMatch-header h1{font-size:2em}.hkb-fidel-soundMatch-button{font-size:1.5em;padding:12px 20px}.hkb-fidel-soundMatch-control-button{padding:10px 20px}.hkb-fidel-soundMatch-feedback-icon,.hkb-fidel-soundMatch-error-icon{font-size:4em}.hkb-fidel-soundMatch-game-complete-text{font-size:2.5em}}@media(max-width:480px){.hkb-fidel-soundMatch-container{padding:20px}.hkb-fidel-soundMatch-header h1{font-size:1.8em}.hkb-fidel-soundMatch-button{font-size:1.3em;padding:10px 15px}.hkb-fidel-soundMatch-controls{flex-direction:row;gap:10px}.hkb-fidel-soundMatch-feedback-icon,.hkb-fidel-soundMatch-error-icon{font-size:3em}.hkb-fidel-soundMatch-game-complete-text{font-size:2em}}.hkb-each-letter-container{background-color:#fff;border-radius:20px;padding:1rem;box-shadow:0 10px 30px rgba(0,0,0,.15);text-align:center;position:relative;max-width:100vw;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:60vh}.hkb-each-letter-content-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:50vh}.hkb-each-letter-display{font-size:20vw;font-weight:bold;cursor:pointer;transition:transform .2s ease-out;display:inline-block;line-height:1;text-shadow:5px 5px 10px rgba(0,0,0,.2);padding:2rem}.hkb-each-letter-display:active{transform:scale(.95)}.hkb-each-letter-arrow{position:absolute;cursor:pointer;padding:.1rem;border-radius:50%;background-color:rgba(22,163,74,.7);transition:all .3s ease;box-shadow:0 4px 10px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;z-index:10}.hkb-each-letter-arrow:hover{filter:brightness(1.2);box-shadow:0 6px 15px rgba(0,0,0,.25)}.hkb-each-letter-arrow svg{width:40px;height:40px;fill:#fff}.hkb-each-letter-arrow.hkb-each-letter-disabled{pointer-events:none;opacity:.4;background-color:rgba(128,128,128,.5);cursor:default;transform:none;box-shadow:none;filter:none}.hkb-each-letter-arrow-up{top:-1rem;left:50%;transform:translateX(-50%)}.hkb-each-letter-arrow-right{right:-1rem;top:50%;transform:translateY(-50%)}.hkb-each-letter-arrow-down{bottom:-1rem;left:50%;transform:translateX(-50%)}.hkb-each-letter-arrow-left{left:-1rem;top:50%;transform:translateY(-50%)}@media(max-width:768px){.hkb-each-letter-arrow svg{width:30px;height:30px}.hkb-each-letter-arrow{padding:.1rem}.hkb-each-letter-arrow-up{top:-1rem}.hkb-each-letter-arrow-right{right:-1rem}.hkb-each-letter-arrow-down{bottom:-1rem}.hkb-each-letter-arrow-left{left:-1rem}.hkb-each-letter-container{max-height:50vh}.hkb-each-letter-content-wrapper{min-height:25vh}}@media(max-width:480px){.hkb-each-letter-display{font-size:40svw}.hkb-each-letter-container{max-height:50svh}.hkb-each-letter-content-wrapper{min-height:45svh}}.hkb-fnv-app-wrapper{width:100%;min-height:40svh;min-height:40vh;background-color:#a7d7c5;box-shadow:0 15px 40px rgba(0,0,0,.15);overflow:hidden;border:.25rem solid #90be6d;border-radius:1rem;display:flex;align-items:center}.hkb-fnv-main-container{align-items:center;text-align:center;padding:clamp(1rem,4vw,2rem);border-radius:25px;width:100%}.hkb-fnv-icon-display{font-size:clamp(6rem,25vmin,11rem);margin-bottom:1rem;cursor:pointer;transition:transform .3s ease-in-out}.hkb-fnv-image-display{width:10rem;height:10rem;object-fit:contain;display:block;margin:0 auto;width:auto;max-width:100%;object-fit:contain;border-radius:20px;margin-bottom:1rem;cursor:pointer;transition:transform .3s ease-in-out}.hkb-fnv-icon-display:hover,.hkb-fnv-image-display:hover{transform:scale(1.1)}@keyframes hkbWordNavigatorBounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}.hkb-fnv-name{cursor:pointer;transition:transform .2s;display:block;padding:.1rem;word-wrap:break-word}.hkb-fnv-name:hover{transform:scale(1.05);animation-play-state:paused}.hkb-fnv-amharic-name{font-size:clamp(2rem,8vmin,3rem)}.hkb-fnv-english-name{font-size:clamp(1.5rem,6vmin,2.5rem);font-family:'Balsamiq Sans'!important}.hkb-fnv-nav-btn{font-size:clamp(2rem,7vmin,2.8rem);background:none;border:0;color:#f67280;transition:transform .2s,color .2s;padding:0}.hkb-fnv-nav-btn:hover{transform:scale(1.2);color:#c06c84}.hkb-fnv-nav-btn:disabled{opacity:.3;cursor:not-allowed}@keyframes hkbWordNavigatorWiggle{0%,100%{transform:rotate(0deg)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}@keyframes hkbWordNavigatorPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes hkbWordNavigatorShake{0%{transform:translate(0,0) rotate(0deg)}10%,30%,50%,70%,90%{transform:translate(-2px,0) rotate(-1deg)}20%,40%,60%,80%{transform:translate(2px,0) rotate(1deg)}100%{transform:translate(0,0) rotate(0deg)}}@keyframes hkbWordNavigatorTada{from{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scale3d(1,1,1)}}@keyframes hkbWordNavigatorSwing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}@keyframes hkbWordNavigatorRubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}@keyframes hkbWordNavigatorJello{from,11.1%,to{transform:translate3d(0,0,0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes hkbWordNavigatorHeartBeat{0%{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.2)}70%{transform:scale(1)}}@keyframes hkbWordNavigatorFadeIn{from{opacity:0}to{opacity:1}}@keyframes hkbWordNavigatorFlash{from,50%,to{opacity:1}25%,75%{opacity:.3}}.drag-hint-btn:not(:disabled),.click-hint-btn:not(:disabled){cursor:grab;animation:hint-pulse 5s ease-in-out infinite}.drag-hint-btn:not(:disabled):hover{animation:hint-wiggle 2s ease-in-out infinite}@keyframes hint-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes hint-wiggle{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.hkb-c-container-wrapper{width:100%;height:max(27vw,27vh);position:relative;overflow:hidden;border-radius:8px}.hkb-c-inner{position:relative;width:100%;height:100%}.hkb-c-carousel-item{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .5s ease-in-out;position:absolute;top:0;left:0;cursor:pointer}.hkb-c-item-content-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:background-color .3s ease;background-color:#f8f8f8;font-size:min(24vw,24vh);text-align:center;overflow:hidden;white-space:nowrap}.hkb-c-carousel-item.hkb-c-active{transform:translateX(0)}.hkb-c-carousel-item.hkb-c-prev{transform:translateX(-100%)}.hkb-c-carousel-item.hkb-c-next{transform:translateX(100%)}.hkb-c-item-content-wrapper.hkb-c-clicked-animation{animation:hkb-c-pulse .3s ease-out}@keyframes hkb-c-pulse{0%{transform:scale(1);background-color:#f8f8f8}50%{transform:scale(1.05);background-color:#e0e0e0}100%{transform:scale(1);background-color:#f8f8f8}}.hkb-c-carousel-controls{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);z-index:10}.hkb-c-control-btn{background-color:rgba(0,0,0,.6);color:#fff;border:0;cursor:pointer;font-size:1.5em;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:background-color .3s ease,transform .2s ease}.hkb-c-control-btn:hover{background-color:rgba(0,0,0,.8);transform:scale(1.05)}@media(max-width:768px){.hkb-c-control-btn{padding:8px 12px;font-size:1.2em;width:40px;height:40px;margin:0 8px}}.hkb-ord-container{margin-top:1rem;background-color:#fff;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:2rem;width:100%;text-align:center;position:relative;overflow:hidden;min-height:90svh;min-height:80vh}.hkb-ord-solution-row{min-height:10rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;border-bottom:2px solid #e0e0e0;padding-bottom:1rem;background-color:transparent;--hkb-ord-solution-row-font-size:clamp(1rem,3vw,2rem);--hkb-ord-solution-row-min-width:clamp(1rem,2vw,3rem);--hkb-ord-solution-row-height:clamp(1rem,2vw,63rem)}.hkb-ord-solution-item{max-height:var(--hkb-ord-button-max-height,4rem);padding:var(--hkb-ord-button-padding,1rem);font-size:var(--hkb-ord-button-font-size,3rem);border-radius:8px;background-color:#e9ecef;color:#343a40;border:1px solid #ced4da;transition:transform .2s ease-out}.hkb-ord-game-area{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;background-color:transparent}.hkb-ord-button{min-width:var(--hkb-ord-button-min-width,6rem);height:var(--hkb-ord-button-height,6rem);font-size:var(--hkb-ord-button-font-size,3.5rem);display:flex;justify-content:center;align-items:center;font-weight:bold;color:#000;border:0;border-radius:12px;cursor:pointer;box-shadow:0 6px 15px rgba(0,0,0,.2);transition:transform .3s ease-out,box-shadow .3s ease-out,background-color .3s ease-out;position:relative;overflow:hidden;background-size:200% 200%;background-position:0% 0%}.hkb-ord-button:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 10px 20px rgba(0,0,0,.25)}.hkb-ord-button:active{transform:translateY(0) scale(.98);box-shadow:0 4px 10px rgba(0,0,0,.15)}@keyframes hkb-ord-bounce-in{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.05)}100%{transform:scale(1)}}@keyframes hkb-ord-fade-slide-in{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes hkb-ord-rotate-fade-in{0%{opacity:0;transform:rotate(-90deg) scale(.8)}100%{opacity:1;transform:rotate(0deg) scale(1)}}@keyframes hkb-ord-pop-in{0%{opacity:0;transform:scale(.2)}80%{opacity:1;transform:scale(1.1)}100%{transform:scale(1)}}.hkb-ord-anim-bounce-in{animation:hkb-ord-bounce-in .8s ease-out forwards}.hkb-ord-anim-fade-slide-in{animation:hkb-ord-fade-slide-in .7s ease-out forwards}.hkb-ord-anim-rotate-fade-in{animation:hkb-ord-rotate-fade-in .9s ease-out forwards}.hkb-ord-anim-pop-in{animation:hkb-ord-pop-in .6s ease-out forwards}.hkb-ord-controls{display:flex;justify-content:center;gap:clamp(.5rem,2vw,1rem);margin-top:1rem}.hkb-ord-control-btn{background-color:var(--color-primary);color:#fff;border:0;border-radius:10px;padding:.75rem;font-size:clamp(1.5rem,3.5vw,3rem);cursor:pointer;transition:background-color .3s ease-out,transform .2s ease-out;box-shadow:0 4px 10px rgba(0,0,0,.1)}.hkb-ord-control-btn:hover{background-color:#045823;transform:translateY(-2px)}.hkb-ord-control-btn:active{transform:translateY(0)}.hkb-ord-feedback-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,0,0,.5);display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;font-size:3rem;font-weight:bold;border-radius:15px;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out}.hkb-ord-feedback-overlay.hkb-ord-show{opacity:1;visibility:visible}.hkb-ord-feedback-overlay.hkb-ord-incorrect{background-color:rgba(255,0,0,.4)}.hkb-ord-red-x{font-size:8em;color:#f00;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hkb-ord-feedback-overlay.hkb-ord-incorrect .hkb-ord-red-x{display:block}@keyframes hkb-ord-shake{0%{transform:translateX(0)}25%{transform:translateX(-10px)}50%{transform:translateX(10px)}75%{transform:translateX(-10px)}100%{transform:translateX(0)}}.hkb-ord-shake-animation{animation:hkb-ord-shake .3s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}@media(max-width:768px){.hkb-ord-solution-item{font-size:1.5rem;padding:.5rem}.hkb-ord-solution-row{gap:.25rem}.hkb-ord-button{min-width:var(--hkb-ord-button-min-width,5rem);height:var(--hkb-ord-button-height,5rem);font-size:var(--hkb-ord-button-font-size,2.5rem)}}@media(max-width:480px){.hkb-ord-solution-item{font-size:1rem;padding:.25rem}.hkb-ord-solution-row{min-height:5rem;gap:.15rem}.hkb-ord-button{min-width:var(--hkb-ord-button-min-width,4rem);height:var(--hkb-ord-button-height,4rem);font-size:var(--hkb-ord-button-font-size,2rem)}}.hkb-background-pattern-1{background-image:radial-gradient(circle,#ffc0cb 5%,transparent 2%),radial-gradient(circle,#ffd700 5%,transparent 2%),radial-gradient(circle,#7fffd4 5%,transparent 2%),radial-gradient(circle,#ff4500 5%,transparent 2%);background-size:50px 50px,50px 50px,50px 50px,50px 50px;background-position:0 0,10px 10px,5px 5px,15px 15px}.hkn-im-q-container{width:100%;background-color:var(--hkn-im-q-card-bg);border-radius:var(--hkn-im-q-radius);box-shadow:var(--hkn-im-q-shadow);overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:center}.hkn-im-q-image-container{height:10rem;position:relative;overflow:clip;display:flex;justify-content:center;align-items:center}.hkn-im-q-image{position:static;max-width:100%;max-height:100%;object-fit:cover;margin:auto;display:block;font-size:8rem}@keyframes hkn-im-q-image-zoom{0%{transform:scale(1) rotate(0deg)}100%{transform:scale(1.15) rotate(2deg)}}.hkn-im-q-options-container{display:grid;grid-template-columns:repeat(2,minmax(10rem,40rem));gap:1.5rem;padding:1.5rem;justify-content:center}.hkn-im-q-option-wrapper{display:flex;align-items:center;gap:.5rem}.hkn-im-q-option{flex-grow:1;padding:1rem 1.5rem;font-size:1.5rem;font-weight:bold;border:0;border-radius:10px;cursor:pointer;transition:transform .2s ease-out,box-shadow .2s ease-out,background-color .3s;animation:hkn-im-q-option-fade-in 1.5s ease-out forwards;opacity:0;transform:translateY(20px)}.hkn-im-q-option:hover:not(:disabled){transform:scale(1.15);box-shadow:0 8px 20px rgba(0,0,0,.2)}.hkn-im-q-option:disabled{cursor:not-allowed}.hkn-im-q-option:nth-child(1){animation-delay:.2s}.hkn-im-q-option:nth-child(2){animation-delay:.4s}.hkn-im-q-option:nth-child(3){animation-delay:.6s}.hkn-im-q-option:nth-child(4){animation-delay:.8s}@keyframes hkn-im-q-option-fade-in{to{opacity:1;transform:translateY(0)}}.hkn-im-q-audio-btn{background:#e0e0e0;color:#555;border:0;border-radius:50%;width:40px;height:40px;font-size:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease}.hkn-im-q-audio-btn:hover{background:#ccc;transform:scale(1.1)}.hkn-im-q-controls{display:flex;justify-content:center;gap:1rem;padding:1rem 1.5rem}.hkn-im-q-control-btn{background:#6cf60c;border:1px solid #ddd;border-radius:50%;width:4rem;height:4rem;font-size:1.2rem;cursor:pointer;transition:all .2s ease-in-out;color:#555}.hkn-im-q-control-btn:hover:not(:disabled){transform:scale(1.2) rotate(10deg);background-color:#18db60;box-shadow:0 4px 10px rgba(0,0,0,.1)}.hkn-im-q-control-btn:disabled{opacity:.5;cursor:not-allowed}.hkn-im-q-feedback-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:15rem;color:#fff;z-index:10;pointer-events:none;opacity:0;transition:opacity .3s ease-in-out}.hkn-im-q-feedback-overlay.hkn-im-q-show{opacity:1;pointer-events:all}.hkn-im-q-feedback-overlay.hkn-im-q-incorrect{background-color:rgba(220,53,69,.5)}.hkn-im-q-fireworks-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:11}.hkn-im-q-firework{position:absolute;width:4px;height:4px;border-radius:50%;opacity:1}@media(max-width:480px){.hkn-im-q-options-container{grid-template-columns:repeat(1,minmax(8rem,15rem))}}@keyframes hkb-take-me-home-shake{0%{transform:translateX(0)}10%{transform:translateX(-5px) rotate(.5deg)}20%{transform:translateX(5px) rotate(-.5deg)}30%{transform:translateX(-5px) rotate(.5deg)}40%{transform:translateX(5px) rotate(-.5deg)}50%{transform:translateX(-5px) rotate(.5deg)}60%{transform:translateX(5px) rotate(-.5deg)}70%{transform:translateX(-5px) rotate(.5deg)}80%{transform:translateX(5px) rotate(-.5deg)}90%{transform:translateX(-5px) rotate(.5deg)}100%{transform:translateX(0)}}.hkb-take-me-home-shake-effect{animation:hkb-take-me-home-shake .8s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}@keyframes hkb-take-me-home-bounceIn{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.hkb-take-me-home-bounce-in-effect{animation:hkb-take-me-home-bounceIn .7s forwards}.hkb-take-me-home-firework{position:absolute;width:100px;height:100px;border-radius:50%;opacity:0;transform:scale(0);pointer-events:none;animation:hkb-take-me-home-firework-burst 1s forwards;z-index:99}@keyframes hkb-take-me-home-firework-burst{0%{opacity:0;transform:scale(0)}10%{opacity:1;transform:scale(.5)}50%{opacity:.8;transform:scale(1.5)}100%{opacity:0;transform:scale(2.5)}}.hkb-take-me-home-overlay-feedback{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.hkb-take-me-home-overlay-feedback.hkb-take-me-home-show{opacity:1;pointer-events:auto}.hkb-take-me-home-overlay-feedback-icon{font-size:15rem;font-weight:bold;color:#fff;text-shadow:0 0 20px rgba(0,0,0,.5);animation:hkb-take-me-home-bounceIn .7s forwards}.hkb-take-me-home-overlay-success{background-color:rgba(76,175,80,.5)}.hkb-take-me-home-overlay-error{background-color:rgba(244,67,54,.5)}.hkb-take-me-home-final-celebration-text{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;background-color:rgba(0,0,0,.7);color:#fff;font-size:15vw;font-weight:bold;text-align:center;opacity:0;pointer-events:none;transition:opacity .5s ease-in-out;text-shadow:0 0 20px rgba(255,255,255,.8)}.hkb-take-me-home-final-celebration-text.hkb-take-me-home-show{opacity:1;pointer-events:auto}.hkb-take-me-home-puzzle-container{background-color:#fff;border-radius:20px;box-shadow:0 10px 20px rgba(0,0,0,.1);padding:30px;max-width:1200px;width:100%;border:5px solid #388e3c;display:flex;flex-direction:column;gap:20px;justify-content:center;text-align:center}.hkb-take-me-home-puzzle-pieces-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(6rem,7rem));justify-items:center;align-items:center;min-height:4rem;background-color:#fff;border-radius:1rem;margin-bottom:.25rem;border-bottom:0;gap:.5rem}.hkb-take-me-home-puzzle-piece{background-color:#fbc02d;color:#1b5e20;border-radius:.5rem;padding:2rem;font-size:3rem;font-weight:700;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:transform .2s ease-in-out,background-color .2s ease-in-out;text-align:center;user-select:none;line-height:1;display:flex;justify-content:center;align-items:center;width:5rem;height:5rem}.hkb-take-me-home-puzzle-piece:active{transform:scale(1.05)}.hkb-take-me-home-drop-targets-grid{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:25px;border-radius:15px;box-shadow:inset 0 2px 5px rgba(0,0,0,.05);min-height:180px}.hkb-take-me-home-drop-target{background-color:#8bc34a;color:#1b5e20;border-radius:15px;padding:0;font-size:3rem;font-weight:700;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.2);border:3px solid #388e3c;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);align-items:center;justify-items:center;width:160px;height:160px;position:relative;overflow:hidden}.hkb-take-me-home-drop-target-base-letter{grid-area:2/2;font-size:2.5rem;font-weight:700;color:#d32f2f;line-height:1;margin:5px;z-index:2}.hkb-take-me-home-drop-target.hkb-take-me-home-drag-over{background-color:#689f38;border-color:#fbc02d}.hkb-take-me-home-collected-piece{font-size:1.2rem;font-weight:400;color:#1b5e20;background-color:#fffde7;padding:3px 6px;border-radius:8px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);opacity:0;transform:scale(0);animation:hkb-take-me-home-bounceIn .5s forwards;z-index:1}@media(max-width:768px){.hkb-take-me-home-puzzle-pieces-grid{grid-template-columns:repeat(auto-fit,minmax(4rem,5rem))}.hkb-take-me-home-puzzle-piece{padding:2rem;font-size:2rem;width:3rem;height:3rem}.hkb-take-me-home-drop-target{font-size:2rem;width:120px;height:120px;min-height:120px}.hkb-take-me-home-drop-target-base-letter{font-size:1.8rem}.hkb-take-me-home-overlay-feedback-icon{font-size:10rem}.hkb-take-me-home-collected-piece{font-size:1rem}}@media(max-width:480px){.hkb-take-me-home-puzzle-pieces-grid{grid-template-columns:repeat(auto-fit,minmax(3rem,3.5rem))}.hkb-take-me-home-puzzle-piece{padding:1.5rem;font-size:1.5rem;width:3rem;height:3rem}.hkb-take-me-home-drop-target{font-size:1.5rem;width:100px;height:100px;min-height:100px}.hkb-take-me-home-drop-target-base-letter{font-size:1.5rem}.hkb-take-me-home-puzzle-container{padding:15px;margin:20px auto}.hkb-take-me-home-overlay-feedback-icon{font-size:7rem}.hkb-take-me-home-collected-piece{font-size:.9rem;padding:2px 4px}}.cookie-consent-banner{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--color-bg-paper,#fff);color:var(--color-text-dark,#333);border:2px solid var(--color-primary,#16a34a);border-radius:1rem;box-shadow:0 4px 16px rgba(0,0,0,.1);padding:1rem 2rem;z-index:99999;display:flex;align-items:center;gap:1rem;font-size:1.1rem;max-width:90vw}.cookie-consent-banner a{color:var(--color-primary,#16a34a);text-decoration:underline}.cookie-consent-btn{background:var(--color-primary,#16a34a);color:var(--color-text-light,#fff);border:0;border-radius:.5rem;padding:.5rem 1.2rem;font-weight:bold;cursor:pointer;transition:background .2s}.cookie-consent-btn:hover{background:var(--color-secondary,#ef4444)}@media(max-width:600px){.cookie-consent-banner{flex-direction:column;font-size:1rem;padding:1rem;bottom:10px}.cookie-consent-btn{width:100%;margin-top:.5rem}}.hkb-card-emoji{font-size:4rem;letter-spacing:0}.font-size-2{font-size:2rem}.font-size-3{font-size:3rem}.font-size-4{font-size:4rem}.font-size-5{font-size:5rem}.font-size-7{font-size:7rem}.font-size-10{font-size:10rem}.font-size-15{font-size:15rem}.font-size-20{font-size:20rem}.hkb-match-quiz-outer-container{background-color:#f0f9ff;display:flex;justify-content:center;align-items:center;min-height:60vh;margin:0;margin-top:1rem;overflow:hidden;width:100%;padding:.25rem}.hkb-match-quiz-container{width:100%;max-width:1200px;min-height:60vh;background-color:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:1rem .5rem;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.hkb-match-quiz-header{font-size:2.5rem;font-weight:bold;color:#1e40af;margin-bottom:2rem;text-align:center;padding:.5rem 1rem;background:linear-gradient(135deg,#bfdbfe,#93c5fd);border-radius:15px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.hkb-match-quiz-game-area{display:flex;justify-content:space-around;width:100%;flex-grow:1;gap:1.5rem;margin-bottom:2rem}.hkb-match-quiz-column{display:flex;flex-direction:column;gap:1rem;width:calc(50% - .75rem)}.hkb-match-quiz-item-row{display:flex;align-items:center;gap:.5rem;width:100%}.hkb-match-quiz-button{background-color:#e0f2fe;color:#1e40af;padding:1rem 1.5rem;border-radius:12px;font-size:1.5rem;font-weight:600;cursor:pointer;border:2px solid #93c5fd;transition:all .3s ease-in-out;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;min-height:60px;flex-grow:1}.hkb-match-quiz-button:hover:not(.hkb-match-quiz-matched):not(.hkb-match-quiz-selected){background-color:#dbeafe;transform:translateY(-5px) scale(1.01);box-shadow:0 8px 16px rgba(0,0,0,.2);border-color:#60a5fa}.hkb-match-quiz-button.hkb-match-quiz-selected{background-color:#60a5fa;color:#fff;border-color:#3b82f6;transform:scale(1.02);box-shadow:0 6px 12px rgba(0,0,0,.15)}.hkb-match-quiz-button.hkb-match-quiz-matched{color:#fff;border:2px solid transparent;cursor:default;box-shadow:0 2px 4px rgba(0,0,0,.05);transform:none;pointer-events:none}.hkb-match-quiz-color-0{background-color:#f87171}.hkb-match-quiz-color-1{background-color:#fbbf24}.hkb-match-quiz-color-2{background-color:#4ade80}.hkb-match-quiz-color-3{background-color:#60a5fa}.hkb-match-quiz-color-4{background-color:#a78bfa}.hkb-match-quiz-color-5{background-color:#f472b6}.hkb-match-quiz-color-6{background-color:#2dd4bf}.hkb-match-quiz-color-7{background-color:#facc15}.hkb-match-quiz-controls{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap;justify-content:center}.hkb-match-quiz-control-button{background-color:#22c55e;color:#fff;padding:.75rem 1.25rem;border-radius:10px;font-size:1.2rem;font-weight:bold;cursor:pointer;border:0;transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.1)}.hkb-match-quiz-control-button:hover:not(:disabled){background-color:#16a34a;transform:translateY(-3px) scale(1.03);box-shadow:0 6px 12px rgba(0,0,0,.15)}.hkb-match-quiz-control-button:disabled{background-color:#a7f3d0;cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}@keyframes hkb-match-quiz-shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.hkb-match-quiz-shake{animation:hkb-match-quiz-shake .5s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}.hkb-match-quiz-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,0,0,.5);display:flex;justify-content:center;align-items:center;font-size:10em;color:#fff;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;border-radius:20px}.hkb-match-quiz-overlay.hkb-match-quiz-show{opacity:1;visibility:visible}.hkb-match-quiz-x{font-weight:900;color:#b91c1c;text-shadow:0 0 10px rgba(0,0,0,.3)}.hkb-match-quiz-confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:2000}.hkb-match-quiz-confetti{position:absolute;width:10px;height:10px;background-color:var(--confetti-color);border-radius:50%;opacity:0;animation:hkb-match-quiz-confetti-fall var(--confetti-duration) forwards ease-out}@keyframes hkb-match-quiz-confetti-fall{0%{transform:translate(var(--start-x),var(--start-y)) rotateZ(0deg);opacity:1}100%{transform:translate(var(--end-x),var(--end-y)) rotateZ(720deg);opacity:0}}.hkb-match-quiz-audio-btn{background-color:#93c5fd;border:0;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease-in-out;padding:0;flex-shrink:0}.hkb-match-quiz-audio-btn:hover{background-color:#60a5fa;transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.2)}.hkb-match-quiz-audio-btn svg{width:1.25rem;height:1.25rem;color:#fff}@media(max-width:768px){.hkb-match-quiz-header{font-size:1.8rem;margin-bottom:1.5rem}.hkb-match-quiz-game-area{flex-direction:row;gap:.5rem}.hkb-match-quiz-column{width:calc(50% - .25rem)}.hkb-match-quiz-button{font-size:1rem;padding:.6rem .8rem;min-height:50px}.hkb-match-quiz-control-button{font-size:.9rem;padding:.5rem .8rem}.hkb-match-quiz-overlay{font-size:5em}.hkb-match-quiz-audio-btn{width:1.8rem;height:1.8rem}.hkb-match-quiz-audio-btn svg{width:.9rem;height:.9rem}.hkb-match-quiz-item-row{gap:.3rem}}@media(max-width:480px){.hkb-match-quiz-header{font-size:1.5rem}.hkb-match-quiz-button{font-size:.85rem;padding:.4rem .6rem;min-height:40px}.hkb-match-quiz-audio-btn{width:1.6rem;height:1.6rem}.hkb-match-quiz-audio-btn svg{width:.8rem;height:.8rem}.hkb-match-quiz-control-button{font-size:.8rem;padding:.4rem .7rem}.hkb-match-quiz-overlay{font-size:4em}}@media(max-width:768px){.floating-nav{flex-direction:row;align-items:stretch}#nav-items-container{display:none;width:100%;margin-top:.5rem}#nav-items-container.expanded{display:flex!important}.nav-home-btn,.hamburger-container{display:inline-block;vertical-align:middle}.floating-nav>.nav-home-btn,.floating-nav>.hamburger-container{width:auto;display:inline-block;display:inline-block}.floating-nav{flex-direction:column;align-items:stretch}.floating-nav-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}}.hkb-char-pron-button-text{display:flex;flex-direction:column;align-items:center;justify-content:center}.hkb-char-button-text{font-size:3rem;display:block;text-align:center}.hkb-pron-button-text{font-size:1.5rem;display:block;text-align:center;margin-top:.1rem;margin-bottom:.1rem}@media(max-width:768px){.hkb-char-button-text{font-size:2rem}.hkb-pron-button-text{font-size:1rem}}@media(max-width:480px){.hkb-char-button-text{font-size:1.3rem}.hkb-pron-button-text{font-size:.8rem}}@media(max-width:301px){.hkb-char-button-text{font-size:.9rem}.hkb-pron-button-text{font-size:.5rem}}.hkb-settings-container{background-color:#fff;padding:1rem 1.5rem;border-radius:.75rem;box-shadow:0 4px 12px rgba(0,0,0,.08);margin:2rem}.hkb-settings-label{font-weight:500;color:#344054;margin-bottom:0;margin-right:1rem;white-space:nowrap}.hkb-settings-item{display:flex;align-items:center;justify-content:center;height:100%}.hkb-settings-switch{position:relative;display:inline-block;width:50px;height:28px}.hkb-settings-switch input{opacity:0;width:0;height:0;position:absolute}.hkb-settings-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:28px}.hkb-settings-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}input:checked+.hkb-settings-slider{background-color:#28a745}input:checked+.hkb-settings-slider:before{-webkit-transform:translateX(22px);-ms-transform:translateX(22px);transform:translateX(22px)}.hkb-sample-content{padding:2rem;background-color:#e9ecef;border-radius:.5rem;text-align:center}@keyframes shake{0%{transform:translateX(0)}10%{transform:translateX(-5px) rotate(.5deg)}20%{transform:translateX(5px) rotate(-.5deg)}30%{transform:translateX(-5px) rotate(.5deg)}40%{transform:translateX(5px) rotate(-.5deg)}50%{transform:translateX(-5px) rotate(.5deg)}60%{transform:translateX(5px) rotate(-.5deg)}70%{transform:translateX(-5px) rotate(.5deg)}80%{transform:translateX(5px) rotate(-.5deg)}90%{transform:translateX(-5px) rotate(.5deg)}100%{transform:translateX(0)}}.shake-effect{animation:shake .8s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}@keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounce-in-effect{animation:bounceIn .7s forwards}.firework{position:absolute;width:100px;height:100px;border-radius:50%;opacity:0;transform:scale(0);pointer-events:none;animation:firework-burst 1s forwards;z-index:99}@keyframes firework-burst{0%{opacity:0;transform:scale(0)}10%{opacity:1;transform:scale(.5)}50%{opacity:.8;transform:scale(1.5)}100%{opacity:0;transform:scale(2.5)}}.overlay-feedback{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.overlay-feedback.show{opacity:1;pointer-events:auto}.overlay-feedback-icon{font-size:15rem;font-weight:bold;color:#fff;text-shadow:0 0 20px rgba(0,0,0,.5);animation:bounceIn .7s forwards}.overlay-success{background-color:rgba(76,175,80,.5)}.overlay-error{background-color:rgba(244,67,54,.5)}.fidel-grouping-puzzle-pieces-grid{display:grid;grid-template-columns:repeat(10,minmax(4rem,8rem));gap:.25rem;justify-items:center;align-items:center;background-color:#fff;border-radius:15px;box-shadow:inset 0 2px 5px rgba(0,0,0,.05);margin-bottom:1rem;box-shadow:0 2px 5px rgba(0,0,0,.1);border-bottom:0;padding:.25rem}.puzzle-piece{background-color:#fbc02d;color:#1b5e20;border-radius:15px;font-size:3rem;font-weight:700;cursor:grab;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:transform .2s ease-in-out,background-color .2s ease-in-out;text-align:center;user-select:none;line-height:1;display:flex;justify-content:center;align-items:center;padding:1rem;width:100%}.puzzle-piece:active{cursor:grabbing;transform:scale(1.05)}.fidel-grouping-drop-targets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.25rem;justify-items:center;align-items:start;background-color:#fff;padding:.5rem;border-radius:15px;box-shadow:inset 0 2px 5px rgba(0,0,0,.05)}.drop-target{background-color:#8bc34a;color:#1b5e20;border-radius:15px;padding:0;font-size:3rem;font-weight:700;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.2);border:3px solid #388e3c;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);align-items:center;justify-items:center;width:150px;height:150px;position:relative;overflow:hidden}.drop-target-base-letter{grid-area:2/2;font-size:2.5rem;font-weight:700;color:#d32f2f;line-height:1;margin:5px;z-index:2}.drop-target.drag-over{background-color:#689f38;border-color:#fbc02d}.collected-piece{font-size:1.2rem;font-weight:400;color:#1b5e20;background-color:#fffde7;padding:3px 6px;border-radius:8px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);opacity:0;transform:scale(0);animation:bounceIn .5s forwards;z-index:1}.button-group-container{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:20px;width:100%;max-width:1200px}.fidel-grouping-level-buttons-group{justify-content:center;gap:10px;flex-wrap:wrap}.level-button,.play-again-button,.show-solution-button,.level-toggle-button{background-color:#d32f2f;color:#fff;padding:10px 20px;border-radius:15px;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:background-color .2s ease-in-out,transform .1s ease-in-out;line-height:1.3}.level-button:hover,.play-again-button:hover,.show-solution-button:hover,.level-toggle-button:hover{background-color:#b71c1c;transform:translateY(-2px)}.level-button.active{background-color:#388e3c;box-shadow:0 0 0 3px #fbc02d,0 4px 8px rgba(0,0,0,.3);transform:scale(1.05)}.play-again-button,.show-solution-button{padding:15px 30px;font-size:1.5rem}@media(max-width:768px){.puzzle-piece{font-size:2.75rem}.drop-target{font-size:2rem;width:120px;height:120px;min-height:120px}.drop-target-base-letter{font-size:1.8rem}.fidel-grouping-puzzle-pieces-grid{grid-template-columns:repeat(8,minmax(3rem,5rem))}.fidel-grouping-drop-targets-grid{padding:.5rem}.overlay-feedback-icon{font-size:10rem}.level-button,.play-again-button,.show-solution-button,.level-toggle-button{font-size:1.1rem;padding:8px 15px}.play-again-button,.show-solution-button{font-size:1.3rem;padding:12px 25px}.collected-piece{font-size:1rem}}@media(max-width:480px){.puzzle-piece{font-size:2.5rem}.drop-target{font-size:1.5rem;width:100px;height:100px;min-height:100px}.drop-target-base-letter{font-size:1.5rem}.puzzle-container{padding:15px;margin:20px auto}.overlay-feedback-icon{font-size:7rem}.collected-piece{font-size:.9rem;padding:2px 4px}.level-button,.play-again-button,.show-solution-button,.level-toggle-button{font-size:1rem;padding:6px 12px}.play-again-button,.show-solution-button{font-size:1.1rem;padding:10px 20px}.fidel-grouping-level-buttons-group{flex-direction:column;gap:10px}.play-again-button-group{flex-direction:column;gap:10px}.fidel-grouping-puzzle-pieces-grid{grid-template-columns:repeat(4,minmax(3rem,5rem))}}.hkb-s-section{background-color:#fff;padding:1rem;margin-bottom:3rem;border-radius:15px;box-shadow:0 8px 15px rgba(0,0,0,.1);position:relative;overflow:hidden}.hkb-s-section-title{font-size:2.5rem;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.hkb-s-section-text{font-size:1.15rem;line-height:1.8;margin-bottom:1.5rem}.hkb-s-animated-btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border-radius:50px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;border:0;cursor:pointer;box-shadow:0 5px 15px rgba(0,0,0,.2);color:#fff;text-decoration:none}.hkb-s-animated-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.3);color:#fff}.hkb-s-section-1{border:8px solid transparent;border-image:linear-gradient(to right,#f00,#ff7f00,#ff0,#0f0,#00f,#4b0082,#9400d3) 1}.hkb-s-btn-bounce{background-color:#ff6347;animation:hkb-s-bounce 1.5s infinite}@keyframes hkb-s-bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}.hkb-s-section-2{background:#e0f7fa;position:relative;overflow:hidden}@keyframes hkb-s-twinkle{0%,100%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}.hkb-s-btn-glow{background-color:#20b2aa;box-shadow:0 0 10px rgba(32,178,170,.5);animation:hkb-s-glow 2s infinite alternate}@keyframes hkb-s-glow{from{box-shadow:0 0 10px rgba(32,178,170,.5)}to{box-shadow:0 0 20px rgba(32,178,170,.8)}}.hkb-s-section-3{background-image:repeating-linear-gradient(45deg,#ffb6c1 0,#ffb6c1 15px,#add8e6 15px,#add8e6 30px);color:#555}.hkb-s-btn-wiggle{background-color:#ffa07a}.hkb-s-btn-wiggle:hover{animation:hkb-s-wiggle .3s infinite}@keyframes hkb-s-wiggle{0%{transform:rotate(0deg)}25%{transform:rotate(3deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-3deg)}100%{transform:rotate(0deg)}}.hkb-s-section-4{background:linear-gradient(to bottom,#87ceeb,#4682b4);color:#fff;position:relative;overflow:hidden}.hkb-s-wave{position:absolute;bottom:0;left:0;width:100%;height:50px;background:rgba(255,255,255,.3);border-radius:50% 50% 0 0;animation:hkb-s-wave 3s infinite alternate ease-in-out}.hkb-s-wave:nth-child(2){left:50%;animation-delay:.5s;background:rgba(255,255,255,.2)}@keyframes hkb-s-wave{from{transform:translateY(0)}to{transform:translateY(-10px)}}.hkb-s-btn-splash{background-color:#1e90ff}.hkb-s-btn-splash:hover{transform:scale(1.1);box-shadow:0 0 20px rgba(30,144,255,.6)}.hkb-s-section-5{background:conic-gradient(from 0deg at 50% 50%,#ff69b4,#ffd700,#7cfc00,#00bfff,#ff69b4);color:#fff;position:relative;overflow:hidden}.hkb-s-section-5::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:inherit;animation:hkb-s-pinwheel 8s linear infinite;z-index:-1}@keyframes hkb-s-pinwheel{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.hkb-s-btn-rotate{background-color:#ff1493}.hkb-s-btn-rotate:hover{animation:hkb-s-rotate-button .5s linear infinite}@keyframes hkb-s-rotate-button{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.hkb-s-section-6{background:#fffacd;position:relative;overflow:hidden}.hkb-s-sparkle{position:absolute;background-color:#ffd700;border-radius:50%;opacity:0;animation:hkb-s-sparkle-burst 1s forwards;pointer-events:none}@keyframes hkb-s-sparkle-burst{0%{transform:scale(0) translate(0,0);opacity:1}100%{transform:scale(1.5) translate(var(--x),var(--y));opacity:0}}.hkb-s-btn-sparkle{background-color:#ff8c00;position:relative;overflow:hidden}.hkb-s-btn-sparkle::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .4s ease}.hkb-s-btn-sparkle:hover::after{width:150%;height:150%}.hkb-s-section-7{background-image:radial-gradient(#90ee90 10%,transparent 10%),radial-gradient(#87cefa 10%,transparent 10%);background-size:40px 40px;background-position:0 0,20px 20px}.hkb-s-btn-scale{background-color:#32cd32}.hkb-s-btn-scale:hover{transform:scale(1.05)}.hkb-s-section-8{background:#afeeee;transform:skewY(-3deg);margin-top:3rem;margin-bottom:3rem}.hkb-s-section-8>div{transform:skewY(3deg);background-color:#4682b4;color:#fff;padding:2rem;border-radius:10px;box-shadow:0 5px 10px rgba(0,0,0,.2)}.hkb-s-btn-tilt{background-color:#6a5acd}.hkb-s-btn-tilt:hover{transform:rotateZ(5deg)}.hkb-s-section-9{background:#f8f8f8;border:5px solid #ffd700;position:relative;overflow:hidden}.hkb-s-glimmer-text{background:linear-gradient(90deg,#ffd700 0%,#fffacd 25%,#ffd700 50%,#fffacd 75%,#ffd700 100%);background-size:200% auto;color:#000;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:hkb-s-glimmer 3s linear infinite}@keyframes hkb-s-glimmer{to{background-position:-200% center}}.hkb-s-btn-glimmer{background-color:#daa520;position:relative;overflow:hidden}.hkb-s-btn-glimmer::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transition:transform .5s ease-in-out}.hkb-s-btn-glimmer:hover::before{transform:translateX(200%)}.hkb-s-section-10{background:#b0e0e6;position:relative;overflow:hidden}.hkb-s-bubble{position:absolute;background-color:rgba(255,255,255,.5);border-radius:50%;opacity:0;animation:hkb-s-bubble-float 5s infinite ease-in-out}.hkb-s-bubble:nth-child(1){width:30px;height:30px;top:80%;left:10%;animation-delay:0s}.hkb-s-bubble:nth-child(2){width:20px;height:20px;top:90%;left:50%;animation-delay:1.5s}.hkb-s-bubble:nth-child(3){width:40px;height:40px;top:70%;left:80%;animation-delay:3s}@keyframes hkb-s-bubble-float{0%{transform:translateY(0);opacity:0}50%{opacity:1}100%{transform:translateY(-200px);opacity:0}}.hkb-s-btn-pop{background-color:#6495ed}.hkb-s-btn-pop:active{transform:scale(1.2);transition:transform .1s ease-out}.hkb-s-section-11{background:linear-gradient(to bottom,#228b22,#3cb371);color:#fff;position:relative;overflow:hidden}.hkb-s-section-11::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M50 0 L100 50 L50 100 L0 50 Z" fill="%232e8b57" opacity="0.3"/><path d="M50 20 L80 50 L50 80 L20 50 Z" fill="%233cb371" opacity="0.3"/></svg>');background-size:50px 50px;opacity:.7;z-index:0}.hkb-s-section-11 .hkb-s-section-title,.hkb-s-section-11 .hkb-s-section-text,.hkb-s-section-11 .hkb-s-animated-btn,.hkb-s-section-11 .hkb-s-video-wrapper{position:relative;z-index:1}.hkb-s-btn-grow{background-color:#8b4513;transition:transform .3s ease-out}.hkb-s-btn-grow:hover{transform:scale(1.1);background-color:#a0522d}.hkb-s-video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:1.5rem;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.hkb-s-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.hkb-s-section-12{background:linear-gradient(to right,#8a2be2,#4b0082);color:#fff;position:relative;overflow:hidden}.hkb-s-section-12::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect x="0" y="0" width="50" height="50" fill="%239370db" opacity="0.2"/><rect x="50" y="50" width="50" height="50" fill="%239370db" opacity="0.2"/></svg>');background-size:50px 50px;opacity:.5;z-index:0}.hkb-s-section-12 .hkb-s-section-title,.hkb-s-section-12 .hkb-s-section-text,.hkb-s-section-12 .hkb-s-animated-btn,.hkb-s-section-12 .hkb-s-game-card{position:relative;z-index:1}.hkb-s-btn-solve{background-color:#ff4500;transition:transform .3s ease-in-out}.hkb-s-btn-solve:hover{transform:rotate(5deg) scale(1.05)}.hkb-s-game-card{background-color:rgba(255,255,255,.9);border-radius:10px;padding:.5rem;margin-bottom:1.5rem;text-align:center;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:all .3s ease;color:#333;height:100%;display:flex;flex-direction:column;justify-content:space-between}.hkb-s-game-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.2)}.hkb-s-game-card h3{font-size:1.8rem;margin-bottom:.5rem;color:#4b0082}.hkb-s-game-card p{font-size:1rem;line-height:1.5;flex-grow:1}.hkb-s-game-card i{font-size:2.5rem;margin-bottom:1rem;color:#8a2be2}.hkb-s-game-card-1{background-color:#ffe0b2;border:3px solid #ff9800}.hkb-s-game-card-1:hover{transform:rotateY(10deg)}.hkb-s-game-card-2{background-color:#c8e6c9;border:33px solid #4caf50}.hkb-s-game-card-2:hover{animation:hkb-s-jiggle .3s infinite alternate}@keyframes hkb-s-jiggle{0%{transform:translateX(0)}50%{transform:translateX(3px)}100%{transform:translateX(-3px)}}.hkb-s-game-card-3{background-color:#bbdefb;border:3px solid #2196f3}.hkb-s-game-card-3:hover{animation:hkb-s-pulse-card 1s infinite alternate}@keyframes hkb-s-pulse-card{from{box-shadow:0 0 8px rgba(33,150,243,.5)}to{box-shadow:0 0 15px rgba(33,150,243,.8)}}.hkb-s-game-card-4{background-color:#ffccbc;border:3px solid #ff5722}.hkb-s-game-card-4:hover{border-color:#ffeb3b;box-shadow:0 0 15px #ffeb3b}.hkb-s-game-card-5{background-color:#e1bee7;border:3px solid #9c27b0}.hkb-s-game-card-5 .hkb-s-game-icon{transition:transform .3s ease}.hkb-s-game-card-5:hover .hkb-s-game-icon{transform:rotate(360deg)}.hkb-s-game-card-6{background-color:#d1e7dd;border:3px solid #28a745}.hkb-s-game-card-6 .hkb-s-game-icon{animation:hkb-s-icon-bounce 1s infinite alternate}@keyframes hkb-s-icon-bounce{from{transform:translateY(0)}to{transform:translateY(-5px)}}.hkb-s-game-card-7{background-color:#fff3cd;border:3px solid #ffc107}.hkb-s-game-card-7 .hkb-s-game-icon{transition:transform .3s ease}.hkb-s-game-card-7:hover .hkb-s-game-icon{transform:scale(1.2)}.hkb-s-game-card-8{background-color:#f8d7da;border:3px solid #dc3545}.hkb-s-game-card-8 .hkb-s-game-icon{transition:transform .5s ease-in-out}.hkb-s-game-card-8:hover .hkb-s-game-icon{transform:rotateY(180deg)}.hkb-s-game-card-9{background-color:#cfe2ff;border:3px solid #007bff}.hkb-s-game-card-9:hover{animation:hkb-s-shake .2s infinite alternate}@keyframes hkb-s-shake{0%{transform:translateX(0)}25%{transform:translateX(-2px)}50%{transform:translateX(2px)}75%{transform:translateX(-2px)}100%{transform:translateX(2px)}}.hkb-s-game-card-10{background-color:#dae8fc;border:3px solid #6f42c1}.hkb-s-game-card-10:hover{animation:hkb-s-border-pulse 1s infinite alternate}@keyframes hkb-s-border-pulse{from{border-color:#6f42c1;box-shadow:0 0 5px #6f42c1}to{border-color:#e83e8c;box-shadow:0 0 15px #e83e8c}}.hkb-s-section-13{background-color:#f0f8ff;position:relative;overflow:hidden}.hkb-s-section-13::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(45deg,#add8e6 25%,transparent 25%),linear-gradient(-45deg,#add8e6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#add8e6 75%),linear-gradient(-45deg,transparent 75%,#add8e6 75%);background-size:40px 40px;background-position:0 0,20px 0,20px 20px,0 20px;opacity:.5;z-index:0}.hkb-s-section-13 .hkb-s-section-title,.hkb-s-section-13 .hkb-s-section-text,.hkb-s-section-13 .hkb-s-animated-btn{position:relative;z-index:1}.hkb-s-btn-slide{background-color:#4682b4;overflow:hidden}.hkb-s-btn-slide::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(255,255,255,.3);transition:transform .3s ease-in-out}.hkb-s-btn-slide:hover::before{transform:translateX(100%)}.hkb-s-section-14{background-color:#e0f7fa;position:relative;overflow:hidden}.hkb-s-section-14::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.4) 5px,transparent 5px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.4) 8px,transparent 8px),radial-gradient(circle at 50% 50%,rgba(255,255,255,.4) 6px,transparent 6px);background-size:50px 50px;opacity:.5;z-index:0}.hkb-s-section-14 .hkb-s-section-title,.hkb-s-section-14 .hkb-s-section-text,.hkb-s-section-14 .hkb-s-animated-btn{position:relative;z-index:1}.hkb-s-btn-burst{background-color:#00bcd4;position:relative;overflow:hidden}.hkb-s-btn-burst::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.8);border-radius:50%;opacity:0;transform:translate(-50%,-50%);animation:hkb-s-burst-effect .5s ease-out forwards}.hkb-s-btn-burst:hover::after{animation:none;opacity:0}.hkb-s-btn-burst:active::after{animation:hkb-s-burst-effect .5s ease-out forwards}@keyframes hkb-s-burst-effect{from{width:0;height:0;opacity:1}to{width:150%;height:150%;opacity:0}}.hkb-s-section-15{background-color:#ffe0b2;position:relative;overflow:hidden}.hkb-s-section-15::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(135deg,#ffab91 25%,transparent 25%),linear-gradient(-135deg,#ffab91 25%,transparent 25%),linear-gradient(45deg,#ffccbc 25%,transparent 25%),linear-gradient(-45deg,#ffccbc 25%,transparent 25%);background-size:30px 30px;background-position:0 0,15px 0,15px 15px,0 15px;opacity:.5;z-index:0}.hkb-s-section-15 .hkb-s-section-title,.hkb-s-section-15 .hkb-s-section-text,.hkb-s-section-15 .hkb-s-animated-btn{position:relative;z-index:1}.hkb-s-btn-wobble{background-color:#ff7043}.hkb-s-btn-wobble:hover{animation:hkb-s-wobble .8s infinite}@keyframes hkb-s-wobble{0%,100%{transform:translateX(0%);transform-origin:50% 50%}15%{transform:translateX(-30px) rotate(-6deg)}30%{transform:translateX(15px) rotate(6deg)}45%{transform:translateX(-15px) rotate(-3.6deg)}60%{transform:translateX(9px) rotate(2.4deg)}75%{transform:translateX(-6px) rotate(-1.2deg)}}.hkb-s-section-16{background-color:#00f;position:relative;overflow:hidden}.hkb-s-section-16::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><defs><linearGradient id="a" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="%2387CEFA"/><stop offset="100%" stop-color="%230000FF"/></linearGradient></defs><path d="M20 0 L40 20 L20 40 L0 20 Z" fill="url(#a)" opacity="0.4"/><path d="M20 10 L30 20 L20 30 L10 20 Z" fill="url(#a)" opacity="0.4"/></svg>');background-size:40px 40px;opacity:.5;z-index:0}.hkb-s-section-16 .hkb-s-section-title,.hkb-s-section-16 .hkb-s-section-text,.hkb-s-section-16 .hkb-s-animated-btn{position:relative;z-index:1}.hkb-s-btn-twirl{background-color:#673ab7;transition:transform .5s ease-out}.hkb-s-btn-twirl:hover{transform:scale(1.1) rotate(15deg)}.hkb-s-section-114{background-color:#e0f7fa;position:relative;overflow:hidden;margin-top:1rem;padding:.25rem;flex:1;min-height:85svh;min-height:85vh}.hkb-s-section-114::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.4) 5px,transparent 5px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.4) 8px,transparent 8px),radial-gradient(circle at 50% 50%,rgba(255,255,255,.4) 6px,transparent 6px);background-size:50px 50px;opacity:.5;z-index:0}.hkb-s-section-114 .hkb-s-section-title,.hkb-s-section-114 .hkb-s-section-text,.hkb-s-section-114 .hkb-s-animated-btn{position:relative;z-index:1}.hkb-s-btn-burst{background-color:#00bcd4;position:relative;overflow:hidden}.hkb-s-btn-burst::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.8);border-radius:50%;opacity:0;transform:translate(-50%,-50%);animation:hkb-s-burst-effect .5s ease-out forwards}.hkb-s-btn-burst:hover::after{animation:none;opacity:0}.hkb-s-btn-burst:active::after{animation:hkb-s-burst-effect .5s ease-out forwards}@keyframes hkb-s-burst-effect{from{width:0;height:0;opacity:1}to{width:150%;height:150%;opacity:0}}.hkb-s-game-card-11{background-color:#ffeb3b;border:3px solid #fbc02d}.hkb-s-game-card-11 .hkb-s-game-icon{animation:hkb-s-icon-pulse 1.5s infinite alternate}@keyframes hkb-s-icon-pulse{from{transform:scale(1);opacity:1}to{transform:scale(1.1);opacity:.8}}.bg-diagonal-stripes{background:repeating-linear-gradient(45deg,#f06,#f06 10px,#4a90e2 10px,#4a90e2 20px)}.bg-pastel-polka{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.4) 4%,transparent 5%) 0 0,radial-gradient(circle at 80% 80%,rgba(255,255,255,.4) 4%,transparent 5%) 50px 50px,#ff9a9e;background-size:100px 100px}.bg-triangles{background:linear-gradient(135deg,#f05a28 25%,transparent 25%) -50px 0,linear-gradient(225deg,#f05a28 25%,transparent 25%) -50px 0,linear-gradient(315deg,#f05a28 25%,transparent 25%),linear-gradient(45deg,#f05a28 25%,transparent 25%);background-size:100px 100px;background-color:#fff8e5}.bg-radial-warm{background:radial-gradient(circle at center,#ffecd2,#fcb69f)}.bg-conic-rainbow{background:conic-gradient(from 0deg,#f00,#ffa500,#ff0,#008000,#00f,#4b0082,#ee82ee)}.bg-zigzag{background:repeating-linear-gradient(0deg,#f8b195,#f8b195 10px,#c06c84 10px,#c06c84 20px)}.bg-grid{background:linear-gradient(#e0e0e0 1px,transparent 1px) 0 0,linear-gradient(90deg,#e0e0e0 1px,transparent 1px) 0 0,#fafafa;background-size:20px 20px}.bg-confetti{background:radial-gradient(circle,#f5b7a2 10%,transparent 90%) 0 0,radial-gradient(circle,#f7a78c 10%,transparent 90%) 20px 20px,radial-gradient(circle,#f6835d 10%,transparent 90%) 40px 40px,#f8c8b8;background-size:10px 10px}.bg-waves{background:repeating-linear-gradient(0deg,rgba(255,255,255,.3),rgba(255,255,255,.3) 1px,transparent 2px,transparent 20px),linear-gradient(to right,#a1c4fd,#c2e9fb)}.bg-fade-grid{background:radial-gradient(circle at center,rgba(0,0,0,.1) 1px,transparent 2px),#f5f7fa;background-size:40px 40px}.hkbWinHis-main-container{background:linear-gradient(135deg,#ffc0cb,#add8e6,#90ee90,#ffd700);animation:hkbWinHis-gradient 10s ease infinite;background-size:400% 400%;min-height:100vh;margin:-2rem -2rem 2rem -2rem;width:calc(100% + 4rem)}@media(max-width:768px){.hkbWinHis-main-container{font-size:1.8rem;margin:1rem -1rem 2rem -1rem;width:calc(100% + 2rem)}}@media(max-width:480px){.hkbWinHis-main-container{font-size:1.4rem;margin:-.5rem;width:calc(100% + 1rem)}}.hkbWinHis-amharic{font-family:'Noto Serif Ethiopic',serif}@keyframes hkbWinHis-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.hkbWinHis-container{max-width:900px}.hkbWinHis-title{text-shadow:2px 2px 4px rgba(0,0,0,.2);animation:hkbWinHis-pulse 2s infinite}@keyframes hkbWinHis-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.hkbWinHis-card,.hkbWinHis-summary-card,.hkbWinHis-list-item{background-color:rgba(255,255,255,.85);backdrop-filter:blur(5px);border:2px solid #fff;box-shadow:0 10px 20px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;animation:hkbWinHis-fadeIn .5s ease-out}.hkbWinHis-card:hover,.hkbWinHis-list-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 30px rgba(0,0,0,.2)}@keyframes hkbWinHis-fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hkbWinHis-button{transition:all .2s ease-in-out}.hkbWinHis-button:hover{transform:scale(1.1);box-shadow:0 4px 10px rgba(0,0,0,.2)}.hkbWinHis-confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-1}.hkbWinHis-confetti{position:absolute;width:10px;height:10px;background-color:#ffc0cb;border-radius:50%;animation:hkbWinHis-confetti-fall 5s infinite}.hkbWinHis-confetti:nth-child(2){background-color:#add8e6;animation-delay:1s}.hkbWinHis-confetti:nth-child(3){background-color:#90ee90;animation-delay:2s}.hkbWinHis-confetti:nth-child(4){background-color:#ffd700;animation-delay:3s}.hkbWinHis-confetti:nth-child(5){background-color:#ffc0cb;animation-delay:4s}@keyframes hkbWinHis-confetti-fall{from{transform:translateY(-100px) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.hkbWinHis-flex-container{display:flex;gap:1rem}