html,body{height:100%;margin:0}
    body{
      min-height:100dvh;
      display:grid;
      place-items:center;
      font-family:Georgia,serif;
      padding:22px 16px;
    }
    .entry{
      width:min(96vw,760px);
      border-radius:22px;
      padding:26px 24px 22px;
      text-align:center;
      position:relative;
      overflow:hidden;
    }
    .entry::before{
      content:"";
      position:absolute;
      inset:0 0 auto;
      height:120px;
      background:radial-gradient(60% 120% at 50% 0%, rgba(255,255,255,.5), transparent 72%);
      pointer-events:none;
    }
    .emblem{
      width:82px;
      height:82px;
      border-radius:50%;
      margin:0 auto 10px;
      border:1px solid rgba(90,43,115,.2);
      background:rgba(255,250,242,.92);
      overflow:hidden;
      box-shadow:0 10px 20px rgba(0,0,0,.06);
    }
    .emblem img{width:100%;height:100%;object-fit:contain;display:block}
    h1{margin:0 0 6px;color:var(--gold-1);font-family:Cinzel,serif;font-size:clamp(42px,7vw,62px);line-height:1}
    .line{margin:0 0 10px;font-size:clamp(25px,3.8vw,36px);color:var(--gold-1);font-family:Cinzel,serif}
    .copy{margin:0 auto 8px;max-width:560px;font-size:clamp(21px,3vw,29px);line-height:1.28}
    .meta{margin:0 0 18px;color:var(--gold-2);font-size:clamp(17px,2.2vw,20px)}
    .actions{display:grid;gap:10px;max-width:440px;margin:0 auto}
    .notice{display:none}
    .notice.show{display:block}
    .notice-actions{
      display:none;
      margin:0 0 10px;
      justify-content:center;
    }
    .notice-actions.show{display:flex}
    @media (max-width:720px){
      .entry{padding:22px 18px 18px;border-radius:20px}
      .copy{max-width:440px}
    }