@import url("../would-you-rather/styles.css");
:root{--purple:#ef3f88;--yellow:#ffd13d;--pink:#6d39d8}
body{background:radial-gradient(circle at 8% 10%,rgba(255,209,61,.38),transparent 23rem),radial-gradient(circle at 94% 22%,rgba(66,211,203,.28),transparent 26rem),#fff2f7}
.game-title h1 span{color:#ef3f88}.game-card{background:linear-gradient(150deg,#fff 72%,#ffe0ed)}
.love-lock{display:flex;align-items:center;justify-content:center;gap:8px}.love-lock span,.love-lock b{display:grid;place-items:center;width:64px;height:64px;border:2px solid var(--ink);background:#fff;border-radius:18px;box-shadow:4px 4px 0 var(--ink);font-size:31px}.love-lock b{width:82px;height:82px;background:#ff8fbd;font-size:40px;transform:rotate(-3deg)}
.start-actions{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.facebook-game-button{min-height:48px;padding:0 18px;border:2px solid var(--ink);border-radius:13px;background:#1877f2;color:#fff;font:inherit;font-size:14px;font-weight:900;box-shadow:4px 4px 0 var(--ink);cursor:pointer}
.choice-card{min-height:134px}.choice-a{background:linear-gradient(145deg,#ffd6e7,#ff8fbd)}.choice-b{background:linear-gradient(145deg,#d7ccff,#9e78f2)}
.tag-prompt{margin:5px 0 10px!important;padding:8px 12px;border-radius:11px;background:#c7f3ef;color:var(--ink)!important;font-size:14px!important;font-weight:900}.comparison-note{font-size:11px!important;line-height:1.45!important}
.info{width:min(920px,calc(100% - 30px));display:grid;grid-template-columns:minmax(250px,.85fr) 1.15fr;gap:28px;align-items:center}.info img{display:block;width:100%;height:auto;border:2px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--ink)}.info p{font-size:16px;line-height:1.6}.info nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.info nav a{color:var(--purple);font-size:14px;font-weight:900;text-decoration:none}
@media(max-width:650px){.love-lock span{width:50px;height:50px;font-size:25px}.love-lock b{width:66px;height:66px;font-size:33px}.start-actions{flex-direction:column;width:100%}.start-actions button{width:min(300px,100%)}.info{grid-template-columns:1fr}.info img{max-width:420px;margin:auto}}