.random-box{background:#e9f4f0;border:1px solid #bed8cf;border-radius:10px;padding:14px 18px;margin:16px 0 22px}.random-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.random-draw{background:#116955;color:white;border-color:#116955;min-width:126px}.random-draw:hover{background:#0b5544}.random-draw:disabled{opacity:.5;cursor:default}.random-note{font-size:14px;color:#486b60}.random-result{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding-top:14px;border-top:1px solid #bed8cf}.random-result strong{display:block;font-size:19px}.random-result span{display:block;font-size:14px;color:#486b60}.random-kicker{margin-bottom:3px}.band-memory{display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:24px 0 28px}.band-memory figure{margin:0;align-self:center}.band-memory img{display:block;width:100%;height:auto}.band-memory figcaption{font-size:12px;color:var(--muted);padding:6px 16px}.memory-copy{padding:24px 30px;align-self:center}.memory-copy h2{font-size:25px;margin-bottom:14px}.memory-copy p{margin:10px 0;line-height:1.85;font-size:16px;color:#455366}.memory-copy .memory-label{font-size:13px;color:var(--accent);letter-spacing:.12em}.memory-copy .memory-sign{font-size:13px;color:var(--muted)}@media(max-width:800px){.band-memory{grid-template-columns:1fr}.memory-copy{padding:18px 22px}.random-result{align-items:start}.random-note{font-size:13px}}
.memory-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 12px 0}.memory-thumbs button{padding:4px;border:2px solid transparent;background:#f2f5f6;overflow:hidden;min-width:0}.memory-thumbs button[aria-pressed=true]{border-color:#116955;background:#e7f5ef}.memory-thumbs img{aspect-ratio:3/2;object-fit:contain}.memory-thumbs span{display:block;font-size:13px;padding:3px 0;color:#455366}#memory-photo{aspect-ratio:1600/1064;object-fit:contain;background:#f7f7f7}
@media(min-width:1000px){.band-memory{grid-template-columns:400px minmax(0,1fr)}.memory-thumbs img{height:60px}.memory-copy{padding:24px 36px}.memory-copy p{max-width:660px}.band-memory figure{border-right:1px solid var(--line)}}