.parallax-background{position:fixed;top:-5%;left:-5%;width:110%;height:110%;background-size:cover;background-position:center;z-index:-2;filter:blur(5px);transition:transform .1s ease-out;will-change:transform;pointer-events:none}.haghours-parallax-scrim{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(18,14,10,.68);z-index:-1;pointer-events:none}.section.haghours{padding:0}.haghours-controls{display:flex;justify-content:center;gap:var(--spacing-sm,.75rem);flex-wrap:wrap;margin:var(--spacing-md,1.25rem) 0;padding:.75rem 1rem;background:rgba(28,22,14,.72);border:1px solid rgba(184,147,110,.5);border-radius:4px;backdrop-filter:blur(6px)}.haghours-controls .brass-button{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;padding:.45rem .85rem}.haghours-controls .brass-button svg{width:15px;height:15px;flex-shrink:0}.haghours-controls .bonj-icon{width:18px;height:18px;border-radius:50%;object-fit:cover}.haghours-bingo-wrapper{display:flex;justify-content:center;align-items:flex-start;padding:0 0 var(--spacing-xl,2rem)}#board.board{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;animation:haghours-board-fadein .4s ease-out;width:min(78vw,72vh);height:min(78vw,72vh);margin:0 auto}@keyframes haghours-board-fadein{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}#board .cell{aspect-ratio:1;border:2px solid #b8936e;padding:8px;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(38,30,20,.84);border-radius:3px;transition:all .18s ease;user-select:none;font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-size:clamp(8px, 1.7vmin, 17px);font-weight:400;color:#e8dcc8;word-break:break-word;overflow:hidden;backdrop-filter:blur(4px);position:relative;line-height:1.25}#board .cell:hover{transform:scale(1.03);border-color:#d4a858;background:rgba(55,44,28,.9);box-shadow:0 2px 14px rgba(212,168,88,.25),inset 0 1px 0 rgba(212,168,88,.1)}#board .cell:focus-visible{outline:2px solid #D4A858;outline-offset:2px}#board .cell.checked{animation:haghours-check .28s ease;border-color:#3c827a;color:#e8dcc8}#board .cell.checked::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../assets/images/haghours/crossLight.png');background-size:cover;background-position:center;mix-blend-mode:difference;z-index:1}@keyframes haghours-check{0%{transform:scale(1)}45%{transform:scale(.93)}100%{transform:scale(1)}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(18,14,10,.94);z-index:3000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.overlay.active{opacity:1;pointer-events:auto}.overlay-content{background:linear-gradient(160deg,#2c2318 0,#221c14 100%);border:1px solid #b8936e;border-radius:6px;padding:1.5rem;width:min(520px,92vw);max-height:88vh;overflow-y:auto;display:flex;flex-direction:column;gap:.7rem;box-shadow:0 12px 40px rgba(0,0,0,.7),inset 0 1px 0 rgba(212,168,88,.18),inset 0 0 0 1px rgba(107,83,68,.3);transform:translateY(14px);transition:transform .25s ease;position:relative}.overlay-content::after,.overlay-content::before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d4a858,#8b6030);box-shadow:inset 0 1px 2px rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.5)}.overlay-content::before{top:10px;left:10px}.overlay-content::after{top:10px;right:10px}.overlay.active .overlay-content{transform:translateY(0)}.overlay-content h2{font-family:'Playfair Display',Georgia,serif;font-size:1.15rem;font-weight:700;color:#d4a858;letter-spacing:.04em;border-bottom:1px solid rgba(184,147,110,.35);padding-bottom:.5rem;margin:.25rem 0 0}.overlay-content .label{font-family:'EB Garamond',Georgia,serif;font-size:.82rem;color:#b8936e;text-transform:uppercase;letter-spacing:.1em;display:block;margin-top:.25rem}.overlay-content textarea{width:100%;height:200px;background:rgba(20,16,10,.9);color:#e8dcc8;border:1px solid rgba(107,83,68,.7);padding:10px;border-radius:3px;font-family:'EB Garamond',Georgia,serif;font-size:.9rem;line-height:1.55;transition:border-color .2s;resize:vertical;box-sizing:border-box}.overlay-content textarea:focus{outline:0;border-color:#b8936e;box-shadow:0 0 0 2px rgba(184,147,110,.12)}.overlay-content input:not([type=checkbox]),.overlay-content input[type=text]{width:100%;padding:8px 12px;background:rgba(20,16,10,.9);color:#e8dcc8;border:1px solid rgba(107,83,68,.7);border-radius:3px;font-family:'EB Garamond',Georgia,serif;font-size:.9rem;transition:border-color .2s;box-sizing:border-box}.overlay-content input:not([type=checkbox]):focus,.overlay-content input[type=text]:focus{outline:0;border-color:#b8936e}.overlay-content button:not(.brass-button){padding:8px 16px;background:rgba(212,168,88,.12);color:#e8dcc8;border:1px solid rgba(184,147,110,.6);cursor:pointer;border-radius:3px;font-family:'Playfair Display',Georgia,serif;font-size:.82rem;letter-spacing:.03em;transition:all .18s ease;align-self:flex-start}.overlay-content button:not(.brass-button):hover{background:rgba(212,168,88,.25);border-color:#d4a858}.overlay-content .close-overlay{align-self:flex-end;margin-top:.25rem}.toggle-container{display:flex;align-items:center;gap:.5rem}.toggle-container input[type=checkbox]{width:15px;height:15px;accent-color:#3C827A;cursor:pointer}.screenshot-overlay-content{max-width:92%;width:auto}.screenshot-preview{margin:.6rem 0;text-align:center;display:flex;justify-content:center;align-items:center}.screenshot-preview img{max-width:100%;max-height:52vh;object-fit:contain;border:2px solid #b8936e;border-radius:3px}.screenshot-actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;margin:.6rem 0;flex-wrap:wrap}.action-button{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;background:rgba(212,168,88,.12);color:#e8dcc8;border:1px solid rgba(184,147,110,.6);cursor:pointer;border-radius:3px;font-family:'Playfair Display',serif;font-size:.82rem;transition:all .18s ease}.action-button:hover{background:rgba(212,168,88,.25);border-color:#d4a858}#twitterButton{display:none}.disclaimer-text{font-family:'EB Garamond',Georgia,serif;font-size:.95rem;color:#c0b09a;line-height:1.7}.disclaimer-text p{margin-bottom:.35rem}.firework{position:fixed;width:8px;height:8px;background:#d4a858;border-radius:50%;animation:haghours-launch .5s ease-out;pointer-events:none;z-index:9000}.particle{position:fixed;width:5px;height:5px;border-radius:50%;animation:haghours-explode var(--speed) ease-out forwards;transform:rotate(var(--angle));pointer-events:none;z-index:9000}@keyframes haghours-launch{0%{top:100vh;transform:scale(1)}100%{top:5vh;transform:scale(.1)}}@keyframes haghours-explode{0%{transform:rotate(var(--angle)) translateX(0);opacity:1}100%{transform:rotate(var(--angle)) translateX(100px);opacity:0}}.bingo-image{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7) rotate(0);max-width:80%;max-height:80%;z-index:9999;opacity:0;pointer-events:none}.bingo-image.show{animation:bingo-fadein .5s ease forwards,bingo-spin 1s ease forwards,bingo-pulse 3s ease 1s forwards,bingo-fadeout .5s ease 4.5s forwards}@keyframes bingo-fadein{from{opacity:0}to{opacity:1}}@keyframes bingo-fadeout{from{opacity:1}to{opacity:0}}@keyframes bingo-spin{from{transform:translate(-50%,-50%) scale(.7) rotate(0)}to{transform:translate(-50%,-50%) scale(1) rotate(360deg)}}@keyframes bingo-pulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(.9)}}@media (max-width:768px){.haghours-controls{gap:.4rem;padding:.55rem .6rem}.haghours-controls .brass-button{font-size:.7rem;padding:.38rem .6rem;gap:.3rem}#board.board{gap:2px;width:min(96vw,60vh);height:min(96vw,60vh)}#board .cell{padding:4px;font-size:clamp(7px, 2.2vmin, 13px)}.overlay-content textarea{height:140px}}@media (max-width:480px){#board.board{gap:1px;width:97vw;height:97vw}#board .cell{padding:3px;font-size:clamp(6px, 2.5vmin, 11px)}}