@import url('/fonts/fonts.css');
:root{--maroon:#5a0612;--deep:#3a030b;--cream:#fbf3e4;--gold:#d8b26a;--gold2:#f1d9a0;
--c0:#b3263e;--c1:#c4932b;--c2:#5f7d4e;--c3:#3f5785;}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{background:radial-gradient(ellipse at 50% 40%,#7a0b1c 0%,#5a0612 45%,#33020a 100%) fixed;color:var(--cream);
font-family:'Cormorant Garamond','Noto Serif SC','Songti SC','PingFang SC','Microsoft YaHei',serif;overflow:hidden}
.script{font-family:'Great Vibes',cursive;font-weight:400;color:var(--gold2)}
.flo-tl,.flo-br{position:fixed;pointer-events:none;z-index:0;background:url(/img/top.jpg) no-repeat;background-size:contain;
-webkit-mask-image:radial-gradient(ellipse at 0 0,#000 45%,transparent 72%);mask-image:radial-gradient(ellipse at 0 0,#000 45%,transparent 72%)}
.flo-tl{top:0;left:0}
.flo-br{bottom:0;right:0;transform:rotate(180deg)}
.gold-line{height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:.4em auto;width:60%}
.wrap{position:relative;z-index:1;height:100%;display:flex;flex-direction:column}
.hide{display:none!important}
.tile{border-radius:14px;display:flex;align-items:center;gap:.6em;color:#fff;font-weight:700;
box-shadow:inset 0 0 0 2px rgba(241,217,160,.55),0 6px 18px rgba(0,0,0,.35);position:relative;overflow:hidden}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 55%)}
.t0{background:var(--c0)}.t1{background:var(--c1)}.t2{background:var(--c2)}.t3{background:var(--c3)}
.shape{flex:none;width:1.3em;height:1.3em;fill:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}
/* names-font v1 */
@font-face{font-family:'Bachelorette';src:url('/fonts/Bachelorette.woff2') format('woff2');font-display:swap}
.script.coupname{font-family:'Bachelorette','Great Vibes',cursive;line-height:1.3;padding-top:.12em;overflow:visible}