.overlay:has(.re-title-modal){padding:0;background:#080507;overflow:hidden;backdrop-filter:none}
.modal.re-title-modal{padding:0!important;border:0!important;border-radius:0;background:none;box-shadow:none;width:100%;max-width:none;height:100dvh;max-height:100dvh;overflow:hidden;display:flex;justify-content:center}
.re-title{position:relative;height:100%;width:min(100%,66.6667dvh);background:#100609 url('assets/title/rebrave.png') center top/100% 100% no-repeat;isolation:isolate}
.re-title:after{content:'';position:absolute;inset:58% 0 0;background:linear-gradient(transparent,#080306a8);z-index:-1;pointer-events:none}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.re-menu{position:absolute;left:15%;right:15%;bottom:max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:clamp(6px,1.1dvh,12px)}
.re-button{width:100%;min-height:44px;height:6.7dvh;max-height:72px;background:linear-gradient(110deg,#161216,#292023,#0f0c0e);border:3px double #b8a99a;box-shadow:0 2px 8px #000,inset 0 0 0 2px #352b2b;border-radius:3px;color:#fff0de;font-family:serif;font-weight:bold;font-size:clamp(19px,3.3dvh,32px);letter-spacing:.18em;text-shadow:0 2px 2px #000;position:relative}
.re-button:before,.re-button:after{content:'✧';position:absolute;top:50%;transform:translateY(-50%);font-size:18px;color:#c1ae98}.re-button:before{left:10px}.re-button:after{right:10px}
.re-button.re-continue{background:linear-gradient(110deg,#39030a,#9c1723,#38030a);border-color:#e1c4a6}.re-button:disabled{opacity:.5;filter:grayscale(.5)}.re-button:hover:not(:disabled){filter:brightness(1.25)}.re-button:active:not(:disabled){transform:translateY(1px)}
.re-audio{align-self:center;background:#100d10db;border:1px solid #a39180;color:#eee2cf;min-height:40px;padding:6px 20px;font-size:12px;letter-spacing:.1em}
.re-footer{text-align:center;color:#d2b79a;letter-spacing:.2em;font-family:serif;font-size:11px;text-shadow:0 1px 4px #000}.re-footer small{display:block;font:9px system-ui;letter-spacing:.1em;color:#b7a69e;margin-top:4px}
@media(max-aspect-ratio:2/3){.re-title{width:100%;background-size:100% auto;background-color:#080507}.re-menu{left:12%;right:12%;bottom:max(15px,env(safe-area-inset-bottom))}}
@media(max-height:480px){.re-title{width:100%;background-size:auto 145%;background-position:18% top}.re-menu{left:58%;right:5%;bottom:12px}.re-button{height:44px;font-size:20px}.re-title:after{inset:0;background:linear-gradient(90deg,transparent,#0803069e)}}