.aloha-videos{padding:clamp(4rem,7vw,7rem) clamp(1rem,4vw,4.5rem);scroll-margin-top:1.5rem;background:radial-gradient(ellipse at 90% 0%,#ff4e881a,transparent 50%),#08172f;border-block:1px solid #c1e9ff2e;color:#fffaf1}
.aloha-videos-inner{max-width:86rem;margin:auto}.aloha-videos-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:3rem;margin-bottom:2.5rem}.aloha-videos-heading h2{margin:0;font-family:var(--display,"Arial Black",sans-serif);font-size:clamp(2.6rem,5vw,5.5rem);line-height:.95;letter-spacing:-.055em;text-transform:uppercase}.aloha-videos-heading h2 em{color:#51f6ed;font-style:normal}.aloha-videos-heading>p{max-width:32rem;margin:0;color:#b9c8e2;font-size:1rem}.aloha-videos .tag{color:#ffe441;font-size:.7rem;letter-spacing:.16em;font-weight:900}
.aloha-video-controls{display:flex;justify-content:space-between;align-items:end;gap:1rem}.aloha-videos [hidden]{display:none!important}.aloha-video-filters{display:flex;flex-wrap:wrap;gap:.5rem}.aloha-video-filters button,.aloha-video-empty button{border:1px solid #516381;border-radius:999px;background:#10284f;color:#eaf3ff;min-height:2.75rem;padding:.6rem 1rem;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}.aloha-video-filters button[aria-pressed=true]{background:#51f6ed;color:#07142d;border-color:#51f6ed}.aloha-video-search{display:grid;gap:.3rem;color:#b9c8e2;font-size:.72rem;font-weight:800}.aloha-video-search input{width:min(100%,18rem);border:1px solid #516381;border-radius:.6rem;background:#07142d;color:#fffaf1;padding:.7rem .9rem;font:inherit;font-size:.85rem}.aloha-video-search input:focus-visible{outline:3px solid #ffe441;outline-offset:3px}.aloha-video-count{margin:1.25rem 0 .75rem;color:#b9c8e2;font-size:.75rem}
.aloha-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.aloha-video-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #3b557d;border-radius:1rem;background:linear-gradient(150deg,#142e58,#0b2044);box-shadow:0 1rem 2rem #02081733}.aloha-video-art{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#07142d}.aloha-video-art img{width:100%;height:100%;object-fit:cover;filter:brightness(.68);transition:filter .2s}.aloha-video-art:hover img{filter:brightness(.9)}.aloha-video-badge{position:absolute;top:.8rem;left:.8rem;border-radius:999px;padding:.35rem .65rem;background:#51f6ed;color:#07142d;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.aloha-video-badge-win{background:#ffe441}.aloha-video-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;transform:translate(-50%,-50%);width:3.6rem;height:3.6rem;padding-left:.15rem;border:1px solid #fff9;border-radius:50%;background:#07142dcc;color:#fff;font-size:1.2rem}.aloha-video-duration{position:absolute;right:.6rem;bottom:.6rem;padding:.2rem .45rem;border-radius:.3rem;background:#061126e6;font-size:.7rem;font-weight:800}.aloha-video-copy{display:flex;flex:1;flex-direction:column;align-items:start;padding:1.35rem}.aloha-video-game{margin:0 0 .55rem;color:#51f6ed;font-size:.65rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.aloha-video-copy h3{margin:0;font-size:1.25rem;line-height:1.22;letter-spacing:-.02em}.aloha-video-creator{margin:.8rem 0;color:#b9c8e2;font-size:.75rem}.aloha-video-creator a{text-decoration:underline;text-underline-offset:3px}.aloha-video-summary{margin:0 0 1.25rem;color:#b9c8e2;font-size:.82rem;line-height:1.6}.aloha-video-watch{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;margin-top:auto;padding:.75rem .9rem;border:1px solid #51f6ed;border-radius:.5rem;color:#51f6ed;font-size:.76rem;font-weight:850}.aloha-video-watch:hover{background:#51f6ed;color:#07142d}.aloha-video-note{max-width:70rem;margin:1.4rem 0 0;color:#aebbd5;font-size:.72rem;line-height:1.7}.aloha-video-empty{padding:2rem 0;color:#b9c8e2}.aloha-video-empty button{margin-left:.5rem}.aloha-game-main>.aloha-videos{margin-top:3rem;border-radius:1rem;padding:clamp(1rem,3vw,2.5rem)}.aloha-game-main .aloha-videos-heading h2{font-size:clamp(2.6rem,4vw,4rem)}
@media(max-width:980px){.aloha-videos-heading{grid-template-columns:1fr;gap:1.5rem}.aloha-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header{grid-template-columns:1fr auto auto;gap:.75rem}.header nav{display:flex}.header nav a:not([href="#big-wins"]){display:none}.header .status{font-size:.55rem}}
@media(max-width:620px){.aloha-video-grid{grid-template-columns:1fr}.aloha-video-controls{align-items:stretch;flex-direction:column}.aloha-video-search input{width:100%}.aloha-video-copy{padding:1.2rem}.aloha-videos-heading{margin-bottom:2rem}.aloha-video-filters button{flex:1;padding-inline:.8rem}.aloha-video-empty button{margin:.75rem 0 0}}