#onnenKeeper{margin:10px 0 20px;padding:0;min-height:0;background:none;border:0;text-align:right}
#onnenKeeper button{font:inherit;font-size:12px;letter-spacing:.12em;min-height:44px;background:none;border:0;color:#b8a691;padding:10px 16px;cursor:pointer}
#onnenKeeper button:before{content:'◦';margin-right:10px;color:#a06150}
#onnenKeeper button:hover{color:#ead9c0}
#onnenKeeper button:focus-visible,#keeperNotice button:focus-visible{outline:2px solid #b79d84;outline-offset:3px}
#keeperNotice{box-sizing:border-box;width:min(1040px,calc(100% - 24px));max-height:94svh;padding:0;background:#0d0c0b;color:#d7cbb8;border:1px solid #4c3e32;overflow:auto}
#keeperNotice::backdrop{background:rgba(3,4,4,.95)}
#keeperNotice .keeper-notice-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 22px;color:#b8a591;font-size:12px;letter-spacing:.12em}
#keeperNotice button{border:1px solid #514034;background:transparent;color:#d7cbb8;min-height:44px;padding:10px 16px;cursor:pointer;font:inherit;font-size:13px}
#keeperNotice .keeper-stage{position:relative;height:min(52vw,510px);min-height:260px;overflow:hidden;background:#110e0b}
#keeperNotice canvas{width:100%;height:100%;display:block;object-fit:cover;object-position:65% 65%}
#keeperNotice .keeper-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0d0c0b,transparent 20%,transparent 80%,rgba(3,3,3,.2))}
#keeperNotice .keeper-room-footer{padding:16px 28px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
#keeperNotice .keeper-room-footer p{font-size:13px;line-height:1.9;color:#a99d8c;margin:0;flex:1}
#keeperNotice .keeper-letter-wrap{padding:24px clamp(24px,7vw,90px) 40px;border-top:1px solid #403329;max-width:760px;margin:auto}
#keeperNotice .keeper-letter-wrap[hidden]{display:none}
#keeperNotice h2{font:400 27px/1.6 Georgia,'Noto Serif TC',serif;margin:0 0 24px;color:#ddd0bc}
#keeperNotice .keeper-letter p{font-size:15px;line-height:2.1;margin:0 0 18px}
#keeperNotice .keeper-signature{text-align:right;color:#ad8b76;font-size:13px;margin:28px 0 0}
@media(max-width:600px){#onnenKeeper{text-align:left;margin:4px 0 16px}#keeperNotice .keeper-stage{height:340px;min-height:0}#keeperNotice .keeper-notice-top{padding:10px 14px;letter-spacing:.04em}#keeperNotice .keeper-room-footer{padding:12px 18px 20px;flex-wrap:wrap;gap:10px}#keeperNotice .keeper-room-footer p{flex-basis:100%}#keeperNotice .keeper-room-footer button{font-size:12px;padding:8px 12px}}

#keeperNotice .keeper-scenes{display:flex;gap:10px;padding:12px 22px;flex-wrap:wrap}#keeperNotice .keeper-scenes button[aria-pressed=true]{background:#381c19;border-color:#8c5145}#keeperNotice .keeper-stage{height:auto;aspect-ratio:3/2;min-height:0}#keeperNotice canvas{object-fit:contain} @media(max-width:600px){#keeperNotice .keeper-stage{height:auto;aspect-ratio:3/2}#keeperNotice .keeper-scenes{padding:10px 14px}}

#keeperNotice .keeper-speech{position:absolute;z-index:2;left:14%;right:14%;bottom:5%;width:72%;min-height:4.8em;max-height:38%;overflow:auto;padding:10px 16px;border:0;background:transparent;font-family:'Noto Serif TC','Noto Serif JP','Yu Mincho','Songti TC',Georgia,serif;font-size:clamp(15px,1.7vw,22px);font-weight:400;line-height:1.8;letter-spacing:.06em;color:#f1e8da;text-align:center;text-shadow:0 2px 3px #000,0 0 8px #000,0 0 18px #000,0 0 30px #000;cursor:pointer;}#keeperNotice .keeper-speech[hidden]{display:none}#keeperNotice .keeper-speech span{opacity:0;transition:opacity .24s ease}#keeperNotice .keeper-speech span.revealed{opacity:1}#keeperNotice .keeper-stage:after{z-index:1} @media(max-width:600px){#keeperNotice .keeper-speech{left:4%;right:4%;width:92%;bottom:1%;font-size:14px;padding:5px 10px;line-height:1.7;max-height:47%;}}@media(prefers-reduced-motion:reduce){#keeperNotice .keeper-speech span{transition:none}}
#keeperNotice:lang(en) .keeper-speech,#keeperNotice:lang(de) .keeper-speech,#keeperNotice:lang(fr) .keeper-speech,#keeperNotice:lang(es) .keeper-speech,#keeperNotice:lang(pt-BR) .keeper-speech{letter-spacing:.015em}
@media(max-width:360px){#keeperNotice .keeper-speech{max-height:62%;line-height:1.6}}