*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif}.charter-list{list-style:none;padding-left:0}.charter-list li{padding-left:2rem;border-left:3px solid black;margin-bottom:.75rem;line-height:1.6}.home-section{display:flex;flex-direction:column}.home-top-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem}.home-top-container h1{font-size:clamp(1.5rem,4vw,2.5rem);text-align:center;margin-bottom:2rem;max-width:600px}.home-top-container a{text-decoration:none}.home-top-container a button{padding:1rem 2.5rem;border:none;border-radius:50px;font-size:clamp(.95rem,2vw,1.1rem);font-weight:700;letter-spacing:1px;background:linear-gradient(135deg,#0d6b3a,#0ea04e);color:#fff;cursor:pointer;box-shadow:0 4px 15px #426b1f66;transition:all .3s ease}.home-top-container a button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #426b1f80}.home-middle-container{display:flex;flex-direction:row;align-items:center;gap:3rem;padding:3rem;max-width:1000px;margin:0 auto}#anc_logo_img{width:100%;max-width:400px;height:auto;border-radius:12px;box-shadow:0 4px 12px #00000026}.puzzle-about-content{flex:1}.puzzle-about-content h2{font-size:clamp(1.25rem,3vw,1.5rem);margin:0 0 1rem;color:#8b4513}.puzzle-about-content p{margin:0 0 .75rem;line-height:1.7;font-size:clamp(.95rem,2vw,1.1rem)}.puzzle-about-content .age-note{font-style:italic;color:#666;font-size:clamp(.85rem,1.5vw,.95rem);margin-top:.5rem}.home-bottom-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 2rem;margin-top:1rem;background:linear-gradient(135deg,#f5e6d3,#e8d4c0)}.home-bottom-container h2{font-size:clamp(1.25rem,3vw,1.5rem);margin:0 0 1rem;color:#8b4513}.home-bottom-container p{margin:0;line-height:1.6;font-size:clamp(1rem,2vw,1.1rem);max-width:600px}@media(prefers-reduced-motion:reduce){.home-top-container a button{transition:none}.home-top-container a button:hover{transform:none}}@media(max-width:768px){.home-middle-container{flex-direction:column;padding:2rem 1.5rem}#anc_logo_img{max-width:100%}}@media(max-width:480px){.home-top-container{padding:3rem 1rem}.home-top-container a button{padding:.8rem 2rem}.home-middle-container{padding:1.5rem 1rem}.home-bottom-container{padding:2rem 1rem}}body.menu-open{overflow:hidden}#header{display:flex;flex-direction:column;width:100%}.header-text-container{display:flex;align-items:center;justify-content:space-between;flex-direction:row;min-height:50px;background-color:#0d6b3a;color:#fff;padding:10px 20px;gap:15px}.header-title{display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center;flex:1}.header-text-container h3{margin:0;padding:2px 0;font-size:clamp(1rem,2vw,1.5rem)}.header-text-container img{width:clamp(60px,10vw,80px);height:auto}.header-text-container img:hover{cursor:pointer}.desktop-nav{display:flex;justify-content:flex-end;align-items:center;padding:10px 20px;background-color:#f5f5f5}.desktop-nav ul{display:flex;gap:30px;margin:10px;padding:0;transform:translate(-10%);list-style:none}.desktop-nav ul li{position:relative}.desktop-nav ul li a{text-decoration:none;color:#333;text-transform:uppercase;font-weight:500;transition:color .3s}.desktop-nav ul li a:hover{color:#426b1f}.desktop-nav ul li:after{content:"";height:3px;width:0;background:#426b1f;position:absolute;left:0;bottom:-5px;transition:.5s}.desktop-nav ul li:hover:after{width:100%}.nav-btn{display:inline-block;padding:10px 20px;background-color:#0d6b3a;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;text-decoration:none;transition:background-color .3s}.nav-btn:hover{background-color:#0ea04e}.nav-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}.nav-btn a{color:#fff;text-decoration:none}.user-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;letter-spacing:.5px;flex-shrink:0;-webkit-user-select:none;user-select:none}.nav-btn-avatar{background:none;padding:4px}.nav-btn-avatar:hover{background:#ffffff26}.user-dropdown-wrapper{position:relative}.dropdown-backdrop{position:fixed;inset:0;z-index:99}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #000;min-width:160px;z-index:100;display:flex;flex-direction:column;overflow:hidden}.dropdown-username{font-weight:600;color:#333;border-bottom:1px solid #eee;white-space:nowrap;overflow:hidden;padding:10px 16px;font-size:.95rem;text-overflow:ellipsis}.dropdown-report{background:none;border:none;color:#000;font-weight:500;cursor:pointer;text-align:left;padding:10px 16px;font-size:.95rem;transition:background-color .2s}.dropdown-report:hover{background-color:#fdf0f0}.dropdown-report:focus-visible{outline:2px solid #0D6B3A;outline-offset:-2px}.dropdown-logout{background:none;border:none;color:#c0392b;font-weight:500;cursor:pointer;text-align:left;padding:10px 16px;font-size:.95rem;transition:background-color .2s}.dropdown-logout:hover{background-color:#fdf0f0}.dropdown-logout:focus-visible{outline:2px solid #c0392b;outline-offset:-2px}.hamburger:focus-visible{outline:3px solid #fff;outline-offset:2px;border-radius:4px}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:10px;z-index:1001}.hamburger span{width:25px;height:3px;background-color:#fff;transition:transform .3s ease,opacity .3s ease;border-radius:2px}.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:998;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.sidebar-backdrop.active{opacity:1;visibility:visible}.sidebar{position:fixed;top:0;right:0;width:300px;height:100vh;background-color:#0d6b3a;z-index:999;transform:translate(100%);transition:transform .3s ease-in-out;box-shadow:-2px 0 10px #0000004d;display:flex;flex-direction:column;padding:20px}.sidebar.active{transform:translate(0)}.close-btn{align-self:flex-end;background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:1000;transition:transform .2s}.close-btn:hover{transform:scale(1.2)}.sidebar-nav{display:flex;flex-direction:column;margin-top:40px;gap:20px}.sidebar-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.sidebar-nav ul li{width:100%}.sidebar-nav ul li a{display:block;padding:15px 20px;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:500;transition:background-color .3s;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-nav ul li a:hover{background-color:#ffffff1a}.sidebar-nav .nav-btn{width:100%;margin-top:20px;background-color:#fff;color:#000;display:flex;align-items:center;gap:.6rem;font-size:1rem}.sidebar-nav .nav-btn .user-avatar{flex-shrink:0}.sidebar-nav .nav-btn a{color:#000;text-decoration:none;font-weight:500}.sidebar-nav .nav-btn:hover{background-color:#f0f0f0}.logout-btn{display:flex;align-items:center;justify-content:center;border:red;border-radius:5px;padding:10px;color:#fff;background-color:#8b0000}.logout-btn:hover{background-color:red}@media(prefers-reduced-motion:reduce){.desktop-nav ul li a,.desktop-nav ul li:after,.nav-btn,.hamburger span,.sidebar-backdrop,.sidebar,.close-btn,.sidebar-nav ul li a{transition:none}.close-btn:hover{transform:none}.hamburger.active span:nth-child(1),.hamburger.active span:nth-child(3){transition:none}}@media(max-width:800px){.desktop-nav{display:none}.hamburger{display:flex}.sidebar{width:80%;max-width:300px}}.report-overlay{position:fixed;inset:0;background:#0000008c;display:flex;justify-content:center;align-items:center;pointer-events:all}.report-card{position:relative;background:#fff;border-radius:16px;box-shadow:0 4px 24px #0003;padding:2.5rem 2rem;width:100%;max-width:480px}.report-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.1rem;color:#555;cursor:pointer;line-height:1;padding:.25rem .5rem;border-radius:4px;transition:color .2s ease,background .2s ease}.report-close-btn:hover{color:#c0392b;background:#fdecea}.report-card h1{font-size:clamp(1.4rem,4vw,1.8rem);color:#0d6b3a;margin-bottom:1.75rem;text-align:center}.report-form{display:flex;flex-direction:column;gap:1.25rem}.report-field{display:flex;flex-direction:column;gap:.4rem}.report-field label{font-weight:700;font-size:.9rem;color:#333}.report-field input,.report-field textarea{padding:.75rem 1rem;border:1.5px solid #ccc;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s ease}.report-field input:focus,.report-field textarea:focus{outline:none;border-color:#0d6b3a}.report-field textarea{resize:vertical;min-height:120px}.report-field-error{font-size:.85rem;color:#c0392b}.report-error{background:#fdecea;color:#c0392b;border-radius:8px;padding:.6rem 1rem;font-size:.9rem;margin-bottom:.5rem}.report-btn{padding:.85rem;border:none;border-radius:50px;font-size:1rem;font-weight:700;letter-spacing:1px;background:linear-gradient(135deg,#0d6b3a,#0ea04e);color:#fff;cursor:pointer;box-shadow:0 4px 15px #426b1f66;transition:all .3s ease;margin-top:.5rem}.report-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #426b1f80}.report-success{text-align:center;font-size:1.1rem;color:#0d6b3a;font-weight:700;padding:1rem 0}@media(prefers-reduced-motion:reduce){.report-btn{transition:none}.report-btn:hover{transform:none}}@media(max-width:480px){.report-card{padding:2rem 1.25rem;margin:0 1rem}}.footer{background-color:#2a2a2a;color:#fff;padding:3rem 2rem 1.5rem;font-size:.95rem;margin-top:auto}.footer-content img{width:15%;height:auto}.footer-content{max-width:900px;margin:0 auto;text-align:center}.footer-contact{margin-bottom:2rem}.footer-contact a{color:#fff;text-decoration:none;font-size:1.1rem;transition:color .3s}.footer-contact a:hover{color:#426b1f}.footer-links{margin-bottom:2rem}.footer-links a{color:#fff;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#426b1f}.footer-links span{margin:0 .5rem}.footer-license,.footer-archival,.footer-code-license{margin-bottom:2rem}.footer-license p,.footer-archival p,.footer-code-license p{margin:.5rem 0;line-height:1.6}.footer-license em{font-style:italic}.footer-bottom{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:2rem auto 0;padding-top:1.5rem;border-top:1px solid #444}.footer-copyright p{margin:0;color:#999}.footer-social{display:flex;gap:1.5rem}.footer-social a{color:#999;font-size:1.3rem;transition:color .3s}.footer-social a:hover{color:#fff}@media(prefers-reduced-motion:reduce){.footer-contact a,.footer-links a,.footer-social a{transition:none}}@media(max-width:768px){.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}.admin-layout{display:flex;flex:1}.admin-sidebar{width:220px;flex-shrink:0;background-color:#0d6b3a;display:flex;flex-direction:column;padding:2rem 0;gap:.25rem}.admin-sidebar h1{color:#fff;font-size:1.5rem;letter-spacing:2px;padding:0 1.25rem .75rem;margin:0;border-bottom:1px solid rgba(255,255,255,.3)}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;color:#fffc;font-size:.95rem;font-weight:500;cursor:pointer;border:none;background:none;text-align:left;width:100%;transition:background-color .2s,color .2s;border-left:3px solid transparent}.sidebar-item:hover{background-color:#ffffff1a;color:#fff}.sidebar-item.active{background-color:#ffffff26;color:#fff;border-left:3px solid white;font-weight:600}.sidebar-item svg{flex-shrink:0;font-size:1.1rem}.notification-badge{margin-left:auto;background-color:#e53e3e;color:#fff;font-size:.7rem;font-weight:700;min-width:18px;height:18px;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0}.admin-main{flex:1;padding:2rem;background-color:#fff;overflow-y:auto}.admin-main h1{font-size:1.5rem;color:#1a1a1a;margin:0 0 .25rem}.admin-main .admin-subtitle{color:#666;font-size:.9rem;margin:0 0 2rem}.stat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem;margin-bottom:2.5rem}.stat-card{background:#fff;border-radius:10px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 2px 8px #00000012}.stat-card .stat-label{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:#888;font-weight:500}.stat-card .stat-value{font-size:2rem;font-weight:700;color:#1a1a1a;line-height:1}.stat-card .stat-subvalue{font-size:.72rem;color:#aaa;font-weight:400;line-height:1.2}.stat-card .stat-delta{font-size:.8rem;color:#0d6b3a;font-weight:500}.stat-card .stat-delta.down{color:#c0392b}.admin-section-title{font-size:1rem;font-weight:600;color:#333;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e8d4c0}.admin-panels{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.admin-panel{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 8px #00000012}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#444;padding-bottom:.75rem;border-bottom:1px solid #f0ebe4}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-dot{width:8px;height:8px;border-radius:50%;background-color:#0d6b3a;flex-shrink:0}.activity-time{margin-left:auto;color:#aaa;font-size:.8rem;white-space:nowrap}.progress-list{display:flex;flex-direction:column;gap:1rem}.progress-row{display:flex;flex-direction:column;gap:.35rem}.progress-row-header{display:flex;justify-content:space-between;font-size:.85rem;color:#555}.progress-bar-track{height:8px;background-color:#eee;border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#0d6b3a,#0ea04e);border-radius:99px;transition:width .4s ease}.user-filter-bar{display:flex;gap:.75rem;margin-bottom:1rem}.user-filter-input{flex:1;padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;outline:none}.user-filter-input:focus{border-color:#0d6b3a}.user-filter-select{padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;background:#fff;cursor:pointer;outline:none}.user-filter-select:focus{border-color:#0d6b3a}.panel-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.info-card{background:#fff;border-radius:10px;padding:1.25rem 1.5rem;box-shadow:0 2px 8px #00000012;display:flex;flex-direction:column;gap:.4rem}.card-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.card-title{font-weight:600;font-size:1rem;color:#1a1a1a}.card-date{font-size:.9rem;color:#000;white-space:nowrap}.card-meta{font-size:.85rem;color:#555;margin:0}.card-description{font-size:.9rem;color:#333;margin:.25rem 0 0}.card-footer{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.card-footer-label{font-size:.85rem;color:#555}.badge{display:inline-block;padding:.2rem .65rem;border-radius:99px;font-size:.75rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.badge-user{background:#f3f4f6;color:#374151}.badge-admin{background:#ede9fe;color:#5b21b6}.badge-open{background:#fef3c7;color:#92400e}.badge-in-review{background:#dbeafe;color:#1e40af}.badge-resolved{background:#d1fae5;color:#065f46}.admin-delete-btn{margin-left:auto;padding:.3rem .85rem;background:#fff;color:#b91c1c;border:1.5px solid #b91c1c;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.admin-delete-btn:hover{background:#b91c1c;color:#fff}.admin-btn-outline{padding:.5rem 1.25rem;background:#fff;color:#333;border:1.5px solid #ccc;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer}.admin-btn-outline:hover{background:#f3f4f6}.admin-btn-danger{padding:.5rem 1.25rem;background:#b91c1c;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer}.admin-btn-danger:hover{background:#991b1b}.empty-state{color:#888;text-align:center;padding:3rem 0;font-size:.95rem}@media(prefers-reduced-motion:reduce){.sidebar-item,.progress-bar-fill{transition:none}}@media(max-width:900px){.admin-panels{grid-template-columns:1fr}}@media(max-width:700px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;padding:.5rem;gap:0}.admin-sidebar h1{display:none}.sidebar-item{flex:1;justify-content:center;padding:.75rem .5rem;border-left:none;border-bottom:3px solid transparent;font-size:.8rem}.sidebar-item.active{border-left:none;border-bottom:3px solid white}.stat-cards{grid-template-columns:repeat(2,1fr)}}.timeline-page{min-height:100vh}.timeline-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem}.timeline-section h1{text-align:center;padding:1.5rem 2rem;font-weight:700;margin-bottom:.75rem;font-size:clamp(1.5rem,4vw,2.5rem);border-bottom:5px dotted #FFD700;letter-spacing:-.025em}#timeline-heading-quote{color:#000;padding:1rem 2rem;font-style:italic;text-align:center;font-size:clamp(.9rem,2vw,1.1rem);max-width:600px;margin-bottom:2rem}.shards-collected-btn{background:linear-gradient(135deg,#0d6b3a,#0ea04e);color:#fff;padding:1rem 2rem;margin-bottom:2rem;border:none;border-radius:50px;font-size:clamp(.9rem,2vw,1.1rem);font-weight:700;letter-spacing:1px;cursor:pointer;box-shadow:0 4px 15px #426b1f66;transition:.3s linear;position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.6rem}.shards-collected-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.shards-collected-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #426b1f80}.shards-collected-btn:hover:before{left:100%}.tracks{display:flex;flex-direction:column;background:linear-gradient(180deg,#000,#2a2a2a,#2d2d2d);border:2px solid #0D6B3A;padding:1.5rem;border-radius:1%;width:90%;max-width:900px;gap:1.5rem;box-shadow:0 8px 32px #0000004d}.timeline-track1,.timeline-track2,.timeline-track3{display:flex;flex-direction:column;padding:1rem;border-radius:15px;transition:transform .3s ease,box-shadow .3s ease}.timeline-track1:hover,.timeline-track2:hover,.timeline-track3:hover{transform:scale(1.02);box-shadow:0 6px 20px #0003}.timeline-section h3{margin:0 0 1rem;padding:.5rem 1rem;font-size:clamp(1rem,2.5vw,1.25rem);border-radius:8px}.timeline-track1{background:linear-gradient(135deg,#f5e6d3,#e8d4c0);border:2px solid #0D6B3A}.timeline-track1 h3{background:#0d6b3a;color:#fff}.tt1-shards{display:flex;align-items:center;justify-content:center;padding:.75rem;gap:5%}.tt1-shards button{flex:1;max-width:120px;background:linear-gradient(135deg,gold,orange);border:none;border-radius:12px;text-align:center;font-size:clamp(1rem,2vw,1.25rem);font-weight:700;cursor:pointer;box-shadow:0 4px 10px #ffa50066;transition:all .3s ease}.tt1-shards button:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:translateY(-4px);box-shadow:0 8px 20px #ffa50080}.tt1-shards button,.tt2-shards button,.tt3-shards button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;min-height:90px;padding:.75rem clamp(.5rem,2vw,1rem)}.shard-btn.shard-locked{cursor:not-allowed;opacity:.5;position:relative}.shard-lock-icon{position:absolute;top:8px;right:8px;font-size:.9rem;opacity:.8}.shard-number{font-size:clamp(1rem,2vw,1.25rem);font-weight:700;padding-bottom:.5rem;line-height:1}.shard-title{font-size:clamp(.7rem,1.5vw,.85rem);font-weight:600;line-height:1.3;text-align:center;word-break:break-word;opacity:.9}.shard-btn.shard-locked:hover{transform:none!important;box-shadow:0 4px 10px #0000004d!important}.shard-btn.shard-completed{position:relative;box-shadow:0 0 15px #4caf5099;border:2px solid #4CAF50}.shard-btn.shard-completed:after{content:"✔";position:absolute;top:-8px;right:-8px;background:#4caf50;color:#fff;width:20px;height:20px;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center}.tt1-shards a,.tt2-shards a,.tt3-shards a{flex:1;max-width:120px;text-decoration:none}.tt1-shards a button,.tt2-shards a button,.tt3-shards a button{width:100%}.timeline-track2{background:linear-gradient(135deg,#e3eef9,#cde0f2);border:2px solid #0EA04E}.timeline-track2 h3{background:#0ea04e;color:#fff}.tt2-shards{display:flex;align-items:center;justify-content:center;padding:.75rem;gap:5%}.tt2-shards button{flex:1;max-width:120px;background:linear-gradient(135deg,#4a90d9,#2563a8);border:none;border-radius:12px;text-align:center;font-size:clamp(1rem,2vw,1.25rem);font-weight:700;color:#fff;cursor:pointer;box-shadow:0 4px 10px #2563a866;transition:all .3s ease}.tt2-shards button:hover{background:linear-gradient(135deg,#2563a8,#1a4b7c);transform:translateY(-4px);box-shadow:0 8px 20px #2563a880}.timeline-track3{background:linear-gradient(135deg,#e0f2e9,#c8e6d8);border:2px solid #52D47A}.timeline-track3 h3{background:#52d47a;color:#0a2a18}.tt3-shards{display:flex;align-items:center;justify-content:center;padding:.75rem;gap:5%}.tt3-shards button{flex:1;max-width:120px;background:linear-gradient(135deg,#3cb371,#228b55);border:none;border-radius:12px;text-align:center;font-size:clamp(1rem,2vw,1.25rem);font-weight:700;color:#fff;cursor:pointer;box-shadow:0 4px 10px #228b5566;transition:all .3s ease}.tt3-shards button:hover{background:linear-gradient(135deg,#228b55,#166b3f);transform:translateY(-4px);box-shadow:0 8px 20px #228b5580}.book-icon{font-size:clamp(.9rem,2vw,1.1rem);flex-shrink:0}@media(prefers-reduced-motion:reduce){.shards-collected-btn,.shards-collected-btn:before{transition:none}.shards-collected-btn:hover{transform:none}.timeline-track1,.timeline-track2,.timeline-track3{transition:none}.timeline-track1:hover,.timeline-track2:hover,.timeline-track3:hover{transform:none}.tt1-shards button,.tt2-shards button,.tt3-shards button{transition:none}.tt1-shards button:hover,.tt2-shards button:hover,.tt3-shards button:hover{transform:none}}@media(max-width:768px){.timeline-section{padding:1rem .5rem}.tracks{width:95%;padding:1rem;gap:1rem}.timeline-track1,.timeline-track2,.timeline-track3{padding:.75rem}.tt1-shards,.tt2-shards,.tt3-shards{gap:3%;padding:.5rem}.tt1-shards button,.tt2-shards button,.tt3-shards button{max-width:100px;border-radius:10px}.shards-collected-btn{padding:.8rem 1.5rem}}@media(max-width:480px){.timeline-section h1{padding:1rem}#timeline-heading-quote{padding:.75rem 1rem}.tracks{padding:.75rem;border-radius:15px}.timeline-track1,.timeline-track2,.timeline-track3{padding:.5rem;border-radius:10px}.timeline-section h3{font-size:.9rem;padding:.4rem .75rem;margin-bottom:.75rem}.tt1-shards,.tt2-shards,.tt3-shards{gap:8px;padding:.25rem}.tt1-shards a,.tt2-shards a,.tt3-shards a{flex:1;max-width:120px;text-decoration:none}.tt1-shards a button,.tt2-shards a button,.tt3-shards a button{width:100%}.tt1-shards button,.tt2-shards button,.tt3-shards button{max-width:80px;border-radius:8px;padding:.75rem .5rem}.shards-collected-btn{padding:.7rem 1.2rem;border-radius:30px}}.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}.who-we-are-hero{text-align:center;padding:3rem 2rem 2rem;background-color:#fff}.who-we-are-hero h1{font-size:2.5rem;color:#2d2d2d;margin-bottom:1rem}.hero-subtitle{font-size:1.15rem;color:#555;max-width:700px;margin:0 auto;line-height:1.6}.green-box-container{display:flex;background-color:#0d6b3a;padding:4rem 3rem;gap:3rem;align-items:center}.img-readmore-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;flex-shrink:0}.img-readmore-section img{width:280px;height:auto}.img-readmore-section button{font-size:16px;background-color:#2d2d2d;color:#fff;border:none;border-radius:25px;padding:12px 24px;cursor:pointer;white-space:nowrap;transition:background-color .2s}.img-readmore-section button:hover{background-color:#1a1a1a}.read-our-blog-section{display:flex;color:#fff;align-items:center;justify-content:space-between;background-color:#2db84b;padding:20px 40px}.read-our-blog-section p{color:#fff;font-size:1.4rem;font-weight:800;margin:1rem auto;flex:1}.read-our-blog-section button{font-size:16px;background-color:#2d2d2d;color:#fff;border:none;border-radius:25px;padding:12px 24px;cursor:pointer;white-space:nowrap;transition:background-color .2s}.read-our-blog-section button:hover{background-color:#1a1a1a}.text-container{color:#fff;font-size:18px;line-height:1.6;max-width:900px;text-align:center}.text-container p{margin-bottom:1.5rem}.mission-section{text-align:center;padding:4rem 2rem;background-color:#fff;max-width:850px;margin:0 auto}.mission-section h2{font-size:2rem;color:#2d2d2d;margin-bottom:1.5rem}.mission-section p{font-size:1.1rem;color:#444;line-height:1.7;margin-bottom:1rem}.what-we-offer-section{padding:4rem 2rem;background-color:#f5f5f0;text-align:center}.what-we-offer-section h2{font-size:2rem;color:#2d2d2d;margin-bottom:2.5rem}.offer-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:1100px;margin:0 auto}.offer-card{background-color:#0d6b3a;color:#fff;border-radius:12px;padding:2rem 1.5rem;width:280px;text-align:center;transition:transform .2s,box-shadow .2s}.offer-card:nth-child(3n+2){background-color:#0ea04e}.offer-card:nth-child(3n){background-color:#52d47a;color:#000}.offer-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0d6b3a}.offer-card h3{font-size:1.25rem;margin-bottom:.75rem}.offer-card p{font-size:.95rem;line-height:1.5;opacity:.9}.museum-container{padding:4rem 2rem;background-color:#fff;text-align:center}.museum-container h2{font-size:2rem;color:#2d2d2d;margin-bottom:2.5rem}.museum-stuffs{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:3rem;max-width:1100px;margin:0 auto}.google-map iframe{border-radius:12px;box-shadow:0 4px 12px #00000026;width:600px;height:500px}.museum-contents{display:flex;flex-direction:column;max-width:400px;padding:2rem}.museum-contents h1{font-size:1.5rem;margin-top:0;margin-bottom:.75rem;color:#333;border-bottom:3px solid #0D6B3A;padding-bottom:.5rem}.museum-contents h1:not(:first-child){margin-top:2rem}.museum-contents p{font-size:1.1rem;margin:0 0 1.5rem;line-height:1.6}.museum-contents ul{list-style:none;padding:0;margin:0 0 1.5rem}.museum-contents ul li{font-size:1.05rem;padding:.5rem 0 .5rem 1.5rem;position:relative}.museum-contents ul li:before{content:"•";position:absolute;left:0;color:#0d6b3a;font-size:1.5rem}.museum-contents h2{font-size:1.2rem;margin:0;color:#0d6b3a}@media(max-width:1024px){.museum-stuffs{flex-direction:column;align-items:center}.google-map iframe{width:100%;max-width:600px}.museum-contents{text-align:center;max-width:600px}.museum-contents ul li{text-align:left}}@media(max-width:768px){.green-box-container{flex-direction:column;padding:2.5rem 1.5rem}.who-we-are-hero h1{font-size:2rem}.offer-cards{flex-direction:column;align-items:center}.offer-card{width:100%;max-width:350px}}.settings-layout{display:flex;min-height:calc(100vh - 64px)}.settings-sidebar{width:220px;flex-shrink:0;background-color:#0d6b3a;display:flex;flex-direction:column;padding:2rem 0;gap:.25rem}.settings-sidebar-title{color:#fff;font-size:1.2rem;letter-spacing:1px;padding:0 1.25rem .75rem;margin:0;border-bottom:1px solid rgba(255,255,255,.3)}.settings-sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;color:#fffc;font-size:.95rem;font-weight:500;cursor:pointer;border:none;background:none;text-align:left;width:100%;transition:background-color .2s,color .2s;border-left:3px solid transparent}.settings-sidebar-item:hover{background-color:#ffffff1a;color:#fff}.settings-sidebar-item.active{background-color:#ffffff26;color:#fff;border-left:3px solid white;font-weight:600}.settings-sidebar-item svg{flex-shrink:0;font-size:1.1rem}.settings-sidebar-item:focus-visible{outline:2px solid white;outline-offset:-2px}.settings-main{flex:1;padding:2rem 2.5rem;background-color:#fff;overflow-y:auto}.settings-main h1{font-size:1.5rem;color:#1a1a1a;margin:0 0 .25rem}.settings-subtitle{color:#666;font-size:.9rem;margin:0 0 2rem}.settings-section{background:#e8f5ee;border:2px solid #0D6B3A;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.settings-section h2{font-size:1rem;color:#0d6b3a;margin-bottom:1rem}.settings-row{display:flex;align-items:center;gap:1rem}.settings-row label{font-size:.95rem;font-weight:600;color:#2c2c2c;min-width:60px}.settings-row select{flex:1;padding:.5rem .75rem;border:2px solid #0D6B3A;border-radius:8px;background:#fff;font-size:.9rem;color:#2c2c2c;cursor:pointer}.settings-row select:focus{outline:none;border-color:#0a4f2b}.settings-inline-feedback{display:flex;align-items:center;gap:.75rem}.settings-saved{font-size:.85rem;color:green;font-weight:600;white-space:nowrap}.settings-field-error{font-size:.85rem;color:#b91c1c;font-weight:600}.password-wrapper{position:relative;width:100%}.password-wrapper .settings-input{width:100%;padding-right:2.75rem}.password-wrapper .icon-btn{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.2rem;cursor:pointer;display:flex;align-items:center;color:#555;border-radius:4px}.btn-group{display:flex;border:2px solid #0D6B3A;border-radius:8px;overflow:hidden}.btn-group-item{flex:1;padding:.5rem 1rem;border:none;background:#fff;color:#0d6b3a;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.btn-group-item+.btn-group-item{border-left:2px solid #0D6B3A}.btn-group-item.active{background:#0d6b3a;color:#fff}.btn-group-item:hover:not(.active){background:#c8ecd8}.settings-field{display:flex;flex-direction:column;gap:.5rem}.settings-field label{font-size:.875rem;font-weight:600;color:#2c2c2c}.settings-input{width:100%;padding:.5rem .75rem;border:2px solid #0D6B3A;border-radius:8px;font-size:.9rem;color:#2c2c2c;background:#fff}.settings-input:focus{outline:none;border-color:#0a4f2b}.settings-input-row{display:flex;gap:.75rem;align-items:center}.settings-input-row .settings-input{flex:1}.settings-disabled-username{padding:.5rem .75rem;border:2px solid #ccc;border-radius:8px;font-size:.9rem;color:#888;background:#f3f4f6;cursor:not-allowed;min-width:160px}.settings-btn{padding:.5rem 1.25rem;background:#0d6b3a;color:#fff;border:2px solid #0D6B3A;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.settings-btn:hover{background:#0a4f2b;border-color:#0a4f2b}.settings-btn:focus-visible{outline:2px solid #0D6B3A;outline-offset:2px}.settings-btn-outline{background:#fff;color:#0d6b3a}.settings-btn-outline:hover{background:#e8f5ee;border-color:#0a4f2b;color:#0a4f2b}.settings-btn-danger{background:#b91c1c;border-color:#b91c1c}.settings-btn-danger:hover{background:#991b1b;border-color:#991b1b}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.settings-toggle-row--bordered{margin-top:1rem;padding-top:1rem;border-top:1px solid #b8ddc8}.settings-row-label{font-size:.95rem;font-weight:600;color:#2c2c2c}.settings-hint{font-size:.8rem;color:#666;margin:.2rem 0 0}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;inset:0;background:#ccc;border-radius:24px;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch input:checked+.toggle-slider{background:#0d6b3a}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:focus-visible+.toggle-slider{outline:2px solid #0D6B3A;outline-offset:2px}.settings-danger-zone{background:#fff5f5;border-color:#b91c1c}.settings-danger-zone h2{color:#b91c1c}.confirm-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200}.confirm-dialog{background:#fff;border-radius:12px;padding:2rem;max-width:400px;width:90%;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 8px 32px #0003}.confirm-dialog h2{font-size:1.1rem;color:#b91c1c;margin:0}.confirm-dialog p{font-size:.9rem;color:#555;margin:0;line-height:1.5}.confirm-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.settings-credits{list-style:none;display:flex;flex-direction:column;gap:.75rem}.settings-credit-item{display:flex;gap:1rem;font-size:.9rem;padding-bottom:.75rem;border-bottom:1px solid #b8ddc8}.settings-credit-item:last-child{border-bottom:none;padding-bottom:0}.credit-role{color:#0d6b3a;font-weight:600;min-width:120px}.credit-name{color:#333}.slider-container{display:flex;gap:1rem}.slider{-webkit-appearance:none;width:100%;height:15px;border-radius:5px;background:#d3d3d3;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:25px;height:25px;border-radius:50%;background:#0d6b3a;cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#0d6b3a;cursor:pointer}body.high-contrast{filter:contrast(1.5)}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@media(max-width:700px){.settings-layout{flex-direction:column}.settings-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;padding:.5rem;gap:0}.settings-sidebar-title{display:none}.settings-sidebar-item{flex:1;justify-content:center;padding:.75rem .5rem;border-left:none;border-bottom:3px solid transparent;font-size:.8rem}.settings-sidebar-item.active{border-left:none;border-bottom:3px solid white}.settings-main{padding:1.5rem;max-width:100%}}.puzzle-title{text-align:center;border:solid 2px #c9a66b;padding:2rem 1rem}.puzzle-instruction{text-align:center;color:#aaa;font-size:.95rem;margin:.75rem 0 1.5rem}.reward-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.reward-popup{background:linear-gradient(135deg,#f5e6d3,#e8d4c0);border:2px solid #c9a66b;border-radius:20px;padding:2rem 2.5rem;max-width:500px;width:90%;text-align:center;box-shadow:0 8px 32px #0000004d}.reward-popup h3{color:#8b4513;font-size:clamp(1.25rem,3vw,1.5rem);margin-bottom:1rem}.reward-popup p{font-size:clamp(.95rem,2vw,1.1rem);line-height:1.75;color:#2c2c2c;margin-bottom:1.5rem}.reward-popup .next-button{background:linear-gradient(135deg,gold,orange);border:none;border-radius:50px;padding:.8rem 2.5rem;font-size:clamp(.95rem,2vw,1.1rem);font-weight:700;color:#2c2c2c;cursor:pointer;box-shadow:0 4px 15px #ffa50066;transition:all .3s ease;letter-spacing:1px}.reward-popup .next-button:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:translateY(-3px);box-shadow:0 6px 20px #ffa50080}@media(prefers-reduced-motion:reduce){.reward-popup .next-button{transition:none}.reward-popup .next-button:hover{transform:none}}.shard9-content{transition:opacity .45s ease-out}.shard9-content--exit{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.shard9-content{transition:none}}.FillInTheBlank-section{display:flex;flex-direction:column;align-items:center;max-width:700px;margin:2rem auto;padding:2rem;background:linear-gradient(135deg,#f5e6d3,#e8d4c0);border:2px solid #c9a66b;border-radius:16px;box-shadow:0 4px 12px #00000026}.FillInTheBlank{width:100%;margin-bottom:1.5rem}.question-text{font-size:clamp(1rem,2.5vw,1.2rem);line-height:2.2;color:#2c2c2c;text-align:center}.blank-button{display:inline-block;min-width:80px;padding:.3rem .8rem;margin:0 .25rem;font-size:1rem;font-weight:600;color:#8b4513;background:#fff;border:2px dashed #c9a66b;border-radius:8px;cursor:pointer;transition:all .2s ease}.blank-button:hover{border-color:#8b4513;background:#fdf6ee}.blank-button:focus-visible{outline:3px solid #8B4513;outline-offset:2px}.blank-button.active{border:2px solid #8B4513;background:#fdf6ee;box-shadow:0 0 0 3px #8b451333}.blank-button.filled{background:#e8d4c0;border-style:solid;border-color:#c9a66b;cursor:grab}.blank-button.filled:hover{background:#f0c8a8;border-color:#8b4513}.word-bank{width:100%;margin-bottom:1.5rem}.random-word-collection{display:flex;justify-content:center}.a-word{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.a-word button{padding:.5rem 1.2rem;font-size:.95rem;font-weight:600;color:#2c2c2c;background:#fff;border:2px solid #c9a66b;border-radius:50px;cursor:pointer;transition:all .2s ease}.a-word button{cursor:grab}.a-word button:active{cursor:grabbing}.a-word button:hover:not(:disabled){background:linear-gradient(135deg,gold,orange);border-color:orange;transform:translateY(-2px);box-shadow:0 3px 10px #ffa5004d}.a-word button:focus-visible{outline:3px solid #8B4513;outline-offset:2px}.a-word button.used{opacity:.35;cursor:not-allowed;border-style:dashed;transform:none;box-shadow:none}.fitb-buttons{display:flex;gap:.8rem}.fitb-buttons button{background:linear-gradient(135deg,gold,orange);border:none;border-radius:50px;padding:.7rem 2rem;font-size:1rem;font-weight:700;color:#2c2c2c;cursor:pointer;box-shadow:0 4px 15px #ffa50066;transition:all .3s ease;margin:.4rem}.fitb-buttons button:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:translateY(-3px);box-shadow:0 6px 20px #ffa50080}.fitb-buttons button:focus-visible{outline:3px solid #2c2c2c;outline-offset:3px}@media(prefers-reduced-motion:reduce){.blank-button,.a-word button,.fitb-buttons button{transition:none}.a-word button:hover:not(:disabled),.fitb-buttons button:hover{transform:none}}@media(max-width:600px){.FillInTheBlank-section{margin:1rem;padding:1.25rem}.blank-button{min-width:60px}}.context-view{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:700px;margin:4rem auto;padding:2rem 2.5rem;background:linear-gradient(135deg,#f5e6d3,#e8d4c0);border:2px solid #c9a66b;border-radius:20px;box-shadow:0 8px 32px #0003}.context-view p{font-size:clamp(.95rem,2vw,1.1rem);line-height:1.75;color:#2c2c2c;margin-bottom:1rem;text-align:left;width:100%}.context-view p:last-of-type{margin-bottom:1.5rem}.context-view strong{color:#8b4513}.context-view img{max-width:100%;height:auto;border-radius:12px;margin:1rem 0;box-shadow:0 4px 12px #00000026}.buttons-container{display:flex;gap:2rem;padding-top:.5rem}.context-view .next-btn,.back-btn{background:linear-gradient(135deg,gold,orange);border:none;border-radius:50px;padding:.8rem 2.5rem;font-size:clamp(.95rem,2vw,1.1rem);font-weight:700;color:#2c2c2c;cursor:pointer;box-shadow:0 4px 15px #ffa50066;transition:all .3s ease;letter-spacing:1px;margin-top:.5rem}.context-view .next-btn:hover,.back-btn:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:translateY(-3px);box-shadow:0 6px 20px #ffa50080}.context-view .next-btn:focus-visible,.back-btn:focus-visible{outline:3px solid #2c2c2c;outline-offset:3px}.read-aloud-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:2px dashed #c9a66b;border-radius:50px;min-width:220px;padding:.6rem 1.8rem;font-size:clamp(.9rem,2vw,1rem);font-weight:600;color:#8b4513;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;margin-top:.5rem}.read-aloud-btn:hover{background:#c9a66b26;border-color:#8b4513;transform:translateY(-2px);box-shadow:0 4px 12px #8b451333}.read-aloud-btn:focus-visible{outline:3px solid #8B4513;outline-offset:3px}.read-aloud-btn svg{font-size:1.2em}.read-aloud-row{display:flex;align-items:center;gap:.5rem}.voice-settings-hint{position:relative;color:#8b4513;font-size:1.2rem;cursor:default;display:flex;align-items:center}.voice-settings-tooltip{display:none;position:absolute;bottom:130%;left:50%;transform:translate(-50%);background:#fff;color:#000;border:2px dashed #c9a66b;border-radius:8px;padding:6px 10px;font-size:.8rem;white-space:nowrap;pointer-events:none;z-index:10}.voice-settings-hint:hover .voice-settings-tooltip{display:block}.voice-settings-tooltip:focus-visible{outline:3px solid #8B4513;outline-offset:3px}@media(max-width:768px){.context-view{margin:1.5rem 1rem;padding:1.5rem}}@media(max-width:480px){.context-view{margin:1rem .5rem;padding:1.25rem 1rem;border-radius:15px}.context-view .back-btn .next-btn{padding:.7rem 2rem;width:100%}}.jigsaw-puzzle{position:relative}.jigsaw-puzzle__piece{position:absolute;border:1px solid #cecece;cursor:pointer;z-index:1;-webkit-user-select:none;user-select:none}.jigsaw-puzzle__piece.jigsaw-puzzle__piece--solved{border-color:#000;z-index:0}.jigsaw-puzzle__piece.jigsaw-puzzle__piece--dragging{z-index:5;box-shadow:1px 1px 5px #00000091}.jigsaw-container{display:flex;align-items:flex-start;justify-content:center;gap:2rem;max-width:1000px;margin:2rem auto;padding:1.5rem;border:1px solid black;border-radius:10px}.jigsaw-page{margin-bottom:5rem}.jigsaw-puzzle{flex:1;max-width:450px;text-align:center}.jigsaw-puzzle h3{margin-bottom:.75rem;font-size:clamp(1rem,2.5vw,1.25rem);color:#8b4513}.jigsaw-puzzle__border{border:1px solid black}.jigsaw-puzzle .jigsaw-puzzle__piece{border:1px solid black;border-radius:.5rem}.jigsaw-solution{flex:1;max-width:450px;text-align:center}.jigsaw-solution h3{margin-bottom:.75rem;font-size:clamp(1rem,2.5vw,1.25rem);color:#8b4513}.jigsaw-solution img{width:100%;border-radius:12px;border:2px solid #c9a66b;box-shadow:0 4px 12px #00000026}@media(max-width:768px){.jigsaw-container{flex-direction:column;align-items:center;padding:1rem;gap:1.5rem}.jigsaw-puzzle,.jigsaw-solution{max-width:100%;width:100%}}.glossary-term{position:relative;border-bottom:1px dashed currentColor;cursor:help}.glossary-tooltip{display:none;position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#fff;color:#000;padding:6px 10px;border-radius:8px;border:2px dashed currentColor;width:220px;font-size:.8rem;font-weight:400;font-style:normal;line-height:1.4;white-space:normal;pointer-events:none}.glossary-term:hover .glossary-tooltip,.glossary-term:focus .glossary-tooltip{display:block}.glossary-term:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}.redactedReveal-container{max-width:750px;margin:0 auto 2rem;padding:2rem 2.5rem;background:linear-gradient(135deg,#f5e6d3,#ece0d0);border:2px solid #c9a66b;border-radius:8px;box-shadow:0 4px 16px #00000026;font-family:Georgia,Times New Roman,serif;color:#2c2c2c;line-height:1.8}.document-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #c9a66b}.confidential-stamp{display:inline-block;font-size:1.3rem;font-weight:700;color:#b22222;border:3px solid #b22222;padding:.25rem 1.2rem;letter-spacing:4px;transform:rotate(2deg);margin-bottom:.5rem}.document-title{font-size:1.1rem;font-weight:700;letter-spacing:1px;margin:.5rem 0 .25rem}.document-date{font-size:.9rem;color:#555}.document-description-redacted{font-size:1.05rem;line-height:2}.redacted-wrapper{position:relative;display:inline}.redacted{background-color:#1a1a1a;color:transparent;padding:2px 6px;border-radius:3px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s ease}.redacted:hover{background-color:#333;color:transparent}.redacted.shake{animation:shake .4s ease;background-color:#5c1a1a}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.revealed-word{color:#1a6b1a;font-weight:700;background-color:#228b221a;padding:2px 6px;border-radius:3px;animation:fadeReveal .5s ease}@keyframes fadeReveal{0%{background-color:#228b2266;color:#0a4a0a}to{background-color:#228b221a;color:#1a6b1a}}.options-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;background:#2c2c2c;border:1px solid #c9a66b;border-radius:8px;padding:6px;min-width:160px;box-shadow:0 4px 16px #00000059;animation:popupIn .15s ease}.options-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#c9a66b}@keyframes popupIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.option-btn{background:transparent;color:#e8d4c0;border:1px solid transparent;border-radius:5px;padding:6px 12px;font-size:.9rem;cursor:pointer;text-align:left;transition:all .15s ease;font-family:Georgia,Times New Roman,serif}.option-btn:hover{background:#c9a66b;color:#1a1a1a;border-color:#c9a66b}.document-disclaimer{font-size:.8rem;color:#888;font-style:italic;margin-top:1.5rem;padding-top:1rem;border-top:1px dashed #c9a66b}@media(prefers-reduced-motion:reduce){.redacted{transition:none}.redacted.shake,.revealed-word,.options-popup{animation:none}.option-btn{transition:none}}@media(max-width:768px){.redactedReveal-container{margin:0 1rem 2rem;padding:1.5rem 1.25rem}.options-popup{min-width:140px}}.order-events-chronological{margin-bottom:5rem}.order-events-section{display:flex;flex-direction:column;align-items:center;max-width:700px;margin:0 auto;padding:2rem;background:#f5e6d3;border:2px solid #c9a66b;border-radius:16px;box-shadow:0 4px 12px #00000026}.events-list{width:100%;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.event-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border:2px solid #c9a66b;border-radius:10px;cursor:grab;transition:all .2s ease;-webkit-user-select:none;user-select:none}.event-card:active{cursor:grabbing;border-color:#8b4513;box-shadow:0 4px 16px #8b451340;transform:scale(1.02)}.event-card:hover{border-color:#8b4513;background:#fdf6ee;transform:translateY(-2px);box-shadow:0 3px 10px #0000001a}.event-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,gold,orange);color:#2c2c2c;font-weight:700;font-size:.95rem;border-radius:50%;flex-shrink:0}.event-text{font-size:clamp(.95rem,2.5vw,1.05rem);color:#2c2c2c;line-height:1.5}.order-events-buttons{display:flex;gap:.8rem}.order-events-buttons button{background:linear-gradient(135deg,gold,orange);border:none;border-radius:50px;padding:.7rem 2rem;font-size:1rem;font-weight:700;color:#2c2c2c;cursor:pointer;box-shadow:0 4px 15px #ffa50066;transition:all .3s ease}.order-events-buttons button:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:translateY(-3px);box-shadow:0 6px 20px #ffa50080}@media(prefers-reduced-motion:reduce){.event-card,.order-events-buttons button{transition:none}.event-card:active,.event-card:hover,.order-events-buttons button:hover{transform:none}}.event-locked{background:#e8f5e9;border:2px solid #4caf50;cursor:not-allowed;opacity:.85}.event-locked .event-number{background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff}.event-locked:hover,.event-locked:active{transform:none;box-shadow:none;border-color:#4caf50;background:#e8f5e9}@media(max-width:600px){.order-events-section{margin:0 1rem;padding:1.25rem}.event-card{padding:.75rem 1rem}}.decisionTree-section{max-width:700px;min-width:360px;margin:0 auto;padding:2rem;background:#e8d4c0;border:2px solid #c9a66b;border-radius:16px;box-shadow:0 4px 12px #00000026;margin-bottom:3rem;word-wrap:break-word;overflow-wrap:break-word}.decisionTree-history{margin-bottom:1.5rem}.history-step{position:relative;padding-left:2rem;padding-bottom:1.5rem}.history-connector{position:absolute;left:8px;top:0;bottom:0;width:2px;background:#c9a66b}.history-step:before{content:"";position:absolute;left:.5px;top:6px;width:14px;height:14px;background:linear-gradient(135deg,gold,orange);border-radius:50%;border:2px solid #c9a66b;z-index:1}.history-content{background:#ffffff80;border:1px solid #c9a66b;border-radius:10px;padding:1rem 1.25rem}.history-question{font-size:.85rem;color:#888;margin-bottom:.4rem;font-style:italic}.history-choice{font-size:.95rem;font-weight:600;color:#8b4513;margin-bottom:.4rem}.history-feedback{font-size:.9rem;color:#2c2c2c;line-height:1.5}.decisionTree-current{position:relative;padding-left:2rem}.decisionTree-current>.history-connector{bottom:auto;height:100%}.decisionTree-current:before{content:"";position:absolute;left:-1px;top:6px;width:14px;height:14px;background:#fff;border-radius:50%;border:3px solid #8B4513;z-index:1;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #8b45134d}50%{box-shadow:0 0 0 8px #8b451300}}.decisionTree-question{font-size:clamp(1rem,2.5vw,1.15rem);color:#2c2c2c;line-height:1.7;margin-bottom:1.25rem;font-weight:500}.decisionTree-choices{display:flex;flex-direction:column;gap:.75rem}.decisionTree-choice-btn{padding:1rem 1.25rem;background:#fff;border:2px solid #c9a66b;border-radius:10px;cursor:pointer;text-align:left;font-size:clamp(.9rem,2vw,1rem);color:#2c2c2c;line-height:1.5;transition:all .2s ease}.decisionTree-choice-btn:hover{border-color:#8b4513;background:#fdf6ee;transform:translate(4px);box-shadow:0 3px 10px #0000001a}.decisionTree-feedback{background:#ffffffb3;border:2px solid #c9a66b;border-radius:10px;padding:1.25rem;animation:fadeIn .4s ease}.decisionTree-feedback p{font-size:clamp(.95rem,2vw,1.05rem);color:#2c2c2c;line-height:1.6;font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.decisionTree-current:before{animation:none}.decisionTree-choice-btn{transition:none}.decisionTree-choice-btn:hover{transform:none}.decisionTree-feedback{animation:none}}@media(max-width:600px){.decisionTree-section{margin:0 1rem;padding:1.25rem}.history-step,.decisionTree-current{padding-left:1.5rem}}.drag-and-categorise{max-width:960px;margin:0 auto;padding:0 1.5rem 4rem}.dac-word-bank{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;padding:1.25rem 1.5rem;background:#c9a66b14;border:2px dashed #c9a66b;border-radius:12px;margin-bottom:3.5rem;min-height:72px;align-items:center}.dac-word-bank-empty{color:#c9a66b;font-size:.9rem;font-style:italic}.dac-word-chip{padding:.45rem 1rem;background:linear-gradient(135deg,gold,orange);border:none;border-radius:50px;font-size:.875rem;font-weight:600;color:#2c2c2c;cursor:grab;box-shadow:0 2px 8px #ffa5004d;transition:transform .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.dac-word-chip:hover{transform:translateY(-2px);box-shadow:0 4px 14px #ffa50080}.dac-word-chip:active{cursor:grabbing;transform:scale(.96)}.dac-buckets-row{display:flex;gap:1.5rem;justify-content:center;align-items:flex-end}.dac-bucket{flex:1;max-width:280px;min-height:240px;border:3px solid #c9a66b;border-top:none;border-radius:0 0 14px 14px;background:#1a1209;display:flex;flex-direction:column;justify-content:flex-end;padding:.75rem;position:relative;transition:border-color .2s ease,background .2s ease}.dac-bucket:hover{border-color:gold;background:#231a08}.dac-bucket--wrong{animation:dacWrongShake .5s ease;border-color:#e53e3e!important;background:#2d0a0a!important}@keyframes dacWrongShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.dac-bucket-label{position:absolute;top:-2.4rem;left:0;right:0;text-align:center;font-size:.85rem;font-weight:700;color:#c9a66b;letter-spacing:.07em;text-transform:uppercase}.dac-bucket-stack{display:flex;flex-direction:column;gap:.45rem}.dac-placed-word{display:block;padding:.4rem .75rem;background:linear-gradient(135deg,gold,orange);border-radius:6px;font-size:.82rem;font-weight:600;color:#2c2c2c;text-align:center;animation:dacDropIn .25s ease}@keyframes dacDropIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.dac-word-chip,.dac-bucket{transition:none}.dac-bucket--wrong,.dac-placed-word{animation:none}}@media(max-width:680px){.dac-buckets-row{flex-direction:column;align-items:center;gap:3rem}.dac-bucket{max-width:100%;width:100%}}.comm-network{max-width:960px;margin:0 auto;padding:0 1.5rem 4rem}.cn-pool{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;padding:1.25rem 1.5rem;background:#c9a66b14;border:2px dashed #c9a66b;border-radius:12px;margin-bottom:2.5rem;min-height:72px;align-items:center}.cn-pool-done{color:#c9a66b;font-size:.9rem;font-style:italic}.cn-message{padding:.55rem 1.1rem;background:linear-gradient(135deg,gold,orange);border:2px solid transparent;border-radius:50px;font-size:.875rem;font-weight:600;color:#2c2c2c;cursor:pointer;box-shadow:0 2px 8px #ffa5004d;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none;text-align:left}.cn-message:hover{transform:translateY(-2px);box-shadow:0 4px 14px #ffa50080}.cn-message--selected{border-color:#000;transform:scale(1.06);box-shadow:0 0 18px #ffd700d9}.cn-diagram{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:720px;margin:0 auto}.cn-nodes-row{display:flex;gap:1.5rem;justify-content:center;width:100%}.cn-node{flex:1;max-width:290px;min-height:110px;border:2px solid #c9a66b;border-radius:12px;background:#1a1209;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;cursor:default;transition:border-color .2s ease,background .2s ease;text-align:center}.cn-node--targetable{cursor:pointer;border-color:gold;background:#231a08}.cn-node--wrong{animation:cnShake .5s ease;border-color:#e53e3e!important;background:#2d0a0a!important}@keyframes cnShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.cn-node--filled{border-color:#4caf50;background:#0a1a0a}.cn-node-label{font-size:.82rem;font-weight:700;color:#c9a66b;letter-spacing:.06em;text-transform:uppercase}.cn-node-sub{font-size:.73rem;color:#888;font-style:italic}.cn-node-message{display:block;margin-top:.5rem;padding:.4rem .75rem;background:linear-gradient(135deg,gold,orange);border-radius:6px;font-size:.78rem;font-weight:600;color:#2c2c2c;animation:cnDropIn .3s ease}@keyframes cnDropIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.cn-hub{display:flex;flex-direction:column;align-items:center;justify-content:center;width:190px;height:78px;background:linear-gradient(135deg,#c9a66b,#8b6914);border-radius:50px;text-align:center;box-shadow:0 0 28px #c9a66b73}.cn-hub-name{font-size:.88rem;font-weight:800;color:#1a1209;letter-spacing:.04em}.cn-hub-sub{font-size:.68rem;color:#2c2c2c;font-style:italic}@media(max-width:600px){.cn-nodes-row{flex-direction:column;align-items:center}.cn-node{max-width:100%;width:100%}}@media(prefers-reduced-motion:reduce){.cn-message,.cn-node{transition:none}.cn-node--targetable,.cn-node--wrong,.cn-node-message{animation:none}}.connect-matching{max-width:960px;margin:0 auto;padding:0 1.5rem 4rem}.cm-arena{position:relative;display:flex;justify-content:space-between;align-items:center;gap:3rem;max-width:820px;margin:0 auto;padding:1rem 0}.cm-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.cm-line{stroke:gold;stroke-width:2.5;stroke-linecap:round;opacity:.85;animation:cmLineIn .3s ease}@keyframes cmLineIn{0%{opacity:0;stroke-dashoffset:120;stroke-dasharray:120}to{opacity:.85;stroke-dashoffset:0;stroke-dasharray:120}}.cm-col{display:flex;flex-direction:column;gap:1.25rem;flex:1;z-index:1}.cm-card{padding:.85rem 1.1rem;border:2px solid #c9a66b;border-radius:10px;background:#1a1209;color:#e8d4c0;font-size:.9rem;font-weight:600;cursor:pointer;text-align:left;line-height:1.4;-webkit-user-select:none;user-select:none}.cm-card--left{text-align:right}.cm-card--right{text-align:left}.cm-card--selected{border-color:#fff;background:#2a1f08;box-shadow:0 0 18px #ffd70099;transform:scale(1.04)}.cm-card--targetable{border-color:gold;background:#231a08;animation:cmPulse 1.4s ease-in-out infinite}@keyframes cmPulse{0%,to{box-shadow:0 0 #ffd70073}50%{box-shadow:0 0 0 10px #ffd70000}}.cm-card--connected{border-color:#4caf50;background:#0a1a0a;color:#a5d6a7;cursor:default;animation:cmConnectIn .3s ease}@keyframes cmConnectIn{0%{opacity:.4;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.cm-card--wrong{animation:cmWrongShake .5s ease;border-color:#e53e3e!important;background:#2d0a0a!important;color:#fc8181!important}@keyframes cmWrongShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media(max-width:640px){.cm-arena{flex-direction:column;gap:2rem}.cm-svg{display:none}.cm-card--left,.cm-card--right{text-align:center}}@media(prefers-reduced-motion:reduce){.cm-card{transition:none}.cm-card--targetable,.cm-card--wrong,.cm-card--connected,.cm-line{animation:none}}.inkdrop-wrapper{max-width:800px;margin:0 auto;padding:0 1.5rem 4rem}.inkdrop-scratch-area{position:relative;max-width:720px;margin:0 auto;border-radius:8px;overflow:hidden}.inkdrop-canvas{position:absolute;inset:0;width:100%;height:100%;cursor:cell;z-index:2;display:block}.inkdrop-document{padding:2rem 2.5rem;background:linear-gradient(135deg,#f5e6d3,#ece0d0);border:2px solid #c9a66b;border-radius:8px;box-shadow:0 4px 16px #0000002e;font-family:Georgia,Times New Roman,serif;color:#2c2c2c;line-height:1.85}.inkdrop-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #c9a66b}.inkdrop-stamp{display:inline-block;font-size:1.2rem;font-weight:700;color:#b22222;border:3px solid #b22222;padding:.2rem 1rem;letter-spacing:4px;transform:rotate(-2deg);margin-bottom:.5rem}.inkdrop-title{font-size:1.1rem;font-weight:700;letter-spacing:1px;margin:.5rem 0 .25rem}.inkdrop-date{font-size:.9rem;color:#555}.inkdrop-body{font-size:1.05rem;line-height:2}.inkdrop-body p{margin-bottom:1.2rem}.inkdrop-disclaimer{font-size:.8rem;color:#888;font-style:italic;margin-top:1.5rem;padding-top:1rem;border-top:1px dashed #c9a66b}.solved-continue-btn{display:block;margin:1.5rem auto 0;background:linear-gradient(135deg,gold,orange);border:solid black 2px;border-radius:50px;padding:.8rem 2.5rem;font-size:clamp(.95rem,2vw,1.1rem);font-weight:700;color:#2c2c2c;cursor:pointer;box-shadow:0 4px 15px #ffa50066;transition:all .3s ease;letter-spacing:1px}@media(max-width:768px){.inkdrop-document{padding:1.5rem 1.25rem}}.music-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:1.5rem 0;padding:2rem}.music-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#c9a66b14;border:1px solid #c9a66b55;border-radius:14px;padding:1.25rem 1rem;transition:border-color .2s,background .2s;cursor:default}.music-card.playing{background:#c9a66b2e;border-color:#c9a66b;box-shadow:0 0 12px #c9a66b4d}.music-card-title{color:#e0c98a;font-size:1rem;font-weight:700;margin:0;text-align:center;letter-spacing:.5px}.music-card-origin{color:#aaa;font-size:.78rem;font-style:italic;margin:0;text-align:center}.music-card-btn{margin-top:.5rem;background:transparent;border:1px solid #c9a66b;border-radius:20px;color:#c9a66b;padding:.35rem 1rem;font-size:.85rem;cursor:pointer;transition:background .2s,color .2s}.music-card-btn:hover{background:#c9a66b;color:#1a1a1a}.music-card[draggable=true]{cursor:grab}.music-card[draggable=true]:active{cursor:grabbing;opacity:.6}.am-all-placed{grid-column:1 / -1;text-align:center;color:#c9a66b;font-style:italic}.bucket-container{display:flex;gap:1.5rem;justify-content:center;margin:1rem 2rem 2rem}.am-bucket{flex:1;min-height:160px;border:2px dashed #c9a66b55;border-radius:14px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:border-color .2s,background .2s;background:#c9a66b0a}.am-bucket:hover{border-color:#c9a66b99;background:#c9a66b14}.am-bucket--wrong{border-color:#e05555;background:#e0555514;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.am-bucket-label{font-size:1.1rem;font-weight:700;color:#c9a66b;letter-spacing:2px;margin:0}.am-bucket-stack{display:flex;flex-direction:column;gap:.4rem;width:100%}.am-placed-card{display:flex;align-items:center;gap:.5rem;background:#c9a66b1f;border:1px solid #c9a66b55;border-radius:8px;padding:.4rem .75rem;color:#e0c98a;font-size:.85rem}.am-placed-title{font-weight:500}@media(max-width:640px){.music-cards-grid{grid-template-columns:repeat(2,1fr)}.bucket-container{flex-direction:column}}@keyframes finalMessageEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.final-message{min-height:100vh;background:linear-gradient(180deg,#1a1a2e,#16213e,#0f3460);color:#f5e6d3;display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem 5rem;animation:finalMessageEnter .7s ease-out forwards}.final-hero{text-align:center;padding:3rem 1rem 2rem;max-width:700px;width:100%}.final-logo{width:clamp(120px,20vw,200px);height:auto;margin-bottom:2rem;filter:brightness(1.1)}.final-heading{font-size:clamp(2rem,6vw,3.5rem);color:gold;margin:0 0 .75rem;letter-spacing:2px;text-shadow:0 2px 20px rgba(255,215,0,.4)}.final-subheading{font-size:clamp(.95rem,2.5vw,1.2rem);color:#c9a66b;margin:0;line-height:1.6}.final-paragraphs{max-width:680px;width:100%;margin:2.5rem 0;display:flex;flex-direction:column;gap:1.5rem}.final-para{font-size:clamp(1rem,2.5vw,1.15rem);line-height:1.85;color:#e8d4c0;text-align:center;opacity:0;transform:translateY(16px);transition:opacity .9s ease-out,transform .9s ease-out}.final-para--visible{opacity:1;transform:translateY(0)}.final-divider{border:none;border-top:1px solid rgba(201,166,107,.4);width:60%;margin:0 auto 2.5rem}.final-reflection{max-width:720px;width:100%;opacity:0;transform:translateY(24px);transition:opacity 1s ease-out .3s,transform 1s ease-out .3s}.final-reflection--visible{opacity:1;transform:translateY(0)}.final-reflection-intro{text-align:center;font-size:clamp(1rem,2.5vw,1.2rem);color:#c9a66b;font-style:italic;margin:0 0 1.75rem}.reflection-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem}.reflection-card{background:#ffffff0f;border:1px solid rgba(201,166,107,.35);border-radius:14px;padding:1.5rem 1.25rem;position:relative}.reflection-card p{font-size:clamp(.9rem,2vw,1.05rem);line-height:1.75;color:#e8d4c0;margin:0}.reflection-card--bonus{grid-column:1 / -1;border-color:#ffd70059;background:#ffd7000f;margin-bottom:2.5rem}.bonus-label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:gold;background:#ffd70026;border-radius:20px;padding:.2rem .75rem;margin-bottom:.75rem}.final-actions{display:flex;flex-direction:column;align-items:center;gap:1rem}.final-cta-btn{display:inline-block;background:linear-gradient(135deg,#0d6b3a,#0ea04e);color:#fff;text-decoration:none;padding:1rem 2.5rem;border-radius:50px;font-size:clamp(.95rem,2vw,1.1rem);font-weight:700;letter-spacing:.5px;box-shadow:0 4px 15px #0d6b3a80;transition:all .3s ease}.final-cta-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0d6b3a99}.final-back-btn{background:transparent;border:1px solid rgba(201,166,107,.4);color:#c9a66b;padding:.65rem 2rem;border-radius:50px;font-size:clamp(.85rem,1.8vw,1rem);cursor:pointer;transition:all .3s ease}.final-back-btn:hover{border-color:#c9a66b;background:#c9a66b1a}@media(prefers-reduced-motion:reduce){.final-message{animation:none}.final-para,.final-reflection{transition:opacity .3s ease;transform:none}.final-para--visible,.final-reflection--visible{transform:none}.final-cta-btn,.final-back-btn{transition:none}.final-cta-btn:hover,.final-back-btn:hover{transform:none}}@media(max-width:600px){.reflection-cards{grid-template-columns:1fr}.reflection-card--bonus{grid-column:1}}.login-page{display:flex;flex-direction:column;min-height:100vh}.testing{border:solid 5px red}.login-main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;gap:1rem}.login-notice{width:100%;max-width:420px;background-color:#fff8e1;border-left:4px solid #f0a500;border-radius:6px;padding:.75rem 1rem;font-size:.875rem;line-height:1.5}.login-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000001a;padding:2.5rem 2rem;width:100%;max-width:420px;text-align:center}.login-card h1{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:.5rem;color:#0d6b3a}.login-subtitle{color:#666;font-size:.95rem;margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:1.25rem;text-align:left}.login-field{display:flex;flex-direction:column;gap:.4rem}.password-wrapper{position:relative}.password-wrapper input{width:100%;box-sizing:border-box;padding-right:2.75rem}.password-wrapper .icon-btn{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.2rem;cursor:pointer;display:flex;align-items:center;color:#333;border-radius:4px}.password-wrapper .icon-btn:focus-visible{outline:2px solid #0D6B3A;outline-offset:2px}.login-field label{font-weight:700;font-size:.9rem;color:#333}.login-field input{padding:.75rem 1rem;border:1.5px solid #ccc;border-radius:8px;font-size:1rem;transition:border-color .2s ease}.login-field input:focus{outline:none;border-color:#0d6b3a}.login-error{background:#fdecea;color:#c0392b;border-radius:8px;padding:.6rem 1rem;font-size:.9rem;text-align:center;margin:0}.login-btn{padding:.85rem;border:none;border-radius:50px;font-size:1rem;font-weight:700;letter-spacing:1px;background:linear-gradient(135deg,#0d6b3a,#0ea04e);color:#fff;cursor:pointer;box-shadow:0 4px 15px #426b1f66;transition:all .3s ease;margin-top:.5rem}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #426b1f80}.login-footer-links{margin-top:1.5rem;font-size:.9rem;display:flex;flex-direction:column;gap:.75rem}.login-footer-links a{color:#000;text-decoration:none;cursor:pointer}.login-footer-links a:hover{text-decoration:underline}button.mode-change-link{background:none;border:none;padding:0;font-size:.9rem;color:#000;cursor:pointer;text-align:center}button.mode-change-link:hover{text-decoration:underline}button.mode-change-link:focus-visible{outline:2px solid #0D6B3A;outline-offset:2px;border-radius:2px}.login-btn:focus-visible{outline:3px solid #0D6B3A;outline-offset:3px}.privacy-note{margin-top:1rem;font-size:.8rem;color:#888;text-align:center;line-height:1.5}@media(prefers-reduced-motion:reduce){.login-btn{transition:none}.login-btn:hover{transform:none}}@media(max-width:480px){.login-card{padding:2rem 1.25rem}}