/* 透かしを入れる対象の白背景エリア */
.container, 
.main-card {
    position: relative !important;
    overflow: hidden !important; /* これではみ出しを確実に防ぐ */
    background-color: #ffffff;    /* 白背景を明示 */
    z-index: 1;
}

/* 透かしレイヤーの作成 */
.container::before, 
.main-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; /* 背景のすぐ上に配置 */
    pointer-events: none;
    
    /* 濃さの調整（0.2まで上げました。ハッキリ見えます） */
    opacity: 0.2; 

    /* 【高密度版】SVG背景 */
    /* width/heightを小さくして繰り返し回数を増やし、フォントサイズを調整 */
    background-image: url("data:image/svg+xml,%3Csvg width='120' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' font-size='12' font-weight='bold' fill='%23004488' font-family='sans-serif' text-anchor='middle' dominant-baseline='middle' transform='rotate(-30, 60, 40)'%3E--団体戦--%3C/text%3E%3C/svg%3E");
    background-repeat: repeat;
}

/* 中の文字やコンテンツが透かしに消されないように手前に出す */
.container > *, 
.main-card > * {
    position: relative;
    z-index: 2;
}